#wrapper{ font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; background-repeat:no-repeat; width: 100%; float: left; padding: 0; margin: 0;}

#wrapper h1{color: #EF8320; font-size: 40px; font-weight: normal;}
#wrapper p{ color: #898989; margin: 5px 0px;}
#wrapper h3{color: #F26635; font-weight: bold; font-size: 15px; display: block;}

/* Steps */
#wrapper .steps a { font-weight:bold; color:#FFFFFF; font-size:14px; text-align:center; display:block; width:18px; height:18px; padding:1px 0 0 0; }
#wrapper .steps a:hover { text-decoration: none;}
#wrapper .steps div {float: left; color: #D6D4D5; font-size: 14px; font-weight: bold; margin: 2px;}
#wrapper .steps .stepCircle { background-image:url(../../images/Steps/step.png); }
#wrapper .steps .stepCircleSelected { background-image: url(../../images/Steps/stepHover.png); }

/* List - quote for example */
#wrapper ul { list-style: none; width: 630px; margin: 15px 0px;}
#wrapper ul li { width: 100%; padding: 0; margin: 15px 0px; float: left; clear: both;}
#wrapper ul li > div { float: left; padding-right: 7px;}
#wrapper ul li > .left { width: 20px; }
#wrapper ul li > .right{ width: 90%; }
#wrapper ul li div.orangeDot{ color: #FFFFFF; font-weight: bold; background-image: url(../../images/orangeDot.png); width: 18px; height: 18px; padding: 1px 0 0 0; text-align:center; margin: 0px;}

#wrapper div.clear { float: left; clear: both; width: 100%; margin: 2px 0px; }

/* Content of quote points */
#wrapper .content{ clear: both; float: left; color: #898989; width: 100%; margin-top: 15px;}
#wrapper .content > .left{float: left; width: 230px; }
#wrapper .content > .right{float: left; }
#wrapper .content > .center{float: left; width: 100%;}
#wrapper .content span { margin: 0px; padding: 0px; line-height: 20px;}
#wrapper .content .starHack{ position: absolute; top: 5px; left: -6px;}
#wrapper .content .star{ margin: 0px 1px 0px 0px; width: 10px; text-align: center; float: left;}
#wrapper .content .row div{ margin: 0px; padding: 0px; font-size: 12px;clear: right;}
#wrapper .content input[type=text] , select { width:185px; height:12px; margin: 4px 0px; margin-top: 2px; font-size: 10px; float: left;}
#wrapper .content select { width: 190px; height: 19px;  }
#wrapper .content textarea{width: 300px; height: 200px;}
#wrapper .content .row { float:left; clear: both; width: 100%; margin: 5px; position: relative;}
.ie6 #wrapper ul { width: 610px;}
.ie6 #wrapper .content .right { float: right; margin-top: -200px;}
.ie6 #wrapper .content .right .row {width: 180px; }
.ie6 #wrapper .content select { width: 160px;}
.ie6 #wrapper .content textarea { width: 300px;}
#wrapper .submit{background-color: #E87620; border: 1px soldi black; color: #FFFFFF; font-weight: bold; float: right; margin: 10px;}
#wrapper .content span.text{ font-size: 10px; text-align: left; }
#wrapper .content span.long{ margin-right: 10px; }
#wrapper .content .progress { background-image: url(../../Images/ProgressWhite.gif); background-repeat: no-repeat; width: 16px; height: 16px; position: absolute; right: 3px; top: 3px;}


/* horizontal info */ 
#wrapper .info{ width: 100%; float: left; color: #898989; font-weight: bold; }
#wrapper .info .row {clear: both; margin: 3px 0px; width: 100%;}
#wrapper .info .row span { display: block; width: 160px; float: left; clear: both; }
#wrapper .info .row input{ width: 170px; float: left;}

