/**************************************
* SLI LEFT COLUMN SEARCH MENU STYLES
***************************************/ 

div#breadcrumbs { 
height:22px; text-transform:capitalize; margin:10px 10px 0px 10px; float:left;
}

div#breadcrumbs a {margin-right:-15px; border:1px solid silver; border-width:1px 1px 1px 0; line-height:120%; padding:6px 12px 6px 20px; border-right: 1px solid silver;  border-radius:0 12px 12px 0; -moz-border-radius:0 12px 12px 0; -webkit-border-radius:0 12px 12px 0; 
/*background: #ffffff;  Old browsers */
/*background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);  FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));  Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%);  Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%);  Opera 11.10+ */
/*background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%);  IE10+ */
/*background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%);  W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );  IE6-9 */
}
div#breadcrumbs a:first-child {padding-left:10px; border:1px solid silver; border-radius:3px 12px 12px 3px; -moz-border-radius:3px 12px 12px 3px; -webkit-border-radius:3px 12px 12px 3px; }
div#breadcrumbs span.arrow {display:none;}

div#breadcrumbs span.terminator {
/*background: #ffffff;  Old browsers */
/*background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);  FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));  Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%);  Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%);  Opera 11.10+ */
/*background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%);  IE10+ */
/*background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%);  W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );  IE6-9 */ 
line-height:120%; padding:6px 12px 6px 10px; 
border:1px solid silver; border-width:1px 1px 1px 0; border-radius:0 12px 12px 0; -moz-border-radius:0 12px 12px 0; -webkit-border-radius:0 12px 12px 0; padding-left:20px;  }

h1.SearchResultsHeader {
text-align:left;
margin:20px 0px 0px 10px;
padding: 0;
font-weight:normal;
float:left;
/*font-size:250%;*/
}

div.viewbyprice .sr_resultcount {
    width: 25%;
}

div.topsalesearchbanner {margin:0 10px;}

*:first-child+html div.contentcontainer { position:relative; }
*:first-child+html div.contentcontainer div#sr_facets { position:absolute; top:60px; }

div.sr_container h1
{
text-align:left;
text-transform:none; 
font-size:185%;
color:#444;
*line-height:100%;
}

div.sr_container form {padding:0; margin:0;}

div.sr_container div#banner-holder {width:760px; margin:0 auto; }

div.sr_container div#banner-holder ul {margin:0; padding:0 }

div.sr_container div#banner-holder ul li {margin:0; padding:0; list-style-type:none; }

div#sr_facets a, div.content a {color:#333; text-decoration:none;}
div#sr_facets a:hover {text-decoration:underline !Important;}

li.rating a img {margin-bottom:5px;}

div#sr_facets h2
{	text-align:left;
font-size:100%;
font-weight:bold;
height: 28px;
line-height: 28px;
margin:0px; 
padding:4px 0 4px 30px !important;
background: transparent url("/SiteContent/template_images/panel_nav_arrow.gif") no-repeat 12px 3px; 
border-top:1px solid #ccc;
cursor:pointer;
}

div#sr_facets h2.open
{
background: transparent url("/SiteContent/template_images/panel_nav_arrow_open.gif") no-repeat 12px 3px;
cursor:pointer;
}


