/*styles.css*/ /* COLORS PALETTE: Top Dark Line (Red/brown): #3c1927 Header: #542437 --> #381825 Navigation: #8a1e31 to C02942 Canvas: #f6e8bc Table cells:Default: #FFF9EC Odd: #FFF9EC Mouseover: #E1D4AC Error Red:#A00000 background for error fields #fcd9d9 */ /* CSS RESET (thanks to http://meyerweb.com/eric/tools/css/reset/ )*/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}/*vertical-align: baseline;*/ body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} :focus {outline: 0;}/* remember to define focus styles! */ ins {text-decoration: none;}/* remember to highlight inserts somehow! */ del {text-decoration: line-through;} table { border-collapse: collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */ /* DEFAULTS */ html,body{margin:0px;padding:0px;width:100%;border:none;font-family:arial, helvetica, sans-serif;font-size:14px;background-color:#f6e8bc;} img{margin:0px;padding:0px;border:none;} h1{font-weight:bold;font-size:36px;margin:0px;} h2{font-weight:bold;font-size:28px;margin:0px;} h3{font-weight:bold;font-size:20px;margin:0px;} h4{font-weight:bold;font-size:16px;} h5{font-weight:bold;font-size:14px;} table{border-collapse:collapse;border-spacing: 0px;} form{margin:0px;padding:0px;} .textBox{width:120px;} .selectBox{width:125px;} .textareaBox{width:125px;height:50px;} .warning{font-weight:bold;color:#A00000;} .hidden{display:none;visibility:hidden;} .shown{display:block;visibility:visible;} .floatRight{float:right !important;} .floatLeft{float:left !important;} .alignCenter{text-align:center;} /*********** GENERAL LINKS ***********/ a:link,a:visited,a:active{color:#553542;text-decoration:none;font-weight:bold;} a:hover{color:#3c1927;} /*381825*/ a.yellow:link,a.yellow:visited,a.yellow:active{color:#f6e8bc;text-decoration:none;font-weight:bold;} a.yellow:hover{color:#F9F4E3;} a.white:link,a.white:visited,a.white:active{color:#fff !important;text-decoration:none;font-weight:bold;} a.white:hover{color:#ccc !important;} a.gray:link,a.gray:visited,a.gray:active{color:#ccc !important;text-decoration:none;font-weight:bold;} a.gray:hover{color:#A00000;} a.blue:link,a.blue:visited,a.blue:active{color:#495FA7 !important;text-decoration:none;font-weight:bold;} a.blue:hover{color:#6A7DBD !important;} /*********** LAYOUT ***********/ .headerWrapper{width:100%;min-width:960px;height:130px;background: #542437 url(../images/headerBg.jpg) top left repeat-x;} #header{width:960px;min-width:920px;height:130px;position:relative;} #headerLogo{width:420px;border:none;margin:0px;padding:0px;float:left;} #headerLogo img{border:none;margin:0px;} #navWrapper{width:100%;min-width:960px;height:40px;background:#8a1e31 url(../images/navBg.jpg) top left repeat-x;} #headerTabHolder{width:960px;min-width:920px;height:40px;position:relative;margin:0px;padding:0px;} #headerTabHolder img{float:left} #menuList ul{list-style:none;float:left;} #menuList li{margin:0px;padding:0px;float:left;width:150px;height:40px;list-style:none;line-height:40px} #menuList a{float:left;width:150px;height:40px;background: url(../images/navButton.jpg) top left no-repeat; line-height:40px;color:#F2E9CC;text-decoration:none;font-weight:bold; font-family:arial, helvetica, sans-serif;font-size:14px;} #menuList .special{background: url(../images/navButton.jpg) top left no-repeat;line-height:40px} #menuList .admin{background: url(../images/navButton.jpg) top left no-repeat;line-height:40px} #menuList a:hover{background-position:center;} #menuList a.selected {background-position:bottom;} #headerPwdHolder{position:absolute;bottom:10px;left:550px;height:28px;text-align:left;line-height:18px;font-size:18px;color:#f6e8bc;} #headerPwdHolder a{color:#f6e8bc;text-decoration:none;font-weight:bold;} #headerPwdHolder a:hover{color:#F9F4E3;} /* .pageTitleWrapper{width:100%;min-width:960px;background-color:#6A7DBD;position:relative;background:url(../images/page_title_bg.png) top left repeat-x;} #pageTitle{width:920px;height:32px;padding:0px;text-align:left;} #pageTitle h1{margin:0px 0px 0px 0px;font: small-caps bold 24px arial;color:white;} */ .contentWrapper{width:100%;min-width:960px;padding-bottom:50px;background: transparent url(../images/contentTopBg.jpg) top left repeat-x;}/*background: #f6e8bc url(../images/content_bg.png) top center repeat-y;*/ /* min-height hack: min-height:xx px;height:auto !important; height:xx px; f6e8bc*/ #content{min-height:500px;height:auto !important;height:500px;width:920px;padding:20px;font: normal bold 14px arial;text-align:left;}/*background-color:#f6e8bc*/ #contentAdjustment{width:100%;height:50px;} #footer{width:100%;min-width:960px;float:left;padding:0px;} #footer{position: relative;margin-top:-50px;height:50px;clear:both;background: #f6e8bc url(../images/footerBg.jpg) top left repeat-x;} /*********** ERRORS ***********/ .errorText{color:#A00000;font-weight:bold;} /*********** BUTTONS ***********/ .button{display:block;width:150px;height:50px;line-height:50px;background:#fff url(../images/button_150x50.png) top center no-repeat;text-align:center;position:relative;} a:link.button,a:active.button,a:visited.button{color:#fff;}/*messed up in ie now!*/ a:hover.button {color:#ccc;} .button_250x30{display:block;width:250px;height:30px;line-height:30px;background:#fff url(../images/button_250x30.png) top center no-repeat;text-align:center;position:relative;} .clear{overflow: hidden;width: 100%;}/* generic container (i.e. div) for floating buttons */ a.btn{background: transparent url('../images/bg_button_a.png') no-repeat scroll top right; color: #542437;display: block;float: left;font: normal 12px arial, sans-serif; height: 24px;margin-right: 6px;padding-right: 18px;text-decoration: none;} a.btn span{background: transparent url('../images/bg_button_span.png') no-repeat; display: block;line-height: 14px;padding: 5px 0 5px 18px;} a.btn:active{background-position: bottom right;color: #8a1e31;outline:none;} a.btn:active span{background-position: bottom left;padding: 6px 0 4px 18px;} .bottom14{margin-bottom:14px;} /*.popupTrigger{cursor:pointer;} */ /*********** Login Popup ***********/ #login_form{width:375px;height:203px;background-color:#fff;padding:0px;margin:0px;} #dialogContent ul{width:250px;text-align:right;margin-bottom:14px;font-weight:bold;} #dialogContent li{margin:3px;} #dialogContent label{margin-right:10px;} #dialogContent a{color:#8a1e31;} #dialogContent a:hover{color:#C02942;} #dialogContent input{width:150px;} /*********** FANCYBOX MODAL DIALOG ***********/ .fancyboxTitleHolder{width:100%;background:url(../images/thBg.jpg) top left repeat-x;} .fancyboxTitle{padding:2px 2px;height:30px;line-height:30px;font-size:18px;font-weight:bold;text-align:center;color:#fff;} .fancyboxContent{width:100%;min-width:200px;height:100%;padding:20px;} .fancyboxContent select{margin:2px;} .sideNote{font-size:12px;font-weight:normal;font-style:italic;} /*********** FANCY BOX sizes (for IE6) ***********/ #fancyNoLot, #fancyNoLot div{width:180px;} #fancyNoChassis, #fancyNoChassis div{width:180px;} #chooseGradeDiv, #chooseGradeDiv div{width:250px;} #chooseColorDiv, #chooseColorDiv div{width:250px;} #chooseDisplacementDiv, #chooseDisplacementDiv div{width:250px;} #chooseTransmissionDiv, #chooseTransmissionDiv div{width:250px;} /*********** CAR LANDING ********* border:3px dashed #542437; **/ /*.dottedBox{overflow:hidden;position:relative;margin:30px 0px;width:100%;padding:18px;font-size:18px;}*/ .dottedBox{overflow:hidden;position:relative;margin-top:18px;width:100%;padding:18px;font-size:18px; background: transparent url(../images/horizontalShadedSeparator.jpg) 0px -50px no-repeat;padding-bottom:57px;} .dottedBoxBottom{position:absolute;bottom:0px;left:-18px;margin-top:7px;width:100%;height:50px;background: transparent url(../images/horizontalShadedSeparator.jpg) center top no-repeat;} #auctionList table{width:900px;} #auctionList th{width:150px;padding:3px;text-align:center;border:1px solid #542437;background:#8a1e31 url(../images/navBg.jpg) 0px -4px repeat-x;color:#f6e8bc;} #auctionList td{width:150px;font-size:14px;border:1px solid #542437;background-color:#FFF9EC;} .activeAuction{height:40px;padding:0px 3px;font-size:12px;border-bottom:1px dashed #542437;background-color:#E1D4AC;} .inactiveAuction{height:40px;padding:0px 3px;font-size:12px;color:#aaa;border-bottom:1px dashed #542437;} td.todayAuction{border:3px solid #000 !important;border-top:1px solid #542437 !important;} th.todayAuction{border:3px solid #000 !important;border-bottom:1px solid #542437 !important;} #makerList ul,ol,li{list-style:none;} #makerList ul{overflow:hidden;width:900px;margin:18px 0px;} /* overflow:hidden & given width display float correctly*/ #makerList li{width:200px;text-align:left;float:left;} .underline{text-decoration:underline;} .makerListClear{width:100%;overflow:hidden;height:14px;} .modelList{float:left;width: 183px;margin: 0;padding: 0;list-style: none;overflow:hidden;} .modelList li{float:left;overflow:hidden;width:183px;margin:0;padding:0;font-size:14px;} h3.modelList{color:#8a1e31;} .grayedText{color:#cdbe91;} #optionsList th{background-color:#8a1e31;font-weight:bold;color:#fff;padding:5px;border:2px solid #542437;} #optionsList td{border:2px solid #542437;padding:5px;background-color:#FFF9EC;} /*********** PROFORMA MODAL DIALOG BOX ***********/ #proformaBoxes .proformaWindow {position:absolute;width:840px;height:600px;display:none;z-index:9999;} #proformaBoxes{display:inline;} #proformaBoxes #proformaDialog {width:805px;height:593px;border:3px solid #ccc;background-color:#fff;} #proformaDialogTitle{background-color:#999;height:32px;line-height:32px;background:url(../images/page_title_bg.png) top center repeat-x;padding-left:7px;} #proformaDialogContent{padding:20px;} #proformaCloseButtonHolder{margin:2px;height:29px;width:28px;cursor:pointer;float:right;background:url(../images/closeButton.png) top center no-repeat;line-height:28px;} #proformaCloseButtonHolder:hover{background-position:bottom;} /*********** PROFORMA INVOICE BOX ***********/ #proformaInvoice{color:#000000;background:#ffffff;font-family:"Times New Roman", Times, serif;font-size:12pt;width:800px;border:1px solid #000;margin:12px;} #proformaHeader{background:url(../images/carlinkLogoPrint.jpg) 7px 7px no-repeat;width:auto;padding:12px;text-align:center;} #proformaTitle{width:auto;background-color:#bbb;text-align:right;padding-right:12px;} #proformaContent{width:auto;text-align:left;padding:12px;} #proformaHeaderPrint{width:auto;height:80px !important;padding:12px;text-align:center;} /*********** FORMS WITH FIELDSET LEGEND OL LI ***********/ #orderFields{width:440px;list-style:none;} #orderFields ul,ol,li{list-style:none;} #orderFields legend{color:#333;} #orderFields li{width:390px;text-align:right;} #orderFields li.error{height:12px;background-image:none;font:normal bold 12px/12px arial, helvetica, sans-serif;color:#aa0000;} #orderFields li.textarea{height:75px;} #orderFields li.fieldsetGroup{width:460px;margin-bottom:16px;background-image:none;} #orderFields li.recaptcha{margin-left:70px;width:320px;background-image:none;text-align:right;} #orderFields input{margin: 2px 5px 0px 20px;width:190px;height:21px;font:normal 16px/16px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} #orderFields textarea{margin: 2px 5px 0px 20px;width:190px;height:69px;overflow: auto;font:normal 16px/16px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} #orderFields select{margin: 2px 5px 0px 20px;width:194px;height:26px;font:normal 16px/20px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} /* RIGHT */ #orderFieldsRight{width:360px;list-style:none;float:right;} #orderFieldsRight ul,ol,li{list-style:none;} #orderFieldsRight legend{color:#333;} #orderFieldsRight li{width:300px;text-align:right;} #orderFieldsRight li.error{height:12px;background-image:none;font:normal bold 12px/12px arial, helvetica, sans-serif;color:#aa0000;} #orderFieldsRight li.textarea{height:75px;} #orderFieldsRight li.fieldsetGroup{width:300px;margin-bottom:16px;background-image:none;} #orderFieldsRight li.recaptcha{margin-left:70px;width:320px;background-image:none;text-align:right;} #orderFieldsRight input{margin: 2px 5px 0px 20px;width:190px;height:21px;font:normal 16px/16px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} #orderFieldsRight textarea{margin: 2px 5px 0px 20px;width:190px;height:69px;overflow: auto;font:normal 16px/16px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} #orderFieldsRight select{margin: 2px 5px 0px 20px;width:194px;height:26px;font:normal 16px/20px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} /*********** INTRODUCTION **********/ #infoTitle{height:50px;width:920px;text-align:center;color:#542437;font-size:22px;} #infoTitle em{font-size:16px} #infoChoice{height:380px;width:920px;text-align:center;background: transparent url(../images/infoChoiceBg.jpg) bottom center repeat-x;} #infoLinkHolder{width:704px;margin-top:65px} #infoCarLink{display:inline-block;margin-top:65px;width:352px;height:250px;background: transparent url(../images/infoChoiceCar.jpg) top center no-repeat;} #infoCarLink:hover{display:inline-block;margin-top:65px;width:352px;height:250px;background-position:bottom center;} #infoMachineLink{display:inline-block;margin-top:65px;width:352px;height:250px;background: transparent url(../images/infoChoiceMachine.jpg) top center no-repeat;} #infoMachineLink:hover{display:inline-block;margin-top:65px;width:352px;height:250px;background-position:bottom center;} .floatHolder{overflow:auto;width:100%;} #introColLeft{width:460px;float:left;background: transparent url(../images/verticalSeparator.jpg) top right repeat-y;} #introColRight{width:450px;float:right;padding-left:10px;clear:both;} #aboutUsSection{color:#542437;width:450px;margin-bottom:18px;} #aboutUsSection h2{font-size:22px;margin-left:5px;} #aboutUsSection img{margin:10px 0px;} #featuredSection{color:#542437;width:450px;margin-bottom:18px;min-height:100px;} #featuredSection h2{font-size:22px;margin-left:5px;margin-bottom:12px;} .featuredImageHolder{height:130px;width:170px;margin-bottom:14px;background: #fff url(../images/featuredBg.jpg) top left no-repeat;} #featuredSection img{height:120px;width:160px;margin:5px;} .featuredDetails{width:260px;height:120px;padding-left:5px;margin-bottom:14px;} /* #menuList ul{list-style:none;float:left;} #menuList li{margin:0px;padding:0px;float:left;width:150px;height:40px;list-style:none;line-height:40px} #menuList a{float:left;width:150px;height:40px;background: url(../images/navButton.jpg) top left no-repeat; line-height:40px;color:#F2E9CC;text-decoration:none;font-weight:bold; font-family:arial, helvetica, sans-serif;font-size:14px;} */ #newVehicles{width:866px;height:206px;margin-left:0px;padding:27px;padding-top:17px;padding-bottom:17px;} #newVehicles div{width:204px;float:left;margin:10px;margin-right:0px;text-align:center;} #newVehicles div.price{width:150px;float:right;text-align:right;margin:0px;padding:0px;font-size:18px;font-weight:bold;color:#AA0000;}/*00CC33;*/ #newVehiclesIESpacer{display:none;} #newVehicles img{width:200px;border:2px solid #495FA7;} #newVehicles img:hover{border:2px solid #00CC33;} .buttonLeft{float:left;width:250px;border:1px solid #fff;} .buttonLeft:hover{border:1px solid #00CC33;} .sectionHolder{width:290px;height:400px;float:left;padding:3px;margin:10px 0px 10px 10px;}/*background-color:#716558;*/ .sectionHolder:hover{background:transparent url(../images/sectionHolderOver.png) bottom center no-repeat;cursor:pointer;} .sectionTitle{color:#291A84;font-size:22px;margin:2px 10px 2px 10px;} .sectionBg{width:290px;height:240px;background:url(../images/introductionImgBgPlain.png) top center no-repeat;} /*.sectionBg:hover{width:290px;height:240px;background:url(../images/introductionImgBgPlainOver.png) top center no-repeat;}*/ .sectionImg{width:201px;height:150px;padding:45px;} .sectionText{width:270px;margin:10px;} /* CSS FOR SHOWCASE*/ #showcaseOuter{width:915px !important;height:200px;margin:0px !important;margin-left:-25px !important;overflow:hidden;position:relative;} #showcaseInner{width:1070px !important;height:200px;margin:0px !important;margin-left:42px !important;} #showcaseInner div{width:204px;float:left;margin:0px;margin-right:5px;text-align:center;} #showcaseNext{display:inline-block;width:42px !important;height:200px;position:absolute;left:0px;top:0px;overflow:visible;background: #f6e8bc url(../images/arrows.png) -92px -20px no-repeat;} #showcasePrev{display:inline-block;width:42px !important;height:200px;position:absolute;left:873px;top:0px;background: #f6e8bc url(../images/arrows.png) 0px -20px no-repeat;} #showcaseNext:hover{background-position:-92px -220px;} #showcasePrev:hover{background-position:0px -220px} /*#showcaseInner a:link,a:active,a:visited{color:#495FA7;} #showcaseInner a:hover {color:#6A7DBD;} */ /*********** About US ***********/ /*#aboutUs p{width:800px;margin-left:40px;} h2{font-weight:bold;color:#999;font-size:24px;margin:0px;margin-top:22px;} */ /*********** How to order/About us ***********/ #howTo ol{} #howTo li{list-style-type:decimal;list-style-position:outside;color:#333;font-size:22px;font-weight:bold;} #howTo h1{font-weight:bold;color:#542437;font-size:24px;margin:0px;margin-top:22px;} #howTo p{color:#333;font-size:14px;margin:0px;padding:0px;} /*********** STOCK LIST ***********/ #searchBar{width:904px;height:auto;border:3px solid #542437;color:#fff;padding:10px 5px 10px 5px;margin:5px 0px 20px 0px;background:url(../images/thBg.jpg) top left repeat-x;position:relative;} #searchBar .selectBox{width:200px !important;height:20px;} #stockList{width:100%;max-width:920px !important;}/*table-layout:fixed;*/ #stockList .trEven{padding:5px;height:40px;text-align:left;vertical-align:middle;color:#666;background-color:#FFF9EC !important;} #stockList .trOdd{padding:5px;height:40px;text-align:left;vertical-align:middle;color:#666;background-color:#D1CCC2 !important;} #stockList .trEven:hover{padding:5px;height:40px;text-align:left;vertical-align:middle;color:#666;background-color:#E1D4AC !important;} #stockList .trOdd:hover{padding:5px;height:40px;text-align:left;vertical-align:middle;color:#666;background-color:#E1D4AC !important;} #stockList th{padding:5px;height:40px;border:2px solid #542437;vertical-align:middle;color:#fff;text-align:center;background:url(../images/thBg.jpg) top left repeat-x;} #stockList td{text-align:left;border:2px solid #542437;padding:3px;max-width:100px;overflow:hidden;} /*word-wrap:break-word;*/ #stockList th a:link, #stockList th a:visited, #stockList th a:active{color:#f6e8bc;} #stockList th a:hover{color:#fff;} .stockListTdBg{background-color:#FFF9EC;} /*D1CCC2*/ /*#stockList a:link,a:active,a:visited{color:#495FA7;} #stockList a:hover {color:#6A7DBD;} */ #stockListDisplayType{float:left;} #stockListPagination{float:right;} .closeButtonHolder{float:right;margin-top:-2px;height:29px;width:28px;line-height:28px;} a.closeButton{display:block;height:29px;width:28px;background:url(../images/closeButton.png) top center no-repeat;} a.closeButton:hover{background-position:bottom;} .submitButtonHolder{float:right;margin-left:2px;margin-top:-2px;height:29px;width:28px;line-height:28px;} a.submitButton{display:block;height:29px;width:28px;background:url(../images/submitButton.png) top center no-repeat;} a.submitButton:hover{background-position:bottom;} .addButtonHolder{float:right;margin-left:2px;margin-top:-2px;height:29px;width:28px;cursor:pointer;background:url(../images/addButton.png) top center no-repeat;line-height:28px;} .addButtonHolder:hover{background-position:bottom;} .currencyButtonHolder{float:left;width:20px;height:20px;margin:0px;margin-left:3px;padding:0px;} a.yenButton{cursor:default;display:block;height:20px;width:20px;background:url(../images/yenButton.png) top center no-repeat;line-height:20px;margin:0px;padding:0px;} a.yenButtonUnselected{cursor:pointer;display:block;height:20px;width:20px;background:url(../images/yenButton.png) 0px -42px no-repeat;line-height:20px;margin:0px;padding:0px;} a.yenButtonUnselected:hover{background-position:0px -21px;} /*x y*/ a.dollarButton{cursor:default;display:block;height:20px;width:20px;background:url(../images/dollarButton.png) top center no-repeat;line-height:20px;margin:0px;padding:0px;} a.dollarButtonUnselected{cursor:pointer;display:block;height:20px;width:20px;background:url(../images/dollarButton.png) 0px -43px no-repeat;line-height:20px;margin:0px;padding:0px;} a.dollarButtonUnselected:hover{background-position:0px -21px;} /*x y*/ .stockSold{cursor:default !important;} #pagination{width:100%;height:25px !important;margin:3px 0px;line-height:20px;text-align:right;} .paginationCur{display:inline-block;width:25px;height:15px;line-height:15px;text-align:center;padding:2px;border:2px solid #3c1927;background-color:#542437;color:#fff;}/*495FA7 6A7DBD*/ a.paginationNoncur{display:inline-block;width:25px;height:15px;line-height:15px;text-align:center;padding:2px;border:2px solid #fff;color:#542437} a.paginationNoncur:hover{display:inline-block;width:25px;height:15px;line-height:15px;text-align:center;padding:2px;border:2px solid #3c1927;background-color:#fff;color:#542437;} /*********** CUSTOMER SEARCH BAR **********/ #customerSearchBar{width:904px;height:44px;border:3px solid #3c1927;color:#fff;padding:5px 5px 5px 5px;margin:5px 0px 20px 0px;background:url(../images/thBg.jpg) top left repeat-x;} #customerSearchBar div{float:left;margin:0px 10px 0px 10px;} /*IS THIS CROSS BROWSER???*/ #customerSearchBar label{} #customerSearchBar input{height:14px;width:110px;} #customerSearchBar select{height:20px;width:110px;} /*#customerSearchBar */ .adminSearchButtons{position:relative;display:inline;text-align:left;width:60px;margin:0px;} /*********** CUSTOMER DETAILS **********/ .customerTable{border-top:3px solid #ccc;border-bottom:3px solid #ccc;margin-bottom:10px;} .customerTable tr{border-bottom:1px dashed #ccc;} .pointer{cursor:pointer;} /*********** DETAILS ***********/ #bigImageDiv{float:left;width:480px;height:360px;border:3px solid #ccc;margin:24px 0px 14px 0px;} /*480px × 360p*/ #bigImage{width:480px;height:360px;border:none;} /* RIGHT */ #orderFieldsRight{width:360px;list-style:none;float:right;} #orderFieldsRight ul,ol,li{list-style:none;} #orderFieldsRight legend{color:#333;} #orderFieldsRight li{width:300px;text-align:right;} #orderFieldsRight li.error{height:12px;background-image:none;font:normal bold 12px/12px arial, helvetica, sans-serif;color:#aa0000;} #orderFieldsRight li.textarea{height:75px;} #orderFieldsRight li.fieldsetGroup{width:300px;margin-bottom:16px;background-image:none;} #orderFieldsRight li.recaptcha{margin-left:70px;width:320px;background-image:none;text-align:right;} #orderFieldsRight input{margin: 2px 5px 0px 20px;width:190px;height:21px;font:normal 16px/16px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} #orderFieldsRight textarea{margin: 2px 5px 0px 20px;width:190px;height:69px;overflow: auto;font:normal 16px/16px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} #orderFieldsRight select{margin: 2px 5px 0px 20px;width:194px;height:26px;font:normal 16px/20px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} /* #damageReport{width:360px;height:368px;margin:20px 0px 10px 0px;color:#000;text-align:center;background: url(../images/damageReport.png) top center no-repeat #fff;position:relative;} #damageReport .frontLeftBumper{height:23px;width:108px;position:absolute;top:0px;left:72px;line-height:23px;} #damageReport .frontRightBumper{height:23px;width:108px;position:absolute;top:0px;left:180px;line-height:23px;} #damageReport .frontLeftLight{height:23px;width:48px;position:absolute;top:23px;left:72px;line-height:23px;} #damageReport .frontGrill{height:23px;width:120px;position:absolute;top:23px;left:120px;line-height:23px;} #damageReport .frontRightLight{height:23px;width:48px;position:absolute;top:23px;left:240px;line-height:23px;} #damageReport .frontLeftTire{height:46px;width:48px;position:absolute;top:69px;left:0px;line-height:46px;} #damageReport .frontLeftFender{height:69px;width:72px;position:absolute;top:46px;left:48px;line-height:69px;} #damageReport .frontHood{height:69px;width:120px;position:absolute;top:46px;left:120px;line-height:69px;} #damageReport .frontRightFender{height:69px;width:72px;position:absolute;top:46px;left:240px;line-height:69px;} #damageReport .frontRightTire{height:46px;width:48px;position:absolute;top:69px;left:312px;line-height:46px;} #damageReport .frontLeftDoor{height:69px;width:72px;position:absolute;top:115px;left:48px;line-height:69px;} #damageReport .frontWindow{height:46px;width:120px;position:absolute;top:115px;left:120px;line-height:46px;} #damageReport .frontRightDoor{height:69px;width:72px;position:absolute;top:115px;left:240px;line-height:69px;} #damageReport .rearLeftDoor{height:69px;width:72px;position:absolute;top:184px;left:48px;line-height:69px;} #damageReport .rearRoof{height:46px;width:120px;position:absolute;top:161px;left:120px;line-height:46px;} #damageReport .rearWindow{height:46px;width:120px;position:absolute;top:207px;left:120px;line-height:46px;} #damageReport .rearRightDoor{height:69px;width:72px;position:absolute;top:184px;left:240px;line-height:69px;} #damageReport .rearLeftTire{height:46px;width:48px;position:absolute;top:253px;left:0px;line-height:46px;} #damageReport .rearLeftFender{height:69px;width:72px;position:absolute;top:253px;left:48px;line-height:69px;} #damageReport .rearHood{height:69px;width:120px;position:absolute;top:253px;left:120px;line-height:69px;} #damageReport .rearRightFender{height:69px;width:72px;position:absolute;top:253px;left:240px;line-height:69px;} #damageReport .rearRightTire{height:46px;width:48px;position:absolute;top:253px;left:312px;line-height:46px;} #damageReport .rearLeftLight{height:23px;width:48px;position:absolute;top:322px;left:72px;line-height:23px;} #damageReport .rearGrill{height:23px;width:120px;position:absolute;top:322px;left:120px;line-height:23px;} #damageReport .rearRightLight{height:23px;width:48px;position:absolute;top:322px;left:240px;line-height:23px;} #damageReport .rearLeftBumper{height:23px;width:108px;position:absolute;top:345px;left:72px;line-height:23px;} #damageReport .rearRightBumper{height:23px;width:108px;position:absolute;top:345px;left:180px;line-height:23px;} #damageReport .damageReportKeyLink{height:19px;width:44px;position:absolute;top:345px;left:312px;line-height:23px;border:2px solid #333;background-color:#6A7DBD;cursor:pointer;} #damageReportKeyHolder{float:right;width:360px;height:0px;}/* position:absolute;bottom:0px float:right*/ #smallImage{float:left;width:486px;height:146px;margin:0px 0px 20px 0px;} #smallImage img{width:92px;height:69px;margin:2px 3px 2px 2px;} #optionList{float:right;width:363px;height:146px;margin:0px 0px 20px 0px;} #optionList table{width:100%;height:146px;} #optionList th{color:#ffffff;padding:3px;border:3px solid #ccc;background: url(../images/page_title_bg.png) top left repeat-x;} #optionList td{color:#00CC33;padding:3px;border:3px solid #ccc;width:20px;background:url(../images/checkbox_unchecked.jpg) center no-repeat;} #optionList .checked{background-color:#00CC33;background:url(../images/checkbox.jpg) center no-repeat;} #optionList td.handle{color:#00CC33;padding:3px;border:3px solid #ccc;width:20px;background-color:#ccc;background:#eee url(./)} .detailsBoxTitle{margin:0px;padding-left:10px;width:350px;height:30px;font:bold 18px/30px arial, helvetica, sans-serif;color:#fff;background:url(../images/navBg.jpg) 0px -3px repeat-x;border-bottom:1px solid #542437;} .detailsBoxContent{padding:7px;width:100%;width:336px} /* Details Price details */ #detailsPriceHolder{float:left;width:454px;height:260px;color:#0C3;margin:0px 0px 0px 0px;border-bottom:none;padding:10px;} .cifPriceTitle{float:left;width:290px;text-align:right;color:#000;font-size:18px;} /*.cifPriceAmount{float:right;width:150px;text-align:right;color:#0C3;border-bottom:1px dashed #aaa;font-size:18px;} */ .cifPriceAmount{float:right;width:150px;text-align:right;color:#AA0000;border-bottom:1px dashed #aaa;font-size:18px;} .orderLink{float:left;width:455px;font:bold 18px/22px arial, helvetica, sans-serif;margin-top:14px;margin-bottom:18px;text-align:right;} /* Condition Report */ dl.conditionReportDL{} .conditionReportDL dt{margin:0px;padding:0px;float:left;padding-right:10px;} .conditionReportDL dd{margin:0px;padding:0px;font-weight:normal;text-align:left;} div.dimensions{float:right;width:360px;height:103px;margin:0px 0px 10px 0px;border:2px solid #542437;background-color:#FFF9EC;}/* height:83px; */ div.startPriceTitle{float:left;width:177px;height:28px;margin:0px 0px 10px 0px;border-right:2px solid #542437;font-size:18px;line-height:28px;text-align:center;color:white;background:url(../images/navBg.jpg) 0px -3px repeat-x;} div.startPricePrice{float:left;width:177px;height:28px;margin:0px 0px 10px 0px;text-align:center;font-size:18px;line-height:28px;} #enquiryFields{width:360px;list-style:none;} #enquiryFields ul,ol,li{list-style:none;} #enquiryFields legend{color:#333;padding:3px;} #enquiryFields li{width:350px;text-align:right;border:1px solid #FFF9EC;} #enquiryFields li.error{height:12px;background-image:none;font:normal bold 12px/12px arial, helvetica, sans-serif;color:#aa0000;} #enquiryFields li.textarea{height:75px;} #enquiryFields li.fieldsetGroup{width:358px;margin-bottom:16px;background-image:none;} #enquiryFields input{margin: 2px 5px 0px 20px;width:180px;height:21px;font:normal 16px/16px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} #enquiryFields textarea{margin: 2px 5px 0px 20px;width:180px;height:69px;overflow: auto;font:normal 16px/16px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} #enquiryFields select{margin: 2px 5px 0px 20px;width:184px;height:26px;font:normal 16px/20px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} #enquiryFields .enquiryRadioHolder{display:inline-block;width:280px;margin:0px;width:210px;height:21px;} #enquiryFields .enquiryRadio{vertical-align:middle;display:inline;margin:0px;padding:0px;width:25px;height:21px;font:normal 14px/16px arial, helvetica, sans-serif;border:none;background-color:transparent;} #enquiryFormErrors{width:342px;text-align:center;padding:3px;font-weight:bold;color:#A00000;border:1px solid #aa0000;margin:5px;background-color:#EAC7C7;} #enquiryFormErrors li:first-letter{text-transform:uppercase} .errorLi{background-color:#EAC7C7;border:1px solid #aa0000 !important;} #enquiryFormSuccess{width:342px;text-align:center;padding:3px;font-weight:bold;color:#009900;border:1px solid #009900;margin:5px;background-color:#D4EAD4;} /* bottom disclaimer */ #detailReset{float:left;width:920px;height:1px;} #disclaimer{float:left;width:480px;font-size:12px;} #bottomSpacerDetails{width:10px;height:850px;} /*********** CONFIRMATION.php ***********/ .confirmationBox{width:874px;padding:18px;font-size:18px;border:2px solid #ccc;margin:14px;} .confirmationImg{width:69px;vertical-align:middle;margin-right:14px;} #confirmationUl li{list-style-type:disc;} /*********** part.php ***********/ .partSubmitDiv{width:100%;text-align:right;} #partOrder{border:1px solid #aaa;list-style:none;padding:7px;height:50px;margin-top:24px;} #partOrder li{list-style:none;float:left;} #partOrder input{margin-right:7px;width:90px;height:21px;font:normal 16px/16px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} #partOrder input.long{margin-right:7px;width:120px;height:21px;font:normal 16px/16px arial, helvetica, sans-serif;border:2px solid #333;background-color:white;} #partOrder input.error{margin-right:7px;width:90px;height:21px;font:normal 16px/16px arial, helvetica, sans-serif;border:2px solid #A00000;background-color:#fcd9d9;} #partOrder input.errorlong{margin-right:7px;width:120px;height:21px;font:normal 16px/16px arial, helvetica, sans-serif;border:2px solid #A00000;background-color:#fcd9d9;} .minusButtonHolder{float:right;margin-left:2px;margin-top:-2px;height:29px;width:28px;line-height:28px;} a.partMinusButton{display:block;background:url(../images/minusButton.png) top center no-repeat;height:29px;width:28px;line-height:28px;} a.partMinusButton:hover{background-position:bottom;} .partsButtons{margin-top:14px;} .partNumbering{display:block;float:left;margin-top:-12px;margin-left:-16px;margin-right:7px;width:40px;font-weight:bold;font-size:32px;text-align:center;border:1px solid #333;background-color:#888;} /*********** ADMIN/AUCTIONS ***********/ .outerDetailsDiv{padding:3px;cursor:pointer;border-bottom:1px solid #542437;} #fileList{margin-bottom:28px;padding:5px;border:2px solid #542437;width:880px;max-height:300px;overflow:auto;} .msgBox{margin-bottom:28px;padding:5px;width:100%;border:2px solid #542437;background-color:#ffccff;} #adminMenu ul{float:left;width:100%;background-color:red;clear:both;margin:200px;padding:100px;} #adminMenu li{display:inline-block;} #adminMenu a{float:left;text-deocoration:none;margin:14px 0px;margin-right:28px;border:2px solid #fff;color:#542437;padding:7px;} #adminMenu a:hover{float:left;text-deocoration:none;margin:14px 0px;margin-right:28px;border:2px solid #3c1927;background-color:#fff;color:#542437;padding:7px;} a.adminActiveTab{border:2px solid #3c1927 !important;background-color:#542437;color:#fff !important;} a.adminActiveTab:hover{border:2px solid #3c1927 !important;background-color:#542437;color:#542437 !important;} /*********** ADMIN/CAR.php ***********/ .uploadPhotoUL{width:920px;margin-left:-40px;} .uploadPhotoHolder{width:890px;margin:0px;padding:0px;} .uploadErrorBox{width:858px;border:1px solid #A00000;color:#A00000;font-weight:bold;padding:15px;} .uploadErrorBoxPlaceHolder{width:858px;visibility:hidden;height:49px;} .uploadPhotoDiv{width:140px;height:140px;float:left;margin:15px;text-align:center;overflow:hidden;} .uploadPhoto{width:92px;height:69px;margin-bottom:5px;} .uploadTextboxHolder{cursor:pointer;width:100px;height:20px;overflow:hidden;margin-left:20px;} .uploadTextbox{cursor:pointer;opacity: 0.0;}/*filter for IE6 in stylesIE6.css -moz-opacity: 0.0;*/ .uploadTextboxShow{opacity: 1.0;}/*filter for IE6 in stylesIE6.css -moz-opacity: 0.0;*/ .fakeUploadHolder{cursor:pointer;height:22px;width:100px;margin-left:20px;margin-top:-22px;} .fakeUploadButton{cursor:pointer;width:100px;height:22px;} .fakeUploadHolderHide{display:none;} .submitHolder{cursor:pointer;height:22px;width:100px;margin-left:20px;} .uploadSubmit{cursor:pointer;width:100px;height:22px;} #formErrors{width:875px;margin-left:40px;padding:20px;border:1px solid #A00000;font-weight:bold;color:#A00000;} #formErrors li:first-letter{text-transform:uppercase} #formSuccess{width:875px;margin-left:40px;padding:20px;border:1px solid #009900;font-weight:bold;color:#009900;} .adminOptionsHolder{width:440px;} .adminOptions{float:right;width:120px;} .handleDiv{width:400px;float:right;} .handleSelect{width:60px !important;font-family:arial, helvetica, sans-serif;font-size:14px;} .damageInput{width:42px;height:16px;border:1px solid transparent;background-color:transparent;font-size:12px;font-weight:bold;text-align:center;margin-top:2px;} .damageInput:hover{border:1px solid white;} .damageInputActive{width:42px;height:16px;border:1px solid black;background-color:white;font-size:12px;font-weight:bold;text-align:center;margin-top:2px;} /* Mail styling */ h2.mail{margin-top:28px;} #sendMailButtonHolder{width:100%;text-align:right;height:50px;} #sendMailButtonHolder a{float:right;} /********** ADMIN SUBMENU **********/ .adminSubMenuLeft{width:20px;border-top:2px solid #fff;border-bottom:2px solid #495FA7;float:left;margin-bottom:14px;} .adminSubMenuRight{width:475px;border-top:2px solid #fff;border-bottom:2px solid #495FA7;float:left;margin-bottom:14px;} .adminSubMenuSelected{width:120px;text-align:center;border:2px solid #495FA7;border-bottom:2px solid #fff;float:left;margin-bottom:14px;cursor:pointer;} .adminSubMenuUnselected{width:120px;text-align:center;border:2px solid #495FA7;background-color:#ddd;float:left;margin-bottom:14px;cursor:pointer;} .adminSubMenuUnselected:hover{width:120px;text-align:center;border:2px solid #495FA7;border-bottom:2px solid #ccc;float:left;margin-bottom:14px;} /********** ADMIN SALES - DETAIL **********/ #saleCarDetail{width:440px;height:360px;margin:20px;margin-right:0px;position:relative;float:right;} #saleCarDetail .title{height:30px;line-height:30px;font-size:18px;font-weight:bold;text-align:center;padding:7px;background:#6A7DBD url(../images/page_title_bg.png) top left repeat-x;color:#fff;} #saleCustomerDetail{width:414px;min-height:354px !important;border:3px solid #495FA7;margin:20px;margin-left:0px;position:relative;float:left;background-color:#ccc;} #saleCustomerDetail .title{height:30px;line-height:30px;font-size:18px;font-weight:bold;text-align:center;padding:7px;background:#6A7DBD url(../images/page_title_bg.png) top left repeat-x;color:#fff;} #saleCustomerDetail .content{} #bottomSpacerSales{width:10px;height:550px;} /*border:1px solid #495FA7*/ #saleCustomerDetail table{width:100%;} #saleCustomerDetail th{padding:5px;height:30px;width:100px;border:1px solid #495FA7;vertical-align:middle;color:#fff;background-color:#aaafad;text-align:center;background:url(../images/page_title_bg.png) top left repeat-x;} #saleCustomerDetail td.even{padding:5px;height:30px;text-align:left;vertical-align:middle;color:#666;background-color:#eee;border:1px solid #495FA7;} #saleCustomerDetail td.odd{padding:5px;height:30px;text-align:left;vertical-align:middle;color:#666;background-color:#ddd;border:1px solid #495FA7;} #saleCustomerDetail input{width:100px;height:20px;text-align:left;background-color:transparent;border:1px solid white;font-size:14px;color:#666;font-weight:bold;text-align:right;} #saleCustomerDetail select{width:170px;} #saleCustomerDetail select.short{width:80px;} /********** ADMIN PAYMENTS **********/ #addPayment{width:904px;height:auto;border:3px solid #ccc;padding:10px 5px 10px 5px;margin:5px 0px 20px 0px;position:relative;}