/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

/* --- Body - control position #container, allows centering of site -- */
body {
	text-align: center;
	background: #03014a url(../templateimages/bcgSiteBg.gif) repeat-x 0 0;}

#container {
	display: block;

	margin: 0 auto;}

/* Contains rest of HTML */
#centrecontainer {
	width: 760px !important;
	text-align: left;
	margin: 0 auto;
	min-height: 100%;
	position: relative;}


/* --- Header section ------------------------------------------------ */
#header {
	width: 760px;
	margin: 0;
	height: 120px;}

#header #title {
	float: left;
	margin: 0;
	width: 290px; }

#header #InStock {
	position: absolute; left: 290px;
	*position: relative; *left: 0; *float: left;
	_float: left;
	_position: none;
	
	width: 200px;
	zoom: 100%;}
#header #InStock img {
	margin-top: 10px;}

#header #WorkBag {
	width: 200px; height: 120px;
	text-align: right;
	padding: 0 10px 10px;
	position: relative; bottom: 2px;
	zoom: 100%;
	position: absolute; top: -1px; left: 550px;}
#header #WorkBag a {
	text-decoration: none;}
#header #WorkBag .workbagcontent {
	margin: 0; padding: 0;
	position: relative; bottom: 6px;}	
	
/* Top links */
#navbartop {
	text-align: right;
	position: relative; bottom: 30px; *top: -3px; 
	zoom: 100%;}
#navbartop ul.links {
	font-size: 100%;
	zoom: 100%;
	_position: relative; _bottom: 0;}
#navbartop ul.links li {
	list-style: none;
	margin: 0; padding: 0;
	text-align: center;
	display: inline;
	*position: relative; *top:0px; 
	_float: right; *float: right;
	_width: 118px; *width: 118px;
	zoom: 100%;}
#navbartop ul.links a, #navbartop ul.links a:visited {
	float: right;
	text-decoration: none;
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 120%;
	padding: 0; margin: 0 0 0 1px;
	display: block;
	width: 118px; height: 26px;
	background: transparent url(../templateimages/tab.gif) no-repeat 0 0;
	text-align: center;
	zoom: 100%;}
#navbartop ul.links a.selected, #navbartop ul.links a.selected:visited {
	background: transparent url(../templateimages/tab_selected.gif) no-repeat 0 0;}
#navbartop ul.links a:hover{
	background: transparent url(../templateimages/tab_selected.gif) no-repeat 0 0;
	zoom: 100%;}

#navbartop ul.links span {
	position: relative; top: 5px;
	zoom: 100%;
	cursor:pointer;}
	


	
	

/* --- Entire page body section - everything below the header -------- */
#pagebody {
	position: relative; bottom: 30px;  _top: -30px;
	padding: 0;	margin: 0;
	background: transparent url(../templateimages/sitebg.gif) repeat-y 0 0;
	zoom: 100%;}
#pagebodyinner {
	padding: 0; margin: 0;
	background: transparent url(../templateimages/sitebgtop.jpg) no-repeat 0 0;}

/* Left hand section of page body (if you have one!) */
#left {
	width: 185px;
	margin: 0px;
	float: left;
	background: #303030 url(../templateimages/bcgLeftBarTL.gif) no-repeat 0 0;}
#left h4 {
	margin: 0 0 5px; padding: 0;}

#left .loggedinimg {
	margin: 5px 0 0;
	text-align: center;}	
	
#minilogin {
	margin: 0 3px 3px;
	padding: 5px;
	color: #fff;}
#minilogin h4 {
	margin-top: 5px;}
#minilogin label {
	width: 60px;
	float: left;
	font-size: 90%;
	font-weight: bold;
	margin-top: 2px;}	
#minilogin input {
	float: left;
	width: 100px;}
#minilogin .btnsubmit {
	text-align: right;}
#minilogin input.submit {
	float: none;
	width: 30px; height: 18px;
	padding: 0 0 6px;
	colour: #ccc;
	border: 1px solid #888;
	border-bottom: 1px solid #333; border-right: 1px solid #333;}
	

	
#left #EmailNewsletter {
	background: #444;
	padding: 10px;
	margin: 0 5px 5px;
	*margin-bottom: 1px;}
