/********************************************************************/ /********************** AURORA TEMPLATE ************************/ /********************************************************************/ /* AURORA OPTIONS */ #auroraoptions {color: #fff; font-weight: bold; background: url(/aurora/_backend/templates/_images/template/frontendstrip.gif) repeat-x ; display: block; height: 30px; position: fixed; width: 100%; z-index: 999; line-height: 30px; padding: 0 0 0 10px;} #auroraoptions .options {position: absolute; top:0; left: 250px; padding: 0; margin: 0;} #auroraoptions .options li {display: inline;} #auroraoptions .options a {background-color: #d86904; color: #fff; border: 1px solid #f3a221; padding: 4px;} #auroraoptions .options a:hover { text-decoration: none; background-color: #fff3dd; border: 1px solid #f28210; color: #D86904;} /* TEMPLATE */ /* NO JS WARNING */ #nojswarning {background: #cc0000; color: #fff; text-align: center; font-weight: bold; padding: 10px;} body {margin: 0; padding: 0;} a {outline: none; color: #046EAB;} a:hover { color: #157fBC; text-decoration: underline;} a img {border: 0;} .clear {clear: both;} #container {margin-left: auto; margin-right:auto; } .fl {float: left;} .fr {float:right;} /* NAV */ .hiddenfilter, .viewless {display: none;} #nav, #content {float: left;} /* FORMS */ fieldset {border: 0; margin: 0; padding: 0;} legend {display: none;} .form .textfield, form textarea {border: none; } .form label {float: left;} .form textarea {height: 150px;} .form.inline {width:425px; float: left; margin-right: 20px;} .errorbox, .correctbox {padding: 0 0 10px 0; margin-bottom: 10px;} .errorbox h2, .correctbox h2 { margin: 0; padding: 0 0 10px 0;} .errorbox ul, .correctbox ul { margin: 0; padding: 0; list-style-type: none;} .infobubble, .errorbubble {position:absolute; display: none; color: #fff;} .infobubble .error-msg { display: none; } /* JQUERY TABS */ .ui-tabs-hide {display: none;} /* TABLES */ .table {width: 100%;} /* POPUPS */ #backgroundPopup{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:100%;width:100%;top:0;left:0;z-index:1;} .popup {display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/z-index:2;} .popupClose {cursor: pointer; float: right;} /* QUICK LOOK */ .quicklookbutton {display: none; position: absolute; cursor: pointer; } /* CHECKOUT PROCESS */ #checkoutprocess {margin:0; padding: 0; float: right;} #checkoutprocess li {list-style-type: none; display: inline;} /* BREADCRUMB */ #breadcrumb {margin:0; padding: 0; } #breadcrumb li {display: inline;} /* SEARCH BAR */ /********************************************************************/ /********************** BRAND SPECIFIC ************************/ /********************************************************************/ /* TEMPLATE */ body { margin: 0px; padding: 0px; color: #404040; font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; background: url(../_images/backgrounds/page_bkg.jpg) repeat-x #000;} h1 {color: #000; font-size: 16px; font-weight: bold; padding-bottom: 10px; margin: 0px; font-family: Arial, Helvetica, sans-serif;} h2 {color: #000; font-size: 13px; font-weight: bold; padding-bottom: 10px; margin: 0px; font-family: Arial, Helvetica, sans-serif;} h3 {color: #000; font-size: 12px; font-weight: bold; padding-bottom: 10px; margin: 0px; font-family: Arial, Helvetica, sans-serif;} #nav { width: 212px; margin-left: 20px; margin-top: 6px; background: #000;margin-bottom: 20px; font-size: 12px; line-height: 16px;} #navbottom {width: 212px; height: 167px;margin-top: 116px; } #navtop {height: 61px; width: 212px; background: url(../_images/backgrounds/navtop.gif) no-repeat; padding-top: 15px;} #container {background:#FFFFFF;position:relative;width:900px;} #top {height: 133px; width: 900px;background: url(../_images/backgrounds/top.gif) no-repeat;} #topnav {margin-left:20px;width: 860px; height: 40px; background: url(../_images/backgrounds/topnav.gif) no-repeat; position: relative;} #topnavleft {position: absolute;} #topnavleft a { color: #fff; text-decoration: none;} #topnavleft li {display: inline; font-weight: bold; height: 40px; display: block; float: left; background: url(../_images/backgrounds/topnavdiv.gif) no-repeat right; padding-right: 10px; margin-right: 10px; line-height: 40px;} #topnavleft {margin-left: 20px;} #topnavleft .nobkg {background: none;} #topnavright {position: absolute; left:600px;background: url(../_images/backgrounds/topnavdiv.gif) no-repeat left; } #topnavright li {display: inline; } #topnavright a {color: #c2c1c2; float: left;padding-left: 10px; margin-left: 10px; line-height: 40px;text-decoration: none;} #topnavright .myaccount {color: #e08b0f; font-weight: bold;} .contactinfo {position: absolute; left:521px;top:40px;} p { font-family: Arial, Helvetica, sans-serif; line-height: 15px; padding-bottom: 10px;} ul {margin: 0px; padding: 0px;} li { margin: 0px; padding: 0px; list-style-type: none;} img { border: none;} /* SEARCH BAR */ #searchbar {border-top:1px solid #fff;background: url(../_images/backgrounds/searchbar.gif) no-repeat; width:860px; margin-left:20px;height: 31px; position: relative;} .searchlabel {position: absolute; left:280px;} #searchbar .textfield {border: none; background: url(../_images/backgrounds/search.gif) no-repeat; width: 213px; height: 19px; color: #313031; position: absolute; left:340px; top:5px; padding-left: 10px; padding-top: 3px;font-size: 11px;} #searchbar .button {position: absolute;left:560px; top:6px;} /* NAV */ #nav a {color: #fff; text-decoration: none;} #nav a:hover {color: #FE9B08;} #nav h2 {color: #fe9b08;border-bottom: 1px solid #8a573d;font-size:11px;margin-bottom:7px;margin-left:23px;width:175px; font-size: 13px;} #nav a.selected { color: #fff; font-weight: bold; background: url(../_images/icons/backarrow.gif) no-repeat left 4px; padding-left: 10px;} #nav ul {padding: 0px 0px 15px 25px; list-style-type: none; margin: 0;} #nav ul ul {margin:0px; padding: 0 0 0 9px; font-weight: normal;} #nav ul li { } #nav .categoryheading {color: #FE9B08; font-weight: bold; padding-left: 7px;} #nav .nav_container { padding: 15px 10px 15px 10px; border-bottom: 1px solid #fff;} #nav ul ul li { width: 150px;} #nav .light { background: #373d46;} #nav .dark { background: #1d2127;} .viewmore, .viewless { color: #b9ec07; line-height: 28px; font-weight: bold; padding-left:10px;} a.viewmore, a.viewless { color: #b9ec07;} .viewmore {background: url(../_images/icons/moreoptions.gif) no-repeat 1px;} .viewless {background: url(../_images/icons/lessoptions.gif) no-repeat 1px;} .bespokepricefilter {color: #fff; padding:0px 0 15px 24px; } .bespokepricefilter .textfield { border: 0; width:40px; margin: 1px 4px 0 4px; background: #fff; } .bespokepricefilter .button {margin-bottom: -4px;} /* FORMS */ .form { border:1px solid #D1D1D1;width:628px;background:#F6F5F5; padding: 10px;} .form label {color: #000} .form .longlabel { width: 350px; padding-right: 20px;} .form .textfield, .form textarea {background-color: #dddddd; width: 220px; padding: 2px; color: #000;} .form .small {width:110px;} .form textarea {font-family:Arial,Helvetica,sans-serif; font-size: 11px; overflow: auto;} .form label {width:200px;} .form .radiolabel {width: 400px;} .form .error label {color: #cc0000; background: url(../_images/icons/label_error.gif) no-repeat 178px; font-size: 14px; font-weight: bold; } .form .textfield:hover, .form textarea:hover {background:#ccc;} .form .button {color: #fff; background: #18b9f8; border: 0; font-weight: bold; padding: 3px; margin-left: 200px;} .form h2 { border-bottom: 1px solid #D1D1D1; padding:10px 0 10px 0; margin-bottom: 10px;} .form.inline h2 {padding: 0px 0px 10px 0px;} .form .buttonspacer { padding-left: 370px;} .form .questionmark { margin: 0 0 -4px 5px;} form select {height: 19px; font-size: 11px;} .form .required {color: #cf0909;font-size:17px;font-weight:bold;} .infobubble, .errorbubble {left: 435px; width: 173px; padding: 10px 10px 10px 20px;} .infobubble { background: url(../_images/backgrounds/infobubble.gif) no-repeat;} .error .infobubble { background: url(../_images/backgrounds/errorbubble.gif) no-repeat; color: #fff} .correctbox, .infobox {color: #fff;} .errorbox {background: #efefef url(../_images/icons/box_error.gif) no-repeat 10px 10px; color: #000; padding: 15px 15px 15px 44px;} .errorbox h1 {color: #fff; text-transform: uppercase; font-size: 15px;} .errorbox h2 {color: #000; text-transform: uppercase; font-size: 13px;} .correctbox {background: url(../_images/icons/box_tick.gif) no-repeat #18b9f8 10px 10px;padding: 10px 10px 10px 40px;} .correctbox h2 {color: #fff;} .infobox {background: url(../_images/icons/box_info.gif) no-repeat #cc0000 5px 10px; padding: 10px 10px 10px 40px; margin-bottom: 20px;} #content .infobox h2 {color: #fff; text-transform: uppercase; font-size: 13px;} .form .errorbox h2, .form .correctbox h2 {border: none; padding: 0 0 10px 0;color: #fff;} .sub_error {color:#cc0000;background: url(../_images/icons/label_error.gif) no-repeat; padding-left: 20px; margin-left: 200px; padding-bottom: 5px;} /* shows if no js */ /* TABLES */ .table {border: 1px solid #D1D1D1;background: #F6F5F5;margin-bottom:20px;/*width:648px;*/} .table td, .table th { border-bottom: 1px solid #1a1a1a; text-align: center; border-bottom: 1px solid #fff;padding:5px;} .table th {background: #046EAB; font-weight: bold;text-align:center;color: #fff; } .table th.error {background-color: #cc0000; color: #fff;} .table .altrow { background: #eee;} .table .left {text-align: left;} .table .qty input {width:30px; border:1px solid #d1d1d1;} .table .thumb {border:1px solid #D1D1D1;float:left;margin-right:20px;} .table .item {text-align: left;} /* MINI BASKET */ #mini_basket { display: none; background: #e5e5e5; width: 238px; position: absolute; left: 630px; color: #464646; top: 112px; padding: 10px 5px 0px 5px; z-index: 999;} #mini_basket p {margin-bottom: 0;} #mini_basket .thumb {float: left; padding-right: 10px;} #mini_basket dt {float: left; width: 60px;} #mini_basket a { color: #ff00ae;} .subtotal {text-align: right; padding-right: 5px;} .baskettotal {background: #22272d; color: #fff; padding: 2px 5px 2px 5px ; font-weight: bold; text-align: right;} .title {color: #464646; font-weight: bold;} #minibasketadded{ display: none;} #minibasketadded .closeminibasket { float: right;} .checkoutbutton {float: right;} .items {position: relative;left: 5px;} .minibasketcontainer {position: absolute; text-align: center; padding: 5px; top: 3px; left: 724px; background: #22272d;} .minibasket {background:#E5E5E5 url(../_images/backgrounds/minibasket.gif) no-repeat scroll 0 0; color:#323132; font-weight:bold; height:32px; left:630px; padding-left:10px; padding-right:6px; position:absolute; text-align:left; top:78px; width:232px; } .minibasket img {vertical-align: middle;} .minibasket_left { float:left; width: 70px;} .minibasket_right { float:right; width: 156px;} /* COMPARE */ .table.compare {width: auto; border: none; width: 920px; } .table.compare th {white-space: nowrap;text-align: left;} .table.compare td {border-right: 1px solid #ddd;} .comparename {color:#000000;font-size:13px;font-weight:bold;text-transform:uppercase;} .compareprice {color:#D0007E;font-size:14px;line-height:24px;} /* POPUPS */ #backgroundPopup {background:#000;} .popupcontent {background: #ffffff; padding: 12px;} .popup.noborder {background: none; border: none; width: none; text-align: center;} .popup {background:#ffffff;border: 12px solid #444; width: 600px;} .popup h3 {margin:0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #efefef; color: #444;} /* BREADCRUMB */ #breadcrumb {border-bottom:1px solid #1A1A1A; padding:10px; margin-bottom: 10px; } #breadcrumb a {background: url(../_images/icons/breadcrumb_arrow.gif) no-repeat right; margin-right: 7px; padding-right: 10px;} /* BESPOKE */ #logo { position: absolute; top: 0px; width: 171px; height: 82px;} .wishlistlink {margin-left:526px;position:absolute;top:86px;width:149px; font-weight: bold; } .wishlistlink a {color: #323132; text-decoration: none;} #freeshipping { position: absolute; top: 113px; width: 244px;} #search_div { position: absolute; top: 111px; margin-left: 446px; width: 335px; color: #a5a5a5;} #search_div .textfield { border: none; width: 155px; float:left; height: 13px; color: #a5a5a5; background: #000; font-size: 11px;} #search_div label { width: 110px; padding-top: 1px; float: left;} #currency { position: absolute; top: 113px; width: 135px; margin-left: 783px; color: #a5a5a5;} #currency ul { margin: 0; padding: 0;} #currency li { list-style-type: none; float: left; padding-left: 5px;} #currency a { color: #585858; text-decoration: none; font-weight: bold;} #currency a:hover { color: #b9ec07; text-decoration: none;} #currency .selected { color: #b9ec07; text-decoration: none;} #footer {background: #1a1a1a;color: #8d8d8d; padding: 20px; line-height: 17px;margin-top:17px;} #footer ul { float: left; width: 160px; margin-right: 30px;} #footer a {color: #8d8d8d; text-decoration: none;} #footer a:hover {color: #fff;} #footer .header {font-weight: bold; border-bottom: 1px solid #484848; margin-bottom: 4px; padding-bottom: 4px;} #footer .credit {float: right;} ul.bullets { margin:0; padding: 0px 0px 10px 0px;} ul.bullets li { list-style-type: none; padding-left: 10px; background: url(../_images/template/bullet.gif) no-repeat scroll top left; line-height:16px;} .hr { margin: 10px 0px 10px 0px; width: 100%; height: 2px; border-top: 1px solid #dedede; border-left: none; border-bottom: none; border-right: none; background: #fff; clear: left;} /* TABS */ .tabs ul {margin: 0; padding: 0; list-style-type:none; width: 375px;} .tabs ul li { float:left; height: 17px;} .tabs_box { width: 354px; background: #2c3139; color: #fff; padding: 10px 10px 10px 10px;} .tabs_bottom { width: 374px; height: 4px;} .tabs li a { text-decoration: none; height: 23px; width: 125px; display: block; text-align: center; color: #fff; line-height: 23px; background: #757575; border-right: 1px solid #fff;} .tabs li.ui-tabs-selected a { text-decoration: none; color: #ffffff; background: #323132;} .tabs li a:hover { text-decoration: none; color: #ffffff;} .tab_line { border-bottom: 1px solid #2c3139;} .question {font-weight: bold; background: url(../_images/icons/question.gif) no-repeat scroll center left; color: #f50b79; padding: 6px 0px 10px 25px; margin-bottom: 10px; } .answer {background: url(../_images/icons/a.gif) no-repeat left -4px ; padding-left: 30px; min-height: 30px;} /* POP UPS */ #popupquicklook {width: 530px;} /* QUICK LOOK POP UP */ #quicklookimages {width: 230px;text-align: center; float: left;} #quicklookdetails {float: right; width: 251px;} #quicklookdetails #tabs { border-bottom: 1px solid #2c3139; width: 250px;} #quicklookdetails #prices {text-align: left;} #quicklookinfo { padding-top: 20px;} #popupprices {margin: 0; padding: 0;} #popupprices dt {float: left; } #popupprices dt, #prices dd {line-height: 20px;} #popupprices dt {width:85px;} #popupprices dd {color: #d0007e;} #popupprices .ourprice {font-size: 20px; color: #d0007e; } #popupprices .rrp {text-decoration: line-through;} #popupattributes { margin-bottom: 20px;} #popupattributes label { display: none;} #popupattributes label, #attributes select {margin-top: 4px;} #popupattributes select {width:110px;} .popupaddtobasket {padding: 20px 0 0px 0;} .popupaddtobasket .button { margin-bottom: -14px;} .popupaddtobasket .quantity { margin-top: 7px; margin-right: 30px; margin-left: 5px; width: 20px;} .popupaddtobasket .popupquantity { float:left; width: 40px;} #quicklookimages #productthumbs { margin: 0px 0px 0px 0px; padding: 0; float:left; width: 70px;} #quicklookimages #productthumbs li { margin-bottom: 4px;} #quicklookimages #productthumbs img { border: 1px solid #dddddd;} #quicklookimages #productthumbs li { display: block; height: 75px; width: 63px;} #quicklookimages #productimages {text-align: center;} #quicklookimages #productimage { } /* ADDITIONAL FIELDS */ #additionalfields {background: #ededed; width:100%;} #quicklookinfo p {margin: 0; padding: 0;} .viewdetails {padding-top: 20px;} #additionalfields th {text-align: left;border-bottom: 1px solid #ddd; padding: 4px; margin-right: 5px;} #additionalfields td {border-bottom: 1px solid #ddd;} /* ATTRIBUTES */ #attributes {float: left;} #attributes label, #attributes select {float: left; margin-top: 7px;} #attributes select {width:110px;} #title { margin: 25px 0px 25px 0px;} /* NEW ERRORS */ .error_label { colour: #ff0000; font-weight: bold;} .error_select { border: 2px solid #ff0000;} .error_slide_bkg { z-index:998; position: absolute; margin:0; left:0; top: 0px; width: 100%; height: 63px; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; border-bottom: 2px solid #ccc; background: url(../_images/backgrounds/error_bkg.gif) repeat scroll;} .error_slide { z-index:999; top: 0px; text-align: center; margin-left: auto; margin-right: auto; width: 500px;} .error_slide .errorcontent { font-weight: bold; text-align: center; width: 500px; z-index:1000; padding: 10px 0px 20px 0px; position: absolute; top:0; font-size: 12px; color: #000;} .error_slide .errorcontent h2 { padding: 0px 0px 0px 30px; color: #000; font-size: 20px; margin:0;} .error_slide { display: none; } #popupinfo .scrollingcontent {height: 340px; overflow: auto; padding-right: 10px;} .popupcontent .form {width: auto;} #verisigntop {position: absolute; height: 82px;width: 115px; left: 390px;top:26px;}