﻿*{margin:0;padding:0}
/* CSS Document */
body {
	margin:0px;
	font-size:12px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	background: #FFF url(../images/bodybg.png) repeat-x;
}

hr{clear:both;border:none;margin:0;height:0}

/* Main Page Width*/
.wrapper{width:950px}
#header, #nav,#footer,#subnav,#subcontent,#benefits,#configurator,.dealer_login
{width:100%}

.end,.End,.clr, #footer{clear:both}

.wrapper {margin:0 auto}

#header {height:92px}

#nav {
	height:50px;
	background:url(../images/navbg.png) repeat-x;
	margin:0;
	padding:0;	
}
#nav li {
	display:block;
	float:left;
	line-height: 3.5em;
	margin:0
}

#nav li a,#nav li a:hover {
	padding:0px 12px 0px 12px;
	height:100%;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	display:block;
	float:left;	
}

#nav li a:hover {
	background-color:#fb9401;
	height:44px;	
}
#side {
	width:196px;
	float:left;
	margin-top:30px;
}
#content {
	width:750px;
	float:right;
	margin-top:15px;
}

#footer {padding-top:50px}

#createaccount {
	background-image:url(../images/loginbg.png);
	width:100%;
	height:284px;
	background-repeat:no-repeat;
	background-position:left;
	font-size:14px;
	color:#FFFFFF;
}


#createaccount p {
	padding:80px 50px 50px 40px;
}

#benefits {	font-size:14px}

#benefits ul {
  float: left;
  margin: 10px 0 0;
  padding: 0;
  list-style:none
}
 
#benefits li {
  float: left;
  width: 20em;
  margin: 0;
  padding-left: 25px;
  line-height:1.5em;
  background:url(../images/arrowbullet.png) no-repeat left
} 

h1,h2,h4 {color:#000000;font-weight: normal; font-size: 26px}
h3,h4,h5{font-weight:bold}
h3,h5{color:#f78d22}
h2,h3,h4,h5{margin:0px}
h5{font-size:12px}
h3,h4{font-size:14px}
h2{font-size:18px}
h4{margin-left:14px}
#side h4{margin-left:0}

hr.line {
	color:#cccccc;
	border:solid 1px #cccccc;
	margin: 6px 0
}

.bold {
	font-weight:bold;
	color:#000000
}

.sectionbody{
	background:#ffffff;
	padding:14px 2px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}

#tabbed,#heading {margin-top:20px;}

.listquare li {list-style-type:square}

#tabbedList ul, li{border:0; margin:0; padding:0; list-style:none;}
#tabbedList ul{
	border-bottom:solid 1px #e9f0f5;
	height:29px;
}
#tabbedList li{float:left; margin-right:2px;}
.tab a:link, .tab a:visited{
	background:url(../images/tab-round.png) right 60px;
	color:#56554e;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
}
.tab a span{
	background:url(../images/tab-round.png) left 60px;
	display:block;
	height:30px;
	margin-right:14px;
	padding-left:14px;
	cursor:pointer
}
.tab a:hover{
	background:url(../images/tab-round.png) right 30px;
	display:block;
	color:#ffffff;
}
.tab a:hover span{
	background:url(../images/tab-round.png) left 30px;
	display:block;
}


.tab a:link, .tab a:visited{
	background:url(../images/tab-round.png) right 60px;
	color:#56554e;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
}
.tab a span{
	background:url(../images/tab-round.png) left 60px;
	display:block;
	height:30px;
	margin-right:14px;
	padding-left:14px;
}
.tab a:hover{
	background:url(../images/tab-round.png) right 30px;
	display:block;
	color:#ffffff;
}
.tab a:hover span{
	background:url(../images/tab-round.png) left 30px;
	display:block;
}


/* -------------------------------- */
/* 	ACTIVE ELEMENTS					*/
.active a:link, .active a:visited, .active a:visited, .active a:hover{
	color:#fb9401;
	background:url(../images/tab-round.png) right 0 no-repeat;
} 
.active a span, .active a:hover span{
	background:url(../images/tab-round.png) left 0 no-repeat;
}

#configurator {margin:20px 0}				

#configurator .tile{
	width:180px;
	text-align:center;
	height:160px;
	float:left;
	overflow:hidden;
	border: solid 3px #FFF
}			

.tile img{display:block;margin:3px auto;float:none}


.summaryimg {
	border:solid 2px #cccccc;
	width:230px;
}

.selectionimg {width:120px;}	