span.sr_facet_count, div.block ul li.sr_facet a {color:#4d4d4f !important; }

div#now_viewing {padding-bottom:20px;}
div#now_viewing div.youhaveselected {color:#333 !important; font-size: 1.5em; margin:10px 0 10px 10px !important; text-align:left;} 
div#now_viewing div.nav {margin:0px;}
div#now_viewing div.nav ul {text-align:left; margin:0px; padding:0;}
div#now_viewing div.nav ul li {margin:0 0 5px 10px; padding:0; list-style-type:none; font-weight:bold; text-transform:capitalize !important;}
div#now_viewing div.nav ul li a {line-height:130%;}
div#now_viewing div.nav ul li span.facet-topic {display:inline-block; vertical-align:top; width:145px; padding-top:1px;}


a.sr_facet_delete 
{        
text-decoration:none;
padding:0 3px !important;
border:1px solid #ccc;
font-size:80% !important;
font-weight:600 !important;
margin-right:5px;
text-transform:uppercase !important;
}

a.sr_facet_delete:hover { text-decoration:none !important; }

div#sr_facets div.block { width:100%; margin:0 auto; }

div.block ul
{
margin:0 0 0 30px;
padding: 0 0 10px 0;
}

li.sr_facet
{
line-height:110% !important;
list-style-type:none;
margin-bottom:10px;
text-indent:-17px;
}

li.sr_facet input {padding:0; margin:0; vertical-align:text-bottom;}

li.colour {
float: left;
text-align: center;
margin: 2px;
}

li.sr_facet label:hover
{
cursor:pointer;
text-decoration:underline;
}

div.sr_facet ul li input
{
display:none;
}

div.sr_facet_standard form input.priceBands
{
width:35px;
} 

div.sr_facet_standard form input#priceGoButton
{
text-transform:uppercase;
width:35px;
}

li.sr_facet_active label
{
font-weight:bold;
font-size:105%;
color:#4d4d4f;
}

li.sr_facet_more, li.sr_facet_less {list-style-type: none; text-align:right;}

li.sr_facet_more a, li.sr_facet_less a, li.sr_facet_reset a {color:#000033 !important;}

li.sr_facet_reset {list-style-type: none; text-align:right;}
li.sr_facet_reset a {color:#dd1313 !important; font-weight:bold; }

span.sr_facet_count, li.sr_facet_active label span.sr_facet_count
{
color:#9e9e9e;
font-weight:normal;
}

.toggle_container {border:0 !important; text-align:left; margin:0; padding:0 !important;}

li.hide{display:none}

div#sr_Categories {width:100%;}

div#sr_LeftCats {float:left; border-right:1px dotted #4c4c4c; width:49%;}

div#sr_RightCats {float:right; width:50%;}

div.sr_Cat {clear:both; padding:10px;}

div.sr_CatThumb {float:left; background:#fff URL(/images/SLIthumb-bg.jpg) left top no-repeat; width:127px; height:131px;}

div.sr_CatThumb img {margin:15px;}

div.sr_CatDesc {float:right; display:block; width:220px; height:150px;}

div.sr_CatDesc h3 a {font-size:14px; font-weight:bold; color:#4c4c4c;}

div.sr_CatDesc p.short_description {font-size:12px; line-height:130%; min-height:70px; overflow:hidden; margin-bottom:10px; }

div.sr_CatDesc p.CallToAction {font-size:20px; color:#e33d3d;}

div.ProductVariantsList {margin:5px 0 5px 10px;}

div.ProductVariantsList span {font-weight:bold; line-height:19px;}

.sr_pagination li a {
    padding: 0 !important;
}

/******************** STYLING FOR AVC TILES *****************************/

/*** CSS for the special pages **/

div.mcatheader, div.catpage_offers, div.catbox_container
{
font-family:arial, Helvetica, sans-serif;
width:962px;
margin:0 auto;
text-align:left;
}

div.mcatheader
{
width:756px;
min-height:120px;
border-style:solid;
border-width:1px;
border-color:#c9ceca;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

div.mcatheader h1 {margin:10px 0 5px 20px; text-align:left; font-size:18px; font-weight:normal;}

div.mcatheader p
{
display:block; text-align:left; margin-left:20px; width:450px; font-size:12px;
}

div.catpage_offers
{
clear:both;
margin:5px auto;
padding:1px;
}

div.catpage_offers img
{
float:left;
margin:5px 7px;
}

div.cat_offerbox
{
position:relative;
float:left;
margin:0 auto;	
padding-left:5px;
width:240px;
height:102px;
border:1px solid #a5a5a5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div.catpage_offers div.middle
{
margin:0 8px;
}

div.cat_offerbox img.product
{
z-index:2;
float:right;
height:95px;
width:95px;
background-color:silver;
}



div.cat_offerbox img.arrow
{
z-index:3;
border:0;
position:absolute;
bottom:0px;
right:0px;
}


p.CatProductTitle, p.CatOfferPrice
{
margin:5px;
}

div.hr 
{
clear:both;
height:1px;
}

div.catbox_container
{
padding:1px;
}

div.catbox
{
position:relative;
float:left;
margin:5px auto; 
width:371px;
height:170px;
border-style:solid;
border-width:1px;
border-color:#c9ceca;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

div.catbox_container div.wide
{
clear:both;
width:756px !important;
}

div.catbox h2 {margin:10px 20px 0 20px; text-align:left; font-size:18px; font-weight:normal;}
div.catbox img {float:left; margin-left:8px; margin-right:10px;}


div.catbox img.button {
margin-bottom:5px; padding:2px 10px;  
-moz-box-shadow: 0px 3px 4px 2px #cccccc;
-webkit-box-shadow: 0px 3px 4px 2px #cccccc;
box-shadow: 0px 3px 4px 2px #cccccc;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 77%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(77%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 77%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 77%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 77%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 77%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
border:1px solid #dedede;
}
div.catbox p {display:block; margin-right:10px; font-size:12px;}
div.catbox ul {list-style-type:none; line-height:160%; }
div.catbox img.arrow
{
z-index:3;
border:0;
position:absolute;
bottom:5px;
right:0px;
}

div.catbox_container div.left
{
margin-right:12px;
}

/******************** LANDING PAGES STYLES  *****************************/

.wrapper {width: 760px; margin: 0 auto;}
.acerbanner {margin: 0 0 20px 0;}
.aboutacer {width: 758px; border-style: solid; border-color: #5E6A71; border-width: 1px;}
.aboutacer h3 {width: 742px; background-color: #83b81a; color: #fff; float: left; margin: 0 0 5px 0; text-align: left; font-family: Trebuchet MS; padding: 8px;}
.aboutacer p {width: 738px; font-family: trebuchet MS; color: #5E6A71; margin: 0 0 -2px 0; padding: 10px;}
.ultrathin a {float: left; margin: 20px 20px 0 15px; display: block; width:370px; height:153px; text-decoration: none; background-image: url(http://www.laptopsdirect.co.uk/images/ultra-thin-h.jpg);}
.ultrathin a:hover {background-position: -370px 0;}
.convertibles a {float: left; margin: 20px 0 0 0; display: block; width:370px; height:153px; text-decoration: none; background-image: url(http://www.laptopsdirect.co.uk/images/convertibles-2in1-h.jpg);}
.convertibles a:hover {background-position: -370px 0;}
.windowstablets a {float: left; margin: 20px 20px 0 15px; display: block; width:370px; height:153px; text-decoration: none; background-image: url(http://www.laptopsdirect.co.uk/images/windows-tablets-h.jpg);}
.windowstablets a:hover {background-position: -370px 0;}
.adroidtablets a {float: left; margin: 20px 0 0 0; display: block; width:370px; height:153px; text-decoration: none; background-image: url(http://www.laptopsdirect.co.uk/images/android-tablets-h.jpg);}
.adroidtablets a:hover {background-position: -370px 0;}
.laptops a {float: left; margin: 20px 15px 0 15px; display: block; width:243px; height:238px; text-decoration: none; background-image: url(http://www.laptopsdirect.co.uk/images/laptops-h.jpg);}
.laptops a:hover {background-position: -243px 0;}
.desktops a {float: left; margin: 20px 15px 0 0; display: block; width:243px; height:238px; text-decoration: none; background-image: url(http://www.laptopsdirect.co.uk/images/desktops-h.jpg);}
.desktops a:hover {background-position: -243px 0;}
.allinone a {float: left; margin: 20px 0 0 0; display: block; width:243px; height:238px; text-decoration: none; background-image: url(http://www.laptopsdirect.co.uk/images/all-in-one-h.jpg);}
.allinone a:hover {background-position: -243px 0;} 
.monitors a {float: left; margin: 15px 8px 0 15px; display: block; width:184px; height:160px; text-decoration: none; background-image: url(http://www.laptopsdirect.co.uk/images/monitors-h.jpg);}
.monitors a:hover {background-position: -184px 0;} 
.projectors a {float: left; margin: 15px 8px 0 0; display: block; width:184px; height:160px; text-decoration: none; background-image: url(http://www.laptopsdirect.co.uk/images/projectors-h.jpg);}
.projectors a:hover {background-position: -184px 0;}   
.smartphones a {float: left; margin: 15px 8px 0 0; display: block; width:184px; height:160px; text-decoration: none; background-image: url(http://www.laptopsdirect.co.uk/images/smartphones-h.jpg);}
.smartphones a:hover {background-position: -184px 0;} 
.accessories a {float: left; margin: 15px 0 0 0; display: block; width:184px; height:160px; text-decoration: none; background-image: url(http://www.laptopsdirect.co.uk/images/accessories-h.jpg);}
.accessories a:hover {background-position: -184px 0;}

div.pagecontents {border: 1px solid #d1d1d1; padding: 20px; line-height: 150%; text-align: left !important; margin: 10px 0px;}


/***   STYLING FOR AUTOCOMPLETE SUGGESTIONS   ***/


.ui-menu-item:hover {
    background: #221f73;
    color: white !important;
    cursor: pointer;
    border-radius:6px;
-moz-border-radius:6px 6px;
-webkit-border-radius:6px 6px;
}

    .ui-menu-item:hover a {
    color: white !important;
    }

ul.ui-autocomplete { width:380px !important; border: 2px solid silver; background: #eee;}
li.ui-autocomplete-category { text-align:left; font-weight:bold; padding:5px 10px; }
li.ui-menu-item {width:360px !important; padding:5px 10px !important; border-bottom: 1px solid silver; }

    li.ui-menu-item:last-of-type {
        border-bottom: none;
    }
div.ac_productSuggestion { cursor:pointer; }
div.ac_productSuggestion img { float:left; padding:5px 10px 5px 0; }
div.ac_productSuggestion p.name { font-family: Tahoma,Arial, Helvetica, sans-serif; font-size: 12px; line-height:110%; text-align:left;}
div.ac_productSuggestion p.price { font-weight:bold; color:#f00; }
.ui-state-hover, .ui-state-focus { background:none !important; border:none !important; }

#refurbcontainer {width: 760px; margin:0 auto 10px auto;}

#refurbcontainer ul {margin: 0; padding: 20px 10px 10px 10px; background-color: #e8e8e8; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #adadad; height: auto;}
.refurbtext {margin: 0; padding: 10px; background-color: #e8e8e8; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #adadad;}
.refurbtext a, .gradebox a {text-decoration:underline !important;}
#refurbcontainer li {margin: 0 0 10px 15px !important; padding-right: 15px; list-style-type: circle; text-align: left !important;}
.gradebox {width: 372px; float: left; margin: 5px 4px 0 4px;}
.gradebox img {opacity: 1.0; transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out;}
.gradebox img:hover {opacity: 0.6; transition: opacity .55s ease-in-out; -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity .55s ease-in-out;}

#segwrapper
{
min-height: 70px;
width: 760px;
margin-bottom: 20px;
margin: 0 auto 20px auto; 
}

ul#msseg {list-style-type:none; margin:0; padding:0; }

ul#msseg li {display:inline; margin:0; padding:0;}





div.HomePageOffers .quickview {text-align:center; margin:0 auto; }

.quickview {
    float: left;
    width: 110px;
}


/* Search header and breadcrumb */

#breadcrumbs {
width: 100%;
float: left;
margin: 10px 0px 10px 0px;
}



.sr_container h1 {
width: 100%;
display: block;
}

div#breadcrumbs {
    text-transform: capitalize;
}

/* End earch header and breadcrumb */





/* styles for top of search - sort by, page numbers etc */

form#productListForm {
clear: both;
float: left;
width: 100%;
}


#sr_view_sort {
float: left;
width: 98%;
padding: 1%;
clear: both;
background: #eeeeee;
}

#sr_facets input[value*="»"] {
margin-bottom: 15px;
border-radius: 6px;
font-weight: bold;
background: #369726;
color: white;
border: none;
padding: 3px 10px;
cursor: pointer;
}

.sr_sort {
width: 19%;
float: left;
margin-right: 4%;
}


.sr_sort #sortOrder {
width: 100%;
float: left;
height: 24px;
}


.sli_searchwithin {
float: left;
width: 20%;
margin-right: 4%;
}

.viewbyprice .searchinput {
float: left;
width: 82%;
box-sizing: border-box;
height: 24px;
padding-left: 1%;
}

#KeywordSubSearchSubmit {
float: left;
width: 10%;
background: #221f73;
color: white;
height: 22px;
text-align: center;
padding-top: 2px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
text-decoration: none;
}

#KeywordSubSearchSubmit:hover {
text-decoration: none;
background-color: #369726;
}


select#itemsPerPage {
height: 24px;
}

.clearsubsearch {
display: none !important;
}

.sr_resultcount {
float: left;
width: 13%;
margin-right: 2%;
}

div.sr_newcond {float:left; padding:0; vertical-align:middle; margin:0 10px}

.sr_resultcount > .text2 {
width: 50%;
float: left;
display: none;
}

.sr_resultcount > .text {
width: 50%;
float: left;
}

div.sr_newcond div.select
{
    display:inline-block; 
    font-size:95%;
    padding:0; 
    margin:0;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border: solid 1px silver; box-shadow:none; *border-width:0;
}

.sr_pagination {
clear: right;
float: right;
}

    .sr_pagination a {
        text-decoration: none;
        color: inherit;
    }

.sr_pagination ul {
padding: 0;
margin: 0;
}

.sr_pagination li {
float: left;
background: #fff;
border: 1px solid #dbdbdb;
padding: 6px;
margin: 0;
margin-right: 5px;
text-align: center;
display: block;
float: left;
line-height: 100% !important;
min-width: 20px;
box-sizing: border-box;
height: 24px;
}

.sr_pagination li:hover {
border: 1px solid #AAA;
}

.CurrentPageIndicator:hover {
border: 1px solid #dbdbdb !important;
cursor: pointer;
}

.sr_pagination li:hover a {
text-decoration: none;
}

.sr_pagination li:last-of-type {
margin-right: 0;
}

.perpage {
width: 100%;
float: left;
}

    .perpage .text {
        float: left;
        width: 100%;
    }

    .perpage .select {
        float: left;
    }

.CurrentPageIndicator {
font-weight: bold;
}

.sr_numresults {
width: 25%;
float: right;
text-align: right;
clear: right;
opacity: 0.7;
}



/* end styles for top of search - sort by, page numbers etc */