@import url('fullWidth.css');
@import url('product.css');
@import url('BUhome.css');
@import url('noLeftNav.css');
@import url('productCategory.css');
@import url('popup.css');


/* page type specific styles are within imported files */

/* -------------------------------------------------------
 
	The general layout of every page's core elements 
	when a page type is denoted by the body id attribute
	the layout changes. The styling is in the imported 
	css files for that type.
	
	CSS templates by Dan Eastwell www.thoughtballoon.co.uk
	
-------------------------------------------------------- */

body div#layoutMain{
	float : right;
	padding-top : 7em;
	padding-right : 20px;
}

#centrePanel{
	float : left;
	width : 415px;
	position : relative;
}

*html #centrePanel{
	width : 408px;
}

.linkModules{
	float : left;
	width : 164px;
	margin-left : 9px;
	margin-top : 6.65em;
}


.linkModule ul.verticalNav{
	list-style : none;
}

#leftCol{
	float : left;
	width : 172px;
	background : #fff url('../../images/leftNavBg.jpg') no-repeat top left;
	padding : 7.75em 0 0 0;
	margin-bottom : 30px
}

div.productTitle{
	float : left;
	margin : 25px 5px 10px 10px;
	width : 315px;
}



p#printPage{
	position : absolute;
	top : 42px;
	right : 5px;
}

p#printPage img{ vertical-align : middle; }

div#contentTopModule{
	clear : both;
}

.cleared{
	clear : both
}

div.topContent{
	clear: both;
}

/* Navigational elements */
ul.navigation{
	margin-left : 0;
}

ul.navigation li{
	display : inline;
	list-style : none;
}



/* Footer */

div.footer{
	clear : both;
}	

div#tabContent{
	padding : 0 11px 10px 11px;
}

/* Form styling */

div#layoutMain div.generalForm h2{ 
	font-size : 80%;
	color : #272727;
	border-bottom : 1px solid #9F9F9F;
	background : #E9E9E9 url('../../images/linkModule_h2_bg.jpg') repeat-x bottom left;
	padding : 6px 16px 7px 10px;
	min-height : 16px;
	margin-top : -2px;
}
*html div#layoutMain div.generalForm h2{ 
	height : 16px;
}

div#layoutMain div.generalForm label{ 
	font-size : 75%;
	display : block;
	margin : 10px 3px 6px 8px;
}


div#layoutMain div.generalForm label.disabled{
	color : #B2B2B2;
}

div#layoutMain div.generalForm input, div#layoutMain div.generalForm select{ 
	font-size : 70%;
	vertical-align : middle;
	width : 110px;
	margin : 4px 2px 0 0;
}

div#layoutMain div.generalForm{
	background : #e8e8e8 url('../../images/form_bg.jpg') repeat-x bottom left;
	border-left : 1px solid #E0E0E0;
	border-right : 1px solid #E0E0E0;
	width : 406px;
}




div#layoutMain div.generalForm fieldset{
	border : 0;
	padding : 8px;
}

div#layoutMain div.generalForm div{
	background : #F6F6F6 url('../../images/form_shadow.jpg') no-repeat bottom center;
	height : 5px;
	clear : left;
}

	/* Forms in layout tables */

div#layoutMain div#tablesetForm{
	width : 391px;
	background : none;
	border-left : none;
	border-right : none;
}

div#layoutMain div#tablesetForm div{
	background : none;
}

div#layoutMain div.generalForm table{ 
	font-size : 95%;
	margin : 0;
	padding : 0;
	width : 380px;
	border-bottom : 1px solid #e0e0e0;
}	

div#layoutMain div.generalForm table td{ 
	margin : 0;
	padding : 6px 0;
}

div#layoutMain div.generalForm table tr{ 
	margin : 0;
	padding : 0;
}
	
	
div#layoutMain div.generalForm td label{ 
	display : inline;
	font-size : 100%;
	margin : 0;
	padding : 0;
}	

div#layoutMain div.generalForm td input, div#layoutMain div.generalForm td select{ 
	font-size : 100%;
	margin : 0;
	padding : 0;
}	

div#layoutMain div.generalForm td select, div#layoutMain div.generalForm td input, div#layoutMain div.generalForm td textarea{ 
	width : 150px;
}

div#layoutMain div.generalForm td input.checkbox, div#layoutMain div.generalForm td input.radio{ 
	width : 15px;
	margin : 2px 5px;
}

div#layoutMain div.generalForm td input.submit{ 
	background : url('../../images/submit_button.gif') no-repeat center center;
	width : 61px;
	height : 19px;
	border : none;
	text-align : right;
}	
	/* FAQ search form */
	
div#FAQsearch_form fieldset{
	width : 186px;
	float : left;
}

div#FAQsearch_form fieldset#category_search{
	border-right : 1px solid #B8B8B8;
}

div#FAQsearch_form fieldset#keyword_search{
	border-left : 1px solid #fff;
}

div#FAQsearch_form fieldset#keyword_search input.FAQkeyword{
	width : 110px
}

div#FAQsearch_form fieldset input.FAQsubmit{
	width : 60px;
	vertical-align : middle;
}

/* S-Series styles 2008-09-18 */
div#palette_sseries .linkModules{
	margin-top : 57px;
}

div#palette_sseries div.productTitle {
padding-bottom: 10px;
padding-top: 0;
line-height: normal;
margin-bottom: 0;
}
div#palette_sseries div.productTitle H1 {
padding: 0;
margin: 0;
line-height: normal;
height: auto;
}

BODY#buHome DIV#palette_sseries_rh P {
color: #666666;
height: auto;
margin: 0;
padding: 0 0 1.3em 0;
}

BODY#buHome DIV#palette_sseries_rh DIV#rightNavForm TABLE {
margin: 0;
padding: 0;
width: 210px;
}

BODY#buHome DIV#palette_sseries_rh DIV#rightNavForm TD {
color: #666666;
font-size: 90%;
margin: 0;
padding: 0 0 2px 0;
vertical-align: top;
width: 100%;
}

BODY#buHome DIV#palette_sseries_rh DIV#rightNavForm INPUT {
color: #333333;
margin: 0;
padding: 1px 2px 1px 2px;
width: 200px;
}

BODY#buHome DIV#palette_sseries_rh DIV#rightNavForm INPUT[type=submit] {
float: right;
margin: 5px 0 0 0;
width: auto;
}
BODY#buHome DIV#palette_sseries_rh DIV#rightNavForm INPUT.formSubmit {
float: right;
margin: 5px 0 0 0;
width: auto;
}

div#palette_sseries .imgLeft {
float: left;
padding: 0.5em 1.5em 1.3em 0;
}
div#palette_sseries .imgRight {
float: right;
padding: 0.5em 0 1.3em 1.25em;
}