.sectionContentVisible,.features_table {

	width:742px; 
	text-align:left;
	background-color:#f5f4f4; 
	border:solid 1px #cccccc;

}

.features_table {
	width:100%
}

.features_table_heading {

	background-color:#fba011; 
	color:#ffffff; 
	font-weight:bold; 
	font-size:14px; 
	padding:10px;
}

.featuresList {

	float:none; 
	display:list-item; 
	padding:4px;

}

.sectionHeaderNormal, .sectionHeaderChanged {

	background-color:#fba011; 
	color:#ffffff; 
	font-weight:bold; 
	font-size:14px;
	padding:10px;
	width:726px
}

.SectionClosed .sectionHeaderNormal, .SectionClosed .sectionHeaderChanged {

	background-color:#FFF; 
	color:#fba011; 
	border-bottom: solid 1px #CCCCCC;
}


.SubSection{font-size: 14px; font-weight: bold}

td.tiny{width:33px;text-align:center}
td.smallright{width:74px;text-align: right}
td.description{width:576px}

.SectionOpen,.SectionClosed{margin-bottom:5px}

.sectionTotalPrice{float:right}

.sectionTitle,.sectExp,.selectedCode{font-size:14px;line-height:14px; text-decoration:none;color:#FFF;cursor:pointer}
.sectionNotes{background-color:#56554E;color:#FFF;font-weight:bold;padding:5px;width:736px;display:block}

.SectionClosed .sectionTitle,.SectionClosed .sectExp,.SectionClosed .selectedCode {color:#56554E}

.sectExp{font-size:10px}
.selectedCode{color:#000;cursor:default}

.configuration_img {
    width:150px; 
	border:solid 2px #cccccc;  
	margin:10px
}

.configPanel{overflow:hidden}

.button, .button_ia, .RN_LB,.button_s {
    background: transparent url('../images/sprites.png') no-repeat right -41px; 
    display: block;
    float: right;
    height: 29px; 
    margin-right: 5px;
    padding-right: 10px;
    text-decoration: none;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    float:left; 
    margin-top:20px;
    cursor:pointer
}
.button span, .button_ia span, .RN_LB span,.button_s span{
    background: transparent url('../images/sprites.png') no-repeat; 
    display: block;
    line-height: 16px;
    padding: 7px 0px 6px 10px;
    cursor:pointer
} 

.button_ia, .button_ia span{background-image:url('../images/sprites_ia.png'); cursor:default}
.button_s{background: transparent url('../images/spr_s.png') no-repeat right -33px; height: 23px}
.button_s span{background: transparent url('../images/spr_s.png') no-repeat ;line-height:15px;font-size:12px}

.loginTextBox{width:225px; height:25px;padding:2px;font-size:20px}

.ModelSelect
{
	border-top: solid 1px #CCC;
	margin-top: 4px;
}

.ModelSelect li
{
	line-height:33px;
	padding: 5px 0 0;

	background-color:#fba011;
	margin-bottom: 5px;
}

.ModelSelect li .button
{
	line-height:25px;
	margin: 0 5px 0 0;
	float:right
}

ul.SubList, ul.SubList li
{
	background-color:#fff;
	padding-left:20px;
	margin-bottom: 5px;
	border-bottom: solid 1px #CCC;
}

.ModelList
{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;	
}

.ModelList:hover
{
	text-decoration:underline;
	color:#000;	
}

a.StandardFeatureLink
{
	font-size:12px;	color:#000;text-decoration:none
}

a img{border:none}

a.ModelGroupLink
{
	text-decoration:none;
	color:#000;
	font-size:16px;
	font-weight:bold;
	display:block;
	float:left
}

.SubList li a.ModelGroupLink{font-size:12px;margin-right:15px}

.StdFeatureName
{
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;	
}

.StdFeatureDescription
{
	font-size:10px;
	font-weight:normal;
	margin-left:10px;
	text-transform:none;
}

.StdFeatureDescription ul li, .StdFeatureName {background-color:#FFF;margin-bottom:0}

.ps p{padding-bottom:5px}
.infoTextBox {width:200px}
.infoComments{width:300px;height:100px}

.hide
{
	display: none;	
}

.show
{
	display: block;
}

img.imgBump
{
	margin-top:3px;height: 12px; width: 13px; border-width: 0px;
}

.quantityBox
{
	font-size: 10px;
	width: 12px;
}

.summaryDiv
{
	float:left;
	width:220px;
	margin: 10px 10px;
}

img.summaryImage
{
	height: 110px;
	width: 180px;
	padding: 0px 5px 7px 5px;	
}

img.configImage
{
	height: 110px;
	width: 180px;
	float:right;
}

img.fullSummaryImage
{
	height: 110px;
	width: 180px;
	padding-bottom: 7px;
	float: right;
	padding: 10px 10px 0px 0px;
}

.SummaryModelName
{
	height: 45px;
	color: #C41230;
	overflow:hidden;
	font-size:12px;
	font-weight: bold;
	text-transform:uppercase;
}

.redBold, .redBold:hover
{
	color: #C41230;
	font-weight:bold;	
}

.whiteBold, .whiteBold:hover
{
	color: #fff;
	font-weight:bold;	
}

.greenBold, .greenBold:hover
{
	color:Green;
	font-weight:bold;	
}


.greyBold, .greyBold:hover
{
	color:#666;	
	font-weight:bold;
}

.SummaryStatus
{
	border-bottom: solid 1px #000;
	font-size:11px;
	font-weight:bold;
}

.total td
{
	border-top: solid 1px #000;
}

.disabledSummary
{
	color:#CCC;
	width: 100%;
}

.disabledTotalSummary
{
	color:#CCC;
	border-top: solid 1px #000;
	width: 100%;
}

.enabledSummary
{
	color:#000;
	width: 100%;
}

.enabledTotalSummary
{
	color:#000;
	border-top: solid 1px #000;
	width: 100%;
}

.imageButtonDisabled, .imageButtonDisabled:hover
{
	line-height:21px;
	color: #FFF;
	height: 21px;
	width: 171px;
	padding-left:10px;
	margin: 4px 0px;
	background-image:url(../images/disabledButton.png);
	display:block;
	text-decoration:none;
}
.imageButtonEnabled, .imageButtonEnabled:hover
{
	line-height:21px;
	color: #FFF;
	height: 21px;
	width: 171px;
	padding-left:10px;
	margin: 4px 0px;
	background-image:url(../images/enabledButton.png);
	display:block;
}

.flashContent
{
	background-color:#666;
}

.baseUnitDetails
{
	width:190px;
	float:right;
	padding: 10px 10px 0px 0px;
}

.SubSectionTitleBold
{
	background-color:#eee;		
	padding: 5px 5px 5px 10px;
	font-weight:bold;
}


.codeSummaryDisplay
{
	padding: 8px 10px;
	line-height:12px;
	border-bottom: solid 1px #EEE;	
	border-right: solid 1px #EEE;
	border-left: solid 1px #EEE;
}


.codeSummaryTitle
{
	width:530px;
	float:left;
	color:#000;
	font-weight:bold;
}


.codeSummaryText
{
	width:530px;
	float:left;
	color:#666;	
}

.codeSummaryPrice
{
	line-height:24px;
	width:83px;
	float:right;
	text-align:right;
}

.buttonBar
{
	padding: 5px 0px;
}

.imageButtonHzl, .imageButtonHzl:hover
{
	line-height:19px;
	color: #FFF;
	font-weight:bold;
	height: 21px;
	width: 154px;
	padding-left:8px;
	margin: 4px 12px 10px 0px;
	background-image:url(../images/enabledButtonHzl.png);
	display:block;
	float:left;
}

.imageButtonHzlRed, .imageButtonHzlRed:hover
{
	line-height:19px;
	color: #FFF;
	font-weight:bold;
	height: 21px;
	width: 154px;
	padding-left:8px;
	margin: 4px 12px 10px 0px;
	background-image:url(../images/enabledButtonHzlRed.png);
	display:block;
	float:left;
}


.imageActionButton, .imageActionButton:hover
{
	line-height:22px;
	color: #FFF;
	font-weight:bold;
	height: 22px;
	width: 62px;
	padding-left:8px;
	margin: 5px 0px 0px 0px;
	background-image:url(../images/activeButton.png);
	display:block;	
}


.flagBox
{
	font-size:10px;
	line-height:16px;
	font-weight:normal;
	float: left;
	width:150px;
	height:16px;
}

.flags
{
	font-size:10px;
	float:right;
}
img.flags
{
	border:0px;
	vertical-align:text-top;	
}

#side .button span,#side .button_ia span{text-align:center;width:150px}
#side .button, #side .button_ia{margin:10px 10px 0}

#side p {padding-bottom:5px}

.legend{margin-top: 10px; list-style: none}

.legend li{display:block; float:left;margin: 0px 5px}

.features_table_heading .button{float:right;margin-top:0}



.RN_TB, .RN_TB_S {width:400px;float:left}
.RN_TB{background-color: Transparent;border:none;font-size:14px;color:#FFF;font-weight:bold}

.RN_TB_S{background-color: white;border:1px solid #333;font-size:12px}

ul.SCG li{border:1px solid #CCCCCC;margin-bottom:10px}
.SCGs_T{background-color:#FBA011;color:#FFFFFF;font-size:14px;font-weight:bold;padding:5px 0 5px 10px}
.SCGs_Txt{width:700px;float:left}

.SCGs_Ctls{float:right;width:220px}
.SCGs_Ctls b.button_s, .SCGs_Ctls a.button_s, .SC_Ctls b.button_s, .SC_Ctls a.button_s{text-align:center;width:70px; margin-top:0px;float:right;padding-right:3px}
.SCGs_Ctls b.button_s span, .SCGs_Ctls a.button_s span, .SC_Ctls b.button_s span, .SC_Ctls a.button_s span{padding:4px 0 4px 4px}

.SCs{margin-bottom:5px;padding-bottom:5px;display:none}
.SC{float:left;width:50%}
.SC_T{color:#333;font-size:12px;font-weight:bold;padding:5px;margin:5px;background-color:#DDD}
.SC_T .RN_TB,.SC_T .RN_TB_S{width:350px}
.SC_T .RN_TB{font-size:12px;color:#333;height:17px}
.SC_T .RN_TB_S{height:15px}
.SC_Ctls{float:right}
.SC_Ctls b, .SC_Ctls a{color:#333;text-decoration:none; cursor:pointer}
.SC_Ctls b:hover, .SC_Ctls a:hover{text-decoration:underline}
.SC_C{padding:10px}
.SC_C img{width:185px;height:110px;float:left;margin-right:5px}
.SC_Info{height:125px;float:left;width:260px;overflow:auto}

.MSCG{margin-top:5px}
.MSCG_T{background-color:#F78D22;color:white;font-size:12px;font-weight:bold;padding:2px}
.MSCG_T .ctrl{float:right;cursor:pointer;text-align:right;width:40px}
.MSC{display:none}
.MSC h3{background-color:#FFF;color:#333}
.MSC p.actions{text-align:center; border-bottom: solid 1px #CCC}

.GS_C{padding-bottom:5px;margin-bottom:5px}

#QS_C{display:none}
#QS_S,#QS_C
{
    border-bottom:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    padding:2px
}
#QS_C select,#QS_C input{width:180px}

#TabMini ul, #TabMini li{border:0; margin:0; padding:0; list-style:none;}
#TabMini ul{
	border-bottom:solid 1px #e9f0f5;
	height:29px;
}
#TabMini li{float:left; margin-right:2px;}
.qs_tab span:link, .qs_tab span:visited{
	background:url(../images/tab-round.png) right 60px;
	color:#56554e;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
}
.qs_tab span span{
	background:url(../images/tab-round.png) left 60px;
	display:block;
	height:30px;
	margin-right:14px;
	padding-left:14px;
	cursor:pointer
}
.qs_tab span:hover{
	background:url(../images/tab-round.png) right 30px;
	display:block;
	color:#ffffff;
}
.qs_tab span:hover span{
	background:url(../images/tab-round.png) left 30px;
	display:block;
}


.qs_tab span, .qs_tab span:visited{
	background:url(../images/tab-round.png) right 60px;
	color:#56554e;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
}
.qs_tab span span{
	background:url(../images/tab-round.png) left 60px;
	display:block;
	height:30px;
	margin-right:14px;
	padding-left:14px;
}
.qs_tab span:hover{
	background:url(../images/tab-round.png) right 30px;
	display:block;
	color:#ffffff;
}
.qs_tab span:hover span{
	background:url(../images/tab-round.png) left 30px;
	display:block;
}

dl{float:left;width:255px}
dt{clear:left;font-weight:bold;float:left}
dd{}

b.col,b.exp, b.no{background-image:url(../images/col.jpg);height: 19px;width: 19px;float:left; margin-right:5px}
b.exp{background-image:url(../images/exp.jpg)}
b.no{background-image:none}

a.prnt,b.del{background-image:url(../images/print.png);height: 23px;width: 20px;float:right; margin-right:5px}
b.del{background-image:url(../images/delete.png)}

.HalfLeft{float:left;width:50%}