/********************************************************************/ /********************** AURORA TEMPLATE ************************/ /********************************************************************/ /* MAIN STRUCTURE */ #nav {display: none;} #numbers {display: none;} .stars {margin:0; padding: 0;} .stars li {display: inline;} /* PRODUCT IMAGES */ #productthumbs {margin:0; padding: 0;} #productthumbs li {display: inline; margin-left: 2px; } #productimages {text-align: center;} /* ACTIONS */ #actions {text-align: left;} /* ADDITIONALS FIELDS */ #additionalfields td, #additionalfields th {padding: 3px 10px 3px 0px;} /* PRICES */ #prices {margin: 0; padding: 0;} #prices dt {float: left; } /* PRODUCT DESCRIPTION */ #productdescription h1 {float: left; line-height: normal; margin: 0; padding: 0; c} #productdescription .stockflag_in, stockflag_out {float:left; clear: left; width: 160px;} #productdescription .subheading { margin: 0; padding: 0; clear: left; line-height: normal;} /* TABS */ #tabs {margin: 0; padding: 0; list-style-type:none; } #tabs li {display: inline;} #tabs li a {float: left; display: block;} /* RATING */ #rating {padding: 6px 0 0px 0; clear: left;} .ratingtitle {float: left; width:100px;} /* ATTRIBUTES */ #attributes {padding-bottom: 20px;padding-top: 3px; float: left; width: 160px; } #attributes label {float: left; font-weight: bold;} #attributes input {margin-left: 33px;vertical-align: top;} #attributes .popupinfo {margin-left: 10px;} /* PRODUCTSELLING */ #productselling {} #productselling ul {margin:0; padding: 0; list-style-type: none;} #productselling img {float: left;} #productselling .description {float:left;} #productselling .price {display: block;} #productselling ul li {float: left;} #productselling .stars li {clear: none;} #productselling li {position: relative; } /* REVIEWS */ #reviews ul {margin:0; padding: 0; list-style-type:none;} .thankshelpful, .thanksnothelpful { display: none; } /* FREE GIFTS */ #freegifts ul {margin: 0; padding: 0; list-style-type: none;} #freegifts { text-align: left; display: none;} #freegiftchosen {display: none;} /* PACKAGES */ #packages ul li.clear {width: 100%; height: 1px; line-height: 1px; display: block; padding: 0;} #packages ul {margin:0; padding: 0; list-style-type: none; float: left; } #packages ul li.noplus {background: none;} /********************************************************************/ /********************** BRAND SPECIFIC ************************/ /********************************************************************/ /* MAIN STRUCTURE */ #content {width:950px; padding: 0 0 0 30px;} #productimages { width: 257px; float: left; position: relative; margin-top: 20px;} #productimages img {border: 1px solid #bcbcbc;} #productdescription {width:388px; float: left; padding-left: 27px;margin-top: 20px;border-right:1px solid #E5E5E5; padding-right: 27px;} #productselling {width: 481px; float: left;} #productdescription h2, #productdescription h3 {padding: 0 0 10px 0; margin: 0;} /* ADD TO BASKET AREA */ .addtobasket { padding: 10px 0 0px 0;} .addtobasket .button { } .quantity { border: 0; margin-left: 10px; text-align: center; width: 25px;} .addtobasket .freegiftbutton {float: left;} /* PRODUCT IMAGES */ .enlarge {position: absolute;top:10px; left: 228px; } #productimages .enlarge img {border: 0; } /* DELIVERY */ #delivery {background:#2aa8e3;padding:10px; color: #fff; font-weight: bold; } #delivery a {color:#a9e4ff;} /* ADDITIONAL FIELDS */ #additionalfields { width: 388px; padding-top: 10px;} #additionalfields th { text-align: left; color: #061f2b; font-weight: bold; width: 100px;} #additionalfields th, #additionalfields td { border-bottom: 1px solid #d4eef9; } /* PRICES */ #prices dt, #prices dd {line-height: 20px;} #prices dt {width:85px;color:#061f2b; font-weight: bold;} #prices dd {color:#061f2b; font-weight: bold;} #prices .ourprice {font-size: 16px; color: #0098e8; } #prices .rrp {text-decoration: line-through;} /* REVIEWS */ #reviews {border-right:1px solid #1A1A1A;border-bottom:1px solid #1A1A1A;border-left:1px solid #1A1A1A; padding: 5px 10px 10px 10px;} #reviews .title {font-weight: bold; padding-right: 10px; color: #0098E8;} #reviews li {padding: 15px; background: #F0F0F0;width: 265px; float: left;margin:0 14px 15px 0px;} #reviews .stars li {border: none; padding: 0; background: none; width: auto; float: none; margin: 0;} #reviews .buttons {margin-top: 5px;} #reviews .buttons img { margin-right: 10px;} #reviews .author {color: #555;} #reviews .thankshelpful, #reviews .thanksnothelpful {color: #fff; padding: 5px; font-weight: bold; padding-left: 30px; } #reviews .thankshelpful {background: url(../_images/icons/thumbsup.gif) no-repeat #2AA8E3 3px;} #reviews .thanksnothelpful {background: url(../_images/icons/thumbsdown.gif) no-repeat #2AA8E3 3px;} #reviews .ratingtop {padding-bottom: 10px; margin-bottom:10px;border-bottom: 1px dotted #c1c1c1;} /* PRODUCT SELLING */ #productselling {text-align: left; float: left; width: 205px;} #productselling h2 {padding-bottom: 15px;} #productselling .description {margin-left: 8px; font-size: 14px; margin-top: 8px; width:117px;} #productselling .price {font-weight: bold; color: #2aa8e3; font-size: 11px;} #productselling a { font-size:11px; font-weight:bold;color: #061f2b; text-decoration: underline;} #productselling a:hover {text-decoration: underline;} #productselling li {margin-bottom: 10px; width: 205px; margin-right: 10px; border-bottom: 1px dotted #7f7f7f; padding-bottom: 6px; } #productselling li ul li {border-bottom: 0;} #productselling .quicklookbutton {left: 58px;top:0px;} /* TABS */ #tabs {margin-top: 15px; height: 23px; border-bottom: 1px solid #061f2b; } #tabs li a {background: url(../_images/backgrounds/tab_grad.gif) repeat-x scroll top left; color: #fff; padding: 0;height: 23px; border-right: 1px solid #fff; font-weight: bold;} #tabs li a:hover {text-decoration: none;} #tabs li img {vertical-align: middle;} #tabs li.ui-tabs-selected a {background: #061f2b; color: #fff;} #tabs img { /margin-top: -1px;} /* FREE GIFTS */ #freegifts li {width:80px; height: 120px; text-align: center; float: left; padding-right: 14px; margin-right: 14px; padding-top: 15px; } #freegifts li .price {color: #ffffff;} #freegifts li a:hover {text-decoration: none; color: #ffffff;} .freegiftbutton:hover { color: #fff; text-decoration: none;} .freegiftselected {margin-right: 10px; margin-bottom: -4px;} /* CUSTOMER QUESTIONS AND ANSWERS */ #customerqanda {border-right:1px solid #1A1A1A;border-bottom:1px solid #1A1A1A;border-left:1px solid #1A1A1A; padding: 5px 10px 10px 10px;} #customerqanda li {background: url(../_images/icons/question.gif) no-repeat 0 7px; padding-left: 20px; border-bottom: 1px dotted #CCCCCC;} #customerqanda li.selected {background: url(../_images/icons/questionselected.gif) no-repeat 0 7px;} #customerqanda li.selected a {color: #00213A;} #customerqanda li {padding-bottom: 5px;} /* COMPARE */ .table.compare {width: auto; border: none; width: 920px; clear: left; } .table.compare th {white-space: nowrap;text-align: left;} .table.compare td {border-right: 1px solid #ddd;} .comparename {color: #0098e8; text-decoration: underline; font-size: 15px; font-weight: bold; line-height: 19px;} .compareprice {font-size: 15px; color: #0098e8; font-weight: bold;line-height: 23px;} .table.compare .nobkg {background: #fff;} /* OUR OPINION */ #ouropinion {border-left:1px solid #1A1A1A;border-right:1px solid #1A1A1A; border-bottom:1px solid #1A1A1A;padding: 5px 10px 5px 10px;} /* PACKAGES */ #packages {border:1px solid #1A1A1A; padding: 5px 10px 5px 10px; margin-top: 15px;} #packages ul {border-right:1px solid #1a1a1a;} #packages ul li {width: 80px; text-align: center; float: left; background: url(../_images/icons/packageplus.gif) no-repeat right 30px; padding:0 15px 15px 0;} #packages a:hover {text-decoration: none;color: #fff;} #packages h3 { padding: 5px; color: #fff; background: #1a1a1a;} #packages .packagetotal {float: right; width:120px; height: 100px; text-align: center; color: #F6C100;} #packages .rrp {text-decoration: line-through; padding-bottom: 5px;} #packages .price { color: #fff; font-size: 20px;} #packages ul li .rrp {color: #fff; font-size: 11px; text-decoration: none;} #packages h4.totalheading {font-size: 14px; font-weight: normal; margin:0; padding: 0 0 10px 0; color: #fff;} #packages .addpackage {padding-top: 20px;} /* POPUPS */ #popupwishlist {width:408px;} #popupwishlist .buttons {margin:10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #ededed;} .wishlistprice { color: #000; font-size: 20px; padding-bottom: 20px;} .wishlisttitle { color: #d0007e; padding-bottom: 5px;} .wishlistthumb {float: left; padding-right: 15px;} #popupwritereview .form {width: auto; border: none;} #popupwritereview .infobubble, #popupwritereview .errorbubble {margin-left: 20px;} .reviewradios {width: 100%;color: #666666;border-bottom:1px solid #CCCCCC; padding-bottom: 10px;} .reviewradios td {text-align: center;} .reviewradios td.reviewradiostitle {text-align: left;} /* CAN ALSO BE FOUND IN */ .alsobefoundin {font-size: 15px; border-bottom: 1px solid #e5e5e5; line-height: 30px;margin: 0; } .alsobefoundin a { padding-right: 5px;} /* bespoke */ #compare {border-right:1px solid #1A1A1A;border-bottom:1px solid #1A1A1A;border-left:1px solid #1A1A1A; padding: 5px 10px;} #compare .table {margin-bottom:7px;} #prices {background: #d4eef9; padding: 10px; } #productdescription h1 {color: #0098e8;} .stockflag_in {color:#000;font-weight:bold;} .lensesflag {color: #fff; font-size: 11px; padding-left: 10px;} #delivery { width: 164px;} #delivery h2 {color:#fff;padding:0; margin:0;font-size: 11px; margin: 0; font-weight: bold;} #delivery p {margin: 0; padding-bottom: 10px;} .callus {float: right; padding-top: 20px;} #lensoptions {margin: 0; padding: 0;} #lensoptions li {background:transparent url(../_images/icons/tick.gif) no-repeat scroll left center;color:#666666;list-style-type:none;padding-left:13px; margin: 0;} #actions {list-style-type: none; margin: 0; padding: 20px 0 0 0;} #actions li {} #actions li a {font-weight: bold; background: url(../_images/icons/actionarrow.gif) 0px 3px no-repeat; padding-left: 10px;} #swatches {margin: 0; padding: 0; list-style-type: none;} #swatches li {float: left; padding-right: 3px;} #swatches .colourtitle {padding-right:15px;padding-top:3px; color: #666; font-weight: bold;} .framedimensions {float: left; padding-top: 10px; padding-left: 13px; background: url(../_images/icons/pink_arrow.gif) 0 14px no-repeat;} #productthumbs {padding-top: 10px; } #productthumbs li {margin-right: 2px; margin-top: 10px; margin-bottom: 5px; height: 79px;} #productthumbs img { margin-bottom: 5px;} .poductsellthumb {border-right: 1px solid #fff; } #productselling { padding: 10px 0 0 20px;} #productselling .stars li {width: auto; height: auto; background: none; margin: 0;} .ratingtop {padding: 10px;} .ratingtop h2 {padding: 0 0 10px 0; margin: 0;} #dimensions {width:480px;height:118px ; background: url(../_images/backgrounds/dimensions.gif) no-repeat; position: relative;} #dimensions div {position:absolute; font-size: 10px; color: #D0007E; text-align: center; width: 50px; background: #fff;} #dimensions .bridgewidth {left: 101px;} #dimensions .framedepth { left: 35px; top:46px;} #dimensions .lensdiameter { left: 167px; top:38px;} #dimensions .framewidth { left: 101px; top:83px;} #dimensions .armlength { left: 355px; top:83px;} .left {text-align: left;} #popupemailtofriend .form, #popupleaveamessage .form {width: auto;} #lensoptions {padding-top: 20px;} /* finder */ #finder {width:628px;} #findermeasurements {width:628px;height: 166px; background: url(../_images/backgrounds/finder.jpg) no-repeat; margin: 20px 0 20px 0; font-size: 10px; position: relative;} .finderbutton {float: right;} .finderinput {text-align: center;font-size: 10px;} .finderinput input {width:30px; text-align: center; border: 1px solid #d1d1d1;} #findermeasurements .bridgewidth, .lensdiameter, .armlength {position: absolute;} #findermeasurements .bridgewidth {left: 108px;top:5px;} #findermeasurements .lensdiameter {left: 174px;top:111px;} #findermeasurements .armlength {left: 437px;top:111px;} .finderinfo {background: #000; padding: 10px; color: #fff; float: right; margin-right: 15px; margin-top: 85px; width:270px;} #askaquestion { width: 160px; background: #000 url(../_images/template/askaquestion_bkg.gif) no-repeat scroll top left; color: #fff; margin-top: 10px; padding: 10px 20px 10px 20px;} #askaquestion a { color: #2aa8e3; text-decoration: none;} #askaquestion .number { margin-top: 8px; line-height:22px; font-size: 240%; font-weight: bold; color: #fff; float:left; padding-right: 5px;} #remind_stock {margin-bottom: 10px;} #remind_stock label {width: 100px;} #remind_stock .button {margin-left: 102px;} .remind_stock {margin-bottom: 10px;} .remind_stock label {width: 100px;} .remind_stock .button {margin-left: 102px;} .smallprices {width: 164px;height: 150px; margin-bottom: 10px!important;} #pricesanddelivery {float: right; margin-left: 10px;} /********** GYM PRODUCTS ONLY ********************/ #gymdetails {background: url(../_images/backgrounds/gymdetailsbkg.jpg) no-repeat top; width: 938px; margin-top: 20px;} #gymdescription h1 {float: left; line-height: normal; margin: 0; padding: 0; } #gymdescription .stockflag_in, stockflag_out {float:left; clear: left; width: 160px;} #gymdescription .subheading { margin: 0; padding: 0; clear: left; line-height: normal;} #gymdescription {width:408px; float: left; padding-left: 27px;margin-top: 20px;padding-right: 27px;} #gymdescription h2, #gymdescription h3 {padding: 0 0 10px 0; margin: 0;} .gymthumbs {width:182px; float: left; padding-top: 0!important; margin-left:10px !important;_margin-left:5px !important;} .gymthumbs li img {margin-bottom: 15px!important;} .gymimage {float: left;} .gymimagearea {width: 452px!important;} .gymenlarge {left:202px!important;} .gymprices {background: none!important;} .viewallbrand {float: right;} .gymheading {width: 294px;} .gymadditionals {background: #d4eef9; padding-top: 0!important; padding-left: 5px!important; width: 408px!important;} #gymattributes #attributes {width: 229px;} #gymattributes select {clear: left;} #gymattributes label {width:200px;} #gymattributes {background: url(../_images/backgrounds/attributebkg.gif) repeat-x top; padding-top: 15px;} .gymaddtobasket {float: right;} .gymprice {font-size: 23px; font-weight: bold; color: #2AA8E3;} .gymsave {font-weight: bold; color: red;} #gymprices {padding-top: 15px; height: 30px;} #gymactions {margin: 0; padding: 20px 0 0 0;} #gymactions li {display: inline; margin: 0; padding: 0;} #gymdelivery {float: left; clear:left; padding: 10px; border: 1px solid #D4EEF9; width: 387px; background: #fff;} #country {background: #D4EEF9; padding: 10px; margin-bottom: 15px; font-weight: bold; border: 1px solid #a2c9da;} .closecountrysnippet {float: right;}