﻿/********************/
/* Car Configurator */
/********************/
.gabrielsCarConfig
{
	width:500px !important; 
	text-align:left; 
	background-color:#FFFFFF; 
}
table.gabrielsCarConfigTabs
{
	width:100% !important;
	border:0; 
	
}


.gabrielsCarConfigWrapperTable
{
	/*border:solid 1px gray;*/
	border-spacing:25px !important;
	width:100% !important;
	padding:0 !important;
	margin:0 !important;
	padding-right:20px;
	vertical-align:middle !important;
}

.gabrielsCarConfigTabs
{
	width:100%;
	border-spacing:5px;
	border-style:solid;
	border-color:#FFFFFF;
}








.gabrielsCarConfigStepTab
{
    width:0 !important;
	height:10 !important; 
	text-align:left;
	text-transform:uppercase;
	font-size:11px !important;
	font-family:Arial;
	color:#004276 !important;
	background-color:white;
	border-top:double 3px #cccccc !important;
	padding-top:10px !important;
	padding-bottom:9px !important;
	white-space:nowrap;
}
.gabrielsCarConfigTabActive
{	
	width:0 !important;
	height:10 !important; 
	text-align:left;
	text-transform:uppercase;
	font-size:11px !important;
	font-family:Arial;
	font-weight:bold;
	color:black;
	background-color:white;
	border-top:double 3px #cccccc !important;
	padding-top:10px !important;
	padding-bottom:9px  !important;
	white-space:nowrap;
}
.gabrielsCarConfigTabInactive
{
	width:0 !important;
	height:10px  !important; 
	text-align:left; 
	text-transform:uppercase;
	font-size:11px !important;
	font-family:Arial;
	color:#004276 !important;
	background-color:White;
	border-top:double 3px #cccccc !important;
	padding-top:10px !important;
	padding-bottom:9px !important;
	white-space:nowrap;
}
.gabrielsCarConfigTabOver
{	
	width:0;
	height:10px !important; 
	text-align:left; 
	text-transform:uppercase;
	font-family:Arial;
	font-size:11px !important;
	color:#004276 !important;
	background-color:White;
	text-decoration:underline;
	border-top:double 3px #cccccc !important;
	padding-top:10px !important;
	padding-bottom:9px !important;
	white-space:nowrap;
}
th.gabrielsCarConfigList
{
	font-size:11px !important; 
	text-align:left; 
	text-transform:uppercase;
	font-family: Arial;
	font-weight:bold;
	padding-top:10px !important;
	padding-bottom:9px !important;
	padding-left:10px !important;
	background-color:#f4f4f4;
	border-top:solid 1px #cccccc !important;
	border-bottom:solid 1px #cccccc !important;
	/*border-bottom:double 3px #cccccc;*/
}
.gabrielsCarConfigList, .gabrielsCarConfigListPrice, .gabrielsCarConfigListDrop, .gabrielsCarConfigSelectedColor, .gabrielsCarConfigListTrue, .gabrielsCarConfigListFalse, .gabrielsCarConfigListPriceTrue, .gabrielsCarConfigListPriceFalse, .gabrielsCarConfigListColor
{
	font-size:11px !important;
	font-family:Arial;
	color:Black;
	text-align:left; 
	text-transform:capitalize;
	padding-left:5px !important;
	padding-top:7px !important;
	padding-bottom:9px !important;
	padding-right:5px !important;
	border-top:solid 1px #e5e5e5 !important;
	vertical-align:top !important; 
	background-color:white;
}
.gabrielsCarConfigList, .gabrielsCarConfigListTrue, .gabrielsCarConfigListFalse
{
	font-weight:bold;
}

