/* --- Main layout --- */

/*////////////////////////////////////////
	GLOBAL GENERIC
////////////////////////////////////////*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	line-height:1.4em;
	background-image:url(../templates/images/shadow.jpg);
	background-color:#333333;
	background-position: center;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background:url(../templates/images/wrapper_bg.jpg) repeat-y;
	background-position: top right;
  
}

* html #wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background:url(../templates/images/wrapper_2_bg.jpg) repeat-y;
	background-position: top right;
  
}

/*////////////////////////////////////////
	HEADER STYLES
////////////////////////////////////////*/
	
.header {
	height: 120px;
	float:left;
	width: 900px;
	background-image:url(../templates/images/header.jpg);
}

.header a {
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	}

a#logo {
	float:left; 
	width:310px;
	margin:0px 0px 0px 17px; 
	height:120px;
}

a#sf_logo {
	float:right; 
	width:280px; 
	height:120px;
}

a#free_phone {
	float:right; 
	width:240px; 
	height:120px;
}


/*////////////////////////////////////////
	TOP MENU
////////////////////////////////////////*/

#top_menu {
	background:#786D6D;
	height: 28px;
	width: 900px;
	padding: 10px 0px 5px 0px;
	color:#FFFFFF;
	border-top: #CBC5C5 4px solid;
	border-bottom: #CBC5C5 3px solid;
	text-align:right;
	float: right;
}

#top_menu ul {
	margin:2px 0px 0px 0px;
	float:right;
}

#top_menu ul li {
	display:inline;
	border-right: 1px solid #ffffff;
	list-style:none;
	padding:0px 11px 0px 13px;
}

#top_menu ul li.first {
	display:inline;
	list-style:none;
	background:none;
	padding-right:11px;
}

#top_menu ul li.last {
	display:inline;
	list-style:none;
	background:none;
	border: none;
	padding-rleft:13px;
}

#top_menu ul li a {
	height:31px;
}

#top_menu ul li a:link {color:#FFFFFF; text-decoration: none;}
#top_menu ul li a:visited {color: #ffffff; text-decoration: none;}
#top_menu ul li a:hover {color: #FFC097; text-decoration: underline;}
#top_menu ul li a:active {color: #FFC097; text-decoration: underline;}
#top_menu ul li.first a:link {color:#FFFFFF; text-decoration: none;}
#top_menu ul li.first a:visited {color:#FFFFFF; text-decoration: none;}
#top_menu ul li.first a:hover {color: #FFC097; text-decoration: underline;}
#top_menu ul li.first a:active {color: #FFC097; text-decoration: underline;}

#search {
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	}
*:first-child+html #search_input {margin:0px 0px 4px 0px;}
#search_input {margin:px 0px 2px 0px;}
*:first-child+html #search_form_submit {background:url(../templates/images/search_2.jpg); width:71px; height:27px; padding:5px 15px 9px 15px; color:#000000; font-size:11px; border:0px; cursor: pointer;}
#search_form_submit {background:url(../templates/images/search.jpg); width:71px; height:27px; padding:4px 15px 10px 15px; color:#000000; font-size:11px; border:0px; cursor: pointer;}
.add_to_basket_btn {background:url(../templates/images/add_to_basket_btn.jpg); width:120px; height:29px; border:0; padding:4px 15px 7px 15px; margin:0px 0px 0px 6px; color:#ffffff; cursor:pointer;}
.remove_btn {background:url(../templates/images/remove_btn.jpg); width:90px; height:29px; border:0; padding:4px 15px 7px 15px; margin:0px 0px 0px 6px; color:#ffffff; cursor:pointer;}
.checkout_btn {background:url(../templates/images/checkout_btn.jpg); width:190px; height:29px; border:0; padding:4px 15px 7px 15px; margin:0px 0px 0px 6px; color:#ffffff; cursor:pointer;}
.continue_btn {background:url(../templates/images/continue_btn.jpg); width:190px; height:29px; border:0; padding:4px 15px 7px 15px; margin:0px 0px 0px 6px; color:#ffffff; cursor:pointer;}

/*////////////////////////////////////////
	LEFT CONTENT
////////////////////////////////////////*/

#leftContent {
	background-color: #ffffff;
	width: 650px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding:0px 0px 10px 0px;
	float:left;
	color: #000000;
	line-height:1.4em;

}

#fullContent {
	background-color: #ffffff;
	width: 900px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding:0px 0px 10px 0px;
	color: #000000;
	line-height:1.4em;

}

#mainContent {
	background-color: #ffffff;
	width: 620px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding:15px 10px 10px 10px;
	float:left;
	color: #494242;
	line-height:1.4em;

}

#mainContent_full {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding:15px 10px 10px 10px;
	float:left;
	color: #494242;
	line-height:1.4em;

}

#mainContent a:link {
		color: #FA6E28; 
		text-decoration: none;}
#mainContent a:visited {
		color: #FA6E28; 
		text-decoration: none;}
#mainContent a:hover {
		text-decoration: underline;}
#mainContent a:active {
		color: #FA6E28; 
		text-decoration: none;}
		
#content_body img {border:none;
}

/*////////////////////////////////////////
	RIGHT CONTENT
////////////////////////////////////////*/

#rightContent {
	width: 246px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding:0px;
	float:right;
	color: #000000;
	line-height:1.4em;

}

* html #rightContent {
	width: 240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding:0px 00px 10px 0px;
	float:right;
	color: #000000;
	line-height:1.4em;

}

