/* ======================================== */ /* Element Styles */ /* ======================================== */ /* Design colours: #181818, #BC0000, #595959, #CECECE, Black */ * { margin: 0px; padding: 0px; } body { font-family: Arial; font-size: 12px; background: url(/templates/dre/image/body-bg.jpg) no-repeat top center; background-color: Black; color: Black; } p { padding: 0px 0px 10px 0px; line-height: 16px; } h1, h2, h3, h4, h5, h6 { margin: 0px 0px 10px 0px; padding: 0px; } h1, h2 { margin-top: 20px; } h3 { font-size: 20px; } a:link, a:visited { color: #BC0000; text-decoration: none; } a:hover, a:active { color: #BC0000; text-decoration: underline; } img { border: none; display: block; } ul, ol {padding: 0px 0px 10px 0px; line-height: 1.4em; } input[type=text], select, textarea { padding: 4px; margin-bottom: 5px; border: 1px solid #696969; } input[type=submit], input[type=button] { cursor: pointer; } textarea { resize: none; } select { padding: 3px; } /* ======================================== */ /* Layout */ /* ======================================== */ .clear { clear: both; } #container { width: 900px; margin: auto; } /* Header */ #header { height: 290px; background: url(/templates/dre/image/header-bg-2016.jpg) no-repeat top left; } #logo { margin-top: 20px; margin-left: 12px; float: left; } /* Top Menu */ #top_menu { float: right; margin-top: 0px; margin-right: 10px; padding-top: 5px; height: 20px; background-color: #181818; border: 1px solid #BFBFBF; border-top: none; } #top_menu li.menu_item, #top_menu li.menu_item:hover, #top_menu li.selected, #top_menu li.first { width: auto !important; height: 15px; /*line-height: 32px;*/ border-left: 1px solid #BFBFBF; background-color: transparent; white-space: pre-wrap; width: 100px; } #top_menu li.first { border-left: none; } #top_menu li.first:hover { border-left: none; } #top_menu li.menu_item a { width: auto !important; color: White; font-size: 12px; padding: 0px 10px 0px 10px; } /* Main Menu */ #main_menu { height: 46px; background: url(/templates/dre/image/menu-bg.png) repeat-x top left; background-color: #BC0000; border: 3px solid white; margin-bottom: 10px; } #main_menu li.menu_item, #main_menu li.menu_item:hover, #main_menu li.selected, #main_menu li.first { width: auto !important; height: 46px; line-height: 46px; border-right: 0px solid White; display: inline-block; } #main_menu li.menu_item:hover { background: url(/templates/dre/image/menu-item-selected.png) repeat-x top left; } #main_menu li.selected { background: url(/templates/dre/image/menu-item-selected.png) repeat-x top left; } #main_menu li.first { border-left: 0px solid White; } #main_menu li.first:hover { border-left: 0px solid White; } #main_menu li.menu_item a { width: auto !important; color: White; font-size: 14px; /*padding: 0px 20px 0px 20px;*/ } /* Content */ .col_left { float: left; margin-left: 10px; margin-bottom: 10px; background-color: #FFFFFF; padding: 30px; } .col_right { float: right; margin-right: 10px; margin-bottom: 10px; background-color: #FFFFFF; padding: 10px; } .row_1 .col_left { width: 650px; } .row_1 .col_right { width: 220px; } .row_1 .links { padding: 0px; background-color: transparent; } .row_2 .col_left { width: 435px; } .row_2 .video { height: 180px; padding: 0px; background-color: White; color: Black; } .row_2 .video h3 { background: #E2E2E2; color: #181818; border-bottom: 1px solid #696969; margin: 0px; padding: 9px 10px; } .row_2 .col_right { width: 435px; } .row_2 .testimonials { height: 180px; padding: 0px; background-color: White; color: Black; } .row_2 .testimonials h3 { background: #343434; color: White; margin: 0px; padding: 9px 10px; } /* SEO Footer */ #seo { background-color: #343434; height: 130px; font-size: 12px; color: White; } #seo ul { margin-left: 40px; margin-top: 20px; color: White; } #seo ul li a, #seo h3, #seo span { color: White; } /* Footer */ #footerWrapper { padding: 0px 10px; } #footer { background-color: #181818; padding: 20px; color: White; font-size: 12px; } #footer a, #footer p, #footer span { color: White !important; font-size: 12px !important;} /* ======================================== */ /* Image Rotator */ /* ======================================== */ /* Rotator */ div.rotator { padding: 0px; width: 650px; } div.rotator ul { padding: 0px; margin: 0px; width: 650px; } div.rotator ul li { padding: 0px; margin: 0px; float: left; position: absolute; list-style: none; width: 650px; } div.rotator ul li.show { z-index: 500; } /* Bullets */ div.bullets { position: relative; top: 229px; left: 5px; z-index: 1000; } div.bullet { float: left; text-align: center; margin-left: 5px; font-size: 11px; font-weight: bold; } div.bullet a { list-style: none; background: url(/templates/dre/image/bullets.png) no-repeat 50%; width: 20px; height: 21px; line-height: 20px; display: block; color: #ffffff; text-decoration: none; overflow: hidden; } div.bullet a:hover { background: url(/templates/dre/image/bullets.png) no-repeat bottom left; } div.selected a { background: url(/templates/dre/image/bullets.png) no-repeat top left; } /* ======================================== */ /* eCommerce */ /* ======================================== */ .ang-product-list input[type=text] { width: 40px; } .ang-product-list th { font-size: 20px; } .shop-catalogue { width: 400px; height: 250px; } .shop-catalogue .image { height: 180px; } .shop-cart .cart { background-color: transparent; border: none; } .shop-cart .cart th, .shop-cart .cart td { background: none; border: none; font-size: 14px; color: Black; } .shop-cart .cart .productitemcell { height: auto; margin: 0px; } .shop-cart .cart .actions a { margin: 0 5px 0 0; } .productTable td { padding: 0px; } .page-content ul.productfeaturelist, .page-content ul.productfeaturelist ul { list-style-type: none; margin-left: 0px; } .page-content ul.productfeaturelist li, .page-content ul.productfeaturelist ul li { font-size: 14px; line-height: 35px; } .productTable td { line-height: 25px; } .shop-form .form { width: 670px; } .productRelatedTable input[type=checkbox] { margin-right: 6px; } .shop-product-large { border: 1px solid #696969; } .shop-product-large .details { padding: 10px; width: 200px; background-color: #E2E2E2; border-right: 1px solid #696969; } .shop-product-large .image { padding: 10px; margin-left: 38%; } .shop-product-large .image h2 { padding-bottom: 10px; border-bottom: none; color: Black; } .shop-product-large .description { padding-bottom: 10px; border-bottom: none; } .shop-product-large p { text-align: left; } .shop-product-large { color: #181818; } .productTextInput { width: 40px; } .productitemcell { height: 30px !important; line-height: 30px; vertical-align: middle; } /* ======================================== */ /* Book Now Page */ /* ======================================== */ .category-title { background-color: #cccccc; border: 1px solid black; width: 150px; text-align: center; } .category-blurb { padding-left: 20px; font-size: 12px; } .category-blurb ul { padding-left: 0px; } .category-price span { white-space: nowrap; } /* ======================================== */ /* Misc Form Styles */ /* ======================================== */ table.webform { border-collapse: collapse; } table.webform td { padding: 0px; } div.form div.item, div.webform div.item { padding: 10px; } div.checkout div.item { padding: 0px; } .form input, .webform input { margin-right: 0px; } /* ======================================== */ /* Rounded Corners */ /* ======================================== */ .round-corners, .newsletter-form, .home-page-boxes td, div.home-box-item, .page-content { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } .home-page-content { -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topleft: 10px; -webkit-border-radius-topright: 10px; -khtml-border-radius-topleft: 10px; -khtml-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .home-page-promoboxes {float: left;} .formula-ford-promoboxes {float: left;} /* ================================================================================ */ /* Content Styles */ /* ================================================================================ */ /* ======================================== */ /*Modal Popups */ /* ======================================== */ .modal-whitewash { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); z-index: 1000; } #idVideoHolder { display: none; position: absolute; top: 200px; left: 50%; z-index: 1200; margin-left: -350px; width: 853px; border: 0px solid #919191; padding: 30px 20px 20px 20px; background: white url("") no-repeat right bottom; /*-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 2px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 2px;*/ } .modal-content .close, #idVideoHolder .close { position: absolute; top: 10px; right: 20px; } /* ======================================== */ /* Home Page */ /* ======================================== */ .home-page-content h1 { font-size: 18px; color: #181818; line-height: 25px; margin-top: 0px; } .home-page-content h2 { font-size: 26px; color: #181818; } .home-page-content h4 { font-size: 14px; } .home-page-content { background-color: White; margin-top: 10px; margin-bottom: 10px; padding: 20px; } .home-page-boxes { width: 650px; } .home-page-boxes td { background-color: #E2E2E2; width: 210px; } .home-page-boxes td.gap { width: 10px; background-color: transparent; } .home-page-boxes td ul { margin-left: 20px; } .home-page-boxes td .title { background-color: #1C2A56; color: White; text-align: center; padding-bottom: 7px; } .home-page-boxes td .title .large { font-size: 36px; } .home-page-boxes td .title .small { font-size: 20px; } .home-page-boxes td .content { font-size: 14px; padding: 10px; line-height: 20px; } .home-page-boxes .home-box-item { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } .home-page-boxes .home-box-item { background-color: #E2E2E2; width: 210px; display: inline; float: left; } .home-page-boxes .home-box-item.first { margin-right: 10px; } .home-page-boxes .home-box-item.third { margin-left: 10px; } .home-page-boxes .home-box-item ul { margin-left: 20px; } .home-page-boxes .home-box-item .title { background-color: #1C2A56; color: White; text-align: center; padding-bottom: 7px; } .home-page-boxes .home-box-item .title .large { font-size: 36px; } .home-page-boxes .home-box-item .title .small { font-size: 20px; } .home-page-boxes .home-box-item .content { font-size: 14px; padding: 10px; line-height: 20px; background-color: #FFFFFF; } .home-page-boxes ul.ticks { margin-left: 10px; } .home-page-boxes ul.ticks li { padding-left: 25px; line-height: 22px; list-style-type: none; background: transparent url(/templates/dre/image/tick.png) no-repeat top left; } .formula-ford-boxes { width: 840px; border: 0px solid red; } .formula-ford-boxes td { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } .formula-ford-boxes td { background-color: #E2E2E2; width: 205px; } .formula-ford-boxes td.gap { width: 10px; background-color: transparent; } .formula-ford-boxes .home-box-item { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } .formula-ford-boxes .home-box-item { background-color: #E2E2E2; width: 205px; display: inline; float: left; } .formula-ford-boxes .home-box-item.first { margin-right: 5px; } .formula-ford-boxes .home-box-item.second { margin-right: 5px; } .formula-ford-boxes .home-box-item.fourth { margin-left: 5px; } .formula-ford-boxes ul { margin-left: 20px; } .formula-ford-boxes .title { background-color: #1C2A56; color: White; text-align: center; padding-bottom: 7px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topleft: 10px; -webkit-border-radius-topright: 10px; -khtml-border-radius-topleft: 10px; -khtml-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .formula-ford-boxes .title .large { font-size: 36px; font-weight: bold; } .formula-ford-boxes .title .small { font-size: 20px; font-weight: bold; } .formula-ford-boxes .titleinverted { background-color: #FFFFFF; color: #1C2A56; text-align: center; padding-bottom: 7px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topleft: 10px; -webkit-border-radius-topright: 10px; -khtml-border-radius-topleft: 10px; -khtml-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .formula-ford-boxes .titleinverted .large { font-size: 36px; font-weight: bold; } .formula-ford-boxes .titleinverted .small { font-size: 20px; font-weight: bold; } .formula-ford-boxes .content { font-size: 14px; padding: 10px; line-height: 20px; background-color: #FFFFFF;} .formula-ford-boxes ul.ticks { margin-left: 10px; } .formula-ford-boxes ul.ticks li { padding-left: 25px; line-height: 22px; list-style-type: none; background: transparent url(/templates/dre/image/tick.png) no-repeat top left; } /* ======================================== */ /* Other Pages */ /* ======================================== */ .page-content { width: 590px; background-color: White; float: left; margin-left: 10px; margin-bottom: 10px; padding: 30px; } .page-content h1.page-title { width: 666px; height: 85px; background: transparent url(/templates/dre/image/title-bg.png) no-repeat; color: White; font-size: 36px; padding: 30px 0px 0px 80px; margin: 5px 0px 0px -80px; } .page-content h1.page-title-small { width: 400px; height: 63px; background: transparent url(/templates/dre/image/title-bg-small.png) no-repeat; color: White; font-size: 28px; padding: 16px 0px 0px 20px; margin: 0px 0px 0px 0px; } .page-content h2 { font-size: 30px; color: #181818; } .page-content h3 { color: #181818; } .page-content h4 { font-size: 14px; } .page-content ul, ol { margin-left: 30px; } .page-content ul li, ol li { line-height: 22px; } .page-content ul.ticks { margin-left: 10px; } .page-content ul.ticks li { padding-left: 25px; line-height: 22px; list-style-type: none; background: transparent url(/templates/dre/image/tick.png) no-repeat top left; } .page-content ul.ad-thumb-list { margin-left: 0px; } .page-content .book-now { width: 600px; margin-top: 15px; background: transparent url(/templates/dre/image/book-now-bg.png) no-repeat top left; } .page-content .book-now .book-now-table { width: 100%; } .page-content .book-now .book-now-table .price { font-size: 44px; font-weight: bold; line-height: 78px; color: #BC0000; padding-left: 24px; padding-top: 0px; } .page-content .testimonial p { background: transparent url(/templates/dre/image/testimonial-bg.png) repeat-x bottom left; border: 1px solid #808080; border-bottom: none; padding: 12px; } .page-content .testimonial h4 { background: transparent url(/templates/dre/image/testimonial-arrow.png) no-repeat top right; padding: 20px 20px 0px; text-align: right; } div.CalltoActionWrapper { margin: 20px 0px 20px 0px; } div.CalltoActionWrapper, div.RequestInfoWrapper { margin: 20px 0px 20px 0px; } /* ======================================== */ /* Promotion Containers */ /* ======================================== */ #PromoContainerWrapper { width: 220px; padding: 10px; background-color: #FFFFFF; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topleft: 5px; -webkit-border-radius-topright: 5px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 10px; } #PromoContainerWrapper #divHeading, #PromoContentLeft #divHeading { border-bottom: 0px solid #EA1D25; padding: 0px; padding-top: 2px; padding-bottom: 2px; margin: 0px; } #PromoContainerWrapper #divHeading h1, #PromoContainerWrapper #divHeading h2, #PromoContentLeft #divHeading h1, #PromoContentLeft #divHeading h2 { font-size: 18px; font-weight: normal; padding: 0px; margin: 0px; text-transform: uppercase; } #PromoContainerWrapper #PromoContainerContent { padding: 0px; margin: 0px; } #PromoContainerWrapper #PromoContainerContent h1, #PromoContainerWrapper #PromoContainerContent h2, #PromoContainerWrapper #PromoContainerContent h2 a { font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 2px; margin: 0px; } #PromoContainerWrapper #PromoContainerContent ul { margin-top: 5px; margin-bottom: 5px; margin-left: 0px; list-style-type: square; } #PromoContainerWrapper #PromoContainerContent ul li { margin-top: 4px; margin-bottom: 4px; } #PromoContainerWrapper #PromoContainerContent ul li a { font-weight: normal; } #PromoContainerWrapper #PromoContainerContent ol { margin-top: 5px; margin-bottom: 5px; } /* ======================================== */ /* Newsletter Subscribe Form */ /* ======================================== */ .newsletter-form { padding: 0px; margin-bottom: 10px; color: Black; border-width: 0px; background: #E2E2E2; } .col_right .ArticleModule .newsletter-form a h3, .newsletter-form h3, .newsletter-form a h3 { background-color: #343434; color: #FFFFFF !important; text-align: center; margin: 0px; padding: 9px 10px; font-size: 20px; } .newsletter-form div.form { padding: 0px; } .newsletter-form input[type=text] { border: 1px solid #696969; } .newsletter-form .captchaimg img { margin-bottom: 5px; } .newsletter-form .cat_textbox_small { width: 150px; margin-bottom: 5px; } #CaptchaV2 { width: 150px !important; } .cat_textbox_small { width: 100px; } .newsletter-form div.item label { font-size: 12px; padding-right: 6px; } .newsletter-form .cat_button { background-image: url(/templates/dre/image/btn-subscribe.jpg); background-position: top left; background-repeat: no-repeat; width: 122px; height: 38px; border: none; cursor: pointer; float: right; } .newsletter-form input[type=submit] { margin-right: 0px; } /* ======================================== */ /* Button Styles */ /* ======================================== */ a.btn-red, .btn-cell a { background: transparent url(/templates/dre/image/btn-green-bg.png) repeat-x top left; border: 1px solid #BFBFBF; color: White; text-decoration: none; font-size: 14px; padding: 8px 12px 8px 12px; margin: 30px 0px; } a.btn-grey { background: transparent url(/templates/dre/image/btn-blue-bg.png) repeat-x top left; border: 1px solid #BFBFBF; color: White; text-decoration: none; font-size: 14px; padding: 8px 12px 8px 12px; margin: 30px 0px; } input[type=submit], input[type=button] { background: transparent url(/templates/dre/image/btn-blue-bg.png) repeat-x top left; border: 1px solid #BFBFBF; color: White; text-decoration: none; font-size: 14px; padding: 8px 12px 8px 12px; } @-moz-document url-prefix() { input[type=submit], input[type=button] { padding: 6px 10px; } } /* firefox only */ /* ======================================== */ /* System Messages */ /* ======================================== */ .error, .Error, .Alert { color: red; font-weight: bold; } .system-message, .system-error-message { background-color: transparent; border: none; color: #666; margin: 0px; min-height: 110px; height: auto !important; padding: 0px; } .shop-receipt, .shop-quote-receipt { background: none; border: none; margin: 0px; padding: 0px; } .tabledefault { border-spacing: 0px; } #main_menu li.new_menu { height: 46px; line-height: 46px; font-size: 26px; font-weight: bold; list-style-type: none; color: White; display: inline; float: left; padding-left: 15px; padding-right: 15px; font-style: italic; } #main_menu li.new_menu:hover { background-image: url(/templates/dre/image/menu-item-selected.png); } #main_menu li.new_menu a { color: White; } #main_menu li.MBMenuItem { height: 46px; font-weight: bold; list-style-type: none; color: White; display: inline; float: left; padding-left: 15px; padding-right: 15px; } #main_menu li.MBMenuItem:hover { background-image: url(/templates/dre/image/menu-item-selected.png); } #main_menu li.MBMenuItem a { color: White; } #main_menu li.MBMenuItem a div.line_1 { line-height: 28px; font-size: 26px; font-style: italic; } #main_menu li.MBMenuItem a div.line_2 { line-height: 10px; font-size: 14px; } /*---- MBMENU NAVIGATION ----*/ div#MBMenuOuterHolder { background-color:transparent; border: 0px solid red; } div#MBMenuInnerHolder { display: none; } ul.MBMainMenu { margin: 0px; padding: 0px; background-color: transparent; } ul.MBMainMenu li { fontFamily: 'Commando'; } .MBMenuItem a, .MBMenuItem a:link, .MBMenuItem a:visited, .MBMenuItem a:hover, .MBMenuItem a:active { fontFamily: 'Commando'; line-height: 28px; font-size: 26px; font-style: italic; } .MBMenuItem .selected { fontFamily: 'Commando'; } ul.MBMainMenu {padding:0px;} ul.MBMainMenu li {display:block; float:left; padding:0px;} ul.MBMainMenu li a, ul.MBMainMenu li a:link, ul.MBMainMenu li a:visited { fontFamily: 'Commando'; } ul.MBMainMenu li a:hover, ul.MBMainMenu li.active a { fontFamily: 'Commando'; } ul.MBMainMenu li.active a span { fontFamily: 'Commando'; display:block; } .menuShadow { padding:2px; padding-bottom:0px; left:-2; top:1px; } .menuContainer { background-color:#999999; } .menuContainer .line { background-color:transparent; width:100%; } .menuContainer .line.title { text-align:right; } .menuContainer .line.title a { color:dimgray; font-size:13px; } .menuContainer a { text-decoration:none; color: #FFFFFF !important; } .menuContainer .voice { width: 150px; border-top: 1px solid #990101; color: #FFFFFF !important; font-size: 16px; font-weight: bold; text-align:left; padding: 10px; background-color:transparent; text-transform: uppercase; } ul.menu li.MBMenuItem a, ul.menu li.MBMenuItem a:link, ul.menu li.MBMenuItem a:visited, ul.menu li.MBMenuItem a:hover, ul.menu li.MBMenuItem a:active { padding: 0px !important; margin: 0px !important; color: #FFFFFF !important; } .menuContainer .separator { background-color:#990101; height:1px; } .menuContainer .img { border-top:1px solid #990101; text-align:center; font-size:11px; color: #c3c3c3; width:0px; padding: 0px; margin: 0px; background-color:transparent; } .menuContainer .img img { width:0px; padding: 0px; margin: 0px; background-color:transparent; } .menuContainer .textBox { font-size:10px; background-color:transparent; color: #c3c3c3; } .menuContainer .selected { background-color: #000000; } .menuContainer .selected a { color:#FFFFFF !important; } .menuContainer .disabled , .menuContainer .disabled td a { color: #FFFFFF !important; } .menuContainer .subMenuOpener { background-image:url('/images/icons/menus/menu_arrow_white_right.gif'); background-repeat:no-repeat; background-position: right 50%; } .menuContainer .selected .subMenuOpener { background-image:url('/images/icons/menus/menu_arrow_white_right.gif'); background-repeat:no-repeat; background-position: right 50%; } /*---- MBMENU NAVIGATION ----*/ /* SLIDE SHOW */ td.SlideShowNormalSize { TEXT-ALIGN: right; VERTICAL-ALIGN: middle; BORDER: 1px solid #CCCCCC; PADDING: 3px; } td.SlideShowThumbnailImage { TEXT-ALIGN: left; } td.SlideShowThumbnailSize { BORDER: 0px solid #CCCCCC; PADDING: 5px; } img.SlideShowImage { MARGIN-BOTTOM: 4px; } table.SlideShowNavigation { width: 99%; } table.SlideShowNavigation tr td.NavigationLinksTablePrevious, table.SlideShowNavigation tr td.NavigationLinksTableNext { width: 50%; } table.SlideShowNavigation tr td.NavigationLinksTablePrevious a:link, table.SlideShowNavigation tr td.NavigationLinksTablePrevious a:visited, table.SlideShowNavigation tr td.NavigationLinksTablePrevious a:hover, table.SlideShowNavigation tr td.NavigationLinksTablePrevious a:active, table.SlideShowNavigation tr td.NavigationLinksTableNext a:link, table.SlideShowNavigation tr td.NavigationLinksTableNext a:visited, table.SlideShowNavigation tr td.NavigationLinksTableNext a:hover, table.SlideShowNavigation tr td.NavigationLinksTableNext a:active { text-transform: uppercase; font-weight: bold; } /* SLIDE SHOW */ /* HIGH SLIDE */ .highslide {cursor: url(/js/highslide/graphics/zoomin.cur), pointer; outline: none;} .highslide img {border: 0px solid #CCCCCC;} .highslide:hover img {border: 0px solid silver;} .highslide-image {border-bottom: 2px solid white;padding: 5px 5px 0px 5px;} .highslide-image-blur {} .highslide-caption {display: none;border-bottom: 1px solid white; font-family: 'Droid Sans',Arial,Verdana, Helvetica; font-size: 13px; padding: 5px; background-color: silver;} .highslide-loading {display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white;background-color: black;} a.highslide-credits, a.highslide-credits i {padding: 2px; color: silver; text-decoration: none; font-size: 10px;} a.highslide-credits:hover, a.highslide-credits:hover i {color: white; background-color: gray;} .highslide-move {cursor: move;} .highslide-overlay {display: none;} /* Controlbar example */ .controlbar { margin-left: 60px; background: url(/js/highslide/graphics/controlbar2.gif); width: 210px; height: 32px; } .controlbar a { display: block; float: left; margin: 0 0 0 5px; height: 30px; width: 42px; } /* Necessary for functionality */ .highslide-display-block { display: block; } .highslide-display-none { display: none; } /* HIGH SLIDE */ /* Slideshow HOME PAGE */ div.tmpSlide { position: absolute; top: 0; left: 0; display:none; } div#tmpSlideshow { width: 650px; background-color: transparent; border: 0px solid #ccc; position: relative; float: left; padding: 0px; height: 260px; margin: 0px 0px 20px 0px; } * html div#tmpSlideshow { width: 650px; height: 260px; overflow: hidden; } div#tmpSlideshow .slideContent { border: 0px solid red; width: 290px; float: left; padding: 0px; margin: 35px 15px 0px 15px; text-align: left; } div#tmpSlideshow .slideContent { width: 320px; } div#tmpSlideshow .slideContent p { font-size: 14px; line-height: 19px; color: #3c4442; } div#tmpSlideshow .slideContent h1 { font-size: 36px; line-height: 40px; } div#tmpSlideshow .slideImg { border: 0px solid blue; float: right; height: 260px; width: 650px; text-align: right; overflow: hidden; padding: 0px; margin: 0px; } div#tmpSlideshowControls { border: 0px; position: absolute; width: 200px; left: 20px; top: 235px; margin-right: 1px; } div#tmpSlideshowControls h5 { font-size: 12px; padding: 0px; color: #333333; float: left; margin: 0 15px 0 0; } div.tmpSlideshowControl { float: left; width: 10px; height: 10px; color: #333333; cursor: pointer; background-color: #FFF; background-repeat: no-repeat; margin: 0 15px 0 0; font-size: 1px; padding: 0px; } div.tmpSlideshowControl span { line-height: 36px; vertical-align: middle; display: block; height: 10px; width: 10px; } div.tmpSlideshowControlOn { background-color: #910101; display: block; height: 10px; width: 10px; font-size: 1px; padding: 0px; } div.tmpSlideshowControlActive { border: 1px solid rgb(161, 155, 137); background-color: #910101; display: block; height: 10px; width: 10px; } #distinctionSlideshow { clear: both; padding: 0 0 0 0px; } /* Slideshow HOME PAGE */ /* Countdown */ div.CountDownHolder { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: #AF0000; color: #FFFFFF !important; text-align: center; padding-top: 5px; } div.CountDownHolder h2 { font-size: 24px !important; } div#topGearCountDown { font-family: 'Droid Sans',Arial,Verdana, Helvetica !important; } /* Countdown */ /*----DATA LIST TABLES----*/ table.DataListTable, table.ShopTableSummary { width: 99%; border-bottom: 4px solid #58595B; border-top: 1px solid #CACACA; border-right: 1px solid #CACACA; border-left: 1px solid #CACACA; margin-bottom: 10px; } table.DataListTable thead th, table.ShopTableSummary thead th { padding: 10px; font-weight: bold; border-bottom: 1px solid #CACACA; border-right: none; border-left: none; } table.ShopTableSummary thead th.ShopTableSummaryHeadLeft, table.ShopTableSummary thead th.ShopTableSummaryHeadCenter, table.ShopTableSummary thead th.ShopTableSummaryHeadRight { text-align: left; } table.DataListTable tr td, table.DataListTable tr td.DataListTableCopy, table.ShopTableSummary tr td, table.ShopTableSummary tr td.ShopTableSummaryCopy { FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; PADDING: 4px; TEXT-ALIGN: left; } table.DataListTable tr td, table.DataListTable tr td.DataListTableCopy.Bold { FONT-WEIGHT: bold; } table.DataListTable tr td.DataListTableCopyAlt, table.ShopTableSummary tr td.ShopTableSummaryCopyLeft { FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; PADDING: 4px; TEXT-ALIGN: left; } table.DataListTable tr td, table.DataListTable tr td.DataListTableRight, table.ShopTableSummary tr td.ShopTableSummaryRight { FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: right; PADDING: 4px; } table.DataListTable tr td, table.DataListTable tr td.DataListTableRightAlt { FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: right; PADDING: 4px; } table.DataListTable tr td.DataListTableCentre, table.ShopTableSummary tr td.ShopTableSummaryCentre { FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: center; PADDING: 4px; } table.DataListTable tr td.DataListTableCentreAlt { FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: center; PADDING: 4px; } table.DataListTable tr td.TotalOrders { border-top: 1px solid #CACACA; TEXT-ALIGN: right; } table.DataDetailsTable tr td, table.DataDetailsTable tr td.DataListTableCopy { padding: 10px; font-weight: bold; text-align: center; } /*----DATA LIST TABLES----*/ /*----SHOP SYSTEM - STANDARD ----*/ h2.ProductName { color: #E31E26; FONT-WEIGHT: bold; font-size: 28px; text-transform: uppercase; } table.ShopTableDetails tr td.ShopTableRight h4 { color: #E31E26; FONT-WEIGHT: bold; font-size: 20px; text-transform: uppercase; } h2.Grey, h2.Grey a, h2.Grey a:visted { color: #59595B; } table.ShopTable tr td.ShopTableRight h2.ProductName { color: #58595B; FONT-WEIGHT: bold; font-size: 16px; } span.LoginNote, span.LoginNote a { font-weight: bold !important; } h4.Shop, h4.Shop span { color: #58595B; FONT-WEIGHT: bold; font-size: 14px; } h5.Shop { color: #58595B; FONT-WEIGHT: bold; font-size: 12px; } h4.ShopPrice, h4.ShopPrice span { FONT-WEIGHT: bold; font-size: 17px; color: red; } h5.ShopPrice, h5.ShopPrice span { FONT-WEIGHT: bold; font-size: 16px; color: #E31E26; } h4.ShopPrice small, h5.ShopPrice small { display: none; visibility: hidden; } h5 span.strike { text-decoration: line-through; FONT-WEIGHT: normal; } table.ShopTable { MARGIN-TOP: 8px; MARGIN-BOTTOM: 8px; border-right: 1px solid #ACACAC; border-bottom: 1px solid #ACACAC; width: 820px; background-color: transparent; } table.ShopTableDetails { MARGIN-TOP: 8px; MARGIN-BOTTOM: 8px; border: 0px solid #ACACAC; width: 99%; background-color: transparent; } table.ShopTable thead.ShopTableTitle { } table.ShopTable thead th.ShopTableTitle { height: 30px; background-color: #58595B; color: #FFFFFF; font-weight: bold; text-align: center; vertical-align: middle; font-size: 14px; } table.ShopTable tr td.ShopTableTitle { height: 30px; background-color: #58595B; color: #FFFFFF; font-weight: bold; text-align: right; vertical-align: middle; font-size: 14px; } table.ShopTable tr td.ShopTableTitle.Quantity { width: 80px; text-align: center; } table.ShopTable tr td.ShopTableTitle.Product { } table.ShopTable tr td.ShopTableTitle.Size { width: 50px; text-align: center; } table.ShopTable tr td.ShopTableTitle.Colour { width: 50px; text-align: center; } table.ShopTable tr td.ShopTableTitle.UnitPrice { width: 50px; text-align: center; } table.ShopTable tr td.ShopTableTitle.TotalPrice { width: 50px; text-align: center; } table.ShopTable thead th.ShopTableTitleLeft { height: 30px; background-color: #E1E1E1; color: #58595B; font-weight: bold; text-align: left; vertical-align: middle; } table.ShopTable thead th.ShopTableTitleRight { height: 30px; background-color: #E1E1E1; color: #58595B; font-weight: bold; text-align: right; vertical-align: middle; } table.ShopTable tr td { PADDING: 2px; } table.ShopTable tr td.ShopTableTop, table.ShopTable tr td.ShopTableBottom { vertical-align: middle; border-left: 1px solid #ACACAC; border-top: 1px solid #ACACAC; padding: 5px; } table.ShopTable tr td.ShopTableDetailedDescription { } table.ShopTable tr td.ShopTableTotalPrice { height: 40px; text-align: right; vertical-align: middle; color: #999999; background-color: transparent; font-size: 16px; padding: 5px; border-left: 1px solid #ACACAC; border-top: 1px solid #ACACAC; } table.ShopTable tr td.ShopTableTotalPrice span { font-size: 16px; } table.ShopTable tr td.DeliveryTotal { text-align: right; } table.ShopTable tr td.ShopTableTotalPrice h4, table.ShopTable tr td.DeliveryTotal h4, table.ShopTable tr td.ShopTablePromotion h4 { color: #999999; font-size: 16px; } table.ShopTable tr td.ShopTableUpdate { height: 40px; text-align: center; border-left: 1px solid #ACACAC; border-top: 1px solid #ACACAC; padding: 5px; } table.ShopTable tr td input.Button { text-transform: uppercase; } table.ShopTable tr td.ShopTableLeft { text-align: center; width: 150px; } table.ShopTable tr td input.QuantityBox { width: 20px; height: 20px; border: 1px solid #999999; text-align: center; } table.ShopTable tr td div.ProductImage { width: 120px; float: left; } table.ShopTable tr td div.ProductText { width: 120px; float: right; } div.ProductText span.BrandName { font-size: 14px; font-weight: bold; } div.ProductText span.ProductName { font-size: 14px !important; } div.ProductText span.ExternalProductCode { font-size: 11px !important; color: #CCCCCC; display: none; } div.ShopImageHolder { min-height: 100px; border: 0px solid red; } div.ShopVideoHolder { padding-top: 10px; } table.ShopTableDetails tr td { padding: 5px; } table.ShopTableDetails tr td.ShopTableLeft { padding: 5px; display: none; } table.ShopTableDetails tr td ol, table.ShopTableDetails tr td ul { list-style: none; margin: 5px 0; } table.ShopTableDetails tr td.ShopTableLeft small { font-size: 11px; } table.ShopTableDetails tr td.ShopTableLeft p, table.ShopTableDetails tr td.ShopTableLeft form { padding: 4px; } table.ShopTableDetails tr td.ShopTableRight { width: 240px; } table.ShopTableDetails tr td.ShopTableRight h4 { color: #E31E26; FONT-WEIGHT: bold; font-size: 13px; padding-top: 40px; } table.ShopTableDetails tr td.ShopTableRight select { border: 1px solid #CCCCCC; } table.ShopTableDetails tr td.ShopTableMiddle { padding-top: 40px; } table.ShopButtons { width: 820px; } table.ShopButtons tr td.ShopFunctions { text-align: left; width: 765px; } table.ShopButtons tr td.ShopCheckout { text-align: right; width: 125px; } table.ShopButtons tr td.ShopCheckout input#btnCheckout { width: 125px; padding: 5px 5px 5px 5px; color: #FFFFFF !important; text-transform: uppercase; } input#btnContinueShopping.Button, input#btnEmptyCart.Button { background: #939498 url() center right no-repeat; color: #FFFFFF !important; font-weight: bold; padding: 5px 5px 5px 5px; margin-bottom: 5px; text-transform: uppercase; width: 170px; } input.Button.SaleCompleted { width: 300px; } input.Button.ConfirmOrder { width: 175px; } table.ShopTable tr td.ShopTableDelivery { border-left: 1px solid #ACACAC; border-top: 1px solid #ACACAC; } div.DeliveryDetails { float: left; width: 510px; color: #333333; padding: 10px; } div.DeliveryDetails h2, div.DeliveryDetails h3 { color: #333333; font-size: 16px; } div.DeliveryDetails p, div.DeliveryDetails ul { color: #333333; } div.DeliveryFunctions { float: right; width: 310px; color: #999999; padding: 10px; } table.DeliveryFunctions tr td input#DeliveryPostcode { border: 1px solid #999999; text-align: center; width: 80px; } table.DeliveryFunctions tr td a.btn, table.ShopTable.Promotion tr td a.btn { background: transparent url(/images/icons/shop/shop_green_button_bgrd.png) top left repeat-x; color: #FFFFFF !important; font-weight: bold; padding: 5px 5px 5px 5px; text-transform: uppercase; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } table.ShopTable.Promotion { border: 1px solid #999999; } table.ShopTable.Promotion tr td input#idPromotionCode { border: 1px solid #999999; text-align: center; width: 150px; } table.ShopTable.Promotion tr td.ShopTablePromotion { padding: 5px; } table.ShopTable.Promotion tr td.ShopTablePromotion h3 { color: #58595B; FONT-WEIGHT: bold; font-size: 16px; } table.ShopTable.Promotion tr td.DeliveryFunction { padding: 5px; padding-top: 10px; } table.ShopTable.Promotion tr td.PromotionButton { padding: 5px; padding-top: 15px; } table.ProductOptions { width: 99%; } table.ProductOptions tr td.ProductOptionLabel { width: 50px !important; } table.ProductOptions tr td.ProductOptionValue { width: 100px !important; } table.ProductOptions tr td.ProductOptionValue input, table.ProductOptions tr td.ProductOptionValue select { width: 98% !important; } table.ShopTable tr td form { width: 99%; } table.ShopTable form input.Button { width: 98% !important; } table.ShopTable form input.Button.AddToCart, table.ShopTableDetails form input.Button.AddToCart { border: 0 solid; font-weight: bold !important; width: 175px !important; background: transparent url(/images/icons/shop/shop_green_button_bgrd.png) top left repeat-x !important; padding: 5px 5px 5px 5px; margin: 0px; margin-bottom: 5px; text-transform: uppercase; color: #FFFFFF; } table.ShopTable form input.Button.AddToWishList, table.ShopTableDetails form input.Button.AddToWishList { border: 0 solid; font-weight: bold !important; width: 175px !important; background: transparent url(/images/icons/shop/shop_green_button_bgrd.png) top left repeat-x !important; padding: 5px 5px 5px 5px; margin: 0px; margin-bottom: 5px; text-transform: uppercase; color: #FFFFFF; } table.ConfirmTable { } table.ConfirmTable tr td.Buttons { width: 150px; } /* Images Summary Table */ div.ListGridViewHolder { float: left; width: 100%; height: 20px; border: 0px solid red; clear: both; overflow: hidden; display: block; } div.ListGridViewHolder div.ListView { float: right; display: inline; height: 20px; font-size: 11px; background: transparent url(/images/icons/icon_list_view.gif) center left no-repeat !important; width: 60px; padding-left: 20px; } div.ListGridViewHolder div.GridView { float: right; display: inline; height: 20px; font-size: 11px; background: transparent url(/images/icons/icon_grid_view.gif) center left no-repeat !important; width: 60px; padding-left: 20px; } div.ListGridViewHolder div.GridView a.Selected, div.ListGridViewHolder div.ListView a.Selected { font-weight: bold !important; } div.ResultsSummaryHolder, div.LinksHolder, div.SearchFormHolder { float: left; display: block; margin-bottom: 10px; } div.ShopSummaryHolder { float: left; width: 100%; padding: 0px; margin-bottom: 0px 0px 0px 0px; } table.ShopSummaryTableHolder { border: 0px solid red; width: 590px; border-spacing:0px 10px; } table.ShopSummaryTableHolder tr td.ShopSummaryTableItemHolder { border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topleft: 10px; -webkit-border-radius-topright: 10px; -khtml-border-radius-topleft: 10px; -khtml-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } table.ShopSummaryTableItem { border: 0px solid purple; } table.ShopSummaryTableItem tr td { BORDER: 0px; } table.ShopSummaryTableItem tr td.ShopSummaryImage { height: 180px; text-align: center; } .ShopSummaryTableHolder td { BORDER: 0px solid #CCCCCC; } table.ShopSummaryTableItem tr td.ShopSummaryText { color: #333333; line-height: 20px; } table.ShopSummaryTableItem tr td.ShopSummaryText2 { color: #333333; line-height: 20px; } table.ShopSummaryTableItem tr td.ShopSummaryText div.SelectorProperties, table.ShopSummaryTableItem tr td.ShopSummaryText div.SelectorProperties table tr td { color: #333333; } table.ShopSummaryTableItem tr td.ShopSummaryText a, table.ShopSummaryTableItem tr td.ShopSummaryText a:visited { color: #333333; } table.ShopSummaryTableItem tr td.ShopSummaryText div.SelectorProperties table tr td a.AddToCartButton { width: 195px !important; } table.ShopSummaryTableItem tr td.ShopSummaryText div.SelectorProperties table tr td a.ViewProductButton { width: 165px !important; } table.ShopSummaryTableItem tr td.ShopSummaryText span.BrandName { font-size: 14px; font-weight: bold; } table.ShopSummaryTableItem tr td.ShopSummaryText a.ProductName { font-size: 20px !important; text-transform: uppercase; } table.ShopSummaryTableItem tr td.ShopSummaryText span.ExternalProductCode { font-size: 11px !important; color: #CCCCCC; display: none; } select#idBrandsFilter { width: 150px; } table.ShopSummaryTableResults { background-color: #58595b; width: 590px; height: 20px; } table.ShopSummaryTableResults tr td, table.ShopSummaryTableResults tr td a { color: #FFFFFF; vertical-align: center; padding: 4px; font-weight:bold; } table.ShopSummaryTableResults tr td.ResultsSummary { padding-top: 8px; } table.ShopSummaryTableResults tr td.ResultsPerPage { color: #FFFFFF; vertical-align: center; padding: 4px; font-weight:bold; text-align: right; } table.ShopSummaryTableLinks { background-color: #a6a8ab; width: 590px; height: 30px; } table.ShopSummaryTableLinks tr td, table.ShopSummaryTableLinks tr td a { color: #FFFFFF; vertical-align: center; } table.ShopSummaryTableLinks tr td.LinkRow { text-align: right; padding-top: 5px; padding-right: 5px; } table.ShopSummaryTableLinks tr td.LinkRow span.SelectedPage { font-weight: bold; } table.ShopSummaryTableLinks tr td.Compare { width: 100px; text-align: center; background-color: #E31E26 !important; } table.ShopSummaryTableLinks tr td.Compare input.Button { width: 85px !important; height: 25px; background-color: #FFFFFF !important; color: #999999; background-image: url(); border: 1px solid #999999; text-align: center; vertical-align: center; padding: 4px; } input.ShopTeaserButton { background-repeat: no-repeat; background-position: 0px 0px; background-color: #CCCCCC; color: #333333; font-size: 10px; padding: 0px; width: 76px; height: 20px; border-width: 0px; cursor: pointer; } table.ShopSummaryTableItem tr td span.BrandName, span.BrandName { color: #656565; } div.SummaryAttributeSelector { width: 200px; overflow: hidden; color: #333333; padding-top: 10px; } div.SummaryAttributeSelector div.SelectorHeading { color: #FFFFFF; font-weight: bold; text-align: left; padding: 6px; background: #58595B url(/images/icons/shop/shop_down_arrow.gif) center right no-repeat; padding-right: 20px; margin-left: 2px; margin-bottom: 2px; text-transform: uppercase; display: none; } div.SummaryAttributeSelector div.SelectorProperties { display: none; padding: 0px; margin: 0px; } div.SummaryAttributeSelector div.SelectorProperties table { padding: 0px; margin: 0px; } div.SummaryAttributeSelector div.SelectorProperties select { border: 1px solid #CCCCCC !important; width: 130px !important; margin-bottom: 5px !important; } a.ViewProductButton, a.AddToCartButton, a.AddToWishList, a.ViewProductButton:visited, a.AddToCartButton:visited, a.AddToWishList:visited { float: left; border: 0 solid; background: #58595B url(/images/icons/shop/shop_right_arrow.gif) center right no-repeat; color: #FFFFFF !important; font-weight: bold; padding: 5px 30px 5px 5px; margin: 0px; width: 165px !important; margin-bottom: 5px; text-transform: uppercase; } a.ViewProductButton:hover, a.AddToCartButton:hover, a.AddToWishList:hover { float: left; border: 0 solid; background: #E31E26 url(/images/icons/shop/shop_right_arrow_over.gif) center right no-repeat; color: #FFFFFF !important; font-weight: bold; padding: 5px 30px 5px 5px; margin: 0px; width: 165px !important; margin-bottom: 5px; text-transform: uppercase; } a.AddToCartButton,a.AddToCartButton:hover { font-weight: bold !important; width: 195px !important; background: transparent url(/images/icons/shop/shop_green_button_bgrd.png) top left repeat-x !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #mod_shopbycategory, #mod_shopbybrand { width: 640px; background-color: transparent; } #mod_shopbycategory h2, #mod_shopbybrand h2 { color: #828284; } #mod_shopbycategoryfullwidth, #mod_shopbybrandfullwidth { width: 870px; background-color: transparent; } #mod_shopbycategoryfullwidth h4, #mod_shopbybrandfullwidth h4 { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #4D5357; } #mod_shopbycategoryfullwidth h6, #mod_shopbybrandfullwidth h6 { font-size: 11px; font-weight: normal; text-transform: uppercase; color: #4D5357; } .Blink { TEXT-DECORATION: blink; FONT-WEIGHT: bold; COLOR: red; } table tr td.ShopTableDetailsImages { BORDER: 1px solid #CCCCCC; PADDING: 8px; } table.ShopTableImageSwapper { BORDER-TOP: 0px solid #CCCCCC; } table tr td.ShopTableImageSwapperLabel { BORDER: 1px solid #CCCCCC; background-color: transparent; PADDING: 8px; } td.ShopSummaryText a.ProductName { font-size: 14px !important; font-weight: bold !important; } span.ShopSummaryPrice, span.ShopSummaryPrice.Special { font-weight: bold; color: red; font-size: 16px } td.ShopSummaryText span.ShopSummaryPrice, td.ShopSummaryText span.ShopSummaryPrice.Special { padding-left: 5px; padding-bottom: 10px; } span.ShopOldPrice { text-decoration: line-through; font-weight: normal; } .hidden-container { display: none; } div.ShopPromoButton { text-align: center; } small.EnlargeImage { display: none; } table.ShopUserAccount { width: 600px; } table.ShopUserAccount tr td.ShopUserAccountLeft h4, table.ShopUserAccount tr td.ShopUserAccountRight h4 { font-size: 16px; color: #58595B; font-weight: bold; } #TermsAndConditionsBox { overflow: auto; width: 99%; height: 150px; border: 1px solid #A80362; padding:5px; margin-top: 8px; margin-bottom: 8px; scrollbar-3d-light-color:#A80362; scrollbar-arrow-color:#A80362; scrollbar-base-color:#FFFFFF; scrollbar-dark-shadow-color:#A80362; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#A80362 } .CartViewButton, .CartViewButton:link, .CartViewButton:visited, a.CartViewButton:hover { border: 0 solid; background: #58595B url(/images/icons/shop/shop_right_arrow.gif) center right no-repeat; color: #FFFFFF !important; font-size: 12px; font-weight: bold; padding: 5px 95px 5px 5px; text-transform: uppercase; background: transparent url(/images/icons/shop/shop_green_button_bgrd.png) top left repeat-x !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } a.btn:hover { /*float: left; border: 0 solid; background: #E31E26 url(/images/icons/shop/shop_right_arrow_over.gif) center right no-repeat; color: #FFFFFF !important; font-weight: bold; padding: 5px 5px 5px 5px;*/ } /*-- SHOP CART PREVIEW --*/ table.ShopCartPreview, table.ShopWishList { margin-top: 5px; margin-bottom: 5px; width: 200px } table.ShopCartPreview tr td.ProductName, table.ShopWishList tr td.ProductName { padding: 4px; } table.ShopCartPreview tr td.ProductValue { padding: 4px; text-align: right; } table.ShopCartPreview tr td.ProductTotal, table.ShopWishList tr td.ProductTotal { padding: 4px; font-weight: bold; } table.ShopCartPreview tr td.ProductTotalValue, table.ShopWishList tr td.ProductTotalValue { padding: 4px; font-weight: bold !important; text-align: right; } table.ShopWishList tr td.ProductValue { width: 40px; padding: 4px; font-weight: bold !important; text-align: left; background: transparent url(/images/icons/shop/shop_tick.gif) center right no-repeat; } table.ShopWishList tr td.ProductValue a span { } table.ShopWishList tr td.Instructions { padding: 4px; background-color: #58595B; color: #FFFFFF; font-weight: bold; } table.ShopCartPreview tr td.CartButtons, table.ShopWishList tr td.CartButtons { padding: 8px 0px 8px 0px; } /* Shop Checkout:Delivery Step */ table.ShopSecureCheckout { float: left; padding-top: 10px; } div.DeliveryAddressHolder, div.BillingAddressHolder, div.PaymentHolder, div.ConfirmHolder { width: 490px; float: left; } div.ConfirmHolder div { margin-top: 10px; } div.DeliveryInformation, div.DeliveryInstructions { float: left; width: 470px; border: 1px solid #ACACAC; padding: 10px; background-color: #FFFFFF; color: #333333; } div.DeliveryInformation h2, div.DeliveryInstructions h2, div.BillingInformation h2, div.BillingInstructions h2, div.BillingInstructions h2, div.PaymentInformation h2, div.OrderInformation h2, div.OrderSummaryHolder h2 { text-transform: uppercase; color: #999999; } div.DeliveryInformation table, div.DeliveryInstructions table, div.BillingInformation table, div.BillingInstructions table, div.BillingInstructions p, div.PaymentInformation p, div.PaymentInformation table, div.PaymentInformation table tr td, div.OrderInformation p, div.OrderInformation table, div.OrderInformation table tr td, #TermsAndConditionsBox p, #TermsAndConditionsBox table, #TermsAndConditionsBox table tr td { color: #333333; } div.DeliveryInstructions { margin-top: 10px; } div.BillingInformation, div.BillingInstructions, div.OrderInformation { float: left; width: 470px; border: 1px solid #ACACAC; padding: 10px; background-color: #FFFFFF; color: #333333; } div.OrderInformation h3 { font-size: 14px; font-weight: bold; color: #999999; } div.BillingInstructions { margin-top: 10px; color: #333333; } div.PaymentInformation, div.CreditCardInformation, div.ChequeInformation, div.GiftVoucherInformation { float: left; width: 470px; border: 1px solid #ACACAC; padding: 10px; color: #333333; background-color: #FFFFFF; } div.CreditCardInformation, div.ChequeInformation, div.GiftVoucherInformation { margin-top: 10px; display: none; } div.CreditCardInformation table.FormTable { color: #333333; } div.CreditCardInformation table.FormTable tr td, div.CreditCardInformation table.FormTable tr td.FormTableCopyAltLeft { color: #333333; } div.OrderSummaryHolder { float: right; width: 275px; border: 1px solid #ACACAC; padding: 10px; background-color: #FFFFFF; color: #333333; } * html div.OrderSummaryHolder { width: 295px; } div.OrderSummaryHolder h2, div.DeliveryInformation h2, div.DeliveryInstructions h2, div.PaymentHolder h2, div.BillingInformation h2, div.OrderInformation h2, div.PaymentInformation h2 { color: #999999 !important; } div.OrderSummaryItem { color: #333333; } div.OrderSummaryHolder table { color: #333333; } table.OrderSummaryItem { border-bottom: 1px solid #ACACAC; color: #333333; } table.OrderSummaryItem tr td.ProductDetails { width: 170px; } table.OrderSummaryItem tr td.ProductDetails span.BrandName { font-weight: bold; } table.OrderSummaryItem tr td.ProductDetails span.ProductName { font-weight: normal; } table.OrderSummaryItem tr td.ProductDetails span.ExternalProductCode { font-size: 11px !important; color: #CCCCCC; } table.OrderSummaryItem tr td.ProductPrices { } table.OrderSummaryItem tr td.ProductPrices table tr td.ProductValue, table.OrderSummaryItem tr td.ProductPrices table tr td.ProductLabel { text-align: right; padding: 4px; } table.OrderSummaryItem tr td.ProductPrices table tr td.ProductLabel { white-space:nowrap; } table.OrderSummaryItem tr td.ProductPrices span.TotalPriceLabel, table.OrderSummaryItem tr td.ProductPrices span.TotalPrice { font-weight: bold; } div.OrderSummaryTotals table { width: 275px; } div.OrderSummaryTotals table tr td.ProductLabel { width: 195px; text-align: right; padding: 4px; } div.OrderSummaryTotals table tr td.ProductValue { text-align: right; padding: 4px; } div.OrderSummaryTotals table tr td span.OrderTotal { font-weight: bold; } div.DeliveryAddressHolder table.FormTable, div.BillingAddressHolder table.FormTable, div.PaymentHolder table.FormTable { background-color: #FFFFFF !important; width: 99%; } div.DeliveryAddressHolder input.Radio, div.BillingAddressHolder input.Radio, div.ConfirmHolder input.Checkbox { text-align: left; width: 10px !important; border: 0px solid #CCCCCC !important; } div.DeliveryAddressHolder select, div.DeliveryAddressHolder table tr td input, div.DeliveryAddressHolder table tr td select, div.DeliveryAddressHolder table tr td textarea, div.BillingAddressHolder table tr td input, div.BillingAddressHolder select, div.BillingAddressHolder table tr td select, div.BillingAddressHolder table tr td textarea, div.PaymentHolder table tr td input, div.PaymentHolder table tr td select, div.PaymentHolder table tr td textarea { border: 1px solid #ACACAC !important; } table.ShopButtonsTable { width: 100%; margin-top: 10px; float: left; border: 0px solid green !important; } table.ShopButtonsTable tr td.ShopPreviousButton, table.ShopButtonsTable tr td.ShopNextButton { width: 125px; } table.ShopButtons tr td input.Button, table.ShopButtonsTable tr td input.Button, table.ShopButtonsTable tr td input.ButtonLeft { color: #FFFFFF !important; font-weight: bold; padding: 5px 5px 5px 5px; background: transparent url(/images/icons/shop/shop_green_button_bgrd.png) top left repeat-x !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } div.DeliveryAddressHolder table tr td.FormTableCopyAltLeft, div.DeliveryAddressHolder table tr td.FormTableCopyAltRight, div.BillingAddressHolder table tr td.FormTableCopyAltLeft, div.BillingAddressHolder table tr td.FormTableCopyAltRight, div.PaymentInformation table tr td.FormTableCopyAltLeft, div.PaymentInformation table tr td.FormTableCopyAltRight { color: #000000 !important; } /* Shop Checkout:Delivery Step */ /*----SHOP SYSTEM - STANDARD ----*/ /*----SHOP SYSTEM - STREAMLINED ----*/ form.ShopCheckoutForm { float: left; } ul.ShopCheckoutList { list-style-type: none; width: 820px !important; height: 39px; background-color: #58595B; margin: 0px; padding: 0px 0px 0px 0px; float: left; } * html ul.ShopCheckoutList { width: 820px !important; margin-left: 0px; } ul.ShopCheckoutList li { float: left; display: inline; color: #FFFFFF; text-align: center; vertical-align: middle; width: 178px !important; height: 32px; font-size: 16px; font-weight: bold; padding-top: 7px; text-transform: uppercase; } * html ul.ShopCheckoutList li { height: 39px; float:left; } ul.ShopCheckoutList li a:link, ul.ShopCheckoutList li a:visited, ul.ShopCheckoutList li a:hover { color: #FFFFFF; text-transform: uppercase; font-size: 16px; } ul.ShopCheckoutList li.StepSelected { color: #FEF200; text-transform: uppercase; font-size: 16px; } ul.ShopCheckoutList li.StepSelected a:link, ul.ShopCheckoutList li.StepSelected a:visited, ul.ShopCheckoutList li.StepSelected a:hover { color: #FEF200; text-transform: uppercase; font-size: 16px; } ul.MainCategoryLinks { list-style-type: none; /* width: 590px; original horrible spacing */ width: 680px; height: 32px; background-color: #58595B; margin: 0px; padding: 0px; } ul.MainCategoryLinks li { float: left; display: inline; color: #FFFFFF; text-align: center; vertical-align: middle; width: 130px !important; height: 25px; font-size: 14px; font-weight: bold; padding-top: 3px; } ul.MainCategoryLinks li a, ul.MainCategoryLinks li a:link, ul.MainCategoryLinks li a:visited { color: #FFFFFF; } ul.MainCategoryLinks li a:active, ul.MainCategoryLinks li a:hover { color: #FEF200; } * html ul.MainCategoryLinks li { height: 39px; } ul.MainCategoryLinks li.SelectedCategory { color: #FEF200; } ul.MainCategoryLinksFullWidth { list-style-type: none; width: 895px; height: 32px; background-color: #58595B; margin: 0px; padding: 0px; } ul.MainCategoryLinksFullWidth li { float: left; display: inline; color: #FFFFFF; text-align: center; vertical-align: middle; width: 90px !important; height: 32px; font-size: 14px; font-weight: bold; padding-top: 9px; margin-left: 6px; } ul.MainCategoryLinksFullWidth li a, ul.MainCategoryLinksFullWidth li a:link, ul.MainCategoryLinksFullWidth li a:visited { color: #FFFFFF; } ul.MainCategoryLinksFullWidth li a:active, ul.MainCategoryLinksFullWidth li a:hover { color: #FEF200; } * html ul.MainCategoryLinksFullWidth li { height: 32px; } ul.MainCategoryLinksFullWidth li.SelectedCategory { color: #FEF200; } /*----SHOP SYSTEM - STREAMLINED ----*/