.gabrielsCarConfigListPrice, .gabrielsCarConfigListPriceTrue, .gabrielsCarConfigListPriceFalse
{
	text-align:left;
	padding-right:10px !important;
}
.gabrielsCarConfigListDrop, .gabrielsCarConfigListDropTrue, .gabrielsCarConfigListDropFalse
{
	border-top:0px !important;
	width:300px !important;
}
.gabrielsCarConfigListSubTitle
{
	font-size:x-small !important; 
	font-weight:bold;
}
.gabrielsCarConfigListTrue, .gabrielsCarConfigListPriceTrue, .gabrielsCarConfigListDropTrue
{
    background-color:#FFFFFF;
}
.gabrielsCarConfigListFalse, .gabrielsCarConfigListPriceFalse, .gabrielsCarConfigListDropFalse
{
    background-color:#FFFFFF; /*#F0F4F5;*/
}

.gabrielsCarConfigListNumbers
{
	font-size:small !important; 
	text-align:right !important;
	padding-top:7px !important;
	padding-bottom:9px !important;
	vertical-align:top !important;  
}

.gabrielsCarConfigListColor
{
	font-weight:bold;
	vertical-align:middle;
}

.gabrielsCarConfigSelectedColor
{
	background-color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
}
.gabrielsCarConfigWarning
{
	font-size:medium; 
	font-weight:bold; 
	color:#FF0000; 
	text-align:center; 
	background-color:#FFFFFF
}

.gabrielsCarConfigSmallNotice
{
	font-size:xx-small !important;
	text-align:center;
}
.gabrielsCarConfigImageCell
{
	width:60 !important; 
	height:60 !important; 
	text-align:center;
	margin-right:auto !important;
	padding-left:5px !important;
}
.gabrielsCarConfigImageCellTitle
{
	font-weight:bold;
	text-align:center; 
}
.gabrielsCarConfigImageCellPrice
{
	text-align:right; 
	font-size:xx-small ;
}
.gabrielsVehicleInfoBox
{
	margin-top:10px !important;
	border-top:double 3px #cccccc !important;
	border-bottom:double 3px #cccccc !important;
}

.gabrielsCarConfigListSubTitle
{
	background-color:#FFFFFF;
}

.gabrielsOptionName
{
	font-family:Arial;
	font-size:12px !important;
}

.gabrielsCarConfigTitle
{
	font-size:14px !important;
	font-family:Arial;
	color:black;
	text-align:left; 
	padding-left:5px !important;
	padding-top:6px !important;
	padding-bottom:9px !important;
	font-weight:bold;
	background-color:white;
	/*text-decoration:underline;*/
}

.gabrielsTitlePriceSubTitle
{
	font-size:12px !important; 
	text-align:left; 
	font-family: Arial;
	font-weight:bold;
}

.gabrielsCarConfigButton
{
	color:#0000FF;
	BACKGROUND-COLOR: #FFFFFF;
	FONT-FAMILY: Arial;
	FONT-SIZE: 11px !important;
	font-weight:bold;
	border:0px !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px !important;
	cursor:pointer;
	/*WIDTH: 80px;
	HEIGHT: 19px;*/
	
}

.gabrielsCarConfigRadioStyle
{ 
	text-align:left; 
	color:Black;
	font-family: arial, geneva, helvetica, sans-serif;
	font-size:11px !important;
	font-weight:bold;
	background-color:white;
}
.gabrielsCarConfigStyleList
{
	text-align:left; 
	color:Black;
	font-family: arial, geneva, helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	background-color:white;
	border-bottom:dashed 1px #000 !important;
	padding-bottom:10px !important;
	padding-left:10px !important;
	cursor:default;
}
.gabrielsCarConfigSelectedColor
{
	background-color:#FFFFFF !important;
	font-weight:bold;
}

.gabrielsCarConfigSummaryBackground
{
	background-color:#FFFFFF;
	border-top:solid 1px #cccccc !important;
	border-bottom:double 3px #cccccc !important;
}

.gabrielsCarConfigLinkTextMore, a.gabrielsCarConfigLinkTextMore, a.gabrielsCarConfigLinkTextMore:link, a.gabrielsCarConfigLinkTextMore:visited, a.gabrielsCarConfigLinkTextMore:hover, a.gabrielsCarConfigLinkTextMore:active, a.gabrielsCarConfigLinkTextMore:visited
{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px !important;
	color: #346799 !important;
	Padding: 5px 0px 5px 0px !important;
	text-decoration: none !important;
}
.gabrielsCarConfigSummaryHeading
{
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bolder;
	font-size: 11px !important;
	color: #db231e !important;
	padding-bottom:10px !important;
}

