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

/* --- Body - control position #container, allows centering of site -- */
body {
	margin:3px;
	padding:0px;
	background-color:#F0FAFE;
	text-align:center;
}

.clear{
	float:none;
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;
}

.clearheight{
	float:none;
	clear:both;
}

/*CONTAINER*/
#container {
	width:762px;/*IE 55*/
	w\idth:760px;
	color:#333333;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #96DAF4;
}

/****** QUICK NAV + SEARCH AND QUICK BUY FORMS *********/
div#quicknav{
	width:760px;/*IE 55*/
	font-size:70%;
	color:#FF9900;
	font-weight:bold;
	text-align:right;
	padding:5px;
	border-bottom:1px solid #35518E;
}

	/* required to line both forms up! */
	div.form-options{
		float:right;
		clear:both;
		margin-right: 13px;
		width: 300px;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
	}

	div.form-options label {
		margin-right: 10px;
	}
	
	div.form-options.search-box{
		margin-top: 13px;
	}
	
	div.form-options.quick-buy{
		margin-top: 10px;
	}
	
	div.form-options.quick-buy div, div.form-options.quick-buy form{
		display: inline;
	}
	
	div.form-options.quick-buy select{
		width: 180px;
	}
	
	div#logo div.form-options label a{
		color:#fff;
		text-decoration:none;
	}
	
	div#logo div.form-options input.search{
		width: 150px;
	}
	
	div#logo div.form-options label{
		color:#fff;
	}
	
	/*form labels*/
	div#quicknav div.form-options .label{
		float:left;
		display:inline;/*IE 6*/
		margin:3px 0px 0px 5px;
		letter-spacing:0.1em;
	}
	
	div#quicknav div.form-options .pipe{
		margin:0px 5px 0px 0px;
	}
	
		div#quicknav div.form-options a{
			color:#FF9900;
			text-decoration:none;
		}
		
		div#quicknav div.form-options a:hover{
			text-decoration:underline;
		}
	
	/*search input field + quick buy select menu*/
	div#quicknav div.form-options input.search,
	div#quicknav div.form-options select.quickbuy{
		font-size:11px;
		color:#336699;
		padding:2px;
		background-color:#FFFFFF;
		border:1px solid #336699;
	}
	
	/*search go button*/
	div#quicknav div.form-options input.go{
		font-size:11px;
		color:#0066FF;
		font-weight:bold;
		background-color:#ffffff;
		border:none;
		margin:0px 10px 0px 5px;
		padding:1px;
	}


/***** LOGO AND MAIN SITE LINK ********/
div#logo{
	width:760px;
	height:80px;
	max-height:134px;/*fix op*/
	background-color:#00A7E6;
	background-image:url(/skin_thoritedirect/templateimages/background_logo.jpg);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
}

	/*used for alternate img for print*/
	img.print-off{
		display:none;
	}

	/*main thorite site link*/
	div#logo img.mainsite{
		float:right;
		display:inline;/*IE 6*/
		margin:82px 11px 0px 0px;
	}

/***** LOGO AND MAIN SITE LINK ********/
div#nav{
	width:760px;/*IE 55*/
	background-color:#1E2676;
	background-image:url(/skin_thoritedirect/templateimages/nav_background.jpg);
	background-repeat:repeat-x;
	border-width:1px 0px;
	border-color: #35518E;
	border-style:solid;
	margin-bottom:11px;
}

div.nav-pad{
	padding-left: 11px;
}

	div#nav img{
		margin:0px;
		padding:0px;
	}

/***** CONTENT *******/
div#content{
	float:left;
	display:inline; /*IE 6*/
	width:526px;
	font-size:75%;
	margin:0px 0px 11px 11px;
}
	
div#content h1 {margin-top: 0px;}
	
	div#content table{
		font-size:100%;
	}
	
	/*FIX FOR LUKE, STYLE IS MAKING HOMEPAGE LARGER, PLACED MARGIN-RIGHT INTO CLASS "MR-15" AND PLACED AT LINE 199 OF PRODUCT.ASP*/
	div#content img.mr-15{
		margin-right:15px;
	}

