@charset "utf-8";
/* 
****************************
Bang Template CSS
****************************
----------------------------
IMPORT LIST
----------------------------*/
@import"/local/css/type.css";
@import"/local/css/columns/column-3.css";

/*-- Hacks --*/
*{margin:0px; padding:0px;}
* html .s{font-size:0; white-space:nowrap;}
.s{clear:both; height:0px; line-height:0px; margin:0px; padding:0px; font-size:0px; display: block;}

img, div, input { behavior: url("/lib/htc/iepngfix.htc"); }
img{font-size:0px; margin:0px; padding:0px; border:0px; display:block;}

/* -------- CONSTANTS ------------ */
.text{padding:0px 10px 0px 10px;}
.text img{float:right; padding:0px 0px 20px 20px;}

ul{list-style:none;}
a span{display:none;}

.content_top{background:url(/local/images/assets/content_top.gif) no-repeat; height:5px; line-height:0px;}
.content_centre{background:url(/local/images/assets/content_centre.gif) repeat-y;}
.content_base{background:url(/local/images/assets/content_base.gif) no-repeat; height:5px;}

/* -------- Content -------------- */

#wrap #logo h1{visibility:hidden; display:none;}

#wrap #head{margin:10px 0px 0px 0px;}
#wrap #header{padding:10px 20px 10px 20px;}

#wrap #main_nav{margin:-8px 0px 0px 0px;}
#wrap #main_nav ul{}
#wrap #main_nav ul li{float:left; padding:3px 0px 0px 0px; display:inline; height:35px;}

#wrap #main_nav ul li#contact{float:right; width:103px; margin:0px 20px 0px 0px;}
#wrap #main_nav ul li#contact a{display:block; height:30px; width:93px; padding:0px 0px 0px 10px; background:url(/local/images/assets/button3.gif) no-repeat;}
#wrap #main_nav ul li#contact a:hover{ background-position:0 -33px; color:#FF0000;}
#wrap #main_nav ul li.current a{background-position:0 -33px !important; color:#FF0000;}

#wrap #main_nav ul li#home{ width:117px;}
#wrap #main_nav ul li#home a{display:block; height:30px; width:117px; padding:0px 0px 0px 30px; background:url(/local/images/assets/button1.gif) no-repeat;}
#wrap #main_nav ul li#home a:hover{background-position:0 -33px; color:#FF0000;}
#wrap #main_nav ul li.current a{background-position:0 -33px !important; color:#FF0000;}

#wrap #main_nav ul li#origin{width:100px;}
#wrap #main_nav ul li#origin a{display:block; height:30px; width:100px; padding:0px 0px 0px 10px; background:url(/local/images/assets/button2.gif) no-repeat;}
#wrap #main_nav ul li#origin a:hover{ background-position:0 -33px; color:#FF0000;}
#wrap #main_nav ul li.current a{background-position:0 -33px !important; color:#FF0000;}

#wrap #main_nav ul li#field{width:100px;}
#wrap #main_nav ul li#field a{display:block; height:30px; width:100px; padding:0px 0px 0px 10px; background:url(/local/images/assets/button2.gif) no-repeat;}
#wrap #main_nav ul li#field a:hover{ background-position:0 -33px; color:#FF0000;}
#wrap #main_nav ul li.current a{background-position:0 -33px !important; color:#FF0000;}

#wrap #main_nav ul li#technical{width:100px;}
#wrap #main_nav ul li#technical a{display:block; height:30px; width:100px; padding:0px 0px 0px 10px; background:url(/local/images/assets/button2.gif) no-repeat;}
#wrap #main_nav ul li#technical a:hover{ background-position:0 -33px; color:#FF0000;}
#wrap #main_nav ul li.current a{background-position:0 -33px !important; color:#FF0000;}

#wrap #main_nav ul li#purchase{width:103px;}
#wrap #main_nav ul li#purchase a{display:block; height:30px; width:103px; padding:0px 0px 0px 10px; background:url(/local/images/assets/button3.gif) no-repeat;}
#wrap #main_nav ul li#purchase a:hover{ background-position:0 -33px; color:#FF0000;}
#wrap #main_nav ul li.current a{background-position:0 -33px !important; color:#FF0000;}

#wrap #content{background:#E2E2E2; clear:both;}
#wrap #content .content_centre{padding:10px;}

#wrap #content .content_centre .link{width:205px; height:35px; margin:10px 0px 0px 0px;}

#wrap #content .content_centre .discover a{width:205px; height:35px; display:block; background:url(/local/images/assets/discover_btn.gif) no-repeat;}
#wrap #content .content_centre .discover a:hover{ background-position:0 -35px;}
#wrap #content .content_centre .expert a{width:205px; height:35px; display:block; background:url(/local/images/assets/read_btn.gif) no-repeat;}
#wrap #content .content_centre .expert a:hover{ background-position:0 -35px;}
#wrap #content .content_centre .purchase a{width:205px; height:35px; display:block; background:url(/local/images/assets/purchase_btn.gif) no-repeat;}
#wrap #content .content_centre .purchase a:hover{ background-position:0 -35px;}

#wrap #content .content_centre .text .forms label{width:100px; display:block; float:left;}
#wrap #content .content_centre .text .forms input{width:250px; border:1px solid #999999;}
#wrap #content .content_centre .text .forms input.btn{width:205px; border:0px;}
#wrap #content .content_centre .text .forms textarea{width:250px; border:1px solid #999999;}
#wrap #content .content_centre .text .forms li{margin:0px 0px 10px 0px;}
#wrap #content .content_centre .text .forms .quantity input { width:30px; }
#wrap #content .content_centre .text .forms .quantity label { width:110px; }
form .quantity .error { display: inline; padding-left: 10px;}
form .error { color: #f00; font-size: 0.9em; padding-left: 100px; }
textarea { font-family:"Trebuchet MS"; font-size: 14px;}

#wrap #content .content_centre .text{font-size:13px; color:#666666;}
#wrap #content .content_centre .text h2{margin:0px 0px 10px 0px;}
#wrap #content .content_centre .text img{margin:0px 0px 0px 0px;}
#wrap #content .content_centre .text ul{margin:50px 0px 0px 0px;}
#wrap #content .content_centre .text ul li{margin:10px 0px 0px 0px;}

#footer{margin:0 auto; padding:10px; height:100%; width:960px; background:#666666;}
#footer ul li{float:left; margin:0px 0px 0px 10px; display:inline; font-size:12px !important; color:#9B9B9B;}