/*=======================================================
 CSS Document for Arctic Fox Optics
=======================================================*/

@import url("global.css");
@import url("thickbox.css");

.hidden { display: none; }
.show { display: block; visibility: visible; }


/*=============================================================
	Main layout
=============================================================*/

#container { width: 920px; height: auto; display: block; padding: 0 10px; margin: 0 auto; background: url('../images/core/bg-repeat.png') repeat-y 0 0; clear: both; }
#container:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
body#popupwindow #container { width: 740px; height: auto; padding: 10px; margin: 10px auto; display: block; background-image: none!important; background-color: #fff; clear: both; }

/*=============================================================
	Header - nav + cart + banner
=============================================================*/

#header { width: 920px; height: auto; background-color: #000; border-top: 5px solid #fff; float: left; clear: both; }

/*NAVIGATION*/
ul#nav { width: 610px; height: 40px; margin: 0; list-style: none; display: inline; float: left; border-bottom: 5px solid #fff; clear: both; }
ul#nav li { width: auto; height: 13px; float: left; display: inline; margin: 12px 0 10px 20px; }
ul#nav a { background: url('../images/core/arrow-off.gif') no-repeat 0 6px; padding-left: 10px; color: #fff; text-decoration: none; display: block; }
ul#nav a:hover { background: url('../images/core/arrow-on.gif') no-repeat 0 6px; color: #b8d8ff; text-decoration: none;  }
/*on page*/
body#homepage a#navhome, body#about-us a#navabout, body.products-special a#navspecials, body#become-distributor a#navbecome, body#register-product a#navregister, body#contact-us a#navcontact { 
background: url('../images/core/arrow-on.gif') no-repeat 0 6px; color: #b8d8ff; text-decoration: underline; font-weight: bold; }

/*CART*/
#cart { float: right; width: 310px; height: 40px; display: inline; font-size: 1.1em; color: #b8d8ff;  border-bottom: 5px solid #fff; }
#cart span { float: left; width: 190px; padding-top: 13px; text-align: right; }
#cart a { float: right; width: 115px; height: 40px; display: block; background: url('../images/core/cart-off.gif') no-repeat 0 7px; text-indent: -9999em; }
#cart a:hover { background: url('../images/core/cart-on.gif') no-repeat 0 7px; } 

/*BANNER*/
#banner { width: 920px; height: 150px; overflow: hidden; float: left; clear: both; display:block;  border-bottom: 5px solid #fff; background: url('../images/core/bg-banner.jpg') no-repeat 0 0; }
#banner h2#logo-inner {  width: 200px; height: 150px; float: left; margin: 0; display: inline; }
#banner h2#logo,  #banner #cycle-images { display: none; }
/*for iframepages*/ body#popupwindow h2#logo { width: 740px; height: 120px; display: block; clear:both; margin-bottom: 10px; }
/*for homepage flash only*/
body#homepage #banner { width: 920px; height: 210px; background: url('../images/core/bg-flash.jpg') no-repeat 0 0!important; }
body#homepage #banner h2#logo { width: 220px; height: 210px;  float: left; margin: 0; display: inline!important; }
body#homepage #banner h2#logo-inner { display: none!important; }
body#homepage #banner #cycle-images { width: 370px; height: 210px; overflow: hidden; float: left; display: inline!important; }


/*=============================================================
	Main body - left + right
=============================================================*/

#mainpage { width: 920px; height: auto; float: left; border-bottom: 5px solid #fff; display: block; clear: both; }

#left-column { width: 180px; float: left; }
/*product catalogue - accordion style*/
#mailing-list a { background: url('../images/core/button_mailinglist.gif') no-repeat; width: 180px; height: 57px; display: block; text-indent: -9999px; overflow: hidden; border-bottom: 5px solid #ffffff; }
#mailing-list a:hover { background-position: 0 -57px; }
ul#catalogue { width: 180px; height: auto; padding: 30px 0 0 0; margin: 0 0 20px 0; display: block; list-style: none; background: url('../images/core/title-catalogue.gif') no-repeat 0 0;}
ul#catalogue ul { list-style: none; background: none; margin: 0; padding: 0; float: left; }
ul#catalogue ul li { font-size: 1em; display: inline; width: 180px; float: left; margin-bottom: 1px; }
ul#catalogue li li a { font-size: 1em; float: left; width: 150px; background: #354465 url('../images/core/arrow-off.gif') no-repeat 10px 9px; color: #fff; padding: 2px 10px 3px 20px; display: block; text-decoration: none; }
ul#catalogue li li a:hover{background: #47597c url('../images/core/arrow-on.gif') no-repeat 10px 9px; color: #b8d8ff; display: block; text-decoration: none; }
ul#catalogue li li a:hover, ul#catalogue li li a.current {background: #47597c url('../images/core/arrow-on.gif') no-repeat 10px 9px; color: #b8d8ff; display: block; text-decoration: none; }
ul#catalogue li li a.current { font-weight: bold; }
li.no-products { margin-left: 5px; color:#fff; } 

/*right-contents*/
#right-contents { width: 735px; height: auto; overflow: hidden; display: block; float: right; }
.contents { float: left; width: 735px; display: inline-block; height: auto; clear: both; }
.contents p, .contents h2, .contents h3 { padding: 0 10px; }
img.side { float: right; margin: -20px 10px 0 20px; }

#detail-box {
	margin: 20px 0 0 0;
	padding: 0 20px;
}

#right-box {
	margin-left: 25px;
}


/*=============================================================
	Footer
=============================================================*/

#footer { width: 930px; height: auto; padding: 0; margin: 0 auto; display: block; clear: both; }
ul#address { list-style: none; width: 930px; height: 15px; display: inline-block; margin: 0 0 5px 0; background-color: #323537; padding: 10px 0; }
ul#address li {  width: auto; display: inline; color: #ccc1a8; font-size: 1.1em; margin-left: 20px; }
ul#address a, ul#address a:hover { color: #fff; text-decoration: underline; }
#footer p { padding-left: 20px; font-size:1.1em; color: #323537; }
#footer a { color: #323537; text-decoration: none;}
#footer a:hover { color: #323537; text-decoration: underline;}


/*=======================================================
 End of CSS Document for Arctic Fox Optics
=======================================================*/