/* Image Upload */
.sub_header         {background-color:#9F9F9F;border:1px solid Gray;color:#FFFFFF;font-size:15px;font-weight:bold;margin-top:15px;padding:2px 10px 2px 5px;width:582px;}
.top-file-info      { float: left; margin: 10px 0 !important; color: #D2D2D2; font-style:italic; font-variant:small-caps; font-size: 12px;}
.image-upload-box   { z-index: 2; float:left; position: relative; width: 400px; border-top: 1px solid #D2D2D2; padding: 7px 5px 5px !important; cursor: pointer; clear: both!important; }
#wrapper .row  p {color: #000; padding: 10px 35px 10px 5px;}
.image-upload-box  .title { width: 85px; float:left; color: #9A9A9A  }
.image-upload-box  .popup-image{ position: absolute; top: -60px; left: 90px; z-index: 1001; width:192px; height: 91px;}
.image-upload-box  .popup-image div{ height:91px; width:192px;}
    
.image-upload-box  .Front_View {background: transparent url(../../Images/popup-front-view.png) no-repeat ;}
.image-upload-box  .VIN {background: transparent url(../../Images/popup-vin.png) no-repeat ;}
.image-upload-box  .Other {background: transparent url(../../Images/popup-other.png) no-repeat ;}
.image-upload-box  .Front_Interior{background: transparent url(../../Images/popup-front-interior.png) no-repeat ;}
.image-upload-box  .Rear_View {background: transparent url( ../../Images/popup-rear-view.png) no-repeat ;}
.image-upload-box  .Right_Side {background: transparent url(../../Images/popup-right-side.png) no-repeat ;}
.image-upload-box  .Left_Side {background: transparent url(../../Images/popup-left-side.png) no-repeat ;}
    
.image-upload-box  .imgChoose {float:left;}
.image-upload-box  .fuFile {float:left; margin: 0 10px; z-index: 1;}
.image-upload-box  .lblStatus {position: absolute;   left: 355px; width: 350px; }
.image-upload-box  .lblInfo{float: left; padding: 0 7px;}

.imageUploadContainer { width: 420px!important; float: left; position: relative; }
.imageUploadSampleImages 
{
    border:1px solid gray;
position:absolute;
left: 632px;
top:-2px;
width:240px !important;
z-index:20;
} 
.imageUploadSampleImages .title1 { height: 25px; background-color: Gray; color: White; text-align: center; line-height: 25px; }
.imageUploadSampleImages .title1 .head { font-size: 15px; font-weight: bold; color: White;}
.imageUploadSampleImages .title1 .rest { font-size: 12px; color: White;}
.imageUploadSampleImages .jaPierdoleNigdyWiecej { float: left; width: 240px; } 
.inlinestyle_width450
{
    width:100%;  float:left;
}
#wrapper
{
    position:relative;
}
.pnl_main span
{
    font-size:11px;
}
.imageUploadSampleImages .grr {width: 240px!important; float: left; background-color: White;}
.imageUploadSampleImages .conz{ width: 107px!important; margin: 5px!important; float: left; border: 1px solid black; }
.imageUploadSampleImages .image { width: 100%; height: 66px; background-repeat: no-repeat; background-position: top left; }
.imageUploadSampleImages .text {  width: 100%; font-size: 12px; color: white; background-color: gray; text-align: center;}
.imageUploadSampleImages .frontRight { background-image: url(../../Images/sampleImages/FrontRight.jpg); }
.imageUploadSampleImages .frontLeft {  background-image: url(../../Images/sampleImages/FrontLeft.jpg); }
.imageUploadSampleImages .backLeft {  background-image: url(../../Images/sampleImages/BackLeft.jpg); }
.imageUploadSampleImages .backRight { background-image: url(../../Images/sampleImages/BackRight.jpg); }
.imageUploadSampleImages .interior { background-image: url(../../Images/sampleImages/Interior.jpg); }
.imageUploadSampleImages .vin { background-image: url(../../Images/sampleImages/VIN.jpg); }

/* Quick Quote Box */
#quickQuote { position: relative; background: #E06323 url(../../Images/gradient.jpg) no-repeat ; width: 206px; float: left; padding: 7px 10px 2px; margin-bottom: 5px; clear: both; z-index: 1000px;}    
.ie6 #quickQuote { width: 206px; background-repeat:repeat-x;} 
#quickQuote a{  margin-bottom: 0px; text-decoration: underline; color: #941C1D; float: right; clear: both; font-style: italic; font-size: 11px; }
.ie6 #quickQuote a{ height:7px;}
.ie7 #quickQuote a{ height:9px;}
#quickQuote h3{ font-size: 14px; font-weight: bold; color: #941C1D; display: block; clear: both; margin-top:2px; overflow:hidden; height:18px;}
.sf #quickQuote h3 {font-size: 13px; margin-bottom:3px;}
.ie8 #quickQuote h3 {font-size: 13px; margin-bottom:3px; margin-top:4px;}
#quickQuote p{ font-size: 10px; color: #FFFFFF; line-height: 9px;  letter-spacing:0px;  width: 210px;}
#quickQuote #quote { margin-top: 10px; padding: 0px; margin-bottom: 7px; float:left;}
#quickQuote #quote .desc {float:left; color:#941C1D;font-size:10px;letter-spacing:0;line-height:9px; font-weight:bold;}
#quickQuote #quote span.small {width: 101px;}
#quickQuote #quote span.big {width: 200px;}
#quickQuote #quote input, select, textarea { background-color: #EDEDED; border: 1px solid #B2B9C1; float:left;}
#quickQuote #quote input{height: 12px; margin-right: 10px; margin-bottom: 4px; margin-top:1px; font-size: 9px; padding: 1px;}
#quickQuote #quote input.small{ width: 87px; }
.ie #quickQuote #quote input.small{ width: 85px; }
#quickQuote #quote input.big{ width: 192px; }
#quickQuote #quote textarea{width: 194px; height: 68px; margin-top: 1px; font-size: 11px;}
#quickQuote #quote .rfv{position: absolute; top:100px; left: 90px;}
.ie6 #quickQuote #quote textarea{ height: 90px; }
#quickQuote #quote select{ width: 92px; height: 16px; margin-right: 10px; margin-top: 1px; margin-bottom:4px; font-size: 9px; float:left;}
.ie6 #quickQuote #quote select{margin-right: 6px;}
#quickQuote .button{ border: 1px solid white; background-color: #A72621; float: left; color: White; font-weight: bold; padding: 0px; margin: 0px; }
#quickQuote #quote .progress { background-image: url(../../Images/ProgressOrange.gif); background-repeat: no-repeat; width: 16px; height: 16px; margin-top: 2px;}

#quickQuote .steps { color: White; font-weight: bold; font-size:14px; }
#quickQuote .steps div{margin: 2px 3px; color: White;}
#quickQuote .steps div.stepCircle, div.stepCircleSelected { font-weight:bold; color:#FFFFFF; font-size:14px; text-align:center; width:18px; height:18px; padding:1px 0 0 0; float: left;}
#quickQuote .steps .stepCircle { background-image:url(../../images/Steps/step.png); }
#quickQuote .steps .stepCircleSelected { background-image: url(../../images/Steps/stepHover.png); }

.ie6 #quickQuote .steps .stepCircle { background: none; }
.ie6 #quickQuote .steps .stepCircleSelected { background: none; }

/* Quote Listing */
#listing{  }
#listing h2{ font-size: 15px; font-weight: bold; color: #F26537; width: 100%; margin: 10px 0px;}
#listing #search{ width: 100%; }
#listing #search input[type=text]{ width: 160px; border: 1px solid gray; }
#listing #search input[type=submit]{ background-color: #EA761F; color: #FFFFFF; }

#listing .list{ margin-top: 20px; margin-bottom: 15px; }
#listing .list table span{ width: 150px; height: 25px; line-height: 25px;}
#listing .list table th span{display: block; padding-left: 5px; color: White; font-weight: bold; }
#listing .list table th { width: 150px; background-color: #EB7820; }
#listing .list table td{ padding-left: 10px; }
#listing .list table a {width: 100%; display: block;}
#listing .list table tr.high{ background-color: #FFF4D3; }
#listing .list table tr.low{ background-color: #FFFFFF; }
#listing .list table tr.over{ border: 1px solid silver; background-color: #F7EEDE;}

#thumbGallery{ width: 100%; }
#thumbGallery .thumbnail{ float:left!important; margin: 10px; width: 150px; text-align: center; margin: 3px!important;}
#thumbGallery .thumbnail img{ border: 1px solid black; width: 150px; height: 113px; clear: both; }

/* Recent purchases */
#recentPurchasesList { width: 214px;  float: left; padding: 5px; margin-bottom: 5px; clear: both; z-index: 1000px; background-color: #F1F1F1; color: #828282; }
#recentPurchasesList h2{ margin: 0 auto; width: 170px; color: #828282; font-size: 15px; font-weight: bold; }
#recentPurchasesList h2 a {color: #828282; text-decoration: none;}
#recentPurchasesList .purchase { width: 100%; margin: 10px 20px 10px 0px; }
#recentPurchasesList .purchase table { width: 208px; border: 1px solid #D24325; }
#recentPurchasesList .purchase table td.center{ width: 100%; background-color: #D24325; color: White; font-weight: bold; padding: 1px; }
#recentPurchasesList .purchase table td.center a{ color: White; text-decoration: none;}
#recentPurchasesList .purchase table td.left, td.right {  background-color: #D6D6D6;}
#recentPurchasesList .purchase table td.right { color: #696969; padding: 5px; vertical-align: middle; width: 55%;}
#recentPurchasesList .purchase table td.right span.description{ font-weight: bold; text-transform: uppercase;}
#recentPurchasesList .purchase table td.left .img{ width: 100px; height: auto; }


#recentPurchasesList a:hover { text-decoration: none;}
#recentPurchasesList a:hover span{ text-decoration: none;}
#recentPurchases { width: 520px; background-color: #E87121; margin: 20px; float: left;}
#recentPurchases .list { width: 480px; height:38px; margin: 5px 23px; float: left; clear: both; }
#recentPurchases .list .thumb { width: 50px; height: 35px; float: left; margin: 3px; border: 1px solid black; }
#recentPurchases .list .thumb img{ width: 100%; height: 100%; }
#recentPurchases .list .active { border: 1px solid white; }
#recentPurchases .list .selected { border: 2px solid black; }

#recentPurchases a { color: White; margin: 5px 10px; font-weight: bold; text-decoration: none; font-family: helvetica; font-size: 11px;}
#recentPurchases a:hover{color: Gray;}
#recentPurchases #main{ width: 518; margin: 1px; position: relative; padding: 0px; clear: both; background-color: Black;}
#recentPurchases #main img{ width: 100%; height: 345px; padding: 0px; margin: 0px; border: 0px;}
#recentPurchases #main #bar { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 70px; background-image: url(../../Images/transparentDot.png); color: White; font-family: Helvetica;}
#recentPurchases #main #bar .left{  float: left; height: 50px; width: 200px;}
#recentPurchases #main #bar .middle{float: left; border-right: 1px solid #E87121; width: 5px; height: 50px; margin-top: 10px;}
#recentPurchases #main #bar .right{ float: left; height: 50px; width: 295px;}
#recentPurchases #main #bar h2 span,#recentPurchases #main #bar span { font-size: 15px; color: White; padding: 5px; font-weight: bold; display: block; margin: 0px;}
#recentPurchases #main #bar div > span { padding: 5px;}
#recentPurchases #main #progress{width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; background-image: url(../../Images/transparentDot.png); z-index: 2000;}
#recentPurchases #main #progress .progressClock{background-image: url(../../Images/Progress.gif); background-repeat: no-repeat; background-position: left top; padding-left: 20px; margin-top: 135px; margin-left: 186px; color: White;}