.gabrielsCarConfigBoldHeader
{
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bolder;
	font-size: 11px !important;
	color: #000000 !important;
	
}

.gabrielsCarConfigSummary
{
	
}

.gabrielsCarConfigSummaryImageOnly
{
	
}

.gabrielsCarConfigSummaryTextRow, .gabrielsCarConfigSummaryTextTotal, .gabrielsCarConfigSummaryPriceRow, .gabrielsCarConfigSummaryPriceTotal
{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px !important;
	color: #000;
	padding-top:2px !important;
	padding-bottom:1px !important;
	text-align:left !important;
}

.gabrielsCarConfigSummaryTextRow
{
	font-weight:bold;
}

.gabrielsCarConfigSummaryTextTotal
{
	font-weight:bold;
	font-size:12px !important;
	text-transform:uppercase;
	padding-bottom:4px !important;
}

.gabrielsCarConfigSummaryPriceRow
{
	text-align:left !important;
	padding-right:4px !important;
}
.gabrielsCarConfigSummaryPriceTotal
{
	font-weight:bold;
	text-align:left;
	padding-right:4px !important;
}

.gabrielsCarConfigLegendBorder
{
	border-top:solid 1px #cccccc !important;
	border-bottom:solid 1px #cccccc !important;
	border-left: solid 1px #cccccc !important;
	border-right:solid 1px #cccccc !important;
}
.gabrielsCarConfigLegendTable
{
	width:100% !important;
	background-color:#FFFFFF !important;/*#e5e5e5;*/
	margin-top:5px !important;
	margin-bottom:10px !important;
	margin-left: 2px !important;
	margin-right:2px !important;
}

.gabrielsCarConfigLegendTableRow
{
	font:Arial;
	font-weight:normal !important;
	font-size:11px !important;
	padding-left:10px !important;
	padding-right:10px !important;
}
.gabrielsCarConfigLegendHeader
{
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bolder;
	font-size: 11px !important;
	color: #db231e !important;
	width:100% !important; 
	padding-bottom:1px !important; 
	border-bottom:solid 2px #FFFFFF
}
.gabrielsCarConfigZipQuote
{
	background-color:#fdfcd0;
	border-top:solid 1px #cccccc;
	border-bottom:double 2px #cccccc;
	padding: 12px 10px 12px 10px !important;
}

.gabrielsCarConfigZipQuoteText
{
	font-family: Arial;
	font-size: 11px !important;
	color: #000;
	text-align:left !important;
}

.gabrielsCarConfigZipQuoteExt
{
	background-color:#fdfcd0 !important;
	border-top:solid 1px #cccccc !important;
	border-bottom:solid 1px #cccccc !important;
	border-left:solid 1px #cccccc !important;
	border-right:solid 1px #cccccc !important;	
	padding: 12px 10px 12px 10px !important;
}

.gabrielsCarConfigCellSwatch
{
	width:18px !important; 
	height:11px !important; 
	text-align:center !important; 
	padding:0 !important; 
	border-bottom:solid 1px #999999 !important;
	border-right:solid 1px #999999 !important;	
}

.gabrielsCarConfigSelColorTable
{
	width:100% !important; 
	border-collapse:separate;
	border-bottom:double 3px #cccccc !important;
}

.gabrielsCarConfigUserInfo
{
	width:155px;	
}

.userInfoDivAddress
{
	width:165px;
}

.userInfoDivAddress div
{
	width:165px;
}

.userInfoDivAddress div input, .userInfoDivAddress div select
{
	width:163px;
}

.gabrielsCarConfigQuoteLeadForm
{
	width:195px;	
}

.gabrielsCarConfigStartOver
{
	width:195px;
}



