/* CSS Document */
body { background-color:#FFFFFF; text-align:center; padding:0px; margin:0px; margin-bottom:45px;
		font-size:80%; font-family:Arial, Helvetica, sans-serif; z-index:1; font-weight:bold; }

a { text-decoration:underline; outline:none; color:#666666 }
input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:100%; padding:2px }
/******** HEADER ********/
#header { height:75px; border-bottom:1px solid #939393; background-color:#97A992; }
#logo { margin:10px auto 0px; }

/******** CONTENT *******/
#content_holder { background:url(/images/bg.jpg) top left repeat-x; width:100%; padding-top:10px; z-index:5 }
#content { width:570px; margin:auto; z-index:3 }

#mainImageHolder { position:relative !important; background:url(/images/mainImageHolderBG.jpg) top left repeat-x; 
					width:572px; height:230px; margin:0px auto 10px; }
#mainImageHolder img { position:absolute; top:1px; left:1px; display:none; }

/****** TABS *******/
#content_tab { height:31px; background-image:url(/images/content_tab.gif); }
#content_tab ul { margin:0; padding:0; list-style:none; }
#content_tab ul li { display:block; margin:0; padding:0; float:left; width:142px; line-height:31px; color:#999999; text-align:center; font-weight:bold }
#content_tab ul li.selectedleft { background:url(/images/content_select.gif) top left; border-right:1px solid #CBCBCB; color:#333333; }
#content_tab ul li.selectedcenter { background:url(/images/content_select.gif) center; border-left:1px solid #CBCBCB; 
									border-right:1px solid #CBCBCB; color:#333333 }
#content_tab ul li.selectedright { background:url(/images/content_select.gif) center; border-left:1px solid #CBCBCB; color:#333333; }
#content_tab ul li img { position:relative; top:3px; left:10px; z-index:2 }

/******** CONTENT MAIN AND BOTTOM *********/
#content_mid { border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; background:url(/images/content_mid.gif) repeat-x;
				padding:15px; text-align:left; }
#content_bottom { background-image:url(/images/content_bottom.gif); height:5px; }

