﻿#wrapper
{
    font-family: Tahoma, 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: #333333;
    margin: 5px 0px;
}
#wrapper h3
{
    color: #F26635;
    font-weight: bold;
    font-size: 15px;
    display: block;
}
#ctl00_ContentPlaceHolder1_rblStarts_2, #ctl00_ContentPlaceHolder1_rblDrive_2
{
    margin-left:25px;
    }
/* 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: 100%;
}
#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: #333333;
    width: 100%;
    margin-top: 15px;
}
#wrapper .content > .left
{
    float: left;
    width: 315px;
}
#wrapper .content > .left .selectCon
{
    float: left;
    width: 139px;
}
#wrapper .content > .right
{
    float: left;
    width: 300px;
}
#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 .row div.desc
{
    font-weight: bold;
}

/*
#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: 280px;
    height: 200px;
}
*/

/* Inputs */
.lbl
{
    font-family: Tahoma, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    color: #333333;
}
.input_268
{
    float: left;
    background: url("../../Images/Inputs/input_268.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    width: 268px;
}
.input_268 input
{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #333333;
    display: inline;
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 4px;
    width: 258px;
}
.input_132
{
    float: left;
    background: url("../../Images/Inputs/input_132n.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    width: 132px;
}
.input_132 input, .input_132 select
{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #333333;
    display: inline;
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 4px;
    width: 122px;
}

#wrapper .content .row
{
    float: left;
    clear: both;
    width: 100%;
    margin-top: 5px; /*  position: relative; */
}


.ie6 #wrapper ul
{
    width: 610px;
}

/*
.ie6 #wrapper .content select
{
    width: 160px;
}
.ie6 #wrapper .content textarea
{
    width: 300px;
}
*/
.ie6 #wrapper .content .right
{
    float: right;
    margin-top: -190px;
}
.ie6 #wrapper .content .left
{
    width: 275px;
}
.ie6 #wrapper .content .right, .ie6 #wrapper .content .right .row
{
    width: 275px;
}

#wrapper .submit
{
    background-color: #E87620;
    border: 1px soldi black;
    color: #FFFFFF;
    font-weight: bold;
    float: right;
    margin: 10px;
}
#wrapper .decodeVIN
{
    background-color: #6A8FB5;
    border: 1px solid black;
    color: #000000;
    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: #333333;
    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: 680px;
}
.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: 540px;
    border-top: 1px solid #D2D2D2;
    padding: 7px 5px 5px !important;
    clear: both !important;
}
#wrapper .row p
{
    color: #000;
    padding: 10px 35px 10px 5px;
}
.image-upload-box .title
{
    width: 85px;
    float: left;
    color: #333333;
    font-size: 12px;
    margin-top: 5px;
}
.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: 550px !important;
    float: left;
    position: relative;
}
.imageUploadSampleImages
{
    border: 1px solid gray;
    position: absolute;
    left: 466px;
    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 .row
{
    float: left;
    width: 100%;
}

#quickQuote #quote span.small
{
    float: left;
    width: 101px;
}
#quickQuote #quote span.big
{
    float: left;
    width: 200px;
}
#quickQuote #quote input, select, textarea
{
    background-color: #EDEDED;
    border: 1px solid #B2B9C1;
    float: left;
}

#quickQuote #quote .rfvq
{
    float: left;
    font-size: 20px;
    line-height: 11px;
    margin: 6px -21px;
    color: White !important;
}

.getOfferForm_form_in .rfvq
{
    display: block;
    float: left;
    height: 10px;
    margin-top: 2px;
    margin-left: 0px;
    width: 6px;
}
.getOfferForm_form_in .rfvqZIP
{
    display: block;
    float: left;
    height: 10px;
    margin-top: 2px;
    margin-left: 0px;
    width: 6px;
}

#quickQuote #quote .highlight
{
    background-color: #10aade !important;
}


#quickQuote #quote .Extender table
{
    display: none !important;
}
#quickQuote .summary
{
    background-color: #10AADE;
    float: left;
    margin-bottom: 3px;
    padding: 3px 2px;
    width: 192px;
}


#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: 100%;
    float: left;
    margin-left: 15px;
}
.ie6 #recentPurchases
{
    margin-left: 0px;
}
#recentPurchases .list
{
    width: 100%;
    margin: 5px 0;
    float: left;
    clear: both;
}
#recentPurchases .list .thumb
{
    width: 194px;
    margin-left: 12px;
    float: left;
    background: url("../../Images/RecentPurchases/borderStatic.png") no-repeat scroll 4px 4px transparent;
}

