/*** Reset ***/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
list-style:none;
}
/*** General Style ***/
body { background:#8DC73F; font-size:16px; font-family: "Myriad Pro", Myriad, "Segoe UI", Verdana, "Verdana Ref", sans-serif;}
h1 { font-size: 2.5em;}
h2 { font-size: 2.25em; margin: 0 10px 10px 10px}
h3 { font-size: 2em;}
h5 { position: relative; top: 50px; left: 120px; font-size: 1.5em; }
a { outline:none; text-decoration:none; color:#f85d19}
a:hover {color:#0179AE}
a:hover { text-decoration: none; }
a img { border: 0px none; }
em { font-style: italic; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
p { line-height: 1.2em; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.big { font-size: 1.2em; }
.xbig { font-size: 1.5em; }
.small { font-size: 0.85em; }
.xsmall { font-size: 0.5em; }
.center { text-align: center; }
.white { color: #FFF; }
.green { color: #8CC63F; }
.blue { color: #0179AE; }
.darkBlue {color:#014e71}
.orange {color:#f85d19}
.hide { display: none; }
.show { display: block; }
.caps {text-transform: uppercase}
.contact-header { font-weight:bold; color:#fff; text-transform:uppercase; font-size:1.75em; }
.third {width:33%}
.relative {position:relative}
.italic {font-style:italic}
/*** Layout ***/
#boldchat {position:absolute; right:57px; top:11px; z-index:500}
#container { width: 100%; margin: 0; text-align: left; background: #0179AE; position: relative}
/*** Contact Pane ***/
.contact-container { position: absolute; top: 0px; right: 200px; z-index: 1000; text-align:left}
.contact-pane { width: 400px; background-color: #8CC63F; padding-bottom: 1px; display: none; padding-top: 20px; }
.contact-pane h2 { margin-top: 5px; }
.contact-pane p { margin: 0 10px; font-style:italic; }
.contact-btn { cursor: pointer; width: 400px; position: relative; }
.contact-pane #phone {font-style:normal; font-weight:bold; padding-bottom:1em;}
/*** Head ***/
#head { width: 100%; background: url('../img/bg-head.jpg') repeat-x top left; height: 296px; }
#head-center { width: 970px; height: 276px; margin: 0 auto; background: url('../img/top_bg.jpg') top center no-repeat; text-align: center; padding-top: 20px; position:relative }
#head-center .logo { margin-left:7px; }
#head-center #head-text { margin:55px 0 0 61px; float:left; width:690px }
#head-center .headP { text-align:left; font-size: 1.7em; color: #0179AE; width: 690px; line-height:1.39em}
#head-center .headP a { border-bottom: 2px dotted #0078AE; }
/*** Content ***/
#content { width: 100%; float: left; text-align: left; background: #0179AE url('../img/bg-middle.jpg') top left repeat-x; }
#content-center { width: 1000px; position: relative; z-index: 10; margin: 0 auto; text-align: left; padding-bottom:20px; }
/*** NAVIGATION MENU ***/
ul.nav { height: 70px; width: 968px; margin: 20px auto 27px; background: url('../img/sprite_mainnav.png') no-repeat; position: relative; }
.nav li { display: inline; }
.nav li a:link, .nav li a:visited { position: absolute; top: 0; height: 70px; text-indent: -9000px; overflow: hidden; z-index: 10; }
.nav .signs a:link, .nav .signs a:visited { left: 0; width: 218px; }
.nav .signs a:hover, .nav .signs a:focus { background: url('../img/sprite_mainnav.png') no-repeat 0 -140px; }
.current-signs .signs a:link, .current-signs .signs a:visited { background: url('../img/sprite_mainnav.png') no-repeat 0 -70px; cursor: default; }
.nav-signs, .nav-signs-click { position: absolute; top: 0; left: 0; width: 218px; height: 70px; background: url('../img/sprite_mainnav.png') no-repeat 0 -140px; }
.nav .apparel a:link, .nav .apparel a:visited { left: 250px; width: 218px; }
.nav .apparel a:hover, .nav .apparel a:focus { background: url('../img/sprite_mainnav.png') no-repeat -250px -140px; }
.current-apparel .apparel a:link, .current-apparel .apparel a:visited { background: url('../img/sprite_mainnav.png') no-repeat -250px -70px; cursor: default; }
.nav-apparel, .nav-apparel-click { position: absolute; top: 0; left: 250px; width: 218px; height: 70px; background: url('../img/sprite_mainnav.png') no-repeat -250px -140px; }
.nav .promotional-products a:link, .nav .promotional-products a:visited { left: 500px; width: 218px; }
.nav .promotional-products a:hover, .nav .promotional-products a:focus { background: url('../img/sprite_mainnav.png') no-repeat -500px -140px; }
.current-promotional-products .promotional-products a:link, .current-promotional-products .promotional-products a:visited { background: url('../img/sprite_mainnav.png') no-repeat -500px -70px; cursor: default; }
.nav-promotional-products, .nav-promotional-products-click { position: absolute; top: 0; left: 500px; width: 218px; height: 70px; background: url('../img/sprite_mainnav.png') no-repeat -500px -140px; }
.nav .printing-services a:link, .nav .printing-services a:visited { left: 750px; width: 218px; }
.nav .printing-services a:hover, .nav .printing-services a:focus { background: url('../img/sprite_mainnav.png') no-repeat -750px -140px; }
.current-printing-services .printing-services a:link, .current-printing-services .printing-services a:visited { background: url('../img/sprite_mainnav.png') no-repeat -750px -70px; cursor: default; }
.nav-printing-services, .nav-printing-services-click { position: absolute; top: 0; left: 750px; width: 218px; height: 70px; background: url('../img/sprite_mainnav.png') no-repeat -750px -140px; }
/*** END MENU ***/
/*** Content Box Level 1 ***/
.content-box { margin: 20px; background: url('../img/box-b1-r.gif') repeat; position:relative; }
.content-box .top { background: url('../img/box-b1-tl.gif') no-repeat; margin-bottom: -0.4em; }
.content-box .top div { background: url('../img/box-b1-tr.gif') 100% 0 no-repeat; height: 12px; }
.content-box .bot { background: url('../img/box-b1-bl.gif') 0 100% no-repeat; }
.content-box .bot div { background: url('../img/box-b1-br.gif') 100% 100% no-repeat; }
.content-box p { margin: 0 0.5em; padding-bottom: 0.4em; }
.content-box a { color: #8CC63F; border-bottom: 1px dotted #FFF; }
.content-box a:hover { color: #FFF; border-bottom: 1px dotted #8CC63F; }
.content-box .bot ul { margin-left: 1.5em; padding-bottom: 0.4em; }
.content-box .bot ul li { list-style: disc; }
.bot-right { float: right; position: relative; bottom: 0.4em; right: 0.4em; }
.margin-bot { margin: 0 0 20px 0; }
.margin-top-bot { margin: 20px 0; }
/*** Content Box Level 2 ***/
.content-box .bot div .content-box-2 { background: url('../img/box-b2-r.png') repeat; }
.content-box .bot div .content-box-2 .top { background: url('../img/box-b2-tl.png') no-repeat; }
.content-box .bot div .content-box-2 .top div { background: url('../img/box-b2-tr.png') 100% 0 no-repeat; height: 12px; }
.content-box .bot div .content-box-2 .bot { background: url('../img/box-b2-bl.png') 0 100% no-repeat; }
.content-box .bot div .content-box-2 .bot div { background: url('../img/box-b2-br.png') 100% 100% no-repeat; padding: 0 10px; }
#quotes { float: left; margin-left: 30px; margin-top: -5px; }
/*** Home Page ***/
.qspecial { width: 350px; }
.qspecial .content-box { margin-left: 0px; }
.market-tip { width: 600px; }
.market-tip .bot div div { background: url('../img/body-marketing.png') 10px 0 no-repeat; }
.market-tip p { padding-top: 4em; }
.home-slider {position:relative; width:971px; height:416px; margin:0 auto -20px}
.slider-holder {position:relative; z-index:1}
.home-slider .slide-right {position:absolute; right:57px; top:75px; width:205px; color:#000}
.home-slider #next a {position:absolute; top:140px; right:-11px; height:70px; width:52px; z-index:5; display:block; background: url(../img/sprite_rightarrow.png) no-repeat}
.home-slider #next a:hover {background-position: 0 -70px}
.home-slider #prev a {position:absolute; top:140px; left:-11px; height:70px; width:52px; z-index:5; display:block; background: url(../img/sprite_leftarrow.png) no-repeat}
.home-slider #prev a:hover {background-position: 0 -70px}
.home-slider #fadeLeft {width:50px; height:416px; position:absolute; top:0; left:-1px; z-index:3; background:url(../img/fader.left.png) no-repeat;}
.home-slider #fadeRight {width:50px; height:416px; position:absolute; top:0; right:-1px; z-index:3; background:url(../img/fader.right.png) no-repeat;}
/*** About Page ***/
#left-container { width: 720px; }
.body-info { margin-left: 0px; width: 302px; }
p.map { width: 325px; margin: 0 auto; }
/*** Marketing Tips ***/
.tip { width: 750px; }
.archive { width: 190px; margin: 20px 20px 20px 0px; }
ol { margin-left: 50px; list-style-type: decimal !important; }
ol li { list-style: decimal !important; }
/*** Service Pages ***/
#tabs {width:100%}
.ui-tabs-panel {position:relative}
.subnav { width:179px; position:relative; margin-left:16px; }
.subnav li {margin-bottom:5px;}
.subnav li:last-child {margin-bottom:0}
html>body .subnav li:last-child{margin-bottom:0}
.subnav li a { width:163px; height:38px; padding:9px 0 0 7px; display:block; margin-bottom:5px; background:url(../img/subnav.buttons.sprite.png) -8px -117px no-repeat }
.subnav li a:hover {color:#FFF; background-position:-8px -63px}
.subnav li a.active {width:167px; color:#FFF; font-weight:bold; background-position:-8px -7px}
.subnav li a.active:hover {color:#FFF; cursor:default}
.marginRight {margin-right:20px}
.description {width:318px;}
.description .top {height:9px; background:url(../img/whitebox.top.png) no-repeat}
.description .rpt {background:#FFF url(../img/whitebox.y-repeater.png) repeat-y}
.description .bot {height:9px; background:url(../img/whitebox.bottom.png) no-repeat}
.description h1 {font-size:2em; font-weight:bold; margin:0; padding:0 15px 15px}
.description p {padding:0 15px 1em}
.description .easy-uploader-btn {position:static; background:none; height:auto; width:auto; padding:0; margin:0; display:inline; }
.description .easy-uploader-btn:hover {color:#0179AE}
.description ul {margin-left:40px}
.description ul li {margin-bottom:0.25em; list-style:url(../img/orangefella.png) outside}
.description ul {padding-bottom:1em}
.description ul li:last-child {margin:0; padding-bottom:-1em}
.ui-tabs {min-height:480px; height:auto !important;}
.slideshow {width:428px}
.showholder {position:relative; width:428px; height:375px; background:#014e71}
.showholder li {padding:20px}
.caption {padding-top:0.5em}
.pagerholder {width:100%; height:87px; margin-top:1em; position:relative}
.pager {width:390px; height:87px; margin-left:23px}
.pager li {float:left; width:118px; list-style:none; border:2px solid #014e71; margin-right:8px}
.pager li.activeSlide { cursor:default}
.pager a { width:118px; padding:0; display:block}
.pager img { border:none; display:block}
.next, .prev {width:15px; height:21px; cursor:pointer; position:absolute; top:40%}
.next {right:0; background:url(../img/slideshow.right.jpg) no-repeat}
.prev {left:0; background:url(../img/slideshow.left.jpg) no-repeat}
/*** Foot ***/
#toolbar {width:100%; clear:both; background:url(../img/superfooter.bg.png) repeat-x; height:288px}
#toolbar .inner {height:100%}
#toolbar .inner .relative {height:100%}
#toolbar .inner2 {padding:15px 20px 0;}
a.easy-uploader-btn, a#special-print-button {position:absolute; left:65px; bottom:10px; padding-top:10px; width:179px; height:35px; display:block; margin:0 auto; background:url(../img/superfooter.buttons.sprite.png) -8px -61px no-repeat}
a.easy-uploader-btn:hover, a#special-print-button:hover {color:#FFF; background-position: -8px -7px}
#news-list {margin:0; list-style:none}
#news-list li {margin-bottom:10px}
#news-list li a:hover {text-decoration:underline}
.face, .twit {position:absolute; bottom:14px; left:20px}
.twit {left:150px}
/*** Easy Uploader ***/
#eu-2 { display: none; }
#eu-choose { width: 135px; height: 36px; margin: 0.5em 0; background: url(../img/sprite_choose.png) no-repeat; }
#eu-choose.hover { background-position: 0 -36px; cursor: pointer}
ol.files { margin-left: 15px; }
div.main-dialog.ui-widget-content { border: 1px solid #aaaaaa; background-color: #0078ae; color: #FFF; }
div.sub-dialog, div.sub-dialog div, div.sub-dialog div a { background: none; margin: 0; padding: 0; border: 0 none; }
div.sub-dialog span.ui-icon, div.sub-dialog .ui-dialog-titlebar { background: none; }
div.sub-dialog .ui-dialog-content { padding: 0; }
.files-submit { width: 213px; height: 32px; background: url('../img/sprite_submit.png') 0 0 no-repeat; margin: 1em 2.8em; }
input.files-submit.hover { background-position: 0 -35px; cursor: pointer; }
input.eu { padding: 2px; }
#affiliates {width:100%; clear:both; background:url(../img/affiliatefooter.bg.png) repeat-x; height:111px}
#affiliates .title {position:relative; top:-40px; letter-spacing:4px}
#foot {width:100%; clear:both; background:url(../img/greenfooter.bg.png) repeat-x; height:54px}
#foot a:hover {color:#f85d19}
#toolbar .inner, #affiliates .inner, #foot .inner {width:1000px; margin:0 auto; position:relative}
#affiliates .inner2, #foot .inner2 {padding: 0 20px; height:100%}
#foot .inner {padding-top:8px}
/*** Forms ***/
form { margin: 0 auto; width:380px; }
form div { margin-bottom: 5px; vertical-align: text-top; }
form div.required { font-weight: bold; }
label { font-size: 1.0em; text-transform:uppercase; letter-spacing:3px; font-weight:bold; color:#fff; }
label em { color:#990000; font-weight:bold; }
input, textarea { height:23px; font-size: 1em; padding: 7px; width: 350px; margin-bottom: 0.5em; font-weight: normal; border:3px solid #D6FF9F; color:#0078AE; background-color:#fff; font-weight:bold; }
input.easy-uploader-submit { width: 204px; height: 21px; margin: 1em 4.8em; clear: both; border: 0 none; background: url(../img/sprite_submit.png) no-repeat; }
input:hover.easy-uploader-submit { background-position: 0 -35px; }
input:focus, textarea:focus { background-color:#EAFFCF; }
input[type=submit] { padding: 2px 5px; vertical-align: bottom; width:130px; clear:both; margin-left: 240px; height:37px; cursor: pointer; }
input[type=submit]:hover { background-color:#8CC63F; }
button { margin: 5px 0 5px 2em; }
div.submit { height: 45px; width: 1px; }
input.easy-uploader-next { width: 204px; height: 21px; margin-right: 1.1em; float: right; clear: both; border: 0; background: url(../img/sprite_next.png) no-repeat; }
input:hover.easy-uploader-next { background-position: 0 -35px; }
/*** Errors ***/
.error-message { display: none; }
.message { clear: both; color: #0179AE; font-size: 1.2em; padding: 20px; }
#flash { display: none; }
/* Footer Logo */
.nologyFooter { opacity:.5; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; text-decoration:none; position:relative; top:8px}
a.nologyFooter { border:none; }
a.nologyFooter:hover { opacity:1; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; }