/*---------------------------------------------------------- [Urban Element Layout Stylesheet] Note: Use this stylesheet for structural and layout changes Project: [Urban Element Framework] Version: 1.0 Last change: 09/01/09 [DJ - Template Build] Assigned to: Dave Johnston [DJ] Robert Waggott [RW] ------------------------------------------------------------*/ /*---------------------------------------------------------- [Table of contents] 0.0 Imports 0.1 Reset 0.2 type 0.3 style 0.4 forms 1.0 Body 1.1. Wrapper / #wrapper 1.2. Container / #container 2.0 Header / #header 3.0 Content / #content 3.1. Column 1 / #column_1 3.2. Column 2 / #column_2 3.3. Column 3 / #column_3 3.4. Sidebar / #sidebar 4.0 Footer / #footer 5.0 Miscellaneous 6.0 Recycle bin -------------------------------------------------------------------*/ /* 1.0 - 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } /* 2.0 - Clearing Fixes ------------------------------------------------------------*/ .clear { clear: both; height: 0; font-size: 0; overflow: hidden; display: block; width: 0px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* 3.0 - Global Fixes ------------------------------------------------------------*/ /* Hides from IE5-mac \*/ html #contentWrapper {height: 1%;} /* End hide from IE5-mac */ /*------------------------------------------------------------*/ /* 0.0 - Imports ------------------------------------------------------------*/ /* 1.0 - Body ------------------------------------------------------------*/ html, body { padding: 0; margin: 0; } #site { padding: 0; margin: 0; height: 100%; font-family: Georgia, "Times New Roman", Times, serif; background-image: url(../media/siteImages/body_bg.jpg); background-position: left top; } #site ol { font-size:0.9em; line-height:1.3; margin:0 50px 20px 50px; } #site ol li {padding: 5px;} /* 1.1 - Body / Wrapper ------------------------------------------------------------*/ #site #wrapper {height: 100%; width: 100%; background-image: url(../media/siteImages/tyre_track.gif); background-repeat: no-repeat; background-position: left top; } #site #wrapper_header { position:relative; height: 100%; width: 100%; background-image: url(../media/siteImages/header.gif); background-repeat: no-repeat; background-position: center top; } /* 1.2 - Body / Container ------------------------------------------------------------*/ #site #container { display: block; width: 960px; margin-right: auto; margin-left: auto; padding: 0px; position:relative; } #site #content_column { display: block; float: left; width: 785px; } #site #advert_column { display: block; float: left; width: 175px; padding: 0px 0px 20px 0px; } /* 1.2 - Body / Container / Adverts ------------------------------------------------------------*/ #site #advert_column .tower_ad { display: block; width: 160px; height: 400px; background-position: center center; background-repeat: no-repeat; margin: 0px 0px 5px 15px; } #site #advert_column .box_ad { display: block; width: 160px; height: 150px; background-position: center center; background-repeat: no-repeat; margin: 0px 0px 5px 15px; } #site #advert_column .ad_container {display: block; width: 160px; overflow: hidden; margin-left:20px; position:relative;} #site #advert_column .ad_container img { margin: 0 0 3px 0; } #site #advert_column .addPanel { border: 1px solid #ccc!important; width: 140px!important; padding: 10px 15px 10px 5px !important; margin:10px 0 0 0; position: relative; z-index: 999; clear: both!important; } #site #advert_column .addPanel a { color: #000!important; font-size: 80%; } #site #advert_column .addPanel a:hover { color: #999!important; font-size: 70%; } #site #advert_column .form_statusbox_fail { border: 2px solid red; background-color: #E68825; padding: 10px 5px 10px 5px; font-size: 70%; } #site #advert_column .form_statusbox_fail ul { list-style: none; } #site #advert_column a.CancelNewIcon { border-bottom: 1px solid #ccc; height: 20px!important; } #site #advert_column label { font-size: 80%; } #site #advert_column .friendlyTitle_txtBox { width: 80px!important; } #site #advert_column .editInlinePanel { background: #E3E3E3 url(../media/images/add-new-element-bg.jpg) repeat-x top left!important; font-size:80%; } #siteLogedIn #site .ad_container { } #siteLogedIn #site .box_ad { margin:10px 0 10px 15px; height: 280px; } #siteLogedIn #site .tower_ad { margin:10px 0 10px 15px; height: 440px; } /* 1.3 - Advert Image References ------------------------------------------------------------*/ #site #advert_column .advert_001 { background: url(../media/siteImages/adverts/Leaderboard_ad.jpg); } #site #advert_column .advert_002 { background: url(../media/siteImages/adverts/Tower_ad.jpg); } #site #advert_column .advert_003 { background: url(../media/siteImages/adverts/Box_ad.jpg); } /*Old Styles: #site #advert_column .advert { display: inline-block; height: 400px; background-position: center center; background-repeat: no-repeat; } #site #advert_column .company_01 { background-image: url(../media/siteImages/adverts/ad_placeholder_01.gif); } #site #advert_column .company_02 { background-image: url(../media/siteImages/adverts/ad_placeholder_02.gif); }*/ /* 2.0 - Header ------------------------------------------------------------*/ #site #header_container { display: block; /*height: 275px;*/ width: 100%; position: absolute; left: 0px; top: 0px; } #site #header { display: block; height: 100px; width: 920px; margin: 0px auto; padding: 5px 20px 0px 20px; position: relative; } .logo { display: block; height: 315px; text-indent: -9000px; overflow: hidden; } #site #header .leaderboard_ad_container { display: block; height: 95px; clear: both; width: 740px; margin-top:105px; } #site #header .leaderboard_ad { display: block; width: 728px; height: 90px; background-position: center center; background-repeat: no-repeat; } #site #header .logo_link { display:block; height:100px; position:absolute; top:100px; width:300px; } #site #contact_panel { display: block; height: 125px; width: 180px; position: absolute; top: 0px; right: 0px; } #site #contact_panel ul { list-style: none; } #site #contact_panel li { list-style: none; } #site #contact_panel a { color:#FFFFFF; display:block; font-size:0.8em; height:25px; line-height:16px; margin:0 0 0; padding: 12px 0 0 34px; text-decoration:none; } #site #contact_panel a:hover { } #site #contact_panel .icon_rss { background: Transparent url(../media/siteImages/icon_rss.png) no-repeat left center; } #site #contact_panel .icon_email { background: Transparent url(../media/siteImages/icon_email.png) no-repeat left center; padding: 0 0 0 0;} #site #contact_panel .icon_email a { padding-top: 0; } #site #contact_panel .icon_register { background: Transparent url(../media/siteImages/icon_register.png) no-repeat left center; } #site #contact_panel .icon_logout { background: Transparent url(../media/siteImages/icon_logout.png) no-repeat left center; } /* 2.1.1 - Header / Primary Navigation ------------------------------------------------------------*/ #site #primary_nav { display: block; clear: both; padding: 5px 0px 5px 10px; } #site #primary_nav ul { list-style-type: none; } #site #primary_nav li { list-style-type: none; float: left; display: inline; margin: 0 16px 0 0; padding: 0px; background: url(../media/siteImages/primary_nav_bg.gif) no-repeat right top; } #site #primary_nav a { float:left; display:block; position:relative; left:-10px; margin-right:-10px; background:url(../media/siteImages/primary_nav_cap.gif) no-repeat left top; text-decoration:none; font-weight:normal; color:#FFFFFF; font-size: 1em; line-height: 36px; padding: 0px 25px 0px 25px; height: 36px; text-transform: capitalize; } #site #primary_nav li:hover, #site #primary_nav li:hover a { background-position:100% -36px; } #site #primary_nav li:hover a { background-position:0 -36px; color: #D17D21; } /* 2.1.2 - Header / Primary Navigation Lower ------------------------------------------------------------*/ #site #primary_nav_lower { display: block; clear: both; padding: 5px 0px 5px 10px; } #site #primary_nav_lower ul { list-style-type: none; } #site #primary_nav_lower li { list-style-type: none; float: left; display: inline; margin: 0 16px 0 0; padding: 0px; background: url(../media/siteImages/primary_nav_lower_bg.gif) no-repeat right top; } #site #primary_nav_lower a { float:left; display:block; position:relative; left:-10px; margin-right:-10px; background:url(../media/siteImages/primary_nav_lower_cap.gif) no-repeat left top; text-decoration:none; font-weight:normal; color:#FFFFFF; font-size: 0.7em; line-height: 28px; padding: 0px 25px 0px 25px; height: 28px; text-transform: capitalize; } #site #primary_nav_lower li:hover, #site #secondary_nav li:hover a { background-position:100% -28px; } #site #primary_nav_lower li:hover a { background-position:0 -28px; color: #D17D21; } /* 2.1.3 - Header / Secondary Navigation ------------------------------------------------------------*/ #site #secondary_nav { display: block; clear: both; padding: 5px 0px 5px 10px; } #site #secondary_nav ul { list-style-type: none; } #site #secondary_nav li { list-style-type: none; float: left; display: inline; margin: 0 16px 0 0; padding: 0px; background: url(../media/siteImages/secondary_nav_bg.gif) no-repeat right top; } #site #secondary_nav a { float:left; display:block; position:relative; left:-10px; margin-right:-10px; background:url(../media/siteImages/secondary_nav_cap.gif) no-repeat left top; text-decoration:none; font-weight:normal; color:#2D261E; font-size: 0.7em; line-height: 28px; padding: 0px 23px 0px 23px; height: 28px; text-transform: capitalize; } #site #secondary_nav li:hover, #site #secondary_nav li:hover a { background-position:100% -28px; } #site #secondary_nav li:hover a { background-position:0 -28px; color: #D17D21; } /* 2.1.4 - Header / Tertiary Navigation ------------------------------------------------------------*/ #site #tertiary_nav { display: block; clear: both; padding: 5px 0px 5px 20px; } #site #tertiary_nav ul { list-style-type: none; } #site #tertiary_nav li { list-style-type: none; float: left; display: inline; margin: 0 16px 0 0; padding: 0px; background: url(../media/siteImages/tertiary_nav_bg.gif) no-repeat right top; } #site #tertiary_nav a { float:left; display:block; position:relative; left:-10px; margin-right:-10px; background:url(../media/siteImages/tertiary_nav_cap.gif) no-repeat left top; text-decoration:none; font-weight:normal; color:#e6dbe1; line-height: 28px; padding: 0px 15px 0px 15px; height: 28px; cursor: pointer; } #site #tertiary_nav li:hover, #site #tertiary_nav li:hover a { background-position:100% -28px; } #site #tertiary_nav li:hover a { background-position:0 -28px; } /*#site #tertiary_nav { display: block; clear: both; padding: 5px 0px 5px 20px; height: 30px; } #site #tertiary_nav ul { list-style-type: none; } #site #tertiary_nav li { list-style-type: none; float: left; } #site #tertiary_nav a { display: inline-block; float: left; padding: 10px 15px 10px 15px; text-decoration: none; background-color: #40362B; color: #e6dbe1; margin: 0px 10px 0px 0px; } #site #tertiary_nav a:hover { background-color: #CC7832; color: #1E1A19; } #site #tertiary_nav a:active { }*/ /* 2.2 - Header / Image Container ------------------------------------------------------------*/ #homepage #site #image_container { background-color: #1E1A19; display: block; height: 400px; margin: 0px 20px 0px 20px; } #site #innerpage #image_container { background-color: #1E1A19; display: none; height: 400px; margin: 0px 20px 0px 20px; } #site #slider .search_container { display: block; background-image: url(../media/siteImages/infotext_starthere.jpg); background-repeat: no-repeat; background-position: left top; float: left; height: 285px; width: 195px; margin: 0px 25px 0px 0px; padding: 75px 0px 0px 10px; } #site #slider .gallery { display: block; background-image: url(../media/siteImages/feature_background.jpg); background-repeat: no-repeat; background-position: left -6px; float: left; height: 360px; width: 475px; position: relative; } #site #slider .gallery .product_container { display: block; background: #E6DBE1; height: 260px; padding: 10px; margin: 45px 25px 0px 15px; } #site #slider .gallery .product_container h3 { font-size: 1em; color: #1E1A19; margin: 0px 0px 0px 0px; } #site #slider .gallery .product_container h3 a { color: #1E1A19; text-decoration: none; } #site #slider .gallery .product_container h3 a:hover { color: #C7552C; } #site #slider .gallery .product_container p { color: #1E1A19; margin: 0px 0px 0px 0px; padding: 0px; font-size: 0.7em; line-height: 20px; } #site #slider .gallery .product_container em { color: #797178; text-align: right; display: inline-block; width: 80px; } #site #slider .gallery .product_container strong { font-size: 1.2em; color: #C7552C; } #site #slider .gallery .product_container .hr { display:inline-block; height:1px; width:100%; clear: left; margin: 5px 0px; border-top: 1px solid #B0A2AA; border-right-style: none; border-bottom-style: none; border-left-style: none; } #site #slider .gallery .product_container hr { display:none; } #site #slider .gallery .product_container .price { font-size: 2.5em; color: #C7552C; display: block; text-align: right; line-height: 30px; } #site #slider .gallery .product_container .category { font-size: 1.5em; color: #C7552C; display: block; text-align: right; line-height: 25px; } #site #slider .gallery .product_container .product_thumb { display: block; float: left; height: 225px; width: 220px; overflow: hidden; } #site #slider .gallery .product_container .gold_sold { background: Transparent url(../media/siteImages/sold_big.jpg) no-repeat 0 center; display:block; height:225px; position:absolute; width:220px; } #site #slider .gallery .product_container .product_thumb img { height: 100%; vertical-align: middle; } #site #slider .gallery .product_container .product_info { display: inline-block; float: left; width: 185px; padding: 0px 0px 0px 10px; } #site #slider .gallery .product_switcher { display: block; height: 32px; width: 435px; position: absolute; left: 15px; bottom: 8px; } #site #slider .gallery .product_switcher ul { list-style-type: none; } #site #slider .gallery .product_switcher li { float: left; } #site #slider .gallery .product_switcher a { background: url(../media/siteImages/product_switcher.gif) no-repeat center top; height: 22px; width: 22px; display: block; line-height: 22px; padding-top: 10px; font-size: 0.8em; color: #FFFFFF; text-decoration: none; text-align: center; margin-right: 2px; margin-left: 2px; } #site #slider .gallery .product_switcher a:hover { background: url(../media/siteImages/product_switcher.gif) center -32px; } #site #slider .gallery .product_switcher a:active { background: url(../media/siteImages/product_switcher.gif) center bottom; } #site #slider { width: 745px; margin: 0 auto; position: relative; color: #FFF;} #site #slider p a { text-decoration: none; } #site #slider p a:hover { text-decoration: underline; color: #FFFFFF; } .scroll { height: 400px; overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left; } .scrollContainer div.panel { padding: 20px; height: 360px; width: 705px; } .scrollButtons { position: absolute; top: 150px; cursor: pointer;} .scrollButtons.left { left: -20px;} .scrollButtons.right { right: -20px;} #site #slider .navigation { display: block; background-image: url(../media/siteImages/infotext_3steps.jpg); background-repeat: no-repeat; background-position: left top; float: left; height: 360px; width: 100px; margin: 0px 25px 0px 0px; padding: 75px 0px 0px 0px; } #site #slider .navigation ul { list-style: none; } #site #slider .navigation li { list-style: none; } .feature_info { background-image: url(../media/siteImages/infobutton.png); background-repeat: no-repeat; background-position: center center; display: block; height: 56px; width: 56px; position: absolute; top: -20px; right: -20px; cursor: pointer; z-index: 2000; } .stepone {} .stepone_button { display: block; height: 62px; width: 61px; background-image: url(../media/siteImages/step_01.jpg); background-repeat: no-repeat; background-position: left top; margin: 5px 0px 10px 15px; text-indent: -900px; overflow: hidden; } .stepone_button:hover { background-repeat: no-repeat; background-position: left bottom; } .steptwo {} .steptwo_button { display: block; height: 62px; width: 61px; background-image: url(../media/siteImages/step_02.jpg); background-repeat: no-repeat; background-position: left top; margin: 5px 0px 10px 15px; text-indent: -900px; overflow: hidden; } .steptwo_button:hover { background-repeat: no-repeat; background-position: left bottom; } .stepthree {} .stepthree_button { display: block; height: 62px; width: 61px; background-image: url(../media/siteImages/step_03.jpg); background-repeat: no-repeat; background-position: left top; margin: 5px 0px 10px 15px; text-indent: -900px; overflow: hidden; } .stepthree_button:hover { background-repeat: no-repeat; background-position: left bottom; } .stepfour {} .stepfour_button { display: block; height: 62px; width: 61px; background-image: url(../media/siteImages/step_04.jpg); background-repeat: no-repeat; background-position: left top; margin: 5px 0px 10px 15px; text-indent: -900px; overflow: hidden; } .stepfour_button:hover { background-repeat: no-repeat; background-position: left bottom; } .step_current { background-repeat: no-repeat; background-position: left bottom; } .stepzero {} .stepzero ul { margin: 0 0 0 170px; } .stepzero li { margin: 10px 0 0 0; } /* 3.0 - Content ------------------------------------------------------------*/ #site #columns { background-image: url(../media/siteImages/body_paper_middle.gif); background-repeat: repeat-y; background-position: -15px top; } #site #columns_cap { background: url(../media/siteImages/body_paper_top.gif) no-repeat -15px top; padding: /*57px*/ 57px 0px 0px 0px; } #site #content { display: block; } #site #content_cap { display: block; padding: 0px 0px 0px 0px; } #site #content_wrapper { display: block; padding: 0px 0px 30px 0px; } /* Original Content Styling #site #content { display: block; } #site #content_cap { background-image: url(../media/siteImages/body_paper_top_nogallery.gif); background-repeat: no-repeat; background-position: center top; display: block; padding: 42px 0px 0px 0px; } #site #content_wrapper { background-image: url(../media/siteImages/body_paper_middle.gif); background-repeat: repeat-y; background-position: center 40px; display: block; padding: 0px 0px 30px 0px; } */ #site a { color: #CC7832; text-decoration: underline; } #site a:hover {color: #fff; text-decoration: underline; } #site #content .hr { display:inline-block; height:26px; width:100%; background:url(../media/siteImages/hr_image.gif) no-repeat center top; border: none; border-width: 0px; clear: both; margin: 5px 0px 5px 0px; } #site #content hr { display:none; } /* 3.1 - Content / Column 1 ------------------------------------------------------------*/ /* 3.2 - Content / Column 2 ------------------------------------------------------------*/ /* 3.3 - Content / Column 3 ------------------------------------------------------------*/ /* 3.4 - Content / Column 4 ------------------------------------------------------------*/ /* 4.0 - Footer ------------------------------------------------------------*/ #site #footer_container { display:block; clear:both; background-image: url(../media/siteImages/footer_bg.jpg); background-repeat: repeat-x; background-position: left top; background-color: #1E1A19; } #site #footer_content { display: block; min-height: 350px; width: 960px; margin-right: auto; margin-left: auto; } #site #footer_content .medium_column { float: left; min-height: 310px; width: 480px; } #site #footer_content .small_column { float: left; min-height: 310px; width: 240px; background-image: url(../media/siteImages/footer_divide.jpg); background-repeat: no-repeat; background-position: left center; } /* 5.0 - Miscellaneous ------------------------------------------------------------*/ #site .news_item a { font-size: 1em; font-weight: normal; color: #CC7832; margin: 5px 10px 5px 20px; display: block; line-height: 1.4em; } #footer-content .small_column #site .news_item p { border: 1px solid red; font-size: 0.8em; font-weight: normal; color: #FFF; margin: 5px 10px 5px 20px; line-height: 1.4em; } #site .terms_link { color:#CC7832!important; text-decoration:underline; } #site .terms_link:hover { color:#1E1A19!important; text-decoration:underline!important; } #site #content #sitemap ul ul { margin-left: 40px; } #site #content #sitemap li a { font-size:1.3em; line-height:1.4em;} #site #content .form_holder ul .filesUploadValidationMessage ul li { border: 1px solid #C6C6C1; width:310px; font-size:1.5em; margin:20px 0 0 0; line-height: 1.5em; padding: 10px;} /*#site .helplink { border: 1px solid red; width: 293px; left: 73px; height: 38px; display: block; position:absolute; cursor:help; }*/ /* II. URBAN STYLE.CSS ------------------------------------------------------------*/ #content .home_listing_container { margin: 0px 0px 10px 30px; } #content .silver_seller { display: inline-block; width: 169px; height: 169px; text-align: center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; line-height: 1.8em; color: #1E1A19; float: left; margin: 0px 5px 5px 0px; border: 1px solid #C6C6C1; padding: 3px; background-color: #FFF; text-decoration: none; cursor: pointer; overflow: hidden; } #content .silver_seller:hover { background-color: #FEEDB8; text-decoration: none; } #content .silver_seller:visited { background-color: #F0F0EC; text-decoration: none; } #content .silver_seller strong { font-size: 1.5em; font-weight: normal; color: #CC7832; } #content .silver_thumb { display: block; height: 125px; border: 1px solid #C6C6C1; overflow: hidden; } #content .bronze_seller { display: inline-block; width: 102px; height: 95px; text-align: center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal; color: #1E1A19; float: left; margin: 0px 12px 12px 0px; border: 1px solid #C6C6C1; padding: 3px; background-color: #FFF; text-decoration: none; cursor: pointer; overflow: hidden; } #content .bronze_seller:hover { background-color: #FEEDB8; text-decoration: none; } #content .silver_seller:visited { background-color: #F0F0EC; text-decoration: none; } #content .bronze_thumb { display: block; height: 75px; border: 1px solid #C6C6C1; overflow: hidden; } .floatleft { float:left; } .floatright { float:right; } #site #content .thumbleft { float: left; display: inline-block; margin: 10px 15px 15px 30px!important; } #site #content .thumbright { float: right; display: inline-block; margin: 10px 30px 15px 15px!important; } #site #content .thumb { } /* 3.0 - Content ------------------------------------------------------------*/ #site #content .view_all { display: block; background: url(../media/siteImages/view_all.gif) no-repeat left top; height: 30px; width: 110px; text-indent: -100px; overflow: hidden; float: right; margin: 3px 20px 0px 0px; } #site #content .article { position: relative; display: inline-block; width: 100%; } #site #content #individual-news-story-previous-page-link a { font-size: 1.4em; display: inline-block; padding: 0px 0px 0px 39px; line-height: 22px; background: url(../media/siteImages/back_link.gif) no-repeat left top; color: #1E1A19; text-decoration: none; } #site #content #individual-news-story-previous-page-link a:hover { background: url(../media/siteImages/back_link.gif) no-repeat left bottom; color: #C7552C; text-decoration: none; } #site #content .news_item_date { font-size: 1em; position: absolute; background: url(../media/siteImages/calendar.gif) no-repeat center top; text-align: center; display: block; height: 69px; width: 57px; right: 50px; top: -45px; } #site #content .news_item_date_month { line-height: 24px; color: #FFFFFF; } #site #content .news_item_date_day { font-size: 1.5em; color: #1E1A19; font-weight: normal; } #site #content .news_item_date_year { line-height: 18px; font-size: 0.7em; color: #1E1A19; } #site #content .article_image_right { float: right; display: inline-block; margin: 10px 30px 15px 15px!important; position: relative; } #site #content .article_image_left { float: left; display: inline-block; margin: 10px 15px 15px 30px!important; position: relative; } #site #content .article_image_caption { color: #FFFFFF; display: inline-block; position: absolute; left: -3px; bottom: -3px; padding: 3px; background: #1E1A19; } /* 3.5 - Content / Listing Lists Style ------------------------------------------------------------*/ #site #content .listing_withimage { display: block; clear:both; padding: 10px 145px 10px 190px; margin: 5px 20px; border: 1px solid #C6C6C1; position: relative; /*background: #FFF url(../media/siteImages/listing_bg.jpg) no-repeat right center;*/ height: 125px; overflow: hidden; } #site #content .listing_withimage { background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.3); } #site #content .listing_withimage .overflow_image { display: block; position: absolute; right: 0px; bottom: 0px; z-index: 1000; background: url(../media/siteImages/listing_overflow.gif) no-repeat left bottom; height: 16px; width: 123px; } #site #content .listing_withimage .primary_image { display: inline-block; position: absolute; left: 10px; top: 10px; z-index: 500; } /*#site #content .listing img { float: left; margin: 0px 10px 0px 0px; position: absolute; left: 10px; top: 10px; }*/ #site #content .listing_withimage h4 { font-size: 1em; color: #1E1A19; line-height: 16px; margin: 0px 0px 15px 0px; } #site #content .listing_withimage h4 a { color: #1E1A19; text-decoration: none; font-weight: bold; } #site #content .listing_withimage h4 a:hover { color: #C7552C; } #site #content .listing_withimage h5 { font-size: 1em; line-height: 16px; margin: 0px 0px 10px 0px; } #site #content .listing_withimage p { margin: 0px 0px 10px 0px; } #site #content .listing_withimage strong { color: #C7552C; font-size: 1.1em; font-weight: normal; } #site #content .listing_withimage ul { font-size: 0.7em; display: inline-block; padding: 0px;/* float: left; width: 175px; */margin: 0px; list-style-type: none; } #site #content .listing_withimage li { margin: 0px; padding: 0px; line-height: 18px; } #site #content .listing_withimage em { color: #797178; } #site #content .listing_withimage .price { font-size: 2em; color: #C7552C; line-height: 20px; padding: 0px 0px 0px 10px; } #site #content .listing_withimage .listing_sidebar { position: absolute; display: inline-block; width: 110px; top: 10px; right: 10px; } #site #content .listing_withimage .listing_details { display: block; background: url(../media/siteImages/listing_info.gif) no-repeat left top; height: 30px; width: 110px; text-indent: -100px; overflow: hidden; margin: 0px 0px 5px 0px; } #site #content .listing { display: block; clear:both; padding: 10px 145px 10px 10px; margin: 5px 20px; border: 1px solid #C6C6C1; position: relative; /*background: #FFF url(../media/siteImages/listing_bg.jpg) no-repeat right center;*/ height: 125px; overflow: hidden; } #site #content .listing { background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.3); } #site #content .listing .overflow_image { display: block; position: absolute; right: 0px; bottom: 0px; z-index: 1000; background: url(../media/siteImages/listing_overflow.gif) no-repeat left bottom; height: 16px; width: 123px; } #site #content .listing .primary_image { display: inline-block; position: absolute; left: 10px; top: 10px; z-index: 500; } /*#site #content .listing img { float: left; margin: 0px 10px 0px 0px; position: absolute; left: 10px; top: 10px; }*/ #site #content .listing h4 { font-size: 1em; color: #1E1A19; line-height: 16px; margin: 0px 0px 15px 0px; } #site #content .listing h4 a { color: #1E1A19; text-decoration: none; font-weight: bold; } #site #content .listing h4 a:hover { color: #C7552C; } #site #content .listing h5 { font-size: 1em; line-height: 16px; margin: 0px 0px 10px 0px; } #site #content .listing p { margin: 0px 0px 10px 0px; } #site #content .listing strong { color: #C7552C; font-size: 1.1em; font-weight: normal; } #site #content .listing ul { font-size: 0.7em; display: inline-block; padding: 0px;/* float: left; width: 175px; */margin: 0px; list-style-type: none; } #site #content .listing li { margin: 0px; padding: 0px; line-height: 18px; } #site #content .listing em { color: #797178; } #site #content .listing .price { font-size: 2em; color: #C7552C; line-height: 20px; padding: 0px 0px 0px 10px; } #site #content .listing .listing_sidebar { position: absolute; display: inline-block; width: 110px; top: 10px; right: 10px; } #site #content .listing .listing_details { display: block; background: url(../media/siteImages/listing_info.gif) no-repeat left top; height: 30px; width: 110px; text-indent: -100px; overflow: hidden; margin: 0px 0px 5px 0px; } /* 3.5 - Content / Listing Style ------------------------------------------------------------*/ #site #content .listing_detail { } #site #content .listing_detail .listing_main_info { display: block; color: #1E1A19; margin: 0px 30px 15px 30px; border: 1px solid #C6C6C1; padding: 10px; background-color: #FFF; clear: both; position: relative; } #site #content .listing_detail .listing_main_info .info { float:right; width: 400px; } #site #content .listing_detail .price { font-size: 2em; color: #C7552C; line-height: 20px; padding: 0px 0px 0px 10px; } #site #content .listing_detail em { color: #797178; } #site #content .listing_detail .listing_main_info #gallery { width: 305px; position: absolute; top: 10px; left: 10px; bottom: 10px; padding: 225px 5px 5px 5px; background: #EBEBE9; } #site #content .listing_detail .listing_main_info #gallery .defaultImage { position: absolute; top: 5px; left: 5px; padding: 2px; background: #999999; } #site #content .listing_detail .listing_main_info #gallery .PrimaryImage { position: absolute; top: 5px; left: 5px; padding: 2px; background: #999999; } #site #content .listing_detail .listing_main_info #gallery .SecondaryImage { margin: 0px 1px 1px 0px; float: left; } /*#site #content .listing_detail .listing_main_info #gallery { width: 300px; position: absolute; top: 10px; left: 10px; bottom: 10px; padding: 5px; background: #EBEBE9; }*/ /* 3.5 - Content / Trade Dealer Listing ------------------------------------------------------------*/ #site #content .dealer_header { margin: 0px 0px 0px 20px; } #site #content .dealer_info { display: block; padding: 10px; margin: 5px 20px; border: 1px solid #C6C6C1; background: #FFFFFF; position: relative; } #site #content .dealer_info_column { display: inline-block; float: left; width: 250px; } #site #content .dealer_info_description { display: block; width: 200px; position: absolute; padding: 5px; overflow: auto; top: 2px; right: 2px; bottom: 2px; background: #E2E2E0; } #site #content .dealer_title { display: inline-block; width: 500px; } #site #content .dealer_info h3 { margin: 5px 10px 10px 10px; } #site #content .dealer_info p { margin: 5px 10px 5px 10px; } #site #content .dealer_info em { color: #797178; font-size: 0.8em; } /* 4.0 - Footer ------------------------------------------------------------*/ #site #footer_content .sitelinks { display: inline-block; float: left; width: 28%; margin: 15px 0px 0px 20px; line-height: 1.4em; } /*URBAN TYPE.CSS*/ /*---------------------------------------------------------- [Urban Element Typography] Note: Use this stylesheet for all text tags & classes Project: [Urban Element Framework] Version: 1.0 Last change: 04/12/08 [DJ] Assigned to: Malcolm Maclean [MM] Dave Johnston [DJ] Richard Howe [RH] ------------------------------------------------------------*/ /* 1.0 - Body ------------------------------------------------------------*/ /* 1.1 - Body / Wrapper ------------------------------------------------------------*/ /* 1.2 - Body / Container ------------------------------------------------------------*/ /* 2.0 - Header ------------------------------------------------------------*/ #image_container h1 { font-size: 2em; font-weight: normal; color: #FFF; margin: 25px 10px 5px 10px; } #image_container h2 { font-size: 1.2em; font-weight: normal; color: #CC7832; margin: 10px; line-height: 1.4em; } #image_container h3 { font-size: 1.2em; font-weight: normal; color: #CC7832; margin: 10px; line-height: 1.4em; } #image_container p { font-size: 0.8em; font-weight: normal; color: #FFF; margin: 5px 10px 5px 10px; line-height: 1.4em; } /* 2.1 - Header / Secondary Navigation ------------------------------------------------------------*/ /* 2.2 - Header / Primary Navigation ------------------------------------------------------------*/ /* 2.2 - Header / Image Container ------------------------------------------------------------*/ /* 3.0 - Content ------------------------------------------------------------*/ #content h2 { font-size: 2.2em; font-weight: normal; color: #1E1A19; margin: 0px 45px 15px 35px; } #content h3, #content h1 { font-size: 2em; font-weight: normal; color: #1E1A19; margin: 0px 45px 15px 35px; } #content h3 strong, #content h1 strong { font-weight: normal; color: #CC7832; } #content h4 { font-size: 1.8em; font-weight: normal; color: #1E1A19; margin: 0px 45px 15px 35px; } #content h4 strong { font-weight: normal; color: #CC7832; } #content h5 { font-size: 1.4em; font-weight: normal; color: #C7552C; margin: 0px 45px 15px 35px; } #content p { font-size: 0.8em; font-weight: normal; color: #1E1A19; margin: 0px 45px 15px 35px; line-height: 1.4em; } #content ul { font-size: 0.8em; color: #1E1A19; margin: 0px 45px 15px 65px; line-height: 1.4em; } #content li { color: #1E1A19; } #content blockquote { font-size: 1.1em; font-weight: normal; font-style: italic; color: #1E1A19; margin: 0px 45px 15px 35px; line-height: 24px; padding: 10px 10px 10px 50px; background: url(../media/siteImages/quote.gif) no-repeat left top; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.5); } #content blockquote strong { font-style: normal; color: #C7552C; } /* 4.0 - Footer ------------------------------------------------------------*/ #footer_content h4 { font-size: 1.6em; font-weight: normal; color: #FFF; margin: 25px 10px 5px 20px; } #footer_content h5 { font-size: 1em; font-weight: normal; color: #CC7832; margin: 5px 10px 5px 20px; line-height: 1.4em; } #footer_content p { font-size: 0.8em; font-weight: normal; color: #FFF; margin: 5px 10px 5px 20px; line-height: 1.4em; } #footer_content ul { list-style: none; } #footer_content li { font-size: 0.7em; font-weight: normal; } #footer_content a { color: #FFFFFF; text-decoration: none; } #footer_content a:hover { color: #CC7832; } /*URBAN FORMS.CSS*/ /*Note: Use this stylesheet for all form styling Project: [Urban Element Framework] Version: 1.0 Last change: 04/12/08 [DJ] Assigned to: Malcolm Maclean [MM] Dave Johnston [DJ] Richard Howe [RH]*/ /* 2.0 - Header ------------------------------------------------------------*/ #site #slider .search_container fieldset { display: block; padding: 20px 0px 0px 0px; font-size: 0.7em; font-family: Georgia, "Times New Roman", Times, serif; border: none;} #site #slider .search_container label { display: none; height: 0px; overflow: hidden; } #site #slider .search_container legend { display: none; height: 0px; } #site #slider .search_container .form_text { height: 20px; width: 170px; border: 1px double #C6C6C1; line-height: 20px; margin: 0px 0px 0px 3px; padding: 5px; background-image: url(../images/text_field_bg.jpg); background-repeat: repeat-x; background-position: left top; display: block; float: left; font-family: "Trebuchet MS", Arial, sans-serif; } #site #slider .search_container .form_dropdown { height: 30px; width: 182px; border: 1px double #C6C6C1; line-height: 30px; margin: 0px 0px 0px 3px; padding: 0px; background-image: url(../images/text_field_bg.jpg); background-repeat: repeat-x; background-position: left top; display: block; float: left; font-family: "Trebuchet MS", Arial, sans-serif; } #site #slider .search_container .form_button { margin: 0px 0px 0px 3px; } #site #slider .search_container li { display: inline-block; clear: both; font-size: 1em; padding: 0px 0px 10px 0px; } /*#slider .search_container fieldset { display: block; padding: 40px 0px 0px 0px; font-size: 0.7em; font-family: Georgia, "Times New Roman", Times, serif; border: none;} #slider .search_container label { color: #FFFFFF; display: block; width: 65px; text-align: right; height: 20px; font-weight: normal; text-transform: none; float: left; margin: 0px 0px 3px 0px; padding: 10px 5px 0px 0px; } #slider .search_container legend { display: none; height: 0px; } #slider .search_container .form_text { height: 20px; border: 1px double #C6C6C1; padding: 5px; background-image: url(../images/text_field_bg.jpg); background-repeat: repeat-x; background-position: left top; background-color: #FFFFFF; width: 120px; display: block; float: left; margin: 0px 0px 0px 3px; font-family: "Trebuchet MS", Arial, sans-serif; } #slider .search_container .form_button { float: right; } #slider .search_container li { display: block; clear: both; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; font-size: 1em; } #slider .search_container ul { display: inline-block; padding: 0px 0px 15px 0px; }*/ /* 3.0 - Content / Validated Form ------------------------------------------------------------*/ #site #content .form_holder { } #site #content .form_holder ul { list-style-type:none; margin: 0px 0px 0px 35px; padding:0; width:50%; } #site #content .form_holder ul ul { list-style-type:none; margin: 0px 0px 0px 0px; padding:0; } #site #content .form_holder ul li { display: inline-block; clear: both; } #site #content .form_holder input { height: 20px; width: 270px; border: 1px double #C6C6C1; line-height: 20px; margin: 0px 0px 0px 3px; padding: 5px; background-image: url(../images/text_field_bg.jpg); background-repeat: repeat-x; background-position: left top; display: block; float: left; font-family: "Trebuchet MS", Arial, sans-serif; } #site #content .form_holder textarea { height: 75px; width: 270px; border: 1px double #C6C6C1; line-height: 20px; margin: 0px 0px 0px 3px; padding: 5px; background-image: url(../images/text_field_bg.jpg); background-repeat: repeat-x; background-position: left top; display: block; float: left; font-family: "Trebuchet MS", Arial, sans-serif; } #site #content .form_holder ul li span { display: none!important; } #site #content .form_holder ul li span.no_block {display: block!important;} #site #content .form_holder ul li span.radInput_Default {display: block!important;} #site #content .form_holder small { font-size: 0.8em; display: block; line-height: 1.5em; margin: 0 0 10px 0; } #site #content .form_container .footer_holder img { float: right; margin: 10px 280px 0 0; } #site #content .form_holder .checkbox { /*border: thick #00FF00 solid;*/ } #site #content .form_holder .upload_button { font-size: 1.2em; display: inline-block; padding: 5px 10px 5px 10px; border: 1px double #C6C6C1; margin: 5px 0px 0px 0px; background-color: #CC7926; } #site #content .form_holder .upload_button:hover { background-color: #1E1A19; } #site #content .form_holder ul span.fileExistsValidation {width: 400px; display: inline; position: absolute;} #site #content .form_holder fieldset { border: 1px double #C6C6C1; margin: 0px 0px 15px 0px; padding: 15px 15px 25px 35px; display: inline-block; min-width: 310px;} #site #content .form_holder fieldset { background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.5); } #site #content .form_holder legend { font-size: 1.4em; font-weight: normal; color: #FFFFFF; margin: 0px 0px 0px 0px; display: inline-block; border: 1px solid #C6C6C1; padding: 10px; background-color: #CC7926; } #site #content .form_holder legend small { font-size: 0.6em; margin: 0; } #site #content .form_holder label { clear:both; display:block; line-height: 32px; font-size: 12px; } #site #content .form_holder .flow { display:block; float:left; } #site #content .form_holder .flow label { width:auto; clear:both; display:block; } #site #content .formButton { margin: 0px 0px 0px 35px; } #site #content .search_dealer_form { margin: 20px 0 0 0; position: relative; } #site #content .search_dealer_form .form_holder ul { width: 100%; position: relative; } #site #content .search_dealer_form .form_holder li { height:27px; float: left; clear: none; } #site #content .search_dealer_form input { height: 16px; width: 170px; line-height: 10px; padding: 2px 0 2px 3px; font-size: 12px; color: #333; } #site #content .search_dealer_form label { height: 10px; line-height: 20px; margin: 0; padding: 0; } #site #content .search_dealer_form select { padding: 0;} #site #content .search_dealer_form .form_button { height: 20px; width: 80px; display: block; float: left; clear: none; margin: 0px 0 0 10px; } #site #content .search_dealer_form .form_holder { float: left;} #site #content .search_dealer_form .footer_holder { margin: 0 0 0 10px; } #site #content .search_dealer_form .search_status_box { clear: both; background: #ccc; display: block; width: 58%; margin: 0 0 0 30px; position: relative; top: 20px; } #site #content .search_dealer_form .search_status_box p { position: relative; padding:10px 0 10px 120px; width: 50%; color: #333; } /* sidebyside //////////////////////////////////////////////////////////////////////////////*/ #site #content .form_holder .sidebyside { clear:both; } #site #content .form_holder .sidebyside label { width:100px; clear:none; float:left; display:block; } /* Puts radio buttons inline so all on one line////////////////////////////////////////////////////*/ #site #content .form_holder .no_block label { width:auto; clear:none; display:inline; float:none; } /* this is a fix that moves the calendar button away from the text box ////////////////////////////////////////////////*/ #site #content .calButton { margin-left:10px; margin-right:5px; } #site #content .login_form_container { display:block; float:left; margin:0; padding:0; width:440px; } #site #content .login_page { display: block; padding: 20px; margin: 5px 5px 5px 5px; border: 1px solid #C6C6C1; width: 265px; float: left; } #site #content .login_container { border:1px solid #C6C6C1; display:block; float:left; margin:5px 5px 5px 25px; padding:20px; width:310px; } #site #content .login_container { background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.3); } #site #content .login_container * { margin: 0px; } #site #content .login_container .form_holder * { margin: 0px; } #site #content .login_container h4 { font-size: 26px; margin: 0px 0px 10px 0px; } #site #content .login_container h5 strong { font-size: 26px; margin: 5px 0px 10px 0px; font-weight: normal; color: #1E1A19; } #site #content .login_container h5 { font-size: 22px; margin: 5px 0px 10px 0px; color: #CC7832; } #site #content .login_container em { font-size: 10px; color: #797178; } #site #content .login_container .formButton { margin: 15px 0px 0px 0px; } #site #content .login_container ul { font-size: 0.8em; margin: 10px 0px 10px 15px; } #site #content .login_container ul ul { font-size: 1em; } #site #content .login_container ul ul ul { font-size: 1em; } #site #content .login_container p { font-size: 0.8em; font-weight: normal; color: #1E1A19; margin: 10px 0px 0px 0px; line-height: 1.4em; } #site #content .login_container .register_seller a { display:block; position:relative; left:-10px; margin: 0px -10px 0px 0px; background:url(../media/siteImages/primary_nav_cap.gif) no-repeat left top; text-decoration:none; font-weight:normal; color:#FFFFFF; font-size: 20px; line-height: 36px; padding: 0px 25px 0px 25px; height: 36px; text-transform: capitalize; } #site #content .login_container .register_seller span { display: inline-block; margin: 10px 0px 10px 10px; padding: 0px; background: url(../media/siteImages/primary_nav_bg.gif) no-repeat right top; } #site #content .login_container .register_seller span:hover, #site #content .login_container span:hover a { background-position:100% -36px; } #site #content .login_container .register_seller span:hover a { background-position:0 -36px; color: #D17D21; } /*#site #content .form_holder fieldset { border:solid 1px #000; } #site #content .form_holder fieldset fieldset { } #site #content .form_holder fieldset legend { clear:left; } #site #content .form_holder ul { list-style-type:none; margin:0; padding:0; width:100%; } #site #content .form_holder li { display: block; margin: 0px; padding: 0px; } #site #content .form_holder label { clear:both; display:block; } #site #content .form_holder .flow { display:block; float:left; } #site #content .form_holder .flow label { width:auto; clear:both; display:block; } #site #content .form_holder .sidebyside { clear:both; } #site #content .form_holder .sidebyside label { width:100px; clear:none; float:left; display:block; } #site #content .form_holder .no_block label { width:auto; clear:none; display:inline; float:none; } #site #content .calButton { margin-left:10px; margin-right:5px; }*/ #site #content .login_page { display: block; padding: 20px; margin: 5px 5px 5px 5px; border: 1px solid #C6C6C1; width: 265px; float: left; } /* 3.1 - Content / Validated Form / Validation Messages ------------------------------------------------------------*/ #site #content .status_success { display: block; width: 315px; padding: 10px 10px 10px 65px; margin: 35px 35px 15px 35px; border: 1px solid #006600; position: relative; background: url(../media/siteImages/icon_success.gif) no-repeat 5px 5px; } #site #content .status_success { background-color: #97EE95; background-color: rgba(195,226,145,0.3); } #site #content .status_success p { margin: 0 45px 15px 5px; } #site #content .status_success ul { padding: 0px 0px 0px 15px; margin: 15px 0px 5px 15px; } #site #content .status_success li { padding: 0px 0px 0px 0px; margin: 5px 0px 5px 0px; } #site #content .status_failure { display: block; width: 315px; padding: 10px 10px 10px 65px; margin: 35px 35px 15px 35px; border: 1px solid #FF0000; position: relative; background: url(../media/siteImages/icon_fail.gif) no-repeat 5px 5px; } #site #content .status_failure { background-color: #FDA2B9; background-color: rgba(244,149,156,0.3); } #site #content .status_failure p { margin: 0 45px 15px 5px; } #site #content .status_failure ul { padding: 0px 0px 0px 15px; margin: 15px 0px 5px 15px; } #site #content .status_failure li { padding: 0px 0px 0px 0px; margin: 5px 0px 5px 0px; } /*#site #content .status_success { display: block; padding: 10px 10px 10px 65px; margin: 15px 25px; border: 1px solid #006600; position: relative; background: url(../media/siteImages/icon_success.gif) no-repeat 5px 5px; } #site #content .status_success { background-color: #97EE95; background-color: rgba(195,226,145,0.3); } #site #content .status_success ul { padding: 0px 0px 0px 0px; margin: 5px 0px 5px 0px; } #site #content .status_success li { padding: 0px 0px 0px 0px; margin: 5px 0px 5px 0px; } #site #content .status_failure { display: block; padding: 10px 10px 10px 65px; margin: 15px 25px; border: 1px solid #FF0000; position: relative; background: url(../media/siteImages/icon_fail.gif) no-repeat 5px 5px; } #site #content .status_failure { background-color: #FDA2B9; background-color: rgba(244,149,156,0.3); } #site #content .status_failure ul { padding: 0px 0px 0px 0px; margin: 5px 0px 5px 0px; } #site #content .status_failure li { padding: 0px 0px 0px 0px; margin: 5px 0px 5px 0px; }*/ /* 3.2 - Content / Validated Form / Info Column ------------------------------------------------------------*/ #site #content .form_help * { margin: 0px; font-size: 1em; } #site #content .form_help { display: block; padding: 20px; margin: 20px 25px 0px 0px; border: 1px solid #C6C6C1; width: 265px; float: right; position: relative; clear: left; } #site #content .form_help { background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.3); } #site #content .help_clear {clear: both;} #site #content .help_icon { display: block; height: 38px; width: 38px; position: absolute; top: -15px; right: -15px; background: url(../media/siteImages/icon_help.gif) no-repeat center center; } #site #content .form_help ul { font-size: 0.8em; margin: 10px 0px 10px 15px; } #site #content .form_help ul ul { font-size: 1em; } #site #content .form_help ul ul ul { font-size: 1em; } #site #content .form_help p { font-size: 0.8em; font-weight: normal; color: #1E1A19; margin: 10px 0px 0px 0px; line-height: 1.4em; } /* 4.0 - Footer ------------------------------------------------------------*/ #footer_content fieldset { display: block; padding: 15px 10px 0px 20px; font-size: 0.7em; font-family: Georgia, "Times New Roman", Times, serif; } #footer_content .text_label { color: #FFFFFF; font-size: 1.5em; display: block; width: 45px; text-align: left; height: 20px; font-weight: normal; text-transform: none; float: left; margin: 0px 0px 3px 0px; padding: 10px 5px 0px 0px; } #footer_content .radio_label { color: #FFFFFF; font-weight: normal; } #footer_content .form_text { height: 20px; border: 1px double #C6C6C1; padding: 5px; background-image: url(../images/text_field_bg.jpg); background-repeat: repeat-x; background-position: left top; background-color: #FFFFFF; width: 140px; display: block; float: left; margin: 0px 0px 0px 3px; font-family: "Trebuchet MS", Arial, sans-serif; } #footer_content .form_button { display: block; float: right; border: 2px double #440822; background-color: #4B0924; padding: 5px; height: 30px; width: 125px; font-size: 1.2em; color: #FFFFFF; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; } #footer_content fieldset p { display: block; clear: both; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; font-size: 1em; } #site #sent {border: 3px solid #ccc; width: 40%; margin: 20px 20px 20px 20px; padding: 10px 0 0 0;} .NewsletterForm { color: #fff; } .NewsletterForm span.no_block {margin: 20px 0 20px 0; } .NewsletterForm span.no_block input {display: block; float: left; } .NewsletterForm span.no_block label {display: block; float: left; color: #fff; font-size: 1.5em; padding: 5px 0 0 0;} .NewsletterForm .spacer { display: inline-block; margin: 0px 0 10px 0; } .NewsletterForm .formButton {float: right;} .NewsletterForm .validationsummary_holder div {border: 1px solid #ccc; display: block; position: relative; height: 70px; margin: 0 0 10px 0; padding: 10px 0 0 20px;} .NewsletterForm .validationsummary_holder div ul {margin: 10px 0;} .NewsletterForm .validationsummary_holder div ul li {font-size: 1em!important; } /* 5.0 - CMS Tweaks / Rad & Telerik style override ------------------------------------------------------------*/ #site #content .rad_tab_override { margin: 0px 0px 15px 35px; padding: 0px; } #site #content .rad_tab_override .RadTabStrip { margin: 0px; padding: 0px; } #site #content .rad_tab_override .RadTabStrip ul { margin: 0px; padding: 0px; } #site #content .rad_tab_override a { color: #1E1A19; text-decoration: none; } #site #content .rad_tab_override a:hover { color: #CC7832; text-decoration: none; } #site #content .list_table_container { margin: 0; } #site #content .list_table_container a { color: #FFFFFF; text-decoration: none; } #site #content .list_table_container a:hover { color: #CC7832; text-decoration: none; } #site #content .list_table_container .GridAltRow_Default a {color: #333;} #site #content .list_table_container .RadGrid_Default, .DetailTable_Default { width: 90%; margin: 0 auto; } #site #content .list_table_container .GridRow_Default { background-color:#FFFFFF; } #site #content .list_table_container .GridRow_Default a { color: #CC7832; text-decoration: underline; } #site #content .list_table_container .GridAltRow_Default { background-color:#EFEFED; } #site #content .list_table_container .GridAltRow_Default a { color: #CC7832; text-decoration: underline; } #site #content .big_button a { display:block; position:relative; left:-10px; margin: 0px -10px 0px 0px; background:url(../media/siteImages/primary_nav_cap.gif) no-repeat left top; text-decoration:none; font-weight:normal; color:#FFFFFF; font-size: 20px; line-height: 36px; padding: 0px 25px 0px 25px; height: 36px; text-transform: capitalize; } #site #content .big_button span { display: inline-block; margin: 10px 0px 10px 10px; padding: 0px; background: url(../media/siteImages/primary_nav_bg.gif) no-repeat right top; } #site #content .big_button span:hover, #site #content .login_container span:hover a { background-position:100% -36px; } #site #content .big_button span:hover a { background-position:0 -36px; color: #D17D21; } #site #content .big_button_type_button { color:#FFFFFF; display:block; font-size:20px; background:url(../media/siteImages/primary_nav_cap.gif) no-repeat left top; font-weight:normal; height:36px; line-height:36px; margin:0 40px; padding:0; text-decoration:none; text-transform:capitalize; width:100px; } #site #content .big_button_type_button:hover { background-position:0 -36px; color: #D17D21; } #site #content .big_button_type_button span { background:transparent url(../media/siteImages/primary_nav_bg.gif) no-repeat scroll right top; display: inline-block; height:36px; margin:0 0 0 10px; min-width:100px; padding: 0; position: absolute; } #site #content .big_button_type_button:hover span { background-position:100% -36px; } #site #content .big_button_type_button span input { margin: 5px 10px 0 5px; border: none; background-color: Transparent; color: #fff; font-size: 20px; font-family: Times New Roman; } /*6.0 - You Tube video style*/ #site #content #you_tube { margin: 30px; padding: 10px; display: inline-table; } #site #content .dealershipLogo { margin: 30px; } /*7.0 - */ #site #content .form_holder ul li span.primaryBox { display:block !important; clear:both; height:20px; margin:0px 0 0; position:relative; width:100%;} #site #content .form_holder ul li span.primaryBox input { display:block; float:left; width:20px; } #site #content .form_holder ul li span.primaryBox label { display:block; clear:both; float:left; margin:0 0 5px 30px; position:absolute; top:0; width: 200px; } #site #content .form_holder ul li span.chkEnabledBox { display:block !important; height:20px; margin:20px 0 0; position:relative; width:100%;} #site #content .form_holder ul li span.chkEnabledBox input { display:block; float:left; width:20px; } #site #content .form_holder ul li span.chkEnabledBox label { display:block; float:left; margin:0 0 0 30px; position:absolute; height:20px; line-height:20px; top: 0; width: 200px;} #site #goole_maps_container { margin: 20px; } #site .first_letter_filter { margin: 0 35px 0 35px; } #site .non_active { color: #CDCDCD; } #site #content .form_holder ul li span.asterix { color: Red; display: inline!important; } #site .current { border-bottom: 2px solid red; } #site .active { border-bottom: none; } .sidebyside { margin: 5px 0 5px 0!important; } .sidebyside label { } .sidebyside .date_picker { height: 25px; position: relative; } .sidebyside .date_picker .pickerWrapper_Default {position: absolute; left: 200px;} .sold_medium { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:Transparent url(../media/siteImages/sold_medium.jpg) no-repeat scroll 0 50%; display:block; height:125px; position:relative; top:-125px; left:50%; margin-left:-83px; } #individual-news-story .divHeadline { margin-left: 30px; } #individual-news-story .divHeadline .news_item_text h5 { margin-left: 0px; } #individual-news-story .news_item_text { margin-left:30px; width:95%; } #individual-news-story .divHeadline .news_item_text {margin-left: 0px;} #individual-news-story .news_item_text h1, #individual-news-story .news_item_text h2, #individual-news-story .news_item_text h3, #individual-news-story .news_item_text h4, #individual-news-story .news_item_text h5, #individual-news-story .news_item_text h6 { margin-left: 0px; margin-bottom: 10px; } #individual-news-story .news_item_text p { margin-left: 0px; } #individual-news-story .news_item_text h1 { font-size: 2.2em;} #individual-news-story .news_item_text h2 { font-size: 2.0em;} #individual-news-story .news_item_text h3 { font-size: 1.8em;} #individual-news-story .news_item_text h4 { font-size: 1.6em;} #individual-news-story .news_item_text h5 { font-size: 1.4em;} #individual-news-story .news_item_text h6 { font-size: 1.2em;} /* 6.0 - Recycle Bin ------------------------------------------------------------*/ /* Put old css in here: */