/* ---------------------------------------------------------------------------------

   Onerve Headwear - Master Stylesheet
   Author: Pixel House
   Website: www.pixel-house.com.au

--------------------------------------------------------------------------------- */

body { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; background: #e7e7e7; }
h1, h2, h3, h4, h5, h6, h7 { margin: 0 0 1.0em 0; }
h1 { font-size: 2.25em; color: #186a91; margin: 0 0 0.2em 0; }
h2, h3, h4, h5, h6 { font-size: 0.8em; font-weight: bold; color: #186a91; margin: 0; line-height: 1.4em; }
h2 { font-size: 1.25em; margin: 0 0 0.7em 0; }
h3 { font-size: 0.7em; text-transform: uppercase; }
h3 span { font-weight: normal; text-transform: none; }
p, h6 { margin: 0 0 1.4em 0; font-size: 0.8em; color: #012b4b; line-height: 1.4em; }
p a, ul li a, ol li a, table a, h6 a { color: #186a91; }
p a:hover, ul li a:hover, ol li a:hover, table a:hover { color: #8cb5c9; }
ul, ol { margin: 0 0 1.4em 13px; padding: 0; }
ul li, ol li { font-size: 0.8em; line-height: 1.4em; color: #012b4b; }
a img { border: none; }
table, label { font-size: 0.8em; border-collapse: collapse; }
table { color: #012b4b; }
table th { text-align: left; }
fieldset { border: none; margin: 0 0 1.0em 0; padding: 0; }
textarea { font-family: arial, helvetica, sans-serif; }

#header-wrap { float: left; width: 100%; height: 65px; background: url(../images/top-wrap-bg.jpg) no-repeat center 0 #00101d; min-width: 950px; }
#header,
#content,
#footer
{ width: 960px; margin: 0 auto; padding: 0 15px; }

#shadow { float: left; width: 100%; background: url(../images/shadow-bg.gif) repeat-x 0 0 #fff; }
#content-wrap { float: left; width: 100%; background: url(../images/content-wrap-bg.jpg) no-repeat center 0; min-width: 950px; }
#main { width: 960px; float: left; padding: 0 0 50px 0; min-height: 300px; }

/* ---------------------------------------------------------------------------------
   HEADER
--------------------------------------------------------------------------------- */

#print-logo { display: none; }
#logo { position: absolute; top: 0; left: 760px; }
#logo a { float: left; width: 210px; height: 90px; }
#logo span { display: none; }

#nav { margin: 0; }
#nav li { float: left; list-style-type: none; background: url(../images/nav-divider.gif) no-repeat right 19px; padding-right: 2px; position: relative; }
#nav li a { text-decoration: none; color: #fff; font-size: 1.4em; float: left; height: 33px; padding: 26px 24px 0 24px; }
#nav li a span { display: none; }

#nav #n01 a { padding-left: 0; background: url(../images/n01.gif) no-repeat 0 0; width: 44px; }
#nav #n02 a { background: url(../images/n02.gif) no-repeat center 0; width: 74px; }
#nav #n03 a { background: url(../images/n03.gif) no-repeat center 0; width: 67px; }
#nav #n04 a { background: url(../images/n04.gif) no-repeat center 0; width: 64px; }
#nav #n05 a { background: url(../images/n05.gif) no-repeat center 0; width: 82px; }
#nav #n06 a { background: url(../images/n06.gif) no-repeat center 0; width: 59px; }
#nav #n07 a { background: url(../images/n07.gif) no-repeat center 0; width: 69px; }
#nav #n07 { background: none; }

#header { position: relative; }
#header #nav li a:hover, #header #nav li:hover a { background-position: center -57px; }
#header #nav #n01 a:hover, #header #nav #n01:hover a { background-position: 0 -57px; }


/****** DROPDOWN *************************************/
/*****************************************************/

ul.navigation li:hover ul, li.over ul { display: block; }
ul.navigation li ul { margin: 0px; padding: 0px; }
ul.subuls {
   display: none;
   position: absolute;
   top: 50px;
   left: 0px;
}
#header #nav ul.subuls {
   background: url(../images/subul-arrow.gif) no-repeat center 0;
   padding-top: 14px;
}
#header #nav ul.subuls li {
   float: left;
   clear: both;
   padding: 0;
}
#header #nav ul.subuls li a {
   float: left;
   display: block;
   font-size: 1.1em;
   text-transform: uppercase;
   text-align: center;
   height: auto;
   padding: 15px 20px;
   width: 134px;
   background: url(../images/nav-product-bg.gif) repeat-x 0 bottom #0a2030;
}

#header #nav #resourcesNav { left: -27px; }
#header #nav #productNav { left: -24px; }
#header #nav #cartDropdown { left: -30px; }
#header #nav #servicesNav,
#header #nav #partnersNav
{ left: -35px; }

#header #nav ul.subuls li a:hover { background: #000; }

#header #nav .btm { background: url(../images/subul-btm.gif) no-repeat 0 bottom; padding-bottom: 9px!important; }
#header #nav .btm a { padding-bottom: 6px!important; }
#header #nav .btm:hover { background: url(../images/subul-btm-hover.gif) no-repeat 0 bottom; }

#header #nav #cartDropdown li a span { display: block; color: #ff5454; }
#header #nav #cartDropdown li a { background: url(../images/subul-cartbg.gif) repeat-x 0 0 #0a2030; }
#header #nav #cartDropdown li a:hover { background: url(../images/subul-cartbg-hover.gif) repeat-x 0 0 #000; }


#header #nav #productNav li a { padding: 100px 15px 0 15px; height: 30px; }
#header #nav #fhat a { background: url(../images/nav-hat.jpg) no-repeat 0 0 #0a2030; }
#header #nav #fcap a { background: url(../images/nav-cap.jpg) no-repeat 0 0 #0a2030; }
#header #nav #acap a { background: url(../images/nav-cap2.gif) no-repeat 0 0; }
#header #nav #productNav li a:hover { background-position: 0 -130px; }

#right-text .sifr, #left-text .sifr { color: #8cb5c9; font-size: 1.2em; margin: 0 0 10px 0; }


/* ---------------------------------------------------------------------------------
   MAIN
--------------------------------------------------------------------------------- */

.imgReplace { text-indent: -5000px; }
#heading { float: left; width: 100%; height: 195px; padding: 58px 0 0 0; }
#heading p { color: #8cb5c9; font-size: 1.5em; line-height: 1.2em; margin-top: -3px; }
#left-text { float: left; width: 465px; }
#right-text { float: right; width: 465px; }
#left-text h6 { border-top: solid 1px #bdd4e0; padding-top: 20px; }
.large-text { font-size: 1.1em; line-height: 1.25em; margin: 0 0 1.0em 0; }
.underline { border-bottom: solid 1px #cfcfcf; padding-bottom: 30px; margin-bottom: 25px; }
.services-img { margin-top: 12px; }
.bold { font-weight: bold; }
.margin-btm { margin: 0 0 20px 0; }

fieldset { width: 100%; margin: 0; border-top: solid 1px #c6ccd0; padding: 20px 0 0 0; }
fieldset p { width: 100%; float: left; }
fieldset p label { font-size: 0.85em; font-weight: bold; text-transform: uppercase; float: left; width: 100%; padding-right: 20px; }
fieldset .fieldBox, fieldset select { border: solid 3px #b5c4cc; padding: 4px 5px; width: 449px; float: left; font-size: 1.3em; color: #666; background: #edf6fa; }
fieldset select { width: auto; }
fieldset p label span { font-weight: normal; text-transform: none; }
fieldset input:focus, fieldset textarea:focus { background: #fff3e4!important; color: #000; }
fieldset .postcode { width: 70px; }

/* ---------------------------------------------------------------------------------
   HOME
--------------------------------------------------------------------------------- */

#home #shadow { background: url(../images/shadow-bg.gif) repeat-x 0 56px #fff; }
#home #heading { height: 437px; background: url(../images/home-heading-bg.jpg) no-repeat 0 158px; }
#home #heading h1 { background: url(../images/home-h1.gif) no-repeat center 0; height: 35px; margin: 7px 0 11px 0; }
#home #heading p { background: url(../images/home-intro.gif) no-repeat center 0; height: 23px; margin: 0; }

#home #heading ul { float: left; width: 100%; margin: 0; }
#home #heading ul li { float: left; list-style-type: none; padding: 0; }
#home #heading ul li a { float: left; width: 100%; }
#home #heading a span { display: none; }

#home #adjustable-cap { width: 340px; margin: 20px 0 0 20px; }
#home #adjustable-cap a { height: 250px; }
#home #adjustable-cap a:hover { height: 320px; background: url(../images/tag-adjustable.gif) no-repeat 90px bottom; }
#home #flexseam-cap { width: 260px; margin: 20px 0 0 0; }
#home #flexseam-cap a { height: 320px; }
#home #flexseam-cap a:hover { background: url(../images/tag-flexseamcap.gif) no-repeat 50px 5px; }
#home #flexseam-hat { width: 310px; margin: 20px 0 0 0; }
#home #flexseam-hat a { height: 250px; }
#home #flexseam-hat a:hover { height: 320px; background: url(../images/tag-flexseamhat.gif) no-repeat 30px bottom; }


#home-seam { width: 100%; float: left; background: url(../images/home-seam.gif) repeat-x 0 0; padding-top: 50px; }
#home-boxes { width: 100%; float: left; padding: 0; position: relative; }
#home .hbox { float: left; width: 300px; }
#home .hpadd { padding: 0 30px; }
#home .hbox a img { padding-top: 5px; }
#home .bestof { float: right; padding: 0 0 0 16px; }
#home .bestof img { padding: 0!important; }

.pDis1 { width: 135px; display: block; /* margin-bottom: 36px; */ }
.pDis2 { width: 100px; }
.pDis1 span { font-weight: bold; }

#flashcontent { float: right; width: 215px; height: 260px; position: relative; top: 145px; left: 40px; z-index: 999; margin-top: -290px; }
.noflash { font-size: 0.7em; color: #666; width: 100px; text-align: center; border: solid 1px #ccc; margin: 50px 0 0 70px; padding: 15px 10px; background: #efefef; }
/* #find-partner { position: relative; top: 36px; left: 0; z-index: 999; } */

#h2-about, #h2-become, #h2-find, #h2-partners, #h2-bestof { height: 23px; width: 100%; margin: 0 0 18px 0; }
#h2-about { background: url(../images/h2-about.gif) no-repeat 0 0; }
#h2-become { background: url(../images/h2-become.gif) no-repeat 0 0; }
#h2-find { background: url(../images/h2-find.gif) no-repeat 0 0; }
#h2-partners { background: url(../images/h2-partners.gif) no-repeat 0 0; }
#h2-bestof { background: url(../images/h2-bestof.gif) no-repeat 0 0; }


/* ---------------------------------------------------------------------------------
   PRODUCTS
--------------------------------------------------------------------------------- */

#heading.product { width: 480px; padding-right: 480px; }
#heading.productHat { width: 500px; padding-right: 460px; }

#right-text.productPhoto { margin-top: -185px; }
#right-text.sizefcap { background: url(../images/sizes-flexseamcap.gif) no-repeat center bottom; padding-bottom: 150px; }
#right-text.sizefhat { background: url(../images/sizes-flexseamhat.gif) no-repeat center bottom; padding-bottom: 155px; }
#right-text.no-partners { background: url(../images/no-partners.gif) no-repeat center bottom; padding-bottom: 200px; }

#cartBar { float: left; width: 480px; padding: 10px 0 0 0; margin: 0 0 20px 0; }
#cartBar label { color: #186a91; padding-right: 5px; font-weight: bold; }
.cartOpts { background: url(../images/cartOpts-bg.gif) no-repeat 0 0 #bdd4e0; width: 363px; float: left; padding: 7px 0 0 0; height: 30px; }
.cartOpts a { font-size: 0.7em; color: #186a91; padding-left: 6px; }
.cartOpts .color { width: 80px; }
.qty { width: 23px; margin-right: 2px; border: solid 1px #8cb5c9; padding: 2px; }
.size { margin: 0 3px 0 2px; color: #186a91; font-size: 0.8em; }
.addtocart { float: right; width: 111px; }
.c-black { background: #000; color: #fff; }
.qtyBox { float: left; width: 180px; padding-left: 11px; }
.qtyBox input { border: solid 1px #709ec8; }
.colorBox { float: right; width: 163px; }
.gst { float: left; padding-top: 10px; color: #186a91; }

#scart { background: url(../images/scart-top.gif) no-repeat right 0 #186a91; width: 100%;  border-left: solid 1px #186a91; }
#scart th { text-align: left; color: #fff; padding: 15px 3px 15px 10px; }
#scart td { background: url(../images/table-td-bg.gif) repeat-x 0 0 #dee8ec; color: #186a91; border-bottom: solid 1px #186a91; padding: 9px 3px 9px 10px; }
#scart .totalPr { padding-right: 10px; border-right: solid 1px #186a91; text-align: right; }
#cTotal, #cTotal td, #scart .total { background: #186a91; color: #fff; font-size: 1.0em; }
#cTotal td { padding: 4px 35px 4px 0; color: #d1dfe6; }
#scart .remove { padding-right: 8px; border-right: solid 1px #186a91; }
#scart .iWidth { width: 95px; }
#cTotal td.padT { font-size: 1.5em; padding-top: 10px; }
#cTotal tr.topLine { border-top: solid 2px #508dab; }
.updateQty { float: left; width: 100%; font-size: 0.7em; font-weight: bold; }
.updateQty a { float: right; text-decoration: none; background: url(../images/scart-btnbg.gif) no-repeat 0 0; width: 128px; height: 39px; text-align: center; color: #a8e3ff; padding: 11px 0 0 0; }
.updateQty a:hover { color: #fff; text-decoration: underline; }
#content-wrap .findP { margin-bottom: 25px; }
#h2-embroid { background: url(../images/h2-embroidery.gif) no-repeat 0 0; width: 100%; height: 33px; }
#h2-sendtome { background: url(../images/h2-sendtome.gif) no-repeat 0 0; width: 100%; height: 33px; }
#checkoutSelect { width: 100%; clear: both; border: none; border-bottom: solid 1px #c6ccd0; padding: 0 0 20px 0; margin: 0 0 20px 0; float: left; }
#cLogin fieldset { padding: 0; border: none; }
#cLogin { float: left; width: 100%; }
#cLogin2 { float: left; width: 100%; }
#cLogin2 h3.sifr { font-size: 1.0em; }
#scHeading { float: left; width: 100%; padding-bottom: 15px; }
#scHeading h3 { float: left; font-size: 1.2em; }

#priceTable { width: 480px; margin: 0; float: left; clear: both; }
#priceTable th { background: #186a91; padding: 7px 10px;  color: #dde9ef; font-weight: normal; }
#priceTable td { background: #dde9ef; border-bottom: solid 1px #bdd4e0; padding: 7px 10px; color: #186a91; }
#priceTable span { font-weight: bold; text-transform: uppercase; font-size: 0.7em; float: left; padding-top: 3px; }
#priceTable .lcorner { background: url(../images/priceTable-corners.gif) no-repeat 0 0 #186a91; }
#priceTable .rcorner { background: url(../images/priceTable-corners.gif) no-repeat right -54px #186a91; }

#acceptBox { width: 100%; float: left; margin: 20px 0 0 0; text-align: right; }
#cardNumber { width: 182px; }
#ccvHint { color: #186a91; font-style: italic; width: 270px; }

#contactForm h3 { font-size: 1.2em; margin: 0 0 10px 0; }
#contactForm .antispam { width: 100px; }
#contactForm #antispam { float: left; padding: 7px 8px 0 0; }
#contactForm .submit { float: right; margin-top: -53px; }
#contactForm .enquiry-success, #contactForm .enquiry-error { background: #1a7b00; padding: 5px 0; color: #fff; font-weight: bold; text-indent: 10px; }
#contactForm .enquiry-error { background: #930000; }
#contactForm .red { color: #930000; font-weight: bold; font-size: 11px; font-family: verdana; }
#contact-map { float: left; width: 100%; border-top: solid 1px #c6ccd0; }
#contact-map #states { float: left; width: 130px; padding: 0; margin: 27px 0 0 0; }
#contact-map #states li { list-style-type: none; }
#contact-map #states li a { float: left; width: 100%; }
#flashmap { float: left; width: 215px; margin-top: -20px; }


/* ---------------------------------------------------------------------------------
   BEST OF
--------------------------------------------------------------------------------- */

#best-of { float: left; width: 100%; border-top: solid 1px #cfcfcf; padding-top: 30px; margin-top: 20px; }
#best-of ul { margin: 0; padding: 0; }
#best-of ul li { margin: 0; padding: 0; list-style-type: none; width: 100%; }
#best-of ul li a { text-decoration: none; padding: 0 0 15px 36px; float: left; background: url(../images/btn-videoclip.gif) no-repeat 0 4px; }
#best-of ul li .best-date { font-weight: bold; color: #012b4b; }
#best-of ul li .best-title { color: #012b4b; }
#best-of ul li .best-submitter { font-size: 0.85em; }

/* ---------------------------------------------------------------------------------
   FOOTER WRAP
--------------------------------------------------------------------------------- */

#footer-wrap { float: left; width: 100%; background: url(../images/footer-seam.gif) repeat-x 0 0; }
#footer { text-align: center; padding: 80px 0 20px 0; background: url(../images/footer-logo.gif) no-repeat center 50px; }
#footer p { color: #787878; font-size: 0.7em; }
#footer p a { color: #787878; }
#footer p a:hover { color: #186a91; }
#footer p span { color: #3b3b3b; font-weight: bold; }

.hide { display: none; }