#left #EmailNewsletter p {
	text-align: center;
	zoom: 100%;}
#left #EmailNewsletter label {
	width: 50px;
	float: left;
	font-size: 90%;
	font-weight: bold;
	margin-top: 2px;}
#left #EmailNewsletter input {
	float: left;
	width: 100px;}
#left #EmailNewsletter .btnsubmit {
	text-align: right;
	width: 100%;}
#left #EmailNewsletter input.submit {
	float: none;
	width: 65px; height: 18px;
	padding: 0 0 6px;
	colour: #ccc;
	border: 1px solid #888;
	border-bottom: 1px solid #333; border-right: 1px solid #333;}	
	
	
	
#left #searchbox {
	background: #444;
	margin: 0 5px 5px;
	*margin-bottom: 1px;}
#left #searchbox .inner {
	padding: 10px;}
#left #searchbox input {
	width: 97%; height: 14px;
	background: #000 url(../templateimages/inputBG.gif) repeat-x 0 0;
	color: #fff;
	margin: 0 0 3px 0;
	padding-left: 3px;}
#left #searchbox input#searchbutton {
	width: 30px; height: 18px;
	padding: 0 0 5px;
	colour: #ccc;
	border: 1px solid #888;
	border-bottom: 1px solid #333; border-right: 1px solid #333;}	



#left #CCLogos {
	text-align: center;
	margin: 20px 0;}
	
	

/* Dynamic page content section of page body */
#pagecontent {
	width: 575px; _width: 565px;
	float: left;
	margin: 0; padding: 0;}
	
#subnav {
	margin: 0;
	height: 23px;
	text-align: right;
	background: #000 url(../templateimages/bcgSubNav.gif) repeat-x 0 0;
	_width: 574px; padding: 0;}
#subnav ul {
	margin: 0; padding: 0;}
#subnav li {
	display: inline;
	list-style: none;
	margin: 0; padding: 0;
	border-left: 1px solid #999;}
#subnav a {
	position: relative; top: 4px;}
#subnav a:link, #subnav a:visited {
	margin: 0 7px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;}
#subnav a:hover {
	color: red;
	text-decoration: underline;}

#pagecontent_pad {
	margin: 5px;
	_margin: 5px 0 5px 5px;
	padding: 0;	
	zoom: 100%;}
	
.cntContPage {
	padding: 10px;}
.cntContPage h1.productname {
	text-transform: uppercase;}

/* Right hand section of page body */
#right {
	width: 0;
	margin: 0px;
	float: right;
	margin-top: 0px;
	padding-top: 0px;}

/* --- Footer -------------------------------------------------------- */
#footer {
	position: relative; bottom: 30px; _top: -35px;
	clear: both;
	text-align: center;
	width: 760px;
	margin: 0 auto;}
	
#footer .cntLogos {

	margin-bottom: 10px; padding: 1px 0 10px;
	background: #000;}
#footer .cntLogos img {
	border: 0;}
#footer .cntLogos ul {
	margin: 10px 0 0; padding: 0;
	list-style: none;
	border-top: 1px solid #000;}
#footer .cntLogos li {
	display: inline;
	margin: 0; padding: 0 7px;}

/* Footer nav links */
#footer .links {
	margin: 0px;}

#footer .links li {
	list-style: none;
	display: inline;}
	
#footer .links a {
	font-size: 7pt;
	padding: 2px;
	margin-left: 3px;
	margin-right: 3px;}

/* T&Cs text */
#terms {
	text-align: left;
	margin: 4px 0 12px;
	padding-top: 10px;
	color: #fff;}
#terms a {
	color: #fff;
	font-weight: normal;
	text-decoration: underline;}
#terms a:hover {
	color: red;
	text-decoration: none;}
	
#terms .copy {
	float: left;}
#terms .sitedesign {
	float: right;}


/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select, #prodtypemenuform select {
	width: 168px;
	margin: 0;
	padding: 0;}



/* --- Template items ------------------------------------------------ */
#left_pad {
	padding: 0px 5px 0px 8px;}

#left h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;}

/* search and mailinglist forms */
#quicksearch form {
	display: block;}



#left input.text {
	width: 95px;}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;}

#right h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;}