#rightContent_header {
	background:url(../templates/images/rightContent_header.jpg);
	text-align:left;
	background-position:bottom;
	height: 29px;
	width: 234px;
	color:#FFFFFF;
	font-weight:bold;
	padding: 10px 0px 0px 12px;
	border-top: #F36202 4px solid;
	border-bottom: #F36202 1px solid;
}

* html #rightContent_header {
	background:url(../templates/images/rightContent_header.jpg);
	text-align:left;
	background-position:bottom;
	height: 29px;
	width: 228px;
	color:#FFFFFF;
	font-weight:bold;
	padding: 10px 0px 0px 12px;
	border-top: #F36202 4px solid;
	border-bottom: #F36202 1px solid;
}


#basket {
	border-top: 1px solid #CBC5C5;
	color:#ffffff;
	padding:5px;
}

#basket_total {
	border-top: 1px solid #CBC5C5;
	border-bottom: 1px solid #CBC5C5;
	color:#ffffff;
	padding:5px 0px 5px 0px;
	margin:0px 5px 0px 5px;
}

#basket_view {
	border-bottom: 1px solid #CBC5C5;
	text-align:right;
	color:#ffffff;
	padding:5px;
}

#basket_view a {
	display:block;
	background:url(../templates/images/basket_arrow.gif) no-repeat;
	background-position:right;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	color:#ffffff;
	padding:5px 27px 7px 5px;
}

#basket_view a:hover {
	display:block;
	background:url(../templates/images/basket_arrow_on.gif) no-repeat;
	background-position:right;
	font-weight:bold;
	text-decoration:underline;
	text-align:right;
	color:#CBC5C5;
	padding:5px 27px 7px 5px;
}

#special_offers {
	border-top: 1px solid #CBC5C5;
	border-bottom: 1px solid #CBC5C5;
	color:#ffffff;
	padding:5px;
}

#delivery {
	border-top: 1px solid #CBC5C5;
	background:url(../templates/images/delivery.gif) no-repeat;
	height:60px;
	color:#ffffff;
	padding:70px 5px 0px 15px;
}

.delivery_text{
	font-size:12px;
	width:160px;
	color:#ffffff;
	float:left;
}

#accreditations{
	border-top: 1px solid #CBC5C5;
	color:#ffffff;
	text-align:center;
	padding:10px 0px 0px 0px;
}

#special_offers img {
	border: 1px solid #CBC5C5;
}

#special_offers a:link {
		color: #FFFFFF; 
		text-decoration: none;}
#special_offers a:visited {
		color: #FFFFFF; 
		text-decoration: none;}
#special_offers a:hover {
		text-decoration: underline;}
#special_offers a:active {
		color: #FFFFFF; 
		text-decoration: none;}
		
#basket a:link {
		color:#FFFFFF; 
		text-decoration: none;}
#basket a:visited {
		color: #FFFFFF; 
		text-decoration: none;}
#basket a:hover {
		text-decoration: underline;}
#basket a:active {
		color: #FFFFFF; 
		text-decoration: none;}

#rightContent_divide{
	border-top: 1px solid #CBC5C5;
	margin:0px 5px 3px 5px;
}

#protx_logo {
	text-align:right;
	width:140px;
	float:right;
}

#protx_logo a {
	margin:8px 10px 0px 0px;
	display:block;
	float:right;
	width:120px;
	background:url(../images/new_look/protx_logo.jpg) no-repeat;
	height:80px;
}
	
/*////////////////////////////////////////
	FOOTER
////////////////////////////////////////*/

#footer{
	background:#FF7A0F;
	width:888px;
	border-top: #CBC5C5 4px solid;
	color:#FFFFFF;
	padding:6px;
	float:left;
	font-size:11px;
	}

#footer_left {
	width: 330px;
	float: left;
}
	
#footer_right{
	width: 393px;
	margin:0px 10px 0px 0px;
	float: right;
	}

#footer ul {
	margin:0px;
	list-style:none;
	padding:0px ;
	float:left;
	text-align:left;
}

#footer ul li {
	display:inline;
	list-style:none;
	padding:0px ;
}

#footer p {
	padding-top:3px;
	clear:both;
}

#footer a:link {
		color: #ffffff; 
		text-decoration: none;}
#footer a:visited {
		color: #ffffff; 
		text-decoration: none;}
#footer a:hover {
		text-decoration: underline;}
#footer a:active {
		color: #ffffff; 
		text-decoration: none;}

/*////////////////////////////////////////
	H STYLES
////////////////////////////////////////*/

#mainContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin:0px 0px 10px 0px;
	color: #FA6E28;	
}

#mainContent h1.section {
	color:#5A5252;
	}

#section_head h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0px;
	color: #000000;	
}

#mainContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0px 0px 10px 0px;
	color: #FA6E28;	
}

#mainContent h3 {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0;
	padding:0;
	font-weight:bold;
	color: #666666;	
}

#mainContent_full h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin:0px 0px 10px 0px;
	color: #FA6E28;	
}

#mainContent_full h1.section {
	color:#5A5252;
	}

#section_head h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0px;
	color: #000000;	
}

#mainContent_full h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0px 0px 10px 0px;
	color: #FA6E28;	
}

#mainContent_full h3 {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0;
	padding:0;
	font-weight:bold;
	color: #666666;	
}

#product_head h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0px;
	color: #ffffff;	
}

.hidden {
	display:none;
	}
	
.bold {font-weight:bold;}