#recentPurchases .list .thumb .item_title
{
    color: #333333;
    float: left;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
    height:28px;
    width: 100%;
    cursor: pointer;
}
#recentPurchases .list .selected .item_title, #recentPurchases .list .active .item_title
{
    color: #c63219;
    text-decoration: underline;
    cursor: pointer;
}
#recentPurchases .list .thumb img
{
    height: 129px;
    margin-left: 6px;
    margin-top: 6px;
    width: 182px;
    float: left;
    cursor: pointer;
}
#recentPurchases .list .thumb .posAbs
{
    margin-left: 6px;
    margin-top: 97px;
}

#recentPurchases .list .selected, #recentPurchases .list .active
{
    background: url("../../Images/RecentPurchases/borderHover.png") no-repeat scroll 0 0 transparent;
}
#recentPurchases .list .selected img, #recentPurchases .list .active img
{
    margin-left: 6px;
    margin-top: 6px;
}

#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: 588px; /* height: 428px; */
    margin: 1px;
    position: relative;
    padding: 0px;
    float: left;
    background-color: #ffffff;
}
#recentPurchases #main img
{
    width: 100%; /* height: 424px; */
    margin: 0px;
    padding: 1px;
    border: solid 1px #cccccc;
    float: left;
}
#recentPurchases #main #bar
{
    background-image: url("../../Images/transparentDot.png");
    bottom: 2px;
    color: White;
    font-family: Helvetica;
    height: 70px;
    left: 0;
    margin-left: 2px;
    position: absolute;
    width: 100%;
}
#recentPurchases #main #bar .right h2
{
    margin-bottom: 0;
    margin-top: 8px;
}
#recentPurchases .purchasesNext
{
    background: url("../../Images/RecentPurchases/nextArrow.png") no-repeat scroll 0 0 transparent;
    width: 21px;
    height: 43px;
    overflow: hidden;
    float: left;
    margin: 195px 0 0 5px;
    padding: 0;
}
#recentPurchases .purchasesNext:hover
{
    background-position: -21px 0;
}
#recentPurchases .purchasesPrev
{
    background: url("../../Images/RecentPurchases/prevArrow.png") no-repeat scroll -21px 0 transparent;
    width: 21px;
    height: 43px;
    overflow: hidden;
    float: left;
    margin: 195px 5px 0 0;
    padding: 0;
}
#recentPurchases .purchasesPrev:hover
{
    background-position: 0 0;
}



#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;
    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;
}

table td, table
{
    border-collapse: collapse;
    vertical-align: middle;
    padding: 5px 0;
}



/*Mikolaj New Style
========================================================*/
.slider .mainImg #bar1
{
    background-image: url("../../Images/transparentDot.png");
    bottom: 0;
    color: White;
    font-family: Helvetica;
    height: 70px;
    left: 0;
    position: absolute;
    width: 100%;
}
.slider .mainImg
{
    float: left;
    position: relative;
    width: 584px;
}

