/*
SAFE SAFES STYLESHEET
main.css
Chris Armstrong, Thoughtbubble Ltd
07.03.2007
*/

/* 
------------------------------------------------------------------------
page header and layout
------------------------------------------------------------------------
*/

body {
	margin:0px 0px 0px 0px;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	background:#FFFFFF;
	color:#666666;
}

p { margin-top:0px; margin-bottom:5px; }
h1 { font-size:120%; color:#7F7F7F; margin-top:0px; margin-bottom:0px; }
h2 { font-size:120%; color:#7F7F7F; margin-top:0px; margin-bottom:0px; }
h3 { font-size:100%; color:#6B6B6B; margin-top:0px; margin-bottom:0px; }
h4 { font-size:120%; color:#6B6B6B; margin-top:0px; margin-bottom:0px; }

form { margin:0; padding:0; }

.mainWrapper { width:100%; text-align:center; }
.pageWrapper { width:780px; margin:auto; text-align:left; background-image:url(/images/lh_pattern.jpg); background-repeat:repeat-y; }

.searchFormActive input { color:#000000; }
.searchFormInactive input { color:#999999; }


.topBar { 
	height:110px;
	width:780px; 
	background-image:url(/images/temp_banner.jpg);
	background-repeat:no-repeat;
	}
.navCol { float:left; width:170px; border-top:5px solid #FFFFFF; }

/* navigation */
.navLink a:link, .navLink a:visited {  
	display:block;
	width:158px;
	color:#828282;
	padding:4px 4px 4px 8px;
	text-decoration:none;
	font-weight:bold;
}
.navLink a:hover {  
	color:#F3F513;
	background-color:#828282;
}
* html .navLink a:link, * html .navLink a:visited { width:170px; }

.navLinkOn a:link, .navLinkOn a:visited {  
	display:block;
	width:158px;
	color:#F3F513;
	background-color:#828282;
	padding:4px 4px 4px 8px;
	text-decoration:none;
	font-weight:bold;
}
.navLinkOn a:hover {  
	color:#F3F513;
	background-color:#828282;
}
* html .navLinkOn a:link, * html .navLinkOn a:visited { width:170px; }

.shopLink {
	display:block;
	width:158px;
	color:#F3F513;
	background-color:#828282;
	padding:4px 4px 4px 8px;
	font-weight:bold;
}
* html .shopLink { width:170px; }

/* main page */
.mainCol { 
	float:left; 
	width:590px; 
	background-color:#FFFFFF; 
	padding:0px 0px 20px 20px;
	background-image:url(/images/combo.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
* html .mainCol { width:610px; }

.footerBar { width:780px; color:#FFFFFF; text-align:right; background-color:#666666; padding:3px 5px 3px 0px; }
.footerBar a:link, .footerBar a:visited { color:#FFFFFF; text-decoration:none; }
.footerBar a:hover { color:#FFFFFF; text-decoration:underline; }

.leftCol { float:left; width:178px; display:inline; margin-top:10px; }
.centerCol { float:left; width:178px; margin-left:23px; display:inline; margin-top:10px; }
.rightCol { float:left; width:178px; margin-left:23px; display:inline; margin-top:10px; }

/* 
------------------------------------------------------------------------
home
------------------------------------------------------------------------
*/
.homeDesc {}

.sectionProducts a:link, .sectionProducts a:visited { color:#7F7F7F; margin-top:0px; margin-bottom:0px; text-decoration:none; }
.sectionProducts a:hover { color:#7F7F7F; margin-top:0px; margin-bottom:0px; text-decoration:underline; }

/* 
------------------------------------------------------------------------
detail
------------------------------------------------------------------------
*/
.productDetailSection { width:590px; margin-top:20px; }
.detailImageCol { float:left; width:340px; color:#999999; }
.detailInfoCol { float:left; width:230px; }
.productModelsSection { width:580px; margin-top:30px; margin-bottom:0px; border:1px solid #000000; font-size:90%; }

.insuranceTitleCol { float:left; font-weight:bold; color:#6B6B6B;  }
.insuranceDetailCol { float:left; font-weight:bold; color:#6B6B6B; }

.gradeImageCol { float:left; width:40px; margin-top:13px; }
.gradeDetailCol { float:left; width:190px; font-weight:bold; color:#6B6B6B; margin-top:20px; }

.productDetailRow { font-weight:bold; color:#6B6B6B; margin:5px 0 20px 0; }
.productPriceRow { font-weight:bold; color:#FDA619; font-size:140%; margin:10px 0 10px 0; }

.modelsHeader { background:#D1D1D1; padding:5px; height:40px; border-bottom:1px solid #000000; color:#000000; font-weight:bold; }
.modelsBody { padding:5px; color:#666666; }

.modelCol { float:left; width:65px; }

.externalCol { float:left; width:95px; padding-left:5px; }
* html .externalCol { width:100px; }

.internalCol { float:left; width:95px; padding-left:5px; }
* html .internalCol { width:100px; }

.shelvingCol { float:left; width:55px; padding-left:5px; text-align:center; }
* html .shelvingCol { width:70px; }

.weightCol { float:left; width:55px; padding-left:5px; text-align:center; }
* html .weightCol { width:60px; }

.capacityCol { float:left; width:55px; padding-left:5px; text-align:center; }
* html .capacityCol { width:60px; }

.priceCol { float:left; width:55px; padding-left:5px; text-align:center; }
* html .priceCol { width:60px; }

.deliveryCol { float:left; width:45px; padding-left:5px; text-align:center; }
* html .deliveryCol { width:50px; }

.headerDivline { border-right:1px solid #000000; }
.bodyDivline { border-right:1px solid #FFFFFF; }


a.topProductLink:link, a.topProductLink:visited { color:#999999; text-decoration:none; line-height:1.8em; }
a.topProductLink:hover { text-decoration:underline; }

a.topProductLinkOn:link, a.topProductLinkOn:visited { color:#666666; text-decoration:none; font-weight:bold; line-height:1.8em; }
a.topProductLinkOn:hover { text-decoration:underline; }

/*
.topProductLink, .topProductLinkOn { float:left; padding:5px 5px 0px 0px; }

.topProductLink a:link, .topProductLink a:visited { color:#999999; text-decoration:none; }
.topProductLink a:hover { text-decoration:underline; }

.topProductLinkOn a:link, .topProductLinkOn a:visited { color:#666666; text-decoration:none; font-weight:bold; }
.topProductLinkOn a:hover { text-decoration:none; }
*/ 
.detailText {
	width:400px;
}
.detailText ul { margin:0; padding:0 0 0 1.5em; }
.detailText p { margin-top:8px; margin-bottom:8px; padding-left:8px; }

/* 
------------------------------------------------------------------------
shop
------------------------------------------------------------------------
*/
.errorText { color:#FF0000; font-weight:bold; }

.cart_safe_col { float:left; width:300px; margin-top:10px; margin-bottom:5px; }
.cart_extras_col { float:left; width:290px; margin-top:10px; }
.extra_desc_col { float:left; width:200px; margin-bottom:8px; }
.extra_select_col { float:left; width:80px; margin-bottom:8px; margin-left:10px; display:inline; }

.cartItem { line-height:1.8em; border-bottom:1px solid #999999; margin-right:200px; padding:10px 0px 10px 0px; }
.extracartItem { padding:20px 0px 0px 0px; }
.deliveryNote { background-color:#999999; border:1px solid #000000; color:#FFFFFF; margin:10px 0px 10px 0px; padding:10px; font-weight:bold; }
.deliveryNote a:link, .deliveryNote a:visited { color:#FFFFFF; text-decoration:underline; }
.deliveryNote a:hover { color:#FFFFFF; text-decoration:underline; }

.shippingFieldName { float:left; width:120px; margin-bottom:8px; margin-right:10px; display:inline; }
.shippingFormField { float:left; width:400px; margin-bottom:8px; }
.mandatory { font-weight:bold; }
.shippingInput { width:300px; }

.paymentFieldName { float:left; width:120px; margin-bottom:8px; margin-right:10px; display:inline; }
.paymentFormField { float:left; width:400px; margin-bottom:8px; }

/* 
enquiries page
------------------------------------------------------------------------
*/

.contactForm { width:590px; text-align:left; }
.contactForm p { margin-top:0px; margin-bottom:8px; }

.smallText { font-size:90%; }
.mandatory { font-weight:bold; }
.contactFieldName { float:left; width:80px; margin-bottom:5px; text-align:right; margin-right:10px;  }
.contactFormField { float:left; width:160px; margin-bottom:5px;  }
.contactDoubleFormField { float:left; width:450px; margin-bottom:5px; }

.contactCheckCol { float:left; width:180px; }
.contactRadioCol { float:left; width:200px; }
.contactFormSubmit { float:left; width:540px; text-align:right; margin-top:20px; }

.submitBtn { background:#F0F0F0; color:#666666; font-weight:bold; padding:2px 0px 2px 0px; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #666666; border-right:1px solid #666666; }