/***** RH COLUMN *******/

/*FIX FOR LUKE used to contain both the basket and buttons*/
div#RHcontainer{
	position:relative; /*fix ie peekaboo*/
	float:right;
	display:inline; /*IE 6 */
	width:192px;
	font-size:70%;
	margin-right:12px;
}
	/*BUTTONS ABOVE BASKET*/
	div.buttons{
		width:192px;
		margin:16px 0px 11px 0px;
		text-align:center;
	}
	
		div.buttons img{
			margin: 2px 0px 2px 0px;
		}
	
/***** BASKET *******/
div#basket{
	width:100%;/*IE 55*/
	float:right;
	color:#333333;
	margin:0px 0px 11px 0px;
	border:1px solid #33A2DD;
}

div.basket-pad {
	padding: 10px;
}

	/*my basket title*/	
	div#basket .my-basket{
		display:block;
		color:#FFFFFF;
		font-weight:bold;
		letter-spacing:0.1em;
		background-color:#174C96;
		/*background-image:url(/skin_thoritedirect/templateimages/icon_basket.gif);
		background-repeat:no-repeat;
		background-position:10px 7px;*/
		padding:5px 11px 5px 40px;
		margin:0px -11px 5px -11px;
	}
	
	/*basket items in pale blue*/
	div#basket div.items{
		padding:2px;
		background-color:#E0F5FC;
		margin-bottom:10px;
	}
	
	/*used on mini basket totals*/
	p.total-left,
	p.total-right{
		font-weight: bold;
		color: #00A7E6;
	}
		p.total-left{
			float:left
		}
		p.total-right{
			float:right
		}
	
	/*remove margins from p's in basket to narrow baselines*/
	div#basket p{
		margin:3px 0px;
	}
	
	/*used for line in basket*/
	div#basket hr.minibasketline{
		float:none;
		clear:both;
		width:100%;
		height:1px;
		color:#B6E9FA;
		background-color: #B6E9FA;
		padding:0px;
		margin:5px 0px;
		border:1px solid #B6E9FA;
	}
	
	/*new products/ special offers / clearance links in basket*/
	div#basket a.basket-links{
		display:block;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		background-color:#00A7E6;
		background-image:url(/skin_thoritedirect/templateimages/icon_arrow.gif);
		background-repeat:no-repeat;
		background-position:15px 8px;
		padding:5px 11px 5px 30px;
		margin:5px -11px 0px -11px;
	}
		div#basket a.basket-links:hover{
			background-color:#FF9900;
		}

/***** BASE TEXT NAV  *******/
div#base-nav{
	float:none;
	clear:both;
	width:738px;
	font-size:70%;
	color:#cccccc;
	text-align:center;
	border-top:1px solid #CCCCCC;
	padding:5px 0px;
	margin:0px 11px;
}

	div#base-nav a{
		color:#999999;
		text-decoration:underline;
	}
	div#base-nav a:hover{
		color:#000000;
		text-decoration:underline;
	}
		
/***** FOOTER INFO, tel/fax etc *******/
div#footer{
	float:none;
	clear:both;
	font-size:70%;
	color:#0176A2;
	text-align:center;
	border-top:1px solid #E0F5FC;
	margin:5px 11px;
	padding:5px 0px;
}

	div#footer a{
		color:#0176A2;
		text-decoration:underline;
	}
	div#footer a:hover{
		color:#FF9900;
		text-decoration:none;
	}





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


#searchbox input {
	width: 148px;
}


#searchbox #searchbutton {
	width: 10px;
	text-align: right;
	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.submit {
	height: 22px;
	width: 30px;
}

#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;
}

.asterix{
	font-size:150%;
	font-weight:bold;
	color:#CC0000;
	margin:0px 3px;
}

.quantitydiscount{
	background-color:#BBE5FA;
	font-weight:normal;
	font-style:italic;
	text-align:left;
}
	.quantitydiscount p{
		padding:3px 10px;
	}
	.quantitydiscount a{
		font-weight:bold;
	}