.slider .mainImg img
{
    padding: 1px;
    border: solid 1px #cccccc;
    float: left;
    width: 584px;
    height: 424px;
}
.leftArrow
{
    float: left;
    width: 30px;
}
.rightArrow
{
    float: left;
    width: 30px;
}
/* paging
======================================================*/
#recentPurchases .paging
{
    float: right;
    margin-right: 30px;
    margin-top: 30px;
    text-align: center;
    font-weight: normal;
}
#recentPurchases .paging .btn_Prev
{
    background: url("../../Images/RecentPurchases/paging_btn_prev.png") no-repeat scroll 0 0 transparent;
    color: #333333;
    float: left;
    height: 17px;
    padding-right: 4px;
    padding-top: 4px;
    text-align: right;
    font-weight: normal;
    width: 67px;
}
#recentPurchases .paging .btn_Next
{
    background: url("../../Images/RecentPurchases/paging_btn_next.png") no-repeat scroll 0 0 transparent;
    width: 50px;
    height: 17px;
    float: left;
    color: #333333;
    padding-left: 4px;
    font-weight: normal;
    padding-top: 4px;
}
#recentPurchases .paging .pagingItem
{
    background: url("../../Images/RecentPurchases/pagingItem.png") no-repeat scroll 0 0 transparent;
    width: 21px;
    height: 18px;
    float: left;
    color: #333333;
    text-align: center;
    padding-top: 3px;
    font-weight: normal;
    margin: 0 5px;
}
#recentPurchases .paging .pagingItem.select, #recentPurchases .paging .pagingItem:hover
{
    background: url("../../Images/RecentPurchases/pagingItemHover.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    color: #ffffff;
}
/* check Status
==========================================================*/
.checkStatus
{
    float: left;
    width: 950px;
}
.checkStatus_subheader
{
    font-weight: bold;
    color: #333333;
    font-size: 14px;
    width: 60%;
    float: left;
}
.checkStatusSlider
{
    float: left;
    width: 620px;
}
.mainImgCon
{
    float: left;
    width: 467px;
     min-height: 273px;
    padding: 20px 0;
    border-left: solid 1px #d4d4d4;
    border-right: solid 1px #d4d4d4;
}
.headerTab_469
{
    width: 459px;
    float: left;
    background: url("../../Images/CheckStatus/checkHeaderBg469.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    float: left;
    line-height: 35px;
    color: #c63219;
    height: 35px;
    padding-left: 10px;
}
.headerTab_621
{
    width: 611px;
    float: left;
    background: url("../../Images/CheckStatus/checkHeader621.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    float: left;
    line-height: 35px;
    color: #c63219;
    height: 35px;
    font-family: Tahoma;
    padding-left: 10px;
}
.headerTab_319
{
    width: 309px;
    float: left;
    background: url("../../Images/CheckStatus/checkHeader319.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    float: left;
    line-height: 35px;
    color: #c63219;
    height: 35px;
    padding-left: 10px;
}
headerTab_621
{
    width: 611px;
    float: left;
    background: url("../../Images/CheckStatus/checkHeader621.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    float: left;
    line-height: 35px;
    color: #c63219;
    height: 35px;
    font-family: Tahoma;
    padding-left: 10px;
}
.landingLeftBox .header.headerTab_300
{
    width: 291px;
    float: left;
    background: url("../../Images/Landing/headerTab_300.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    float: left;
    line-height: 35px;
    color: #c63219;
    height: 36px;
    font-family: Tahoma;
    padding-left: 10px;
}
.headerTab_667
{
    width: 657px;
    float: left;
    background: url("../../Images/Landing/headerTab_667.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    float: left;
    line-height: 35px;
    color: #c63219;
    height: 35px;
    font-family: Tahoma;
    padding-left: 10px;
}
.landingLeftBox .header.headerTab_300 a
{
    display: none;
}
.height_auto
{
    height: auto;
}
.mainImgCon img
{
    float: left;
    padding: 2px;
    border: solid 1px #d4d4d4;
    margin: 0 15px;
}
.checkStatus .page-title
{
    color: #c63219;
    width: 60%;
    float: left;
}
.checkStatus .quote-content
{
    border-bottom: solid 1px #f46f26;
    padding-bottom: 10px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.checkStatus .quote-content .rightSide
{
    float: right;
    line-height: 17px;
    margin-top: 10px;
    text-align: left;
    width: 220px;
}

.checkStatus .quote-content .rightSide a, .checkStatus .quote-content .rightSide a:hover
{
    font-weight: bold;
    color: #c63219;
}
.checkStatusSliderBottom
{
    background: url("../../Images/CheckStatus/galleryBottom.png") no-repeat scroll 0 0 transparent;
    width: 620px;
    float: left;
    height: 3px;
}
.thumbImg
{
    float: right;
    width: 150px;
    margin-right: 1px;
}
.listBorderTop
{
    background: url("../../Images/CheckStatus/listBorderTop.png") no-repeat scroll -1px 0 transparent;
    float: left;
    height: 3px;
    margin-left: -1px;
    width: 153px;
}
.thumbImg .thumbList
{
    border-right: 1px solid #D4D4D4;
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
    display: inline;
    height: 331px;
    overflow:hidden;
}
.arrowTop
{
    background: url("../../Images/CheckStatus/upArrow.png") no-repeat scroll 0 -22px transparent;
    height: 21px;
    margin: auto;
    margin-top: 10px;
    width: 43px;
}
.arrowBottom
{
    background: url("../../Images/CheckStatus/downArrow.png") no-repeat scroll 0 0 transparent;
    width: 43px;
    height: 21px;
    margin: auto;
    margin-top: 10px;
}
.arrowTop:hover
{
    background-position: 0 -1px;
}
.arrowBottom:hover
{
    background-position: 0 -21px;
}
.thumbImg .thumbItem
{
    margin: auto;
    margin-top: 10px;
    width: 115px;
    float: left;
}
.checkStatusSlider .thumbImg .thumbItem
{
    float: left;
    height: 99px;
    margin: 10px auto auto;
    width: 115px;
}
.thumbImg .thumbItem img
{
    float: left;
}
.thumbImg .thumbItem .desc
{
    width: 100%;
    text-align: center;
}
.checkStatusBoxMiddle
{
    float: left;
    border-left: solid 1px #d4d4d4;
    border-right: solid 1px #d4d4d4;
    width: 579px;
    padding: 15px 20px;
}
.checkStatusBoxBottom
{
    background: url("../../Images/CheckStatus/checkoutBoxBottom621.png") no-repeat scroll 0 0 transparent;
    float: left;
    width: 100%;
    height: 4px;
}
.checkStatusBox
{
    float: left;
    width: 621px;
    margin-top: 15px;
}
.input_395
{
    float: left;
    width: 395px;
    height: 29px;
    background: url("../../Images/inputs/input_395.png") no-repeat scroll 0 0 transparent;
}
.input_395 input
{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #333333;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    width: 315px;
}
.btn_gray71
{
    background: url("../../Images/CheckStatus/btn_gray71.png") no-repeat scroll 0 0 transparent;
    float: right;
    font-weight: bold;
    height: 25px;
    line-height: 23px;
    margin-right: 2px;
    margin-top: 2px;
    padding-left: 6px;
    width: 65px;
    color: #333333;
}
.btn_gray71:hover
{
    color: #333333;
}
.imgName
{
    float: left;
    margin-top: 6px;
    margin-left: 10px;
}
.moreImages
{
    text-align: center;
    float: left;
    margin-top: 10px;
}
.moreImages a
{
    text-decoration: underline;
}
.moreImages a:hover
{
    color: #333333;
}

.moreImages img
{
    width: 10px;
    margin: auto;
}
.carDetails
{
    float: left;
    width: 310px;
}
.carDetails .input_130
{
    margin-right: 23px;
}
.carDetails .input_130 select, .carDetails .input_130 input
{
    font-size: 12px;
}
.carDetails .desc
{
    width: 130px;
    margin-right: 25px;
    float: left;
    font-weight: bold;
    margin-bottom: 3px;
}
.textarea_266
{
    float: left;
    background: url("../../Images/inputs/textarea_266.png") no-repeat scroll 0 0 transparent;
    width: 266px;
    height: 79px;
}
.textarea_266 textarea
{
    margin-left: 3px;
    margin-top: 3px;
    width: 260px;
    height: 73px;
    border: none;
    background: none;
    font-family: Tahoma;
    font-size: 12px;
    color: #333333;
}

.carDetails.vinFix
{
    width: 100%;
}
.carDetails.vinFix .desc
{
    margin-right: 0px;
    width: 120px;
    margin-top: 7px !important;
}
.carDetails.vinFix .row
{
    margin-top: 10px;
}
.carDetails.vinFix .row span
{
    float: left;
    font-size: 12px;
    width: 175px;
}
.carDetails.vinFix .row input
{
    float: left;
}
.row .smallDesc
{
    float: left;
    margin-left: 5px;
    width: 30px;
    margin-top: 3px;
}
.carDetails.vinFix .inputDesc
{
    float: left;
    font-size: 11px;
    margin-left: 5px;
    margin-top: 5px;
    width: 286px !important;
}
.btnSave
{
    background: url("../../Images/buttons/btnSave.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 33px;
    margin-left: 65px;
    margin-top: 30px;
    padding-left: 60px;
    padding-top: 20px;
    text-shadow: 1px 0 1px #A53917;
    text-transform: uppercase;
    width: 107px;
}
.carDetails.vinFix a:hover
{
    text-decoration: none;
}
.carDetails.vinFix a:hover
{
    text-shadow: 1px 0 1px #a53917;
    color: #ffffff;
}
.checkStatusRightSide
{
    float: left;
    width: 320px;
    margin-left: 10px;
}
.checkStatusRightSide .checkStatusBoxMiddle
{
    width: 277px;
    float: left;
}
.checkStatusRightSide .checkStatusBoxBottom
{
    background-image: url("../../Images/CheckStatus/checkBoxBottom320.png");
}
.checkStatusRightSide .checkStatusBox
{
    width: 320px;
    margin-top: 0;
}
.checkStatusRightSide .checkStatusBoxMiddle .desc
{
    font-weight: bold;
    float: left;
    margin-bottom: 3px;
    margin-top: 8px;
    width: 100%;
}
.checkStatusRightSide img
{
    margin-top: 10px;
}
.carDetails.vinFix table label
{
    font-size: 12px;
}
.carDetails.vinFix .row input
{
    font-size: 12px;
    float: left;
}
.carDetails.vinFix .row label
{
    font-size: 12px;
    float: left;
    margin-top: 3px;
}
/* Finish pop up
============================================================*/
.finishPopUp
{
    width: 402px;
    background-color: #ffffff;
    padding: 7px; /*height:500px; */
}
.ie7 .wrapper #nyroModalContent, .ie8 .wrapper #nyroModalContent
{
    overflow: hidden !important;
}
.ie7 #nyroModalWrapper .wrapper, .ie8 #nyroModalWrapper .wrapper
{
    overflow: hidden !important;
}
.popUp_HeaderTab
{
    width: 100%;
    float: left;
}
.popUp_HeaderTab .tab_left
{
    float: left;
    background: url("../../Images/Steps/box_headerLeft.png") no-repeat scroll 0 0 transparent;
    width: 5px;
    height: 35px;
}
.popUp_HeaderTab .tab_middle
{
    background: url("../../Images/Steps/box_headerMiddle.png") repeat-x scroll 0 0 transparent;
    color: #C63219;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 0;
    text-transform: uppercase;
    width: 392px;
}
.popUp_HeaderTab .tab_right
{
    float: left;
    background: url("../../Images/Steps/box_headerRight.png") no-repeat scroll 0 0 transparent;
    width: 5px;
    height: 35px;
}
.finishPopUp img
{
    float: left;
}
.finishPopUpList ul
{
    float: left;
    width: 50%;
    margin: 25px 0 0 0;
    padding: 0;
}
.finishPopUpList ul li
{
    float: left;
    list-style: none;
    background: url("../../Images/Steps/arrowList.png") no-repeat scroll 0 3px transparent;
    width: 100%;
    padding-left: 10px;
    margin-top: 10px;
}
a.btn_link:hover
{
    text-decoration: none;
}
.btn_orange180
{
    background: url("../../Images/buttons/btn_orange180.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    margin-left: 105px;
    margin-top: 25px;
    padding-left: 17px;
    padding-top: 10px;
    text-shadow: 1px 0 1px #A53917;
    text-transform: uppercase;
    width: 163px;
}
.PopUpBox
{
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-left: 3px;
}
.PopUpBox .box_top
{
    background: url("../../Images/Steps/smallBoxPopUpTop.png") no-repeat scroll 0 0 transparent;
    float: left;
    width: 396px;
    height: 3px;
}
.PopUpBox .box_middle
{
    background: url("../../Images/Steps/smallBoxPopUpMiddle.png") repeat-y scroll 0 0 transparent;
    float: left;
    width: 396px;
    font-size: 11px;
    text-align: center;
}
.PopUpBox .box_middle p
{
    text-align: center;
    width: 387px;
}
.PopUpBox .box_bottom
{
    background: url("../../Images/Steps/smallBoxPopUpbottom.png") no-repeat scroll 0 0 transparent;
    float: left;
    width: 396px;
    height: 3px;
}

/*.vtip
{
    background: url("../../Images/Icons/ico_help.png") no-repeat scroll 0 0 transparent;
    float: left;
    width: 27px;
    height: 27px;
    display: block; 
}*/
.ico_ask
{
    background: url("../../Images/Icons/ico_help.png") no-repeat scroll 0 0 transparent;
    float: left;
    width: 27px;
    height: 27px;
    display: block;
}
.checkStatus .imageUploadContainer .checkStatusBox
{
    display: none;
}

.checkStatus .step3SampleImg
{
    float: left;
    margin-right: 2px;
}

.checkStatus .step3SampleImg .desc
{
    text-align: center;
}

.checkStatus .imageUploadContainer
{
    min-height: 260px !important;
}
.imageUploadContainer .image-upload-box .fuFile
{
    float: left;
    height: 25px;
    left: 368px;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 7px;
    width: 91px;
    z-index: 100;
}

/* */
.btn_upload
{
    background: url("../../Images/buttons/btn_upload.png") no-repeat scroll 0 0 transparent;
    color: #333333;
    display: inline;
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    width: 81px;
}

.imageUploadContainer .image-upload-box:first-child
{
    border: none;
}
.statusFileUpload
{
    font-size: 10px;
    font-weight: normal;
    left: 72px;
    position: relative;
    top: -17px;
    width: 100px;
}

#finishPopupContent ul
{
    float: left;
    margin-top: 42px;
    width: 170px;
}
#finishPopupContent img
{
    float: left;
}

.errorContent
{
    margin: 0 auto;
    margin-top: 150px;
    width: 400px;
    padding: 50px;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 5px; /* FF */
    -webkit-border-radius: 5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
    -khtml-border-radius: 5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
    border-radius: 5px;
    text-align: center;
    background-color: #efefef;
}
.errorContent h1
{
    margin-top: 0px;
    margin-bottom: 30px;
}
.errorContent p
{
    line-height: 150%;
    margin-bottom: 0px;
    text-align: center;
}
.errorContent p a, .errorContent p a:hover
{
    color: Red;
    text-decoration: underline;
}

.popupLabel
{
    display: block;
    float: left;
    font-weight: bold;
    padding: 5px;
    width: 100%;
}
.popupLabelRed
{
    color: red;
    float: left;
    margin-left: 10px;
    margin-top: 7px;
}
.popupLabelRed img
{
    margin-right: 5px;
}

.ie .btn_finish
{
    margin-left: 0px;
}
.ie .btn_finish input
{
    margin-left: 0px;
}

.getOfferForm_form_in .summary
{
    bottom: -12px;
    left: 0px;
    color: Red;
    float: left;
    font-size: 11px;
    position: absolute;
    width: 110px;
}
.btn_acceptTheOffer
{
    color: #FFFFFF;
    display: block;
    font-family: Myriad Pro,Sans-Serif;
    font-size: 20px;
    height: 58px;
    padding: 31px 0 0 112px;
    text-transform: uppercase;
    text-align: left;
    width: 253px;
    margin: auto;
    background: url("../../Images/Buttons/btn_acceptTheOffer.png") no-repeat;
}
.btn_acceptTheOffer input
{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-family: Myriad Pro,Sans-Serif;
    font-size: 25px;
    height: 51px;
    margin: -10px auto auto;
    padding: 0 50px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 243px;
}
.btn_acceptTheOffer:hover
{
    color: #ffffff;
    text-decoration: none;
}

.btn_sendMail
{
    background: url("../../Images/Buttons/btn_needMoreTime.png") no-repeat scroll 0 0 transparent;
    color: #333333;
    display: block;
    font-family: Tahoma,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    height: 17px;
    margin: auto;
    padding: 10px 0 8px 9px;
    text-align: left;
    width: 313px;
}
.btn_noThankYou
{
    background: url("../../Images/Buttons/btn_noThankYou.png") no-repeat scroll 0 0 transparent;
    color: #333333;
    display: block;
    font-family: Tahoma,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    height: 17px;
    margin: auto;
    padding: 10px 0 8px 0px;
    text-align: center;
    width: 166px;
}
.btn_noThankYou:hover
{
    color: #333333;
    text-decoration: none;
}

.btn_sendMail:hover
{
    color: #333333;
    text-decoration: none;
}

.checkStatusList /* dodac druga klase do faqItem_titleTop w CheckOfferVehicleList.ascx */
{
    background: url("../../images/faq/faqItem_titleTop2.png") no-repeat !important;
    width: 636px;
    padding-left: 14px;
}
.checkStatusList a
{
    float: right;
    padding-right: 15px;
}
.fs_10
{
    font-size: 10px;
}
.landingLeftBox
{
    float: left;
    width: 301px;
    margin-left: 11px;
    margin-top: 10px;
}
.landingLeftBox .box_middle
{
    float: left;
    border-left: solid 1px #d4d4d4;
    border-right: solid 1px #d4d4d4;
    width: 298px;
}
.landingLeftBox .box_bottom
{
    float: left;
    height: 2px;
    background: url("../../Images/Landing/landingBoxLeftBottom.png") no-repeat scroll 0 0 transparent;
    width: 301px;
}
.landingRightCon
{
    float: left;
    width: 667px;
    margin-left: 10px;
    padding-bottom: 10px;
    margin-top: 11px;
}
.landingRightCon .box_middle
{
    float: left;
    border-left: solid 1px #d4d4d4;
    border-right: solid 1px #d4d4d4;
    width: 665px;
}
.landingRightCon .box_middle .step1
{
    width: 220px;
    float: left;
    text-align: center;
    margin-top: 3px;
    margin-left: 5px;
}
.landingRightCon .box_middle .step2
{
    width: 220px;
    float: left;
    text-align: center;
    margin-left: 5px;
    margin-top: 3px;
}
.landingRightCon .box_middle .step3
{
    width: 180px;
    float: left;
    text-align: center;
    margin-top: 3px;
    padding-bottom: 15px;
    margin-left: 20px;
}
.landingRightCon .box_bottom
{
    float: left;
    height: 3px;
    background: url("../../Images/Landing/landingBoxRightBottom.png") no-repeat scroll 0 0 transparent;
    width: 667px;
}
.landingContent
{
    float: left;
    width: 480px;
    height: 300px;
    overflow: hidden;
    margin-top: 10px;
}
.weatherCon
{
    float: right;
    width: 175px;
    margin-top: 10px;
}
.LandingLink
{
    float: right;
    padding-right: 5px;
    background: url("../../Images/Landing/landingLinkMark.png") no-repeat scroll 0 0 transparent;
    color: #004d7e;
    font-size: 10px;
    text-transform: uppercase;
    margin-right: 210px;
    margin-top: 5px;
}

.clDetRfv
{
    float: left;
    margin-left: 1px;
    margin-top: 8px;
}
.btn_SaveClientsDetails
{

}
.btn_SaveClientsDetails a
{
    display: block;
    background: url("../../Images/buttons/btnSaveClientInfo.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 42px;
    padding-left: 57px;
    padding-top: 11px;
    text-shadow: 1px 0 1px #A53917;
    text-transform: uppercase;
    width: 140px;
    margin-left: 30px;
    margin-top: 10px;
}
.btn_SaveClientsDetails a:hover
{
    text-decoration: none;  
    color: #FFFFFF;  
}

.btn_SaveImages
{

}
.btn_SaveImages a
{
    display: block;
    background: url("../../Images/buttons/btnSaveClientInfo.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    padding-left: 57px;
    padding-top: 19px;
    text-shadow: 1px 0 1px #A53917;
    text-transform: uppercase;
    width: 140px;
    margin-left: 85px;
    margin-top: 10px;
}
.btn_SaveImages a:hover
{
    text-decoration: none;  
    color: #FFFFFF;  
}

