/* CSS Document */

* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
html {margin: 0; padding: 0 0 20px 0; text-align: center; }
body {margin: 0; padding: 0; text-align: center; background-color: #FFFFEC; }

img {border: none; }

#divContainer { width: 974px; margin: auto; padding: 10px 0; text-align: left; }

	#divHeader { width: 974px; height: 123px; margin: 0; padding: 0; background: url(../images/layout/header_background.gif) top left no-repeat; }

		#divTopArea { width: 974px; height: 98px; margin: 0; padding: 0; }

			#divTopArea_Left { float: left; width: 180px; height: 78px; margin: 0; padding: 20px 0 0 15px; }

			#divTopArea_Right { float: left; width: 779px; height: 72px; margin: 0; padding: 25px 0 0 0; }

				#divTopArea_Right_SplitTop { float: left; width: 779px; height: 35px; margin: 0; padding: 0; }
					#divTopArea_Right_SplitTop ul { width: 779px; margin: 0; padding: 0; list-style-type: none; font-size: 0.75em; font-weight: bold; }
						#divTopArea_Right_SplitTop ul li { float: left; margin: 0 5px 0 0; padding: 0 0 0 5px; border-left: 1px solid #FFFFFF; }
							#divTopArea_Right_SplitTop ul li.liFirstItem { padding: 0; border: none; }
							#divTopArea_Right_SplitTop ul li a, #divTopArea_Right_SplitTop ul li a:link { color: #FFFFFF; text-decoration: none; }
							#divTopArea_Right_SplitTop ul li a:hover { text-decoration: underline; }

				#divTopArea_Right_SplitBottom { float: left; width: 779px; height: 38px; margin: 0; padding: 0; }
					#divTopArea_Right_SplitBottom h1 { font-size: 1.5em; font-weight: bold; color: #FFFFFF; }

		#divBottomArea { width: 974px; margin: 0; padding: 0; }

			#divBottomArea_Left { float: left; width: 794px; margin: 0; padding: 0 0 0 10px; }
				#divBottomArea_Left ul { float: left; width: 794px; height: 25px; margin: 0; padding: 0; list-style-type: none; }
					#divBottomArea_Left ul li { float: left; width: 87px; height: 25px; margin: 0; padding: 0; font-size: 0.7em; text-align: center; }
						#divBottomArea_Left ul li a, #divBottomArea_Left ul li a:link { float: left; width: 87px; height: 20px; margin: 0; padding: 5px 0 0 0; background: url(../images/layout/navigation_normal.jpg) top left no-repeat; text-decoration: none; color: #000000; }
						#divBottomArea_Left ul li a:hover { background: url(../images/layout/navigation_highlighted.jpg) top left no-repeat; }

			#divBottomArea_Right { float: left; width: 170px; margin: 0; padding: 0; }
				#divBottomArea_Right .inputSearchBox { float: left; width: 136px; height: 15px; font-size: 0.75em; }
				#divBottomArea_Right .inputSearchButton { float: left; width: 22px; }
				
	#divSubHeader { width: 974px; height: 30px; margin: 0; padding: 0; background-color: #E5E5E5; }

		#divSubHeader_Left { float: left; width: 139px; line-height: 30px; margin: 0; padding: 0 15px; font-size: 0.8em; font-weight: bold; border-left: 1px solid #B0B1B3; }

		#divSubHeader_Centre { float: left; width: 594px; line-height: 29px; margin: 0; padding: 0 20px; border-bottom: 1px solid #B0B1B3; }

			#divSubHeader_Centre ul { width: 594px; margin: 0; padding: 0; list-style-type: none; font-size: 0.7em; }
				#divSubHeader_Centre ul li { float: left; margin: 0; padding: 0 5px 0 0; color: #666666; }
					#divSubHeader_Centre ul li a, #divSubHeader_Centre ul li a:link { margin: 0; padding: 0; color: #666666; text-decoration: none;}
					#divSubHeader_Centre ul li a:hover { text-decoration: underline; }

		#divSubHeader_Right { float: left; width: 169px; height: 29px; line-height: 29px; font-size: 1.2em; font-weight: bold; color: #689B3C; border-bottom: 1px solid #B0B1B3; border-right: 1px solid #B0B1B3; }

	#divContent { width: 974px; margin: 0; padding: 0; float:left;}
	
		#divContent_Left { float: left; width: 170px; margin: 0; padding: 0; }
			#divContent_Left_Data { width: 169px; margin: 0; padding: 0; background-color: #E5E5E5; border-left: 1px solid #B0B1B3; border-right: 1px solid #B0B1B3; }
				#divContent_Left_Data ol { width: 139px; margin: 0; padding: 5px 15px; list-style-type: none; font-size: 0.7em; }
					#divContent_Left_Data ol li { margin: 0; padding: 5px 0 5px 0; border-top: 2px dotted #999999; }
					#divContent_Left_Data ol li.liFirstItem { padding: 0 0 5px 0; border: none; }
						#divContent_Left_Data ol li a, #divContent_Left_Data ol li a:link { color: #000000; text-decoration: none; }
						#divContent_Left_Data ol li a:hover { text-decoration: underline; }
				#divContent_Left_Data p { margin: 0; padding: 0 0 5px 15px; color: #6B9845; font-size: 0.8em; font-weight: bold; }
					#divContent_Left_Data p#pHotline { margin: 0; padding: 80px 0 0 15px; color: #000000 !important; font-size: 0.95em; font-weight: bold; }
					#divContent_Left_Data p#pDays { margin: 0; padding: 10px 0 0 15px; color: #000000 !important; font-size: 0.7em; font-weight: bold; }

			#divContent_Left_Bottom { width: 170px; height: 22px; margin: 0 0 20px 0; padding: 0; background: url(../images/layout/content_left_background.gif) bottom left no-repeat; }
		
		#divContent_Centre { float: left; width: 591px; margin: 0; padding: 20px; }
			#divContent_Centre h2 { margin: 0; padding: 0 0 10px 0; font-size: 1.1em; }
			#divContent_Centre h3 { margin: 0; padding: 0 0 10px 0; font-size: 0.9em; }
			#divContent_Centre p { margin: 0; padding: 0 0 10px 0; font-size: 0.7em; }
			#divContent_Centre hr { float: left; width: 589px; margin: 15px 0 10px 0; padding: 0; border: 1px solid #FFFFFF; border-top: 2px dotted #999999; clear: both; }
			#divContent_Centre a { color:#1F3938; text-decoration:none;}
				#divContent_Centre a:hover{ text-decoration:underline;}

		#divContent_Right { float: left; width: 170px; margin: 0; padding: 10px 0 0 0; }

			#oDivBasket { float: left; width: 170px; margin: 0 0 8px 0; padding: 0; background: #FFFFFF url(../images/layout/background_basket.gif) top left no-repeat; border: 1px solid #B0B1B3; font-size:0.7em; }
			
				#oDivBasket ul { float: left; width: 160px; margin: 0; padding: 5px; list-style-type: none;  }
					#oDivBasket ul li { }
					#oDivBasket ul li.liBasketItemCount { margin: 0; padding: 0 0 10px 0; font-weight: bold; }
					#oDivBasket ul li.liBasketTotal {font-weight: bold; }
				
				#oDivBasket #ulBasketLinks { float: left; background-color: #689B3C; }
					#oDivBasket #ulBasketLinks li { float: left; margin: 0 5px 0 0; padding: 0 0 0 5px; border-left: 1px solid #FFFFFF; font-size: 1.0em; }
						#oDivBasket #ulBasketLinks li.liFirstItem { padding: 0; border: none; }
						#oDivBasket #ulBasketLinks li a, #oDivBasket #ulBasketLinks li a:link{ color: #FFFFFF; text-decoration: none; }
						#oDivBasket #ulBasketLinks li a:hover { text-decoration: underline; }

			#oDivDelivery { float: left; width: 170px; margin: 0 0 8px 0; padding: 0; background: #FFFFFF url(../images/content-right.gif) top left repeat-y; border: 1px solid #B0B1B3; font-size:0.7em; }
				#oDivDelivery ul { float: left; width: 160px; margin: 0; padding: 5px; list-style-type: none; background: url(../images/layout/background_delivery.gif) bottom right no-repeat; }
					#oDivDelivery ul li { width: 95px; padding: 0 0 5px 0; }
						#oDivDelivery ul li a { color:#000; text-decoration:none; } 
						#oDivDelivery ul li a:hover { color:#000; text-decoration:underline; }

			#oDivNewsletter { float: left; width: 170px; margin: 0 0 8px 0; padding: 0; background: #FFFFFF url(../images/content-right.gif) top left repeat-y; border: 1px solid #B0B1B3; font-size:0.7em; }
				#oDivNewsletter ul { float: left; width: 170px; margin: 0; padding: 5px 0 0 0; list-style-type: none; }
					#oDivNewsletter ul li { padding: 0 5px 5px 5px; }
						#oDivNewsletter ul li.liSignUp { float: left; width: 170px; margin: 0; padding: 0; background-color: #689B3C; }
							#oDivNewsletter ul li.liSignUp p { float: left; width: 140px; line-height: 26px; margin: 0; padding: 0 0 0 5px; color: #FFFFFF; }
							#oDivNewsletter ul li.liSignUp input { float: left; vertical-align: middle; }

			#oDivAgents { float: left; width: 170px; margin: 0 0 8px 0; padding: 0; background: #FFFFFF url(../images/content-right.gif) top left repeat-y; border: 1px solid #B0B1B3; font-size:0.7em; }
				#oDivAgents ul { float: left; width: 160px; margin: 0; padding: 5px; list-style-type: none; }
					#oDivAgents ul li { padding: 0 0 5px 0; }
						#oDivAgents ul li a, #oDivAgents ul li a:link { color: #000000; text-decoration: none; }
						#oDivAgents ul li a:hover { text-decoration: underline; }

			#oDivInstallation { float: left; width: 170px; margin: 0 0 8px 0; padding: 0; background: #FFFFFF url(../images/content-right.gif) top left repeat-y; border: 1px solid #B0B1B3; font-size:0.7em; }
				#oDivInstallation ul { float: left; width: 160px; margin: 0; padding: 5px; list-style-type: none; background: url(../images/shed_right.gif) bottom right no-repeat; }
					#oDivInstallation ul li { width: 95px; padding: 0 0 5px 0; }
						#oDivInstallation ul li a { color:#000; text-decoration:none; } 
						#oDivInstallation ul li a:hover { color:#000; text-decoration:underline; }

			#oDivReadyBoard { float: left; width: 170px; margin: 0 0 8px 0; padding: 0; background: #FFFFFF url(../images/content-right.gif) top left repeat-y; border: 1px solid #B0B1B3; font-size:0.7em; }
				#oDivReadyBoard ul { float: left; width: 160px; margin: 0; padding: 5px; list-style-type: none; }
					#oDivReadyBoard ul li { padding: 0 0 5px 0; }
						#oDivReadyBoard ul li a, #oDivAgents ul li a:link { color: #000000; text-decoration: none; }
						#oDivReadyBoard ul li a:hover { text-decoration: underline; }
						#oDivReadyBoard ul li.liPrice { font-size: 1.7em; font-weight: bold; color: #689B3C; }
						#oDivReadyBoard ul li.liDiscount { font-weight: bold; }

			#oDivBrochure { float: left; width: 170px; margin: 0 0 18px 0; padding: 0; background: #FFFFFF url(../images/content-right.gif) top left repeat-y; border: 1px solid #B0B1B3; font-size:0.7em; }
				#oDivBrochure ul { float: left; width: 160px; margin: 0; padding: 5px; list-style-type: none; }
					#oDivBrochure ul li { padding: 0 0 5px 0; font-size: 1.4em; font-weight: bold; }
						#oDivBrochure ul li a, #oDivBrochure ul li a:link { color: #000000; text-decoration: none; }
						#oDivBrochure ul li a:hover { text-decoration: underline; }

	#divContent p.pHotline { font-weight: bold; text-align: center; clear: both; }

	#divMainFooter { float: left; width: 100%!important; margin: 0; padding: 15px 0; background-color: #CDCDCF; text-align: center; min-width:974px;}
		#divMainFooter ol { width: 100%; margin: 0; padding: 0 0 10px 0; list-style-type: none; font-size: 0.8em; color: #343537; }
			#divMainFooter ol li { display: inline; margin: 0 2px 0 0; padding: 0 0 0 5px; border-left: 1px solid #343537; }
				#divMainFooter ol li.liFirstItem { padding: 0; border: none; }
				#divMainFooter ol li a, #divMainFooter ol li a:link { color: #343537; text-decoration: none; }
				#divMainFooter ol li a:hover { text-decoration: underline; }
		#divMainFooter hr { margin: 10px 190px; padding: 0; border: 1px solid #CDCDCF; border-top: 2px dotted #999999; min-width:589px; max-width:974px;}
		#divMainFooter p { margin: 0; padding: 0 0 2px 0; font-size: 0.7em; color: #343537; }
			#divMainFooter p a, #divMainFooter p a:link { color: #343537; text-decoration: none; }
			#divMainFooter p a:hover { text-decoration: underline; }

	#divFooterLinks { float: left; width: 100%; margin: 0; padding: 15px 0 0 0; text-align: center; min-width:974px;}
		#divFooterLinks ol { width: 100%; margin: 0; padding: 0 0 10px 0; list-style-type: none; font-size: 0.7em; color: #343537; }
			#divFooterLinks ol li { display: inline; margin: 0 2px 0 0; padding: 0 0 0 5px; border-left: 1px solid #343537; }
				#divFooterLinks ol li.liFirstItem { padding: 0; border: none; }
				#divFooterLinks ol li a, #divFooterLinks ol li a:link { color: #343537; text-decoration: none; }
				#divFooterLinks ol li a:hover { text-decoration: underline; }

/* Generic Tables */
.tblGeneric { width: 591px; margin: 0; padding: 0; font-size: 0.7em; clear: both; }
	.tblGeneric tr { background-color: #F6F6F6; }
		.tblGeneric tr.trOddRow { background-color: #FFFFFF; }
		.tblGeneric tr.trSubHeader { background-color: #CCCCCC; }
	.tblGeneric th { margin: 0; padding: 3px 5px; text-align: left; font-weight: bold; font-size: 1.0em; background-color: #979797; color: #FFFFFF; }
	.tblGeneric td { margin: 0; padding: 5px 5px 3px 5px; }
		.tblGeneric td p { font-size: 1.0em !important; }
		.tblGeneric td.tdQty {text-align: center; }

	.tblGeneric .ulInfoPanel { margin: 0 0 10px 15px; padding: 0; }

.tblVersionOptions { width: 100%; margin: 0 0 10px 0; }
	.tblVersionOptions td { padding: 5px !important; }
					
.tblGeneric tr.trTotalRow { background: #CFCFCF !important; font-weight: bold; }
	.tblGeneric tr.trTotalRow td { margin: 0; padding: 5px; text-align: right; color: #000000; }

/************************
* Form Layout
************************/
.divFormHolder {width: 100%; float: left; margin: 0px; padding: 0px; }
.divFormHolder .divFormRow {width: 100%; float: left; margin: 0px; padding: 1px 0px; }
.divFormHolder .divFormRow .spaFormLabel {width: 250px; float: left; margin: 0px; padding: 0px; }
.divFormHolder .divFormRow .spaFormField {width: 285px; float: left; margin: 0px; padding: 0px; }
.divFormHolder .divFormRow .spaFormField .txtBox {width: 280px; }
.divFormHolder .divFormRow .spaFormField .txtMulti {width: 280px; height: 100px; }
.divFormHolder .divFormRow .spaFormField .cmbBox {width: 285px; }
.divFormHolder .divFormRow .spaFormField .chkBox {width: auto; }
.divFormHolder .divFormButtonRow {width: 533px; float: left; margin: 0px; padding: 10px 0px; text-align: right; }