/* ---------------------------------------------------------------------------------
   
   Auski - Master Stylesheet 
   Author: Feris Technologies
   Website: www.feris.com.au 

--------------------------------------------------------------------------------- */
.hide { display: none; }
body { margin: 0; padding: 0; background: url(../images/bg.jpg) repeat-x 0 0 #9eb6cd; font-family: arial, helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 0.6em 0; }
h1 { color: #143c7a; font-size: 1.2em; font-weight: normal; }
h2 { color: #143c7a; font-size: 0.75em; height: 35px; }
h2 a { color: #143c7a; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
h3 { color: #143c7a; font-size: 0.75em; line-height: 1.3em; }
ul li { font-size: 0.8em; line-height: 1.3em; }
p { font-size: 0.75em; margin: 0 0 1.2em 0; line-height: 1.3em; color: #4d4d4d; }
p a { color: #4d4d4d; }
p a:hover { color: #000; }
a img { border: none; }

#wrapper { width: 100%; float: left; background: url(../images/bg-wrapper.jpg) no-repeat center 0; min-width: 980px; }
#wrap-center { width: 980px; margin: 0 auto; }

#header { width: 980px; height: 140px; float: left; }
#logo { margin: 32px 0 0 0; float: left; }
#logo a { width: 226px; height: 80px; display: block; float: left; background: url(../images/logo.jpg) no-repeat 0 0; text-indent: -5000px; }

#main { width: 960px; float: left; padding: 10px; background: #fff; }


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

#hleft { width: 840px; float: left; }

#hright { float: right; width: 550px; }
#hright ul { float: right; margin: 6px 0 0 0; padding: 0; }
#hright ul li { float: left; padding: 3px 8px; font-size: 0.7em; list-style-type: none; }
#hright ul li a { color: #fff; display: block; float: left; text-decoration: none; }
#hright ul li a:hover { text-decoration: underline; }
#hright .nomargin { padding-right: 0px; }

#header fieldset { margin: 10px 0 0 0; padding: 0; border: none; float: right; }
#header fieldset .fieldBox { border: solid 1px #284979; width: 180px; padding: 3px; float: left; }
#header .submit { float: left; margin-left: 6px; }

#liveChat { float: right; margin: 10px 10px 0 0; display: inline; }

#cart { background: #3b76d2; float: right; width: 173px; border: solid 1px #204c90; clear: both; margin: 10px 0 0 0; padding: 7px 5px 0px 8px; height: 52px; }
#cart h3 { font-size: 0.8em; color: #fff; margin: 0; background: url(../images/icon-cart.gif) no-repeat 98px 0; }
#cart p { color: #cddff7; font-size: 0.7em; margin: 0; }
#cart p a { color: #f7d512; text-decoration: none; }
#cart p a:hover { text-decoration: underline; }
#cart p span { color: #fff; font-weight: bold; }
#cart .orange { color: #ffbe69; }

#featured { margin-top: 10px; float: left; }
#featured h2 { text-transform: uppercase; background: url(../images/bg-headingblue.gif) repeat-x 0 0 #2c5597; color: #fff; width: 840px; text-align: center; padding: 9px 0px; border-bottom: none; margin: 0; }


/* ---------------------------------------------------------------------------------
   NAVIGATION
--------------------------------------------------------------------------------- */

#nav { width: 980px; float: left; background: #143c7a; }
#nav ul { margin: 0; padding: 0; float: left; background: #143c7a; }
#nav ul li { float: left; list-style-type: none; font-size: 0.75em; font-weight: bold; position: relative; z-index:100; }
#nav ul li a { float: left; display: block; padding: 10px 0px 0px 0px; text-align: center; color: #fff; height: 25px; text-decoration: none; }
#nav ul li a:hover { background: #fff; color: #0c2853; }

#nav .divider { background: url(../images/nav-divider.gif) no-repeat right center; padding-right: 1px; }
#nav .orange a { color: #f7d512; }
#nav .super a { color: #f7d512; font-weight: bold; }

#n01 { width: 80px; }
#n02 { width: 81px; }
#n03 { width: 99px; }
#n04 { width: 124px; }
#n05 { width: 64px; }
#n06 { width: 184px; }
#n07 { width: 133px; }
#n08 { width: 125px; }
#n09 { width: 82px; }


/* ---------------------------------------------------------------------------------
   NAVIGATION - Dropdown Styles 
--------------------------------------------------------------------------------- */

#nav ul li:hover ul, #nav li.over ul { display: block; }
#nav ul li ul { margin: 0px; padding: 0px; }
#nav .subuls {
   display: none;
   position: absolute;
   top: 34px;
   left: -1px;
   z-index: 20;
}
#nav .subuls li {
   float: left;
   clear: both;
   border-top: 1px solid #0c2143;  
}
#nav .subuls li a { 
   text-decoration: underline; 
   float: left; 
   display: block; 
   width: 180px; 
   text-align: left;
   font-size: 11px; 
   text-decoration: none;
   padding: 8px;
   height: auto;
}
#nav .subuls li a { text-align: left; padding-left: 22px; }


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

#main .headingblue { background: url(../images/bg-headingblue.gif) repeat-x 0 0 #3767b2; color: #fff; text-transform: uppercase; padding: 9px 0px; }

#breadcrumbs { width: 760px; float: left; }
#breadcrumbs p { font-size: 0.7em; color: #616161; }
#breadcrumbs p a { color: #616161; }
#breadcrumbs p a:hover { color: #000; }

#checkout { float: right; width: 190px; text-align: right; font-size: 0.7em; color: #0c2853; font-weight: bold; }
#checkout a { color: #0c2853; }

#content { float: left; width: 600px; border-right: solid 1px #ccc; border-top: solid 1px #ccc; padding: 15px 20px 0 10px; }
#content h3 { text-transform: uppercase; font-size: 0.7em; color: #666; margin: 0 0 0.3em 0; }
#content ul { margin: 0 0 1.2em 0; padding: 0; }
#content ul li { background: url(../images/li-arrow.gif) no-repeat 0 center; padding-left: 14px; line-height: 1.3em; color: #4d4d4d; list-style-type: none; }
#content li a { color: #4d4d4d; }
#content li a:hover { color: #000; }

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

#footer-blue { width: 980px; float: left; background: #143c7a; }

#footer-login { width: 376px; padding: 10px 16px 0px 16px; float: left; height: 128px; background: url(../images/bg-login.gif) repeat-x 0 bottom; margin: 10px 0px 10px 10px; display: inline; }
#footer-login h3 { color: #bad5ff; font-weight: normal; border-bottom: solid 1px #3364b1; width: 274px; padding: 0px 0px 10px 0px; margin: 0 0 15px 0; }
#footer-login h3 span { color: #fff; font-weight: bold; }
#footer-login h3 a { color: #bad5ff; }
#footer-login h3 a:hover { color: #fff; }

#footer-links { width: 553px; float: right; padding-top: 28px; }
#footer-links ul { float: left; margin: 0; border-left: solid 1px #7b92b4; padding: 0 0 0px 7px; min-height: 130px; }
#footer-links ul li { list-style-type: none; padding: 0; font-size: 0.7em; line-height: 1.5em; }
#footer-links ul li a { color: #fff; text-decoration: none; }
#footer-links ul li a:hover { text-decoration: underline; }

#list1, #list2 { width: 131px; }
#list3 { width: 130px; }
#list4 { width: 123px; }

#footer { width: 980px; float: left; height: 120px; padding: 0px 0px 10px 0; }
#footer p { font-size: 0.7em; color: #4065a9; }
#footer p a { color: #2c497d; }

#footer-login .fieldBox { width: 186px; padding: 3px; border: solid 1px #0b2041; }
#footer-login fieldset { border: none; padding: 0px; margin: 3px 0px 0px 0px; width: 378px; }
#footer-login fieldset p { margin: 0 0 0.8em 0; width: 100%; display: block; }
#footer-login fieldset label { color: #fff; float:left; display: block; width: 100px; font-weight: bold;  margin-right: 10px; padding: 5px 0px 2px 0px; }
#footer-login fieldset .top { margin: 1.4em 0 0.6em 0; }
#footer-login fieldset input:focus, fieldset textarea:focus { background: #fff0a9; }
#footer-login .submit { float: right; margin: -32px 0 0 0; }

#footer #left { float: left; padding-top: 16px; }
#footer #right { float: right; text-align: right; width: 500px; }
#footer p span { font-weight: bold; }

#twitter { float: right; clear: both; margin: 0 0 10px 0; }