/* NOTES: */ body { margin: 0px; padding: 0px; font: 12px Arial, Helvetica, sans-serif; line-height: 16px; color:#666666; background-color:#000000; text-align:center; } .clear-both { clear:both; } p { font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#000000; line-height: 16px; margin: 8px 0 8px 0; } a { color: #666; text-decoration:underline; } a:hover { color:#CCCCCC; text-decoration:underline; } /*____________________________________ MAIN CONTAINER ____________________________________*/ #mainContainerWrap { background: #000000 url(../images/tile.gif) 0 0 repeat; } #mainContainer { width:800px; padding: 0 10px 0 10px; background: url(../images/bgMain.gif) 0 0 repeat-y; margin-left: auto; margin-right: auto; margin-top:0; text-align: left; } #mainContainer_home { width: 800px; padding: 0 10px 0 10px; background:url(../images/bg_fatehome.gif) 0 0 repeat-y; margin-left: auto; margin-right: auto; margin-top:0; text-align: left; } #top { height: 58px; padding: 0 10px 0 10px; margin-left: auto; margin-right: auto; background:url(../images/bgFade.gif) 0 0 repeat-x;} /*____________________________________ HEADER ____________________________________*/ #header { height: 39px; width: 800px; position:relative;} #right_container{ width: 400px; height: 102px; float:right; padding: 0; margin: 0;} #headerLogoLeft { height:42px; width:345px; margin: 13px 0 0 10px; padding: 0 0 0 0; float:left; text-align:left; } #terms { float: right; text-align:right; width: 250px; line-height:13px; color:#fff; margin: 27px 10px 0 0; font-size: 10px; } #terms a { color:#fff; text-decoration:none; } #terms a:hover { color:#CCCCCC; text-decoration:none; } /*____________________________________ BANNER ____________________________________*/ #banner { height: 214px; width: 800px; padding: 0; margin:0; position:relative;} /*____________________________________ NAV ____________________________________*/ #subnav { position:relative; width:800px; text-align:center; margin: 0 0 18px; 0; padding: 0 0 0 0; height:30px; background: #FFF url(../images/bgBelowSubNav.gif) repeat-x;} #subnav ul { margin: 0; padding: 0; list-style: none;} #subnav li { display:inline; } #subnav li a {text-transform:uppercase; font-size: 10px; padding: 0 14px 0 14px; border-right: 1px solid #000; line-height: 30px; color:#333333; font-weight: normal; text-decoration:none;} #subnav li a:hover, #subnav li .active_link { text-decoration: none; color:#308a0E; } #subnav li.last a { padding-right: 0; border-right: none; } #nav { height:39px; width:800px; text-align:center; margin: 0 0 0 0; padding: 0 0 0 0; background:url(../images/nav_fade.gif) 0 0 repeat-x;} #nav ul { margin: 0; padding: 0; list-style: none;} #nav li { display:inline; } #nav li a { text-transform:uppercase; font-size: 12px; padding: 0 14px 0 14px; border-right: 1px solid #000; line-height: 39px; color:#FFFFFF; font-weight: normal; text-decoration: none; } #nav li a:hover, #nav li .active_link { text-decoration: none; color:#000; } #nav li.last a { padding-right: 0; border-right: none; } /*____________________________________ BELOW NAV ____________________________________*/ #below_nav { width: 600; float:middle; height: 28px; margin: 0 0 0 0; background: #FFF url(../images/bgBelowNav.gif) repeat-x; } #below_navNoTop { width: 800px; height: 38px; margin: 0 0 0 0; background: #FFF url(../images/bgBelowNav.gif) repeat-x; text-align:center;} /*____________________________________ LEFT COLUMN ____________________________________*/ #left { width: 600px; float: left; padding:0; margin:0 0 0 0; background-color:#FFFFFF; } #left_home { width: 800px; float: left; padding:0; margin:0 0 0 0; } #left p { margin: 8px 0 8px 0; } #productTitle { font-size:16px; padding: 0 0 0 18px; width:300px; height:42px; margin: 0 0 0 0; background:url(../images/icon_product.gif) left top no-repeat; color:#308a0E; } .listingTitle { font-size:13px; line-height: 13px; font-weight: normal; color:#0095BB; } .listingTitlelist { font-size:14px; line-height: 13px; font-weight: normal; color:#0095BB; } .listingSubTitle { font-size:13px; line-height: 13px; font-weight: normal; color:#999999; } .listingPrice { font-size:13px; line-height: 13px; font-weight: bold; color:#FF7F00; } .listingPricelist { font-size:14px; line-height: 13px; font-weight: bold; color:#FF7F00; } .listingEnlarge { padding:0 0 0 3px; font-size:13px; line-height: 13px; font-weight: normal; color:#999999; } #noteMoreRight { padding:0 3px 0 0; margin: 0 8px 0 0; float:left; font-size:9px; } #noteMoreRight a { color:#308a0E; text-decoration:none; } #noteMoreRight a:hover { color:#999999; text-decoration:none; } #listings .displayLeft { width:200px; float:left; padding: 8px 0 0 0; } #listings .displayRight { width:300px; float:right; } #product { margin: 0 0 8px 0;} #product .displayLeft { width:300px; float:left; padding: 8px 0 0 0; } #product .displayRight { width:200px; float:right; } /*____________________________________ PARAGRAPH BOX (pbox) ____________________________________*/ div.pbox { margin: 15px 25px 0 25px; padding: 0; } div.pbox_home { margin: 35px 0 0 0; padding: 0; } div.pbox_linebot { margin: 25px 25px 0 25px; padding: 0 0 10px 0; border-bottom: 1px solid #cccccc; } div.pbox a, div.pbox_linebot a { color: #000; text-decoration: none; } div.pbox a:hover, div.pbox_linebot a:hover { color:#666666; text-decoration: none; } div.pbox_linebot p, div.pbox p { margin: 10px 0 0 0;} /*____________________________________ RIGHT COLUMN ____________________________________*/ #rightTop { width: 185px; float: left; height:30px; padding:0 15px 0 0; margin:0 0 0 0; line-height: 13px; background: url(../images/bgLeftTop.gif) 0 0 no-repeat; } #right { width: 200px; float: right; padding:0; margin:0 0 0 0; line-height: 13px; ; } #rightBot { width: 185px; float: left; height:40px; padding:0 15px 0 0; margin:0 0 0 0; line-height: 13px; background: url(../images/bgLeftBot.gif) 0 0 no-repeat; } #right .pbox { margin: 0; padding: 0 0 0 0; } #right .pboxInner { margin: 0 10px 10px 30px; padding: 0; } #rightTitle { font-size:16px; padding: 0 0 5px 10px; line-height:25px; width:120px; margin: 6px 0 0 20px; background:url(../images/leftIcon.gif) left top no-repeat; color:#308a0E; } /*____________________________________ WIDE COLUMN ____________________________________*/ #wide { width: 800px; float: left; padding:0; margin:0 0 0 0; } #wide .nospace { margin:0; } /*____________________________________ TITLES ____________________________________*/ .title { margin: 0 25px 0 25px; padding: 0 0 8px 0; font-size:16px; line-height:21px; font-weight: normal; color:#0095BB; border-bottom: 1px solid #666666; } .subtitle { margin: 0 0 0 0; padding: 0 0 0 0; font-size:14px; line-height:16px; font-weight: normal; color:#666666; } .bodytitle { text-transform:capitalize; margin: 0 0 0 0; padding: 0 0 0 25px; font-size:13px; line-height:21px; background:url(../images/icon_title.gif) center left no-repeat; font-weight: bold; color:#0095BB; } /*____________________________________ CONTENT AREA ____________________________________*/ #content { margin: 0; width:800px; padding:0; } /*____________________________________ GALLERY ____________________________________*/ .gallery_holder { margin: 15px 115px 15px 115px; padding: 0; text-align:center; position:relative;} #gallery { margin: 0; width: 440px; padding: 0;} #gallery ul { margin:0; padding:0; list-style: none; } #gallery ul li { float:left; margin:5px 10px 10px 0; } /*____________________________________ CAR MODELS ____________________________________*/ #carmodels { background: #fff; border-bottom: 1px solid #CCC; margin: 10px 0 0 0; width:550px; padding: 0px 0 8px 0; float: left; } .leftimage { background: #fff; width: 110px; float: left; } .rightdescription { background: #fff; width: 400px; float: left; margin: 0 0 0 10px; } #carmodels a { color:#999; text-decoration:none; font-size:10px; } #carmodels a:hover { color:#ccc; text-decoration:none; } /*____________________________________ MISC ____________________________________*/ .image { float: left; margin: 10px 0 0 7px; padding: 0; } .imageRight { float: right; margin: 0 0 0 0; padding: 0; } .noteMore { padding:0 3px 0 0; margin: 0 8px 0 0; float:left; font-size:11px; color:#0095BB;} .noteMore a { color:#0095BB; text-decoration:none; } .noteMore a:hover { color:#999999; text-decoration:none; } .floatimgRight { margin-left: 15px; float: right; clear: both; } /*____________________________________ LISTS & BULLETS ____________________________________*/ #bulletFirst{ padding: 3px 0 3px 25px; width:485px; margin: 20px 0 6px 16px; background:url(../images/iconArrow.gif) left top no-repeat; color:#999999;} #bullet { padding: 3px 0 3px 25px; width:485px; margin: 6px 0 6px 16px; background:url(../images/iconArrow.gif) left top no-repeat; color:#999999;} #bulletLast{ padding: 3px 0 3px 25px; width:485px; margin: 6px 0 20px 16px; background:url(../images/iconArrow.gif) left top no-repeat; color:#999999;} ol { list-style-position: outside; color:#308a0E;} ul { list-style-position: outside; list-style-image:url("../images/bullet_square.gif"); color:#308a0E; line-height:18px;} /*____________________________________ COLOURS ____________________________________*/ .white { color:#FFFFFF; } .sub_bavarian { color:#999999; } .light { color:#999999; } .fix { color:#000000; } .bavarian { color:#F60; } .rednew {color:#F00; } /*____________________________________ BORDERS AND DIVIDERS ____________________________________*/ div .divider { display:block; height:1px; margin: 0 0 0 0; padding:0; border-bottom: 1px solid #CCC; border-bottom-width:1px; position:relative; } .lineBelow {border-bottom: 1px solid #CCCCCC; } /*____________________________________ HEADERS ____________________________________*/ /***H1***/ h1 {font-size:20px; margin: 0 0 25px 0; padding: 0; line-height: 18px; font-weight: bold; color:#4E565E; } /***H2***/ h2 { font-size:16px; margin: 12px 0 2px 0; padding: 0; line-height: 16px; font-weight: bold; color:#4E565E; } /***H3***/ h3 {font-size:13px; margin: 12px 0 12px 0; padding: 0; line-height: 12px;font-weight: bold; color:#308a0E; } /***NO SPACE***/ h1.nospace, h2.nospace { margin-bottom:4px; } h3.spacesml { margin-bottom:6px; } .no_top_space { margin-top:0;} /*____________________________________ FOOTER ____________________________________*/ #footer { padding: 0; height: 134px; background: url(../images/footer_bg.gif) repeat-x; margin-left: auto; margin-right: auto; } #footer_inner { height: 134px; width:780px; padding: 0px 20px 10px 20px; margin-left: auto; margin-right: auto;} #footer a { color: #CCCCCC; text-decoration: none; margin-right: 6px; margin-left: 6px; } #footer a:hover { text-decoration: underline; } #webtheoria { float: right; width: 120px; height:27px; color:#CCCCCC; margin: 55px 30px 0 0; } #copyright { float: left; width: 250px; height:27px; color:#999; margin: 55px 0 0 0; font-size:10px; } /************** GALLERY **************/ ul.gallerythumbs { margin:0; padding:0; list-style: none outside none; } ul.gallerythumbs li { float:left; text-align:center; margin:0 15px 15px 15px; width:100px; } /********** AJAX LIGHTBOX GALLERY RULES *********/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%;width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/generic/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/generic/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/generic/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto;width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } input.register_photo { width:125px; height:28px; }