ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input{margin:0; padding:0}

.fl{float:left}
.fr{float:right}

.clear{clear:both; height:0}

ul{list-style:none}
fieldset{border:0}
a, a:link, a:visited, a:hover{color:#00f; text-decoration:none}
a:focus, a:hover{text-decoration:underline}

a img{border:none}

.clear{clear:both}

body{background:#000; font:12px Arial,Helvetica,sans-serif; background:url("../images/contentbg.jpg") repeat scroll center top transparent}

#content{width: 300px; margin: 0; padding: 5px;}

#build{float:none; width:300px; margin:0px 0px 5px 0px; padding:0px 0px 10px 0px; border-bottom:0;}

#build-left, #text, a.sure, #popup, .popup{display:none}

 #build-right {display: block; width: 310px;}


img.alignright{position:absolute; top:-14px; right:-10px}
#build-right h3, #time {color:#fff; text-align:center}
#build-right h3 {padding: 10px 0 0;}
#build h2{color:#fff; font-size:20px; font-weight:normal; padding:0px 0px 9px 0px}

#container-img{float:left; /*width:305px; */}

#container-img img{float:left; margin:0px 9px 0px 0px}

#widgets{width:310px; display:inline-block; margin:0px 10px 4px 0px; padding:0px 0px 0px 0px;}
	.widget1{width:290px; padding:10px 0 2px 0; display: block; float: none;}
		.widgetinner{padding:4px 0px 0px 10px; background:url(../images/end1_bg_mobile.png) no-repeat right top; width: 290px; height:131px;}
	.widget2{width: 290px; padding:10px 0 2px 0px; display: block; float: none;}
		.widget2 .widgetinner{background:url(../images/end2_bg_mobile.png) no-repeat right top; padding:4px 0 0 10px; width:290px; height:131px;}
	
	.widget1 select{height:19px; margin:10px 0px 0px 10px; width: 180px; display: block;}
	.widget2 .widgetinner select {height:19px; margin:10px 0px 0px 95px; width: 180px; display: block; padding:0;}
	
	#ctl00_cphMain_drpBrandID1{width:180px; height:19px; margin:35px 0px 0px 10px}
	#ctl00_cphMain_drpBrandID2{width:180px; height:19px; margin:35px 0px 0px 95px}
	
	
.widget{padding:9px 6px 2px 12px; float:none;}
	.widget input.text{width:189px; height:14px; color:#3f3f3f; font-size:14px; font-style:italic; font-family:Arial,Helvetica,sans-serif; text-transform:capitalize; margin:16px 0px 23px 16px; padding:10px 8px 8px 10px; text-shadow:1px 1px 1px #bebebe}
	.widget input {width: 30px; padding:1px 0; font-size: 14px;}

.widget-top{width:250px; height:9px; background:url(../images/widget-topbg.jpg) top no-repeat}
.widget-btm{height:6px; background:url(../images/widget-btmbg.jpg) bottom no-repeat}

#overall-length-entry{padding-bottom:15px; width: 310px; display: block; text-align: center;}

#container-img img.big{margin:0px 0px 0px 3px}

/*#text{float:left; width:345px}*/

#text p{color:#fff; font-size:12px; line-height: normal;}

.coll{display: block; width:200px;}
	.coll h2{color:#fff; font-size:18px; text-transform:uppercase; padding:5px 0px 5px 0px; display:inline-block; margin:0 0 0 30px;}


/*  Drawing Container */

#box{width:310; padding:0px 0px 0px 7px}
#drawing-container{float:none; width:300px; padding:0px 0px 25px 0px; background:url(../images/drawing-container-bg-mobile.png) top no-repeat; clear: both;}
	#drawing-container h2{color:#fff; font-size:13px; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; padding:0px 0px 20px 0; text-align: center;}
	#drawing-container h2 span{color:#f1ac23}

#drawing1{float:left; width:140px; display:inline-block; height: 134px; position:relative; margin:0px 10px 0px 0px; background:url(../images/drawing1-bg-mobile.png) bottom no-repeat; padding-bottom: 10px;}

#drawing2{float:left; width:140px; height:134px; display: inline-block; position:relative; background:url(../images/drawing2-bg-mobile.png) bottom no-repeat; padding-bottom:10px;}

#drawing1 >img, #drawing2 >img{cursor:pointer; width: 140px;}

#drawing1 >span, #drawing2 >span{ display: none;}

.title{width:140px; position:absolute; text-align:center; bottom:0; padding:5px 0px 0px 0px; top:134px}

.title label{color:#fff; font-size:12px; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; font-weight:bold}


/** Details Box */

#details{float:none; width:300px; margin: 40px 0px 0px 0px; color:#fff; clear: both;}
#details ul li{color:#fff; height:20px; font-size:12px; padding-bottom:6pxpx; font-weight:bold}


/*
.popup{-moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow:0 0 90px #000;     box-shadow:0 0 90px 5px #000; display:none; z-index:1000; background:#000}
*/
.popup .close{    z-index:1001; background-image:url(/images/vector.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:31px; width:31px}

#detail-image-left, #detail-image-right{background:url(/images/contentbg.jpg) center top; padding:20px; border:2px solid #000; display: none!important; visibility:hidden!important}

#terms-link{color:#fff; text-decoration:underline}

#terms-content{background:#000; width:200px; height:300px; padding:20px 10px 10px 10px}

#terms-content div{overflow:auto; height:300px}

#terms-content p{margin:0 0 3em 0}



.coll.small{float:left; width:200px}






label{padding:0px 0px 0px 0px}


/* to prevent jqzoom from showing the right image above the left image's zoom */
.zoomPad{z-index:auto}

.title label span{color:#f1ac23}



.ui-widget-content{background-image:none}

#details h2{color:#fff; font-size:20px; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; padding:0px 0px 8px 0px; margin:-5px 0px 12px 0px; border-bottom:1px #fff solid}


#toolbar ul li{    color:#fff; font-size:12px; padding-bottom:10px}
#toolbar ul li img{display:block; margin:20px 0 10px 0}
#toolbar p{color:#fff; display:block; font-size:12px; margin:1em 0}
#toolbar input[type=file]{color:#fff}

#details ul li >span{    float:right; text-align:right; font-weight:normal; color:#F1AC23; padding-top:0px;     padding-left:5px}
.warning{color:#900;     font-weight:bold;     padding:10px; margin:10px 0; background:#fff; border-radius:6px; display:block;     font-size:12px;     text-transform:uppercase}

#time{color:#fff; font-size:24px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; padding: 0px 0 10px;}

#AdminTable{margin:20px}
#AdminTable tr{}
#AdminTable tr td{color:#fff; padding-right:10px}
#AdminTable tr td a{color:#F1AC23; padding-right:5px}
#toolbar a{color:#F1AC23; padding-left:5px; font-weight:bold; font-size:13px}
#toolbar{margin:20px}
#toolbar h3{font-weight:bold; font-size:12px; color:#fff; padding-top:10px; padding-bottom:10px}
#AdminNav{margin:20px}
#AdminNav h2{color:#fff; font-size:20px; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; padding:0px 0px 8px 0px; margin:-5px 0px 12px 0px; border-bottom:1px #fff solid}

#AdminNav ul{display:block; padding-bottom:20px}
#content #AdminNav ul li a{float:left; display:inline; color:#fff; padding:0px 20px 0px 0px; font-weight:bold; font-size:14px}
.paging{font-size:14px:font-weight:bold; color:#fff}
.paging a{font-size:14px:font-weight:bold; color:#F1AC23}

#LoginContent{padding:20px}
#LoginContent ul{padding:0px}
#LoginContent ul li{font-weight:bold; font-size:14px; color:#fff; padding-top:10px}
#LoginContent .login-label{margin-left:28px}

#stocked-sub-or{font-size:18px; margin:10px 0; text-align:center}

a.buy{color:#fff; width:255px; display:block; font-size:18px; text-align:center; text-decoration:none; font-family:Arial,Helvetica,sans-serif; margin:8px 0px 9px 0px; padding:10px 0px 14px 0px; background:url(../images/buy-bg.png) no-repeat; font-weight:bold}
a.buy:hover{background:url(../images/buy-bg_hover.png) no-repeat}

.login_btn{    margin-top:20px}

#details select{width:255px; height:20px; color:#000; font-size:12px; font-weight:bold; margin:9px 0px 9px 0px}

#details h3{color:#fff; font-size:14px; margin:9px 0px 6px 0px; font-weight:normal}

#time span{color:#fff; font-size:38px; font-family:Arial,Helvetica,sans-serif; font-weight:bold}

/**/
.replace{position:relative; margin:0; padding:0; /* \*/overflow:hidden; /* */}
.replace span{display:block; position:absolute; top:0; left:0; z-index:1}
.skiplink{display:none}
#wrapper{width:100%; margin:0 auto}

/* Mobile Dealer Locator */

.header {display: none;}

	#InteractiveMap.map-wrapper {postision: relative; width: 310px;}

#InteractiveMap.map-wrapper .search-bar, #InteractiveMap.map-wrapper .directions-bar {float: none; width: 300px; height: auto; margin-top: 250px;}
	#InteractiveMap.map-wrapper .search {}
	#InteractiveMap.map-wrapper #LocationList {}
	
#InteractiveMap #GoogleMap {float: none; width:300px; clear: both; position: absolute; top: 10px;}
#InteractiveMap #GoogleMap.map {width: 98%; height: 220px;}

#InteractiveMap.map-wrapper .directions-bar > .directions {height: auto; overflow: visible; padding-bottom: 15px;}