@import url("reset.css");
@import url("cmxform.css");
@import url("thickbox.css");

/* main tags */
body {font:1em Verdana, Arial, Helvetica, sans-serif; color:#d0d0d0; background:#000;}
.left { float:left; }
.right{ float:right; }
.clear { display:block; clear:both; }
p {padding-bottom:20px; font-size:.8em; line-height:1.7em; }
a { text-decoration:none; color:#c2edff; }
a:hover { text-decoration:underline; } 
dl { color:#fff; padding-bottom:20px; }
dt { font-weight:bold; padding-bottom:10px;}
dd { padding-bottom:7px; font-size:.9em;}
ol { list-style:disc; font-size:.8em; margin-left:20px; line-height:1.5em; }
ol li { padding-bottom:15px; }

td { font-size: 12px;}
table { margin-bottom: 10px;}

div.notice { color: #333; font-weight: bold; border: 1px solid #2c5197; background-color: #bcd2ee; padding: 10px; margin-bottom: 8px; }

/* containers */
#header-container{ height:91px; background:url(/images/core/header-container-bg.jpg) repeat-x;}
	#header{ width:962px; margin:0 auto; position:relative;}
#banner-container{height:280px; background:url(/images/core/banner-container-bg.jpg) repeat-x center;}
	#banner{width:962px; margin:0 auto; position:relative;}
#nav-container{height:36px; background:url(/images/core/nav-container-bg.jpg) repeat-x;}
	#nav{ width:960px; height:36px; margin:0 auto; border-left:1px solid #6b6767; border-right:1px solid #6b6767;}
#main-container{padding-top:8px; background:#3d3d3d url(/images/core/main-container-bg.jpg) repeat-x;}
	#main{ width:962px; margin:0 auto;}
		#categories { height:210px; padding:0 10px; background:url(/images/core/categories-bg.jpg) repeat-x; border-left:1px solid #6b6767; border-right:1px solid #6b6767; }
		#featured-products{ height: 235px; padding:0 10px; background:url(/images/core/featured-products-bg.jpg) repeat-x; border-left:1px solid #6b6767; border-right:1px solid #6b6767;}
		#content{display:block; position:relative; padding: 0 10px 10px 10px; background:#505050 url(/images/core/content-bg.jpg) repeat-x; border-left:1px solid #6b6767; border-right:1px solid #6b6767;}
#footer-container{background: #000 url(/images/core/footer-container-bg.jpg) repeat-x; height:300px;}
	#footer{ width:962px; margin:0 auto; padding:10px 0; font-size:.6em; color:#9f9f9f; line-height:1.4em;}
	
/* navigation */
#nav ul {width:960px; }
#nav ul li { float:left; list-style:none; line-height:36px; font-size:.8em; padding:0 5px; border-right:1px solid #4e4e4e;}
#nav ul li a { display:block; padding:0 6px; color:#fff; text-decoration:none; }
#nav ul li a:hover {color:#c2edff; }
#bHome #nav ul li#home, #bComp #nav ul li#comp, #bProd #nav ul li#prod, #bBefo #nav ul li#befo, #bTips #nav ul li#tips, #bDeal #nav ul li#deal, #bRequ #nav ul li#requ, #bAdva #nav ul li#adva, #bCont #nav ul li#cont { background:#000; } 

/* Headings */

#featured-products h2 { height:28px; padding:12px 0 17px 9px; background:url(/images/headings/h2-featured-products.gif) 0 12px  no-repeat; text-indent:-9999px;}
#categories h2 { height:35px; padding:10px 0 5px 9px; background:url(/images/headings/h2-interested.gif) 0 10px  no-repeat; text-indent:-9999px;}


#featured-products h2 { height:28px; padding:12px 0 17px 9px; background:url(/images/headings/h2-featured-products.gif) 0 12px  no-repeat; text-indent:-9999px;}
#categories h2 { height:35px; padding:10px 0 5px 9px; background:url(/images/headings/h2-interested.gif) 0 10px  no-repeat; text-indent:-9999px;}
h1 { height:35px; padding:11px 0 25px 9px; background:url(/images/headings/h1-company-profile.gif) 0 11px  no-repeat; text-indent:-9999px; }
h1#hHome {background-image:url(/images/headings/h1-welcome.gif); }
h1#hComp {background-image:url(/images/headings/h1-company-profile.gif); }
h1#hCate {background-image:url(/images/headings/h1-categories.gif); } 
h1#hSCat {background-image:url(/images/headings/h1-sub-categories.gif); }
h1#hProL {background-image:url(/images/headings/h1-product-listing.gif); }
h1#hProd {background-image:url(/images/headings/h1-product.gif); }
h1#hBefo {background-image:url(/images/headings/h1-before-you-buy.gif); }
h1#hTips {background-image:url(/images/headings/h1-tips-and-tricks.gif); } 
h1#hAdva {background-image:url(/images/headings/h1-advanced-search.gif); }
h1#hCont {background-image:url(/images/headings/h1-contact-us.gif); }
h1#hRequ {background-image:url(/images/headings/h1-request-information.gif); }
h1#hDeal {background-image:url(/images/headings/h1-dealers.gif); }

h3 { padding:10px 0 10px 0; }
/* footer */

#footer a {color:#9f9f9f; padding:0 4px; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
.affiliate { border:2px solid #fff; margin-bottom:5px; }
a:hover .affiliate { border:2px solid #333; }

/* Categories */

#categories ul, #product-categories ul { padding-left: 0px; }
#categories ul li, #product-categories ul li { width:300px; padding:0 6px; border-right:1px solid #3e3434; height:149px; display:block; float:left; text-align:center; }
#product-categories ul li {border:1px solid #6a6969; padding:3px; margin:2px; }
#product-categories ul li h2 { font-size: 1.4em; color: #f2f2f2; font-weight: normal; text-transform: uppercase; padding: 5px 5px 0 5px; }
#categories ul li a, #product-categories ul li a {width:300px; height:149px; display:block; }
#categories ul li a:hover {background:url(/images/products/product-hover.jpg) no-repeat;}
#product-categories ul li a:hover {background:url(/images/products/product-category-hover.jpg) no-repeat; text-decoration: none;}
#categories ul li a img, #product-categories ul li a img { padding-top:10px; }

/*sub-categories */

#product-sub-categories ul li { list-style:none; width:278px; height:80px; margin:10px; float:left; border:1px solid #888; background:#666; color:#fff; padding-left: 10px; padding-top: 10px; }
#product-sub-categories ul li.listing { height: 200px; width: 435px; }

#product-sub-categories ul li img { float:left; border:0px solid #777; }
#product-sub-categories ul li h4 {font-size:.9em; font-weight:bold; padding-bottom:4px; margin-bottom: 0px; margin-top: 0px; }
#product-sub-categories ul li p { line-height:1.2em; padding:0; margin-bottom: 10px; margin-right: 10px; }
#product-sub-categories { padding-bottom:20px; }

#product-sub-categories ul li a { border: 1px solid #000000; display: block; float: left; margin-right:7px; margin-bottom: 10px;  }
#product-sub-categories ul li a:hover { border: 1px solid #ffffff; }

/* Featured Products */

#featured-products ul { display:block; float:left; width: 100%; clear: both; padding-bottom: 10px;}
#featured-products ul li {padding-right:30px; display:block; float:left; width: 99%; }

.featured-image-holder { margin-right:15px; margin-left: 5px; width: 210px; height: 160px; float:left; display:block; background:url(/images/products/featured-picture-holder.jpg); }
.featured-image-holder a img { padding:5px; }
.featured-image-holder a:hover img {border:5px solid #ccc; padding:0; }

.featured-image-holder-right { margin-right: 0px; float: right; width: 392px !important; overflow: hidden; }
.featured-image-holder-right a img { padding:5px; }
.featured-image-holder-right a:hover img {border:5px solid #ccc; padding:0; }

.featured-text-holder { width:290px; padding-right:10px; float:left; display:block; }
.featured-text-holder strong {padding-bottom:5px; font-size:.9em; color:#fff;}
.featured-text-holder a:hover strong { text-decoration:underline; }
.featured-text-holder p { padding:0; color:#c2edff; font-size:.7em; line-height:1.5em;}

.features-holder { width: 300px; height: auto; float: right; margin: 0 0 30px 30px; }
.features { width: 300px; border: 0px;  border:1px solid #6b6767; background-image: url(/images/headings/features-table.jpg); font-size: .8em; }
.features tr td { padding-top: 5px; padding-bottom: 5px; padding-left: 20px; border-right:1px solid #6b6767;  }

a.button-see-more { margin-top:15px; width:62px; height:62px; display:block; float:left; background:url(/images/buttons/see-more.gif) no-repeat; text-indent:-9999px; }
a.button-request-info { display: block; width: 124px; height: 62px; background-image: url(/images/buttons/request.gif); float: right; margin: 50px 170px  0 0; }

/* product */
#main-product-image { float:left; border: 0px solid #ccc; margin:0 20px 20px 0; }

#thickbox-holder { padding:20px 0 20px 0; }
#thickbox-holder ul li, #thickbox-holder ul { list-style: none!important; }
#thickbox-holder ul li { text-align:center; width:100px; float:left; margin-right: 80px; }
#thickbox-holder ul li img { border:5px solid #666666; padding:0; }
#thickbox-holder ul li a:hover img { border:5px solid #ccc; padding:0; }
#thickbox-holder ul li p {clear:both; padding:0; }

/* header elements */
#logo {position:absolute; left:10px; top:30px; width:345px; height:41px; display:block; background:url(/images/buttons/logo.gif) no-repeat;}
#logo a { width:354px; height:41px; display:block; text-indent:-9999px; }

/*search */
#search {position:absolute; right:10px; top:30px; display:block; width:231px; height:42px; background:url(/images/core/search-bg.gif) no-repeat; }
#search form input {position:absolute; top:13px; left:83px; width:115px; border:none!important;}
button#button-search { position:absolute; right:10px; top:10px; width:22px; height:22px; background:url(/images/buttons/search.gif) 0 0 no-repeat; border:none; text-indent:-9999px;
	}
button#button-search:hover { background-position:0 -22px; cursor:pointer; }

/* Banner Elements */
#banner-cta { position:absolute; top:100px; left:2px;}
#banner-product { position:absolute; top:-16px; right:2px;}

/* content */
#address { float:right; width:290px; height:auto; padding:20px 0 30px 20px; margin-top:43px; font-size:.8em; border-left:1px solid #828282; }
#content ul { padding-left: 30px; }
#content ul li { padding-bottom:7px; font-size: 12px; list-style: disc; }
#content ul li h3 { font-size:1.1em; }
#content ul.blank { padding-left: 0px;  }
#content ul.blank li { list-style: none; }
#content ul.blank li p { font-size: 12px!important;  }

#content ul.product-specs { padding-left: 0px;  }
#content ul.product-specs li { list-style: none; margin-left: 15px; }
#content ul.product-specs li p { font-size: 12px!important; }


/*bread crumbs */
#bread-crumbs { position:absolute; top:15px; right:10px; font-size:.7em; }

/*country map */
ul#country-map {display:block;height:471px;position:relative;width:492px; margin:auto; padding-bottom:30px;}
ul#country-map li {background:transparent url(/images/core/mudmap.gif) no-repeat 0 0;display:block;position:absolute;text-indent:-9999px;}

ul#country-map li#wes {background-position:-1px -45px;height:319px;left:1px;top:45px;width:198px;}
ul#country-map li#nor {background-position:-192px -2px;height:209px;left:192px;top:2px;width:113px;}
ul#country-map li#que {background-position:-308px 0;height:257px;left:308px;top:0;width:184px;}
ul#country-map li#new {background-position:-343px -254px;height:121px;left:343px;top:254px;width:149px;}
ul#country-map li#vic {background-position:-330px -322px;height:75px;left:330px;top:322px;width:111px;}
ul#country-map li#tas {background-position:-373px -420px;height:51px;left:373px;top:420px;width:47px;}
ul#country-map li#sou { background-position:-200px -209px; height:176px; left:200px; top:209px; width:141px; }

ul#country-map li#wes.active  {background-position:-492px -45px; z-index:500; cursor:pointer;}
ul#country-map li#nor.active {background-position:-683px -472px; z-index:500; cursor:pointer;}
ul#country-map li#que.active {background-position:-799px 0; z-index:500; cursor:pointer;}
ul#country-map li#new.active {background-position:-834px -724px; z-index:500; cursor:pointer;}
ul#country-map li#vic.active {background-position:-821px -322px; z-index:500; cursor:pointer;}
ul#country-map li#tas.active {background-position:-864px -420px; z-index:500; cursor:pointer;}
ul#country-map li#sou.active { background-position:-200px -679px; z-index:500; cursor:pointer;}

ul#dealers li { float:left; width:250px; height:120px; display:block; background:#333; border:1px solid #666; margin: 10px; padding:10px; font-size:.8em; }
ul#dealers li a strong { display:block; font-size:1.1em; padding-bottom:10px; }

#contact-details { padding-left: 0px; font-size:.9em; clear: both; }
iframe { width:550px; height:300px; float:right; border:3px solid #333; margin:0 20px 20px 20px; }
div#google_map { width:550px; height:300px; float:right; border:3px solid #333; margin:0 20px 20px 20px; }
a.thickbox img { border:3px solid #333; margin-left:15px; margin-bottom: 10px;}
a.thickbox:hover img { border:3px solid #666;}

#advance-search dl { float:left; width:180px; height:120px;}
#advance-search label { font-size:1.3em; color:#fff; padding-right:40px; display: block; clear: both; }
#advance-search input.small-text { width: 70px; }
#advance-search input.med-text { width: 155px; }

div.product-images { width: 600px; height: 150px; padding: 0px!important; margin: 0px!important;}
div.product-images ul li, div.product-images ul { margin: 0px; }
div.product-images ul li { margin-right: 45px!important;}