﻿/*  LIGHT Selector Styling
//  background-color: #d2d2d2
*/

/* SELECTORS */
#vehicleSearchForm, #tireSearchForm, #brandSearchForm{float: left;overflow: hidden}
#vehicleSearchForm{
width: 514px;
height: 156px;
background: url(../SharedImages/selectors/bg_searchByVehicle.jpg) no-repeat;
padding: 40px 0 15px 0;
position: relative;
}
#vehicleSearchForm h1{display: none;}
#formOEMSearch{width: 90%}
#formOEMSearch label{
color: #1b1b1b;
font: bold 14px Geneva, Arial, Helvetica, sans-serif;
text-align: right;
float: left;
width: 75px;
padding: 0 4px 0 0;
}
#vehicleSearchForm span.fill{
margin: -16px 0 0 0px;
float: left;
width: 350px;
}
.styled{display: inline;}
#year{
margin: 0 0 2px 0;
}
#makeSelect, #makeSelect, #modelSelect, #chassisSelect, #optionSelect{
margin: 0 0 4px 0;
}
#vehicleSearchForm #findTires, #tireSearchForm #findTires, #vehicleSearchForm #findWheels{
display: block;
position: absolute;
left: 384px;
top: 153px;
width: 117px;
height: 32px;
background: url(../SharedImages/selectors/btn_lightSearch.jpg) no-repeat;
}

#vehicleSearchForm select, #tireSearchForm select{
background: #eaeaea;
color: #1b1b1b;
border: #d3d3d3;
}
#vehicleSearchForm select option:hover, #tireSearchForm select option:hover{
background: #bed0db;
}
#tireSearchForm{
width: 514px;
height: 102px;
background: url(../SharedImages/selectors/bg_searchByTireSize.jpg) no-repeat;
padding: 40px 0 15px 0;
position: relative;
}
#TS_size h1{display: none;}
#TS_size{
margin: 15px 0 0 0;
}
#tireSearchForm .labelFormat{
color: #1b1b1b;
font: bold 14px Geneva, Arial, Helvetica, sans-serif;
margin-left: 20px;
}
#tireSearchForm #findTires{
top: 100px;
}
#brandSearchForm{
width: 514px;
background: url(../SharedImages/selectors/bg_searchByBrand_top.jpg) no-repeat;
padding: 50px 0 20px 10px;
position: relative;
}
#brandSearchFormCap{
position: absolute;
bottom: 15px;
left: 0;
}
.capShadow{
position: absolute;
bottom: 0;
left: 0;
width: 515px;
height: 15px;
margin-top: 14px;
background: url(../SharedImages/selectors/bg_Light_breakLine.jpg) no-repeat;
}
.breakLine{
margin: 0;
padding: 0;
}
/* //SELECTORS */

/* FILTERING */
#searchResults_Tires, #searchResultsWheels{
position: relative;
border: 2px solid #999;
background: #d3d3d3;

