/** DEFAULT HTML ELEMENTS ********************************************/

BODY, TABLE, TD {
	font: normal 11px Verdana, Arial, sans-serif;
}

BODY {
	margin: 10px;
	padding: 0px 0px 10px 0px;
	background-color: #ededed;
	color: #666666;
	text-align: center;
	text-decoration: none;
}

P {
	line-height: 130%;
}

H1 {
	color: #F27D00;
	font-weight: bold;
	font-size: 18px;
}

H2 {
	margin-bottom: 5px;
	color: #F27D00;
	font-weight: bold;
	font-size: 12px;
}

H3 {
	margin-bottom: 10px;
	padding: 0px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}

HR {
	height: 0px;
	margin: 10px 0px 10px 0px;
	border: none;
	border-top: solid 1px #ccc;
}

UL, DL {
	margin-top: 0px;
	margin-bottom: 15px;
}

LI, DD {
	margin-bottom: 10px;
}

UL LI {
	list-style-type: square;
}

FORM {
	margin: 0px;
}

FIELDSET {
	border: solid 1px #a3d031;
}

LEGEND {
	padding: 0px 3px;
	font-size: 12px;
	font-weight: bold;
}

LABEL {
	cursor: hand;
}

INPUT, SELECT, TEXTAREA {
	background-color: #fff;
	color: #666666;
	font-size: 11px;
}

A, A:link, A:visited, A:active, A:hover {
	color: #0A94D6;
	text-decoration: none;
}

A:visited {
	color: #0A94D6;
}

A:hover {
	color: #0A94D6;
	text-decoration: underline;
}

A IMG {
	border-color: #666666;
}




/** STRUCTURAL ELEMENTS **********************************************/

#page {
	width: 984px;
	_width: 964px;
	margin: 0px auto;
	text-align: left;
}

#canvas {
	margin: 3px 0px 8px 0px;
	padding: 10px;
	border: solid 1px #e5e5e5;
	background-color: #fff;
}

#footer {
	font-size: 10px;
}

#footer #copyright {
	font-size: 10px;
}

.att_copy {
	font-size: 10px;
	color: #9B9B9B;
}



/** CUSTOM FORM ELEMENTS *********************************************/

INPUT.box, SELECT.box, TEXTAREA.box {
	border: solid 1px #a3d031;
	padding: 1px;
}

INPUT.child, SELECT.child, TEXTAREA.child {
	border: solid 1px #F27D00;
}

INPUT.button {
	background-color: #039;
	color: #fff;
	font-size: 11px;
}

LABEL.heavy {
	color: #F27D00;
	font-size: 14px;
	font-weight: bold;
}

.prompt {
	color: #6e6e6e;
	font-size: 12px;
	font-weight: bold;
}

INPUT.eMsg, SELECT.eMsg, TEXTAREA.eMsg {
	background-color: #ffc;
	color: #666666;
}

.alert, .error {
	background-color: transparent;
	font-weight: bold;
}

.alert {
	color: #F27D00;
}

.error {
	color: #c00;
}

.notes {
	color: #666;
	font-size: 11px;
}




/** CALCULATOR ELEMENTS **********************************************/

#calculator H2 {
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

#calculator .item, #calculator .item TD {
	font-size: 11px;
}

#indicators {
	border: solid 1px #037;
	padding: 5px;
	font-size: 11px;
}

#indicators .prompt {
	color: #333;
	font-size: 10px;
	font-weight: normal;
}

#indicators .value {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}




/** PRODUCT ELEMENTS *************************************************/

.product_box, .product_box_selected {
	margin: 0px 0px 5px 0px;
	padding: 7px 5px;
	border: solid 1px #f9f9f9;
	background-color: #f9f9f9;
}

.product_box_selected {
	border: solid 1px #0A94D6;
	background-color: #f6f6f6;
}

.product {
	font-size: 11px;
	color: #333;
}
	
	.product .name {
		font-size: 11px;
		font-weight: bold;
	}
	
	.product .price {
		font-size: 11px;
		white-space: nowrap;
	}
	
	.product .sku {
		font-size: 11px;
		font-style: italic;
		white-space: nowrap;
	}
	
	.product .description {
		margin: 2px 0px;
		font-size: 11px;
	}
	
	.product .map {
		font-size: 10px;
		font-weight: normal;
		white-space: nowrap;
	}
	
	.product .more {
		font-size: 11px;
	}
	
	.product .caption {
		font-size: 10px;
		white-space: nowrap;
	}
	
	.product .positive_description {
		padding: 5px 0px 0px 20px;
		font-size: 10px;
		background: transparent url("/shared/images/sites/2/configurator/positive.gif") 0px 5px no-repeat;
		color: #333;
	}
	
	.product .negative_description {
		padding: 5px 0px 0px 20px;
		font-size: 10px;
		background: transparent url("/shared/images/sites/2/configurator/negative.gif") 0px 5px no-repeat;
		color: #900;
	}
	
	.product .tools {
		margin: 2px 0px 0px 0px;
		padding: 0px;
		text-align: right;
	}
		
		.product .tools .info {
			float: left;
			font-size: 11px;
		}
			
			.product .tools .info A {
				text-decoration: underline;
			}
		
		.product .tools INPUT.build {
			border: solid 1px #037;
			padding: 0px 5px 0px 10px;
			background: #0A94D6 url("/shared/images/sites/2/build/tab.bullet.active.gif") 6px 6px no-repeat;
			color: #fff;
			font-size: 10px;
			text-transform: uppercase;
			text-decoration: none;
			white-space: nowrap;
			cursor: hand;
		}