/******* CRUMB TRAIL ********/
.selections { margin:10px 0px; color:#999; font-size:90%; }
.selections a { color:#999; }
.selections a:hover { color:#666666 }

/********** TYPES TAB *********/
.types { margin:20px; text-align:center; }
.types img { margin:20px; }

/********** RANGES TAB *********/
.ranges { margin-top:20px; text-align:center; }
.ranges div { display:inline-block; width:122px; margin:0px 4px 40px; text-align:center; font-size:90%; font-weight:bold }
.ranges div a { text-transform:uppercase; color:#343A86; text-decoration:none; font-size:100% }
.ranges div i.sIFR-replaced span { font-style:normal; display:none }
.ranges div.opacityChange { opacity:0.5; filter:alpha(opacity=60); background-color:#FFFFFF }
.ranges div.opacityChange img { margin-top:5px; }
.ranges div.opacityChange:hover { opacity:1; filter:alpha(opacity=100); }
/*.ranges img { margin:7px; }
.ranges img.opacityChange { opacity:0.5; filter:alpha(opacity=50); }
.ranges img.opacityChange:hover { opacity:1; filter:alpha(opacity=100); } */

/******** MODELS TAB *******/
.infoTablet { position:absolute; top:100px; margin:0 auto; width:546px; font-size:90%; z-index:6;
				background:url(/images/infoTabletTop.gif) top left no-repeat; display:none; }
.infoTablet div.close { float:right; margin:0px 7px 7px; }
.infoTablet div.close a { color:#000000; text-decoration:none; }
.infoTablet div.close img { position:relative; top:7px; }
.infoTablet div.content { margin-top:30px; padding:0px 15px; /*padding:25px 15px 15px;*/ border:1px solid #CBCBCB; border-top:0px; border-bottom:0px; background-color:#FFF }
.infoTablet div.content > b:first-child { font-size:160%; }
.infoTablet div.content > b:first-child > i { font-weight:normal; font-size:70%; }

.infoTablet div.content > div.rangeSpecs { margin-top:10px; }
.infoTablet div.content > div.rangeSpecs:first-line { color:#67855F; font-weight:bold }

.infoTablet span.content_desc { display:none; }
.infoTablet div.content_image { float:right; margin:0px 0px 10px 10px; }
.infoTablet div.rangeStandardFeaturesHead a { font-size:120%; font-weight:bold; }
.infoTablet div.rangeStandardFeatures { display:none; }

.infoTablet div.rangeStandardFeatures ul { margin:5px 0px; padding:0; list-style-type:none; width:100%; }
.infoTablet div.rangeStandardFeatures li { width:45%; float:left; padding:3px 3px 3px 12px; margin:1px; margin-left:3px; background:url(/images/bullet.gif) #E0EDDB 0px 7px no-repeat; }

.models { width:515px; margin:0 auto; padding-bottom:5px; background:url(/images/modelsFooter.jpg) bottom left no-repeat;}
.modelsList { border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; padding:3px; font-size:90% }
.modelsList table tr:hover { background-color:#AEC3A8; cursor:pointer }
.modelsList table tr td { padding:4px 0px; }
.modelItem { padding:5px; }
.modelDetails { display:none; }
.specItem { clear:left; padding-top:3px; margin-left:10px; }
.specItem .specText { float:left; width:90px; font-weight:bold; }
.specItem .specValue { font-weight:normal; }
#modelsPageImage { float:right; }

#standardFeaturesButton { display:block; position:relative; top:-6px; }
#continueModelButton { display:block; position:relative; top:-6px; }

/******** OPTIONS TAB ********/
#infoTabletSmallInfo { background:url(/images/infoTabletTopSmall.gif) top left no-repeat; width:269px; }
#infoTabletSmallOptions { background:url(/images/infoTabletTopSmall.gif) top left no-repeat; width:269px; }

#infoTabletSmallInfo div.close { position:absolute; top:0px; right:0px}
#infoTabletSmallInfo div.content { margin-top:24px; padding:0px 15px; border:1px solid #CBCBCB; border-top:0px; border-bottom:0px; background-color:#FFF }
#infoTabletSmallOptions div.content { margin-top:24px; padding:0px 15px; border:1px solid #CBCBCB; 
										 border-top:0px; border-bottom:0px; background-color:#FFF }
#infoTabletSmallOptions div.content > b:first-child { font-size:130%; color:#D00 }

/* new small tab on the right */
	#selectedOptionsTablet { position:absolute; top:-50px; right:-231px; width:211px; font-size:90%; z-index:6;
							background:url(/images/selectedOptionsTabletTop.gif) top left no-repeat;  }
	#selectedOptionsTabletTitle { margin:7px; display:block; color:#313886; text-align:center }
	#selectedOptionsTablet div.content { margin-top:10px; padding:0px 5px; border:1px solid #CBCBCB; 
										border-top:0px; border-bottom:0px; background-color:#FFF; font-weight:normal }
	.selectedOptionsRows td { border-bottom:1px solid #CCC; }
	.selectedOptionsRowsProductCode { color:#999999; font-size:90% }
/* /new small tab on the right */

.options { position:relative; }
.optionsPopupOptionCode { color:#999999; }
.infoTablet .subtotal { text-align:right; font-size:120% }
.infoTablet .vat { text-align:right; }
.infoTablet .totalcost { text-align:right; font-weight:bold; font-size:110%; }
.infoTablet span.content_desc { display:none; }
.infoTablet div.content_image { float:right; margin:0px 0px 10px 10px; }
.infoTablet #optionsAdded { height:95px; overflow:hidden; }
.infoTablet #optionsExpand { display:none; margin-top:5px; position:absolute; color:#FF0000; font-weight:bold }

.optionsList { border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; padding:3px; font-size:90% }
.optionsList .productOption { clear:left; position:relative; padding:5px; background-color:#E0EDDB; cursor:pointer; border-bottom:1px solid #FFF }
.optionsList .productOption:hover { background-color:#FFFFFF; cursor:pointer }

.optionItem { margin-top:7px; position:relative; border:1px solid #ccc; padding:3px; cursor:pointer }
.optionItem img.image { float:left; margin-right:6px; min-width:80px }
.optionItem:hover { background-color:#E0EDDB }
.productOptionInfoButton { position:absolute; top: 5px; right:75px; width:16px; height:12px;
							background:url(/images/view.gif) top left no-repeat; cursor:pointer }
.productOptionAddRemove { position:absolute; top: 3px; right:2px; }
.productOptionName { font-weight:bold; color:#333333 }
.productOptionDesc { width:auto; color:#666666; font-size:90%; }
.productOptionCode { position:absolute; bottom:20px; right:5px; color:#666666; font-size:90%; }
.productOptionPrice { position:absolute; bottom:2px; right:5px; color:#000000; }

#optionsComplete { position:absolute; top:-60px; right:-12px; }

/******** SUMMARY *********/
#summary table tr td { font-size:90%; padding:2px; }
#summary .costs { font-weight:bold; text-align:right }
#summary table tr td:first-child { padding-right:7px; font-weight:bold; font-size:90%; }

#summary .summaryFormDetails table tr td:first-child { width:100px; }
#summary .summaryFormDetails { display:none; border-top:1px solid #CCC; margin-top:10px; padding-top:5px; position:relative; }
#summary .summaryFormDetails > div { position:absolute; top:5px; right:0px; font-weight:bold; cursor:pointer; color:#006600; }
#summary .summaryFormDetails > div:hover{ color:#333333; }
#summary .summaryFormDetails b { font-size:110%; }
#summary .summaryFormDetails td { vertical-align:top; }
#summary .summaryFormDetails td > input, textarea { width:80%; }
#summary .summaryFormDetails textarea { height:80px; }
#summary .priceTotalItem { text-align:right; padding-right:7px; }
#summary .failedCheck { color:#811B1B; position:relative; border:1px solid #F00; padding:3px; display:none; top:-1px;
						background:url(/images/formError.gif) top left no-repeat #F6D8D8; width:80%; margin-bottom:5px }
#summary .failedCheck span { margin-left:22px; }
/******** /SUMMARY *********/

/************* FINISH PAGE ****************/
.finish { text-align:left; }
/************* /FINISH PAGE ***************/

.footerContent { position:fixed; bottom:45px; left:5px; border:1px solid #939393; padding:7px; width:450px; text-align:left; 
				background:url(/images/closeButton.gif) #FFFFFF top right no-repeat; display:none }
.footerContent h3 { margin:0px 0px 5px; }
/******** FOOTER *********/
#footer { height:40px; border-top:1px solid #939393; background-color:#97A992; position:fixed;
			bottom:0px; left:0px; width:100%; z-index:1; text-align:right; color:#666666; display:block }
#footer a { color:#FFFFFF; }