width: 515px;
margin: 15px 0 10px 4px;
text-align: left;
}
#searchResults_Tires td, #searchResultsWheels td{
font-size: 11px;
color: #333;
}
#searchResults_Tires td.definition, #searchResultsWheels td.definition{
text-align: right;
width: 35%;
padding-right: 10px;
font-weight: bold;
font-size: 14px;
}
a#btn_filter{
display: block;
float: right;
margin: 0 8px 0 0;
width: 117px;
height: 32px;
background: url(../SharedImages/selectors/btn_lightSearch.jpg) no-repeat;
text-decoration:none;
}
.podControls{padding: 5px;}
.podControls span{font-size: 12px;}
.podControls:hover{background-color: #7896b4;}

/* //FILTERING */


/* RESULTS */
.result{
	background: #ddd url(../SharedImages/selectors/bg_Light_resultCorner.jpg) no-repeat right top;
	margin: 0 auto 4px;
	padding: 10px;
	position: relative;
	width: 520px
}
.result .blCorner{
	background: url(../SharedImages/selectors/bg_Light_resultCorner_bl.jpg) no-repeat right top;
	width: 6px;
	height: 6px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.result .brCorner{
	background: url(../SharedImages/selectors/bg_Light_resultCorner_br.jpg) no-repeat right top;
	width: 6px;
	height: 6px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.result .tlCorner{
	background: url(../SharedImages/selectors/bg_Light_resultCorner_tl.jpg) no-repeat right top;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	left: 0;
}
.result h3{
	margin: 0;
	padding:0;
	color: #222;
	font-size: 14px;
	font-weight: bold;
	display: inline;
	padding: 0 5px 0 0;
}
.result h2{
	padding:0 0 0 5px;
	font-size: 14px;
	font-weight: bold;
	color: #29819d;
	border-left: 1px #000 dotted;
	position: absolute;
	top: 20px;
}
.result .thumb{
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	width: 92px;
	height: 85px;
	background: url(../SharedImages/selectors/bg_thumb.gif) no-repeat;
	padding: 8px 0 0 11px
}
.result .thumb img{
	border: none;
}
.result .overlayZoom{
	display: block;
	width: 37px;
	height: 37px;
	position: absolute;
	bottom: 8px;
	left: 0;
	background: url(../SharedImages/selectors/overlayZoom.gif) no-repeat left bottom;
	text-decoration:none;
}
.result .panel{
	position: absolute;
	right:160px;
	top: 50px;
}
.result .panel form,.result .price{
	margin:0;
	padding: 0;
}
.result table{
	font-size: 12px;
	margin: 4px 0;
}
.result table .dataTitle{
	text-align: right;
	padding: 0 10px 0 0;
}
.result table td.dataTitle + td{
	font-weight: bold;
}
.result .description{
	padding: 0 100px 0 0;
	margin: 10px 0 4px;
	font-size: 11px;
}
.result .descriptionPush{
	margin: 35px 0 4px;
}
.result .price{
	font-weight: bold;
	font-size: 22px;
	color: #900;
	line-height: 22px;
	letter-spacing: -1px;
	padding: 0 0 0 5px;
}
.result a.buyNow{
	padding: 0;
	display: block;
	width: 114px;
	height: 21px;
	text-decoration:none;
	background: url(../SharedImages/selectors/btn_Dark_addToCart.gif) no-repeat;
}
.result a.btn_viewDetails{
	padding: 0;
	display: block;
	width: 120px;
	height: 21px;
	text-decoration:none;
	background: url(../SharedImages/selectors/btn_Dark_viewDetails.gif) no-repeat;
}
.result a.btn_shipQuote{
	padding: 0;
	display: block;
	width: 145px;
	height: 21px;
	text-decoration:none;
	background: url(../SharedImages/selectors/btn_Dark_shipQuote.gif) no-repeat;
}
.result a.btn_findWheels{
	padding: 0;
	display: block;
	width: 120px;
	height: 21px;
	text-decoration:none;
	background: url(../SharedImages/selectors/btn_Dark_findWheels.gif) no-repeat;
}
.result a.btn_findTires{
	padding: 0;
	display: block;
	width: 120px;
	height: 21px;
	text-decoration:none;
	background: url(../SharedImages/selectors/btn_Dark_findTires.gif) no-repeat;
}
.result a.btn_addPackage{
	padding: 0;
	display: block;
	width: 129px;
	height: 21px;
	text-decoration:none;
	background: url(../SharedImages/selectors/btn_Dark_addPackage.gif) no-repeat;
}
.result a.buyNow:hover, .result a.btn_viewDetails:hover,.result a.btn_findWheels:hover,.result a.btn_findTires:hover,.result a.btn_addPackage:hover{
	background-position: bottom
}
/* specials */
	.specialTrigger{
		position: absolute;
		right: 20px;
		top: 100px;
		width: 80px;
	}
	.specialTrigger a{
		display: block;
		text-decoration:none;
		width: 79px;
		height: 24px;
		background: url(../SharedImages/selectors/btn_Dark_specialTrigger.gif) no-repeat;
		outline: none;
	}
	.specials{
		background: #333;
		color: #eaeaea;
		padding: 10px 10px 20px;
	}
	.specials h3{
		display: block;
		width: 90%;
		margin: 0 auto;
		border-bottom: 2px solid #999;
		text-align: right;
		color: #79c8ee;
		padding: 5px 28px 5px 0;
		background:  url(../SharedImages/selectors/icon_specialTag.gif) no-repeat right center;
	}
	.specialTitle{
	margin: 10px 0 0 20px;
	font-weight: bold;
	font-size: 14px;
	color: #00CC33;
	border-top: 1px dotted #666;
	padding-top: 5px;
	clear: right;
	}
	.specialDescription{
	margin: 0 0 0 20px;
	}
	.specialDescription img{
		float: right;
		padding: 0 0 10px 10px;
	}
	.specialActiveDates{
	margin: 0 0 0 20px;
	color: red
	}
	.specialFreeShipping{
	margin: 0 0 0 20px;
	color: #00CC33
	}
	.specialModifiedPrice{
	margin: 0 0 0 20px;
	}
/* //RESULTS */

/* DETAILS */
#wrapperModelDetail{
	width: 100%
}
#wrapperModelDetail #model{
	width: 100%
}
#modelSizes{
	width: 100%
}
#wrapperModelDetail, #model table#modelInfo{
width: 100%;
}
.brandLogo{
	background: #d2d2d2;
}
.brandLogo img{
float: right;
}
td.modelDesc_and_Img p{
padding: 10px;
}
table#modelSizes th{
font-weight: bold;
font-size: 10px;
text-align: center
}
table#modelSizes th.addToCart{
 	padding:0;
	width: 210px
}
table#modelSizes td{
font-size: 10px;
}
.addToCart form{display: inline;float: left;padding: 4px 0 0;text-align: left;}
.addToCart form select{float: left; margin: 6px 0 0 3px}
input.addToCart, input.findTires, input.findWheels, input.addToPackage{
	display: block;
	margin: 0 0 0 4px;
	float: left;
	width: 79px;
	height: 40px;
}

input.addToCart{background: url(../SharedImages/selectors/btn_addToCart_2.gif) no-repeat;}
input.findTires{background: url(../SharedImages/selectors/btn_findTires.gif) no-repeat;}
input.findWheels{background: url(../SharedImages/selectors/btn_findWheels.gif) no-repeat;}
input.addToPackage{background: url(../SharedImages/selectors/btn_addToPackage.gif) no-repeat;}

/* //DETAILS */

/* CART / CHECKOUT */
#cartStatus{
	color: #222;
	width: 520px;
	margin: 0 0 20px 10px;
	padding: 20px 5px;
	position: relative;
	top: 10px;
	right: 0px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background: #eaeaea;
	border: 2px solid #ccc;
}
#statusOfCart a#btn_checkout{
	margin-left: 20px;
	padding: 10px 60px 10px 60px;
	background: url(../SharedImages/selectors/btn_checkout_trans.gif) no-repeat right center;
	text-decoration: none;
}
#statusOfCart a#btn_checkout:hover,#statusOfCart a#btn_emptyCart:hover,img#btn_emptyCart:hover{color: #fff}
#statusOfCart a#btn_emptyCart, img#btn_emptyCart{
	margin-left: 20px;
	padding: 10px 60px 10px 60px;
	background: url(../SharedImages/selectors/btn_emptyCart_trans.gif) no-repeat right center;
	text-decoration: none;
}
img#btn_emptyCart{
padding:20px 60px;
}
#checkoutSummary{
border: none;
}
table#checkoutTable{
width: 100%;

}
button#btn_beginChkout{
width: 117px;
height: 32px;
background: url(../SharedImages/selectors/btn_checkout.gif) no-repeat;
border: none;
cursor:pointer
}
button#btn_continue{
width: 117px;
height: 32px;
background: url(../SharedImages/selectors/btn_continue.gif) no-repeat;
border: none;
cursor:pointer
}

a.btnModify, a.btnUpdate, a#btnCompletePurchase{
display: block;
width: 127px;
height:32px;
text-decoration:none;
background: url(../SharedImages/selectors/btn_modify.gif) no-repeat;
}
a.btnUpdate{
background: url(../SharedImages/selectors/btn_update.gif) no-repeat;
}
a#btnCompletePurchase{
width: 169px;
background: url(../SharedImages/selectors/btn_complete.gif) no-repeat;
}
td#shipDisclaimer{
	font-size: 12px;
	padding-left: 0;
}
input#calcButton{
background: url(../SharedImages/selectors/btn_shipChargeSubmit.jpg) no-repeat scroll left top;
display:inline;
height:22px;
margin:0px 0px 0px 2px;
width:46px;

}

/* //CART / CHECKOUT */


/*  ADMIN / CONTROL PANEL */


	/****	  Numbered Nav    ****/
	
	div.numberNav_Black{
	clear: left;
	padding: 10px 3px;
	margin:0;
	text-align:right;
	color:#7896b4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	div.numberNav_Black a {
	border: 1px solid #7896b4;
	margin-right:3px;
	padding:2px 5px;
	background-image:url('../SharedImages/selectors/nav_bar.gif');
	background-position:bottom;
	text-decoration: none;
	color: #c0c0c0;		
	}
	div.numberNav_Black a:hover, div.numberNav_Black a:active {
	border: 1px solid #7896b4;
	background-image:url('../SharedImages/selectors/nav_invbar.gif');
	background-color:#404040;
	color: #7896b4;
	}
	div.numberNav_Black span.current {
	margin-right:3px;
	padding:2px 5px;
	border: 1px solid #7896b4;
	font-weight: bold;
	background-color: #606060;
	color: #7896b4;
	}
	div.numberNav_Black span.disabled {
	margin-right:3px;
	padding:2px 5px;
	border: 1px solid #606060;
	color: #808080;
	}
	/****	  Breadcrumb Nav    ****/

	div.breadCrumb{
	width: 99%;
	/*background:#CCCCCC;*/
	margin: 0 0 0 0;
	padding: 10px 3px;
	text-align: left;
	color: #7896b4;
	}
	div.breadCrumb b{color: #fff;padding-left:30px;}
	div.breadCrumb span{color: #7896b4;}
	
	div.breadCrumb a{
	border: 1px solid #7896b4;
	background-position:bottom;
	margin-right:3px;
	padding:2px 7px;
	text-decoration: none;
	color: #7896b4;		
	}
	div.breadCrumb a:hover, div.breadCrumb a:active{
	border: 1px solid #7896b4;
	color: #fff;
	background-color:#404040;
	}
	div.breadCrumb span.current {
	margin-right:3px;
	padding:2px 5px;
	border: 1px solid #7896b4;
	background-color: #606060;
	color: #fff;
	}
	div.breadCrumb span.disabled {
	margin-right:3px;
	padding:2px 5px;
	border: 1px solid #606060;
	color: #808080;
	}

#controlPanel{
width: 90%;
margin: 0 auto;
}
#controlPanel h3{
	margin: 8px 0 5px;
	font-size: 18px;
	font-weight: bold;
	color: #39c
}
.controlPanelSection{

}
.controlPanelSection h2{
	margin: 3px 0 5px;
	font-size: 14px;
	font-weight: bold;
}
.controlPanelSection a{
	color: #0c3;
	padding: 0 0 0 10px;
}
.controlPanelSection a:hover{
	color: #39c
}
.formEditBrand{display: inline;}
.adminPanel a{
	color: #0c3;
}
.adminPanel a:hover{
	color: #39c
}
.adminPanel .formEditBrand{
	display: inline;
}
.viewReport{
background: url(../SharedImages/selectors/icon_ViewReport.gif) no-repeat right center;
line-height:18px;
padding-right:20px;
}
.undoFile{
background: url(../SharedImages/selectors/icon_undo.gif) no-repeat right 1px;
line-height:18px;
padding-right: 20px;
padding-bottom:2px;
}
.addBrand, .addSize{
background: url(../SharedImages/selectors/icon_add.gif) no-repeat right center;
padding-right: 20px
}
.addBrand, .editBrand, .deleteBrand, .addSize, .deleteSize, .viewReport, .undoFile{color: #39c}
.addBrand:hover, .editBrand:hover, .deleteBrand:hover, .addSize:hover, .deleteSize:hover, .viewReport:hover, .undoFile:hover{color: #7bb204}
.editBrand{
background: url(../SharedImages/selectors/icon_edit.gif) no-repeat right center;
padding-right: 20px
}
.deleteBrand, .deleteSize{
background: url(../SharedImages/selectors/icon_delete.gif) no-repeat right center;
padding-right: 20px
}
h2.activeTireBrands,h2.inactiveTireBrands,h2.activeWheelBrands,h2.inactiveWheelBrands, h2#currentSpecials, h2.activeTireModels, h2.inactiveTireModels, h2.activeWheelModels,h2.inactiveWheelModels, h2.activeTireSizes, h2.inactiveTireSizes, h2.activeWheelSizes, h2.inactiveWheelSizes{
margin: 8px 0 5px;
font-weight: bold;
font-size: 18px;
color: #39c;
clear: left;
}
h2.inactiveTireBrands,h2.inactiveWheelBrands, h2.inactiveTireModels, h2.inactiveWheelModels, h2.inactiveTireSizes, h2.inactiveWheelSizes{color: #660B0B}
#formEditRanking{margin: 5px 0 5px 20px;}
.formEditSpecial{display: inline;}
b.specialsTitle{
color: #7bb204;
font-size: 14px;
}
.activeModelTable, .inactiveModelTable{
float: left;
margin: 10px;
padding: 10px;
width: 220px;
height: 90px;
display: block
}
.activeModelTable tr td b, .inactiveModelTable tr td b{
	white-space: nowrap
}
h2#editTireModel, h2#editWheelModel, h2#editTireSize, h2#editWheelSize, h2#brandName{
font-weight: bold;
font-size: 24px;
color: #000;
letter-spacing: -1px;
}
h3#currentModel{font-size: 15px; color: #339900}
.editTireSizeSpan, .editWheelSizeSpan{color: #039; font-size: 14px; font-weight: bold}

.activeModelTable img{
border: none	
}
.activeModelTable form{
border: none	
}
.activeModelTable tr td{
border: none	
}
.spacer{
display: block;
float: left;
}
/********************************************/
/****	  Tire Uploader 			    ****/
/******************************************/
#downloadTemplate
{
    padding:10px 0 0 30px;
}
#downloadTemplate a
{
    padding-left:10px;
    color:#3399CC;
}
#downloadTemplate a:hover
{
    color:#7BB204;
}
#uploadMessage
{
    padding:5px 5px 5px 8px; 
    color:#e02828; 
    border:1px solid #7896b4; 
    margin:3px; 
    font-weight:bold;
}
#fileHolder
{
    padding-bottom:10px;
}
#fileHolder td
{
    padding:5px;
    border:1px solid #ddd;
}
#fileHolder .title1
{
    background-color:#DAE2E6;
    font-weight:bold;
}
#fileHolder .fileLink
{
    color:#3399CC;
}
#fileHolder .fileLink:hover
{
    color:#7BB204;
}
/* //ADMIN / CONTROL PANEL */