/** TAB_BAR ELEMENTS ************************************/

#build_tabbar {
	position: absolute;
	margin: 0px;
	padding: 0px;
	z-index: 10;
}

	#build_tabbar LI {
		float: left;
		width: 49px;
		_width: 74px;
		height: 16px;
		margin: 2px 0px 0px 0px;
		padding: 4px 13px 4px 10px;
		border: solid 1px #999;
		border-bottom: none;
		background-color: #fff;
		text-align: left;
		white-space: nowrap;
		list-style-type: none;
	}
	
		#build_tabbar LI, #build_tabbar LI A {
			color: #666666;
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
		}
	
	#build_tabbar LI.active {
		height: 17px;
		_height: 28px;
		margin-top: 0px;
		padding-top: 6px;
		background-color: #F27D00;
		border-color: #037;
	}
	
		#build_tabbar LI.active, #build_tabbar LI.active A {
			color: #fff;
		}
	
	#build_tabbar LI.past {
		background-color: #eee;
	}
	
	#build_tabbar LI.disabled {
		color: #666;
		background-color: #ccc;
	}
	
	#build_tabinfo {
		clear: both;
		margin: 27px 0px 0px 0px;
		padding: 20px 15px;
		border: solid 1px #037;
		background-color: #F27D00;
		color: #fff;
		font-weight: bold;
	}
	
		#build_tabinfo A.help {
			margin-left: 20px;
			padding: 1px 8px;
			border: solid 1px #fff;
			color: #fff;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			white-space: nowrap;
		}
	
	#build_tabfilter {
		clear: both;
		margin: 0px;
		padding: 15px 15px;
		border: solid 1px #037;
		border-top: none;
		background-color: #f6f6f6;
		color: #666666;
	}
			
		#build_tabfilter .product_box, #build_tabfilter .product_box_selected {
			background-color: #f6f6f6;
		}
		
	#build_tabcontent {
		clear: both;
		margin: 0px;
		padding: 15px 15px;
		border: solid 1px #037;
		border-top: none;
		background-color: #fff;
		color: #666666;
	}
	
	#pageDisabledZone {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: #fff;
		text-align: center;
		display: none;
		z-index: 10;
		filter: alpha(Opacity=90);
		-moz-opacity: 0.90;
	}
	
	#pageInfoBox {
		position: absolute;
		top: 20px;
		width: 600px;
		height: 400px;
		margin: 0px auto;
		padding: 0px;
		border: none;
		background-color: #fff;
		text-align: center;
		display: none;
		z-index: 20;
	}





/** ORDER ELEMENTS ***************************************************/

#ordernumber {
	color: #F27D00;
	font-size: 16px;
	font-weight: bold;
}

#shippingprice {
	color: #F27D00;
	font-size: 14px;
	font-weight: bold;
}

#installation_cost {
	font-weight: bold;
}

#checkout H3 {
	margin-bottom: 5px;
	color: #F27D00;
}

#checkout INPUT.text, #newsletter INPUT.text {
	width: 200px;
	padding: 2px;
	border: solid 1px #A3D031;
	font-size: 12px;
}

#checkout .required {
	padding-left: 2px;
	color: #F27D00;
	font-weight: bold;
}

#checkout TABLE TD.prompt {
	width: 120px;
}




/** HOMEPAGE ELEMENTS ************************************************/

#install {
	width: 226px;
	margin: 0px 0px 10px 0px;
	background: transparent url("/shared/images/sites/2/home/store.background.gif") repeat-y;
}
	
	#install #installContent {
		margin: 0px;
		padding: 0px 6px 0px 17px;
		font-size: 11px;
	}
	
		#install #installContent P {
			margin: 0px 0px 7px 0px;
		}

#tagline {
	margin: 2px 0px 5px 0px;
	font-weight: bold;
	font-style: italic;
}

#siteIntro {
	border-top: solid 1px #ccc;
	margin: 2px 0px 5px 0px;
	padding: 5px 0px;
}

#partsStore {
	margin: 9px 0px 3px 0px;
}

#storeMenu {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

	#storeMenu LI {
		margin-bottom: 3px;
		padding: 0px;
		font-size: 12px;
		list-style-type: none;
	}





/** MISCELLANEOUS CUSTOM ELEMENTS ************************************/

DIV.box, P.box {
	border: solid 2px #F27D00;
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
}

.info {
	font-size: 9px;
}

.small {
	font-size: 10px;
}

.nowrap {
	white-space: nowrap;
}

.button {
	background-color: #039;
	color: #fff;
	font-size: 11px;
	cursor: hand;
	text-decoration: none;
	border: solid 1px #ccc;
}

.steps {
	font-size: 11px;
}

.mini, .mini {
	margin: 0px;
	padding: 0px;
}

TD.framebox {
	background-color: #D2D2D2;
	background-position: right;
	background-repeat: no-repeat;
}

TD.framebox INPUT {
	background-color: transparent;
}

.hr {
	border-bottom: solid 1px #ccc;
}

.list DIV {
	margin-bottom: 3px;
}