/********************************************************************/ /********************** AURORA TEMPLATE ************************/ /********************************************************************/ /* VIEWS */ .views ul {margin: 3px 0px 0px 0px; padding: 0; list-style: none;} .views li {display: inline;} .sortby {float: right;} .layout { float: right; margin-top: 7px;} .searchwithin {float: left;} /* PAGING */ .paging {list-style: none; margin: 3px 0 0 0; padding: 0;} .paging li {display: inline; list-style-type: none;} .paging a { display: block; text-align: center;float: left; text-decoration: none; color: #fff;} .paging-info {position: relative;} .paging-info form {position:absolute;width:293px; top:-1px; left:210px;} /* PRODUCTS */ .oldprice {text-decoration: line-through;} .compare { _display: none; position: absolute;left:0px;} .compare.selected {display: none;} /* PRODUCT GRID */ #productgrid {margin: 20px 0px 0px 0px; _margin: 20px 0px 0px -20px; padding: 0; list-style-type: none; } #productgrid li { list-style-type: none;position: relative; float: left;} /* PRODUCT LIST */ #productlist {margin: 0; padding: 0; list-style-type: none;} #productlist li {position: relative;} /* PRODUCT WINDOW */ #productwindow ul {margin: 0; padding: 0; list-style-type: none; } #productwindow ul li {position: relative;text-align: left; float: left;} /* QUICK LOOK */ #prices {margin: 10 0 0 0; padding: 0;} #prices dt {float: left; } #attributes {padding-bottom: 20px;} #attributes label {float: left; } /********************************************************************/ /********************** BRAND SPECIFIC ************************/ /********************************************************************/ /* MAIN STRUCTURE */ #main_left { float:left; width: 195px; margin: 5px 14px 0px 15px; _margin: 5px 14px 0px 10px;} #main_right_div { float:left;width: 758px;} #main_right { background:#fff; border-left: 1px solid #e3d7e2; border-right: 1px solid #e3d7e2; width: 756px; background: #fff;} #main_right_top { margin-top: 5px; width: 758px; background: url(../_images/backgrounds/contentinternal_top.gif) no-repeat scroll top left; height: 13px;} #main_right_bottom { margin-bottom: 5px; width: 758px; background: url(../_images/backgrounds/contentinternal_bottom.gif) no-repeat scroll top left; height: 13px;} #nav { display: block;} #content_top, #content_bottom { display: none;} #content { background:none; width: 714px; border:none; padding: 0px 22px 0px 22px; _padding: 0px 22px 0px 20px; min-height: 500px;} * html #content { height: 500px;} #breadcrumb { margin-top: 7px;} #main h1#breadcrumb a {background: url(../_images/template/breadcrumb.gif) no-repeat right; margin-right: 5px; padding-right: 10px; color: #6b6b6b; font-size: 11px;} h1 { font-size:11px;} /* VIEWS */ .views { width: 300px; height: 28px; float:right;} .views li a {padding-left: 25px; margin-right: 10px; color: #16191d; text-decoration: none;} .grid {background: url(../_images/icons/grid.gif) no-repeat;} .grid.hl {background: url(../_images/icons/grid_on.gif) no-repeat;} .list {background: url(../_images/icons/list.gif) no-repeat;} .list.hl {background: url(../_images/icons/list_on.gif) no-repeat;} .window {background: url(../_images/icons/window.gif) no-repeat;} .window.hl {background: url(../_images/icons/window_on.gif) no-repeat;} .sortby label {padding-right: 10px; line-height:20px; float:left;} .itemsperpage { float:left; margin-left: 30px;} .itemsperpage label {padding-right: 10px; line-height:20px; float:left; margin-left: 20px;} .searchwithin .textfield {background: url(../_images/backgrounds/searchwithin.gif) no-repeat; border: none; color: #333333; padding-left: 20px; height: 18px; width: 163px; margin-top: 1px; padding-top: 0px; margin-left: 40px;} /* PAGES */ .pages {clear:left; margin: 0; width: 690px; line-height: 15px; padding: 10px 0px 0px 10px;} .pages select, .pages ul {float: left} .compareselected_button { float: right; margin-left: 20px; margin-right: 18px;} .showing { float:left; line-height: 20px; margin-right: 20px; padding-left: 10px;} /* PAGING */ #main_right .paging a { font-size: 11px; width: 16px; margin-right: 2px; height: 14px; background: #16191d; line-height: 14px; color: #fff; text-decoration: none;} #main_right .paging a:hover {background: #454b54; color: #fff; text-decoration: none;} #main_right .paging a.selected {background: #454b54; color: #fff;} /* PRODUCTS */ .oldprice {color: #666666;} .price {font-size: 15px; line-height: 24px;} #productgrid li.selected, #productlist li.selected, #productwindow li.selected {} /* PRODUCT GRID */ .in { color: #77c722;} .out { color: #c52727;} #productgrid li {width:201px; height: 320px; margin-bottom: 11px; margin-left: 30px; _margin-left: 28px;} #productgrid .product_image img { margin-bottom: 6px;} #productgrid .quicklookbutton {left: 59px; top:150px;} #productgrid .pricelabel { text-align: right; padding-right: 10px; float:none;} #productgrid .rrp { text-align: center; font-weight: bold; color: #b3a8b5; font-size: 11px; line-height:11px;} #productgrid .yousave { text-align: center; font-weight: bold; color: #000; font-size: 11px; line-height:12px;} #main_right #productgrid .price { color: #9e72b6; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal;} #productgrid .deliveryflag { color: #000;} #productgrid .stockflag { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; position: relative; float:right; margin: 4px 3px 0px 0px; /margin: 0px 3px 0px 0px; font-size: 10px;} #main_right #productgrid h2 { margin-bottom: 3px; padding-bottom: 0px; line-height: 15px; font-size: 11px; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none;} #main_right #productgrid a h2 { text-decoration: none; color: #000;} #main_right a { text-decoration: none; color: #000;} #productgrid a:hover { color: #9e72b6; text-decoration: none;} #productgrid .description { text-align: center; height: 80px; background: url(../_images/backgrounds/productlist_bkg.gif) repeat-x scroll bottom left; color: #000; width: 191px; margin-bottom: 1px; padding: 8px 5px 8px 5px;} #productgrid .description p { padding-bottom: 5px;} #productgrid ul.stars { text-align: center; margin:0; padding:0;} #productgrid ul.stars li { float:none; display: inline; width: 11px; height: 11px; margin:0; list-style-type: none;} /* PRODUCT LIST */ ul#productlist { margin-top: 20px;} #productlist li { height: 230px; width: 712px; margin-bottom: 25px; padding-bottom: 10px; color: #000; border-bottom: 1px solid #cdd1d6;} #productlist .product_image { float:left; margin-bottom: 5px;} #productlist .product_image img { border: 1px solid #cdd1d6;} #productlist .quicklookbutton {left: 58px;top:155px;} #productlist .thumb {float: left; margin-right: 20px; margin-bottom: 20px;} #productlist .compare { top: 210px; margin-bottom: 5px;} #productlist .pricelabel { text-align: right; padding-right: 10px; float:none;} #productlist .rrp { text-align: center; font-weight: bold; color: #b3a8b5; font-size: 11px; line-height:11px;} #productlist .yousave { text-align: center; font-weight: bold; color: #000; font-size: 11px; line-height:12px;} #main_right #productlist .price { color: #9e72b6; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal;} #productlist .stockflag { top: 213px; width: 80px; text-align: right; left: 110px; position: absolute;} #productlist p { padding-bottom: 4px;} #productlist a:hover { color: #000; text-decoration: underline;} #productlist .description { color: #6b7c80; float:right; width: 470px; height: 199px; margin-bottom: 4px; padding: 20px 5px 8px 5px;} #productlist .description p { padding-bottom: 5px;} #productlist ul.stars { text-align: left; margin:0; padding:0;} #productlist ul.stars li { text-decoration: none; float:none; display: inline; width: 11px; height: 11px; margin:0; list-style-type: none;} /* bespoke */ #productgrid .swatches {margin: 0; padding: 10px 0 0 0;} #productgrid .swatches li {border: none; list-style-type: none; width: auto; height: auto; margin-right: 2px; float: none; display: inline; } #productgrid .swatches li img {height: 10px; width:10px;} #productgrid .swatches li .colourtitle {width: auto; height: auto;} #productgrid h2 { font-size: 12px; padding-bottom: 2px;} #productlist .swatches {margin: 0; padding: 10px 0 0 0;} #productlist .swatches li {border: none; list-style-type: none; width: auto; height: auto; margin-right: 2px; float: none; display: inline; } #productlist .swatches li img {height: 10px; width:10px;} #productlist .swatches li .colourtitle {width: auto; height: auto;} #productlist h2 { font-size: 12px; padding-bottom: 2px;} #productwindow .swatches {margin: 0; padding: 10px 0 0 0;} #productwindow .swatches li {border: none; list-style-type: none; width: auto; height: auto; margin-right: 2px; padding: 0px 0px 0px 0px; float: none; display: inline; background: none;} #productwindow .swatches li img {height: 10px; width:10px;} #productwindow .swatches li .colourtitle {width: auto; height: auto;} #productwindow h2 { font-size: 12px; padding-bottom: 2px;} ul.quickviewswatches {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} .quickviewswatches li {display: inline; list-style-type: none;} .quickviewswatchestitle {padding-right: 30px; line-height: 15px;} .stockflag {font-weight:bold; text-transform: uppercase;} .financetext { font-weight: bold; color: #125fab;} .normaltext { color: #6b7c80; font-weight: normal; font-size: 10px;} .rrplistprice { color: #6b7c80; font-size: 10px;} .filter_div { width: 714px; height: 39px; margin-top: 10px; color: #000; font-size:11px; background: url(../_images/backgrounds/sortby_bkg.gif) no-repeat scroll top left;} .viewall { width: 30px; float:left;} #search_div_listing { width: 711px; height: 40px; margin-top: 10px; background: url(../_images/backgrounds/search_bkg_listing.gif) no-repeat scroll top left;} #search_div_listing .searchform { margin:0; padding: 10px 0px 0px 161px; width: 389px;} #search_div_listing .textfield { border: none; background: url(../_images/template/search_textfield.gif) no-repeat scroll top left; float:left; width: 224px; padding-left: 6px; line-height:20px; height: 21px; color: #000;} #search_div_listing label { width: 85px; float:left;} .ui-autocomplete { margin-left: 86px; padding-top:40px; /padding-top:20px; _padding-top:20px; width: 215px!important; /margin-left: 86px!important;} .ui-autocomplete a { width: 205px!important;}