/* ------------------------------------------------------------ */
/* Standard Configurations */
/* ------------------------------------------------------------ */ 

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.Heading { display: none; }
.Float-Left { float: left; }
.Float-Right { float: right; }
.Clear-Both { clear: both; }

/* ------------------------------------------------------------ */
/* Structural Configurations */
/* ------------------------------------------------------------ */

/* ----- Structural Containers ----- */

body {

        background-color: #eae9e7;
        background-image:url('http://images.esellerpro.com/2660/I/1/Lapo-outlet-direct-bg.jpg');	
        background-repeat: no-repeat; 
        background-attachment: fixed;  
        background-position: 50% 0;
           
        }

#Body-Wrapper {
	position: relative;
	float: left;
	width: 100%;
}

#Max-Width {
	position: relative;
	float: left;
	width: 100%;
}

#Min-Width {
	position: relative;
	margin: 0 auto;
	width: 1000px;	
	z-index: 10;
}

#Wrapper {
	position: relative;
	float: left;
	margin: 0 auto;
	width: 1000px;
	background-color:#fff;
}

#Faux-Shadow {
	position: relative;
	float: left;
	margin: 0 auto;
	width: 1000px;
}

#Faux-Body {
	position: relative;
	float: left;
	margin: 0 0 0 10px;
	width: 980px;
	height: auto;
}

#Content-Wrapper {
	position: relative;
	float: left;
	width: 980px;
	height: auto;
}

/* ----- Content Containers ----- */

#Header-Container {
	position: relative;
	float: left;
	width: 980px;
	height: 184px;
	background-image: url("http://images.esellerpro.com/2660/I/1/store-header-lapo.jpg");  
/*	background-image: url('http://images.esellerpro.com/2660/I/1/ebhdrmain.jpg'); */ 
	background-repeat: no-repeat;
	background-color: #ffffff;
	z-index: 2;
}

#Page-Logo {
	position: absolute;
	left: 0;
	top: 70px;
}

#Content-Container {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	z-index: 1;
}

#Menu-Left {
	position: relative;
	float: left;
	width: 171px;
	height: auto;
	padding: 0 0 0 0;
}

#Menu-Right {
	position: relative;
	float: right;
	width: 171px;
	height: auto;
	padding: 0 0 0 0;
}

#Content {
	background-color: #ffffff;
	position: relative;
	float: left;
	padding: 0 0 10px 0;
	width: 809px;
	height: auto;
}

#Footer-SUB {
	position: relative;
	float: left;
	width: 980px;
	margin: 20px 0 0 0;
	padding: 10px 0;
	background-image: url(http://images.esellerpro.com/2660/images/block-backgrounds/footer-bg.jpg);
	background-repeat: repeat-x;
}

#Faux-Footer {
	position: relative;
	float: left;
	padding: 0 0 0 0;
	width: 1000px;
}

#H-Social {
	position: absolute;	
	left: 440px;
	top: 0;	
	width: 116px;
	height: 51px;
}

#H-Social img {
	margin: 0 5px 0 0;
	float: left;
}

#F-Social {
	position: absolute;	
	left: 460px;
	top: 43px;	
	width: 200px;
	height: 51px;
}

#F-Social img {
	margin: 5px 5px 0 0;
	float: left;
}

#F-Share { 
	float: left;
	width: 100%;
	clear: both;
	margin: 10px 0 0 0;
}

#F-Share .fb_ltr {
	float: left;
	margin: 2px 0 2px 0;
}

#F-Share .twitter-share-button {
	float: left; 
	margin: 2px 0 0 0;
}

#F-eBay {
	position: absolute;
	left: 460px;
	top: 200px;
}

/* ------------------------------------------------------------ */
/* Element Formatting */
/* ------------------------------------------------------------ */

/* ----- Top Links ----- */

#Header-Menu-Top-Links {
	position: absolute;
	left: 12px;
	top: 13px;
	height: 25px;
	list-style: none;
}

#Header-Menu-Top-Links li {
	float: left;
	padding: 0 20px 0 0;
}

#Header-Menu-Top-Links li.r {
	padding: 0 20px 0 16px;
	background-image: url(http://images.esellerpro.com/2660/images/objects/arrow.png);
	background-repeat: no-repeat;
	background-position: 5px 7px;
}

/* ----- Header Menu ----- */

#Header-Menu {
	position: absolute;
	right: 0px;
	top: 146px;
	height: 50px;
	line-height: 50px;
	z-index: 1;
	list-style: none;
}

#Header-Menu li {
	float: left;
	padding: 0 25px 0 0;
}

/* ----- Header Cart ----- */

#Header-Cart {
	position: absolute;
	right: 40px;
	top: 51px;
	width: 455px;
	text-align: right;
}

#H-Basket {
	position: absolute;
	right: 10px;
	top: 13px;
	width: 400px;
	list-style: none;
}

#H-Basket li {
	position: relative;
	float: left;
	padding: 0 5px 0 0;
}

#H-Basket li span { 
	display: block;
	height: 26px;
}

#H-Basket li.b img { 
	float: left;
	margin: 0 0 0 0;
	position: relative;
	top: -5px;
}

#H-Basket li.bb{
	color: #285fbb;
}

#H-Basket li.ic {
	padding: 0 5px 0 10px;
}

#H-Basket li.ic span { 
	float: left; 
	padding: 0 5px 0 0;
}

#H-Basket li.tot {
}

#H-Basket li.tot .vat { padding: 3px 0 0 0; }

#H-Basket li.tot span { 
	float: left; 
	padding: 0 5px 0 0;
}

#H-Basket li.lnk img { margin: 0 0 0 10px; position: relative; top: -5px; }

/* ----- Header Search ----- */

#Header-Search {
	position: absolute;
	left: 340px;
	top: 80px;
	height: 26px;
	width: 349px;
}

#Header-Search li {
	display: inline;
	float: left;
	padding: 0 0 0 0;
}

#Header-Search li select {
	margin: 5px 0 0 0;
	width: 110px; 
	background-color: #ffffff;
}

#Header-Search li p {
	margin: 4px 6px 0 0;
}

#Header-Search li #header-searchquery {
	position: relative;
	float: left;
	margin: 0 0 0 25px;
	padding: 6px 8px;
	width: 140px;
	height: 14px;
	border: 0;
}

#Header-Search li #header-searchsubmit {
	position: relative;
	float: left;
	margin: 0 0 0 22px;
	width: 26px;
	height: 26px;
	background: none;
	background-image: url(http://images.esellerpro.com/2660/images/objects/buttons/search.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	cursor: pointer;
}

#Header-Search li #header-searchsubmit:hover {
	
}
.header-top-banner {
    clear: both;
    display: block;
    float: right;
    position: relative;
    top: 44px;
}
                  
.header-top-banner > a {
    display: block;
    float: left;
}

.header-top-banner a img {float:left:}

                        
.header-top-banner a img:hover {opacity:0.9;}


/* ----- Header Tabs ----- */

#Tabbed-Menu {
	position: absolute;
	left: 0;
	top: 145px;
	
	width: 980px;
	list-style: none;
	height: 39px;
	line-height: 39px;
	z-index: 10;
}

#Tabbed-Menu > li{
	float: left;
	padding: 0;
	height: 39px;
	line-height: 39px;
	position: relative;
	z-index: 10;
	border-right: 1px solid #fff;
}

#Tabbed-Menu > li:last-child { 
	border: 0; 
	background-image: url(http://images.esellerpro.com/2660/images/elements/menu-red-bg.gif);	
}

#Tabbed-Menu > li > a{
	float: left;
	padding: 0 20px 0;
}

#Tabbed-Menu > li:hover > a{
	background-color: #ffffff;
}

#Tabbed-Menu > li:last-child:hover > a {
	background-image: url(http://images.esellerpro.com/2660/images/elements/menu-red-bg-hover.gif);
}

#Tabbed-Menu > li.h a {
	display: block;
	margin: 11px 15px 0 15px;
	padding: 0;
	width: 20px;
	height: 15px;
	background-image: url(http://images.esellerpro.com/2660/images/objects/home.png);
}

#Tabbed-Menu > li.h:hover > a{
	background-color: transparent;
}


#Tabbed-Menu > li > ul {
	position: absolute;
	left: -2px;
	top: 39px;
	visibility: hidden;
	list-style: none;
	
	background-color: #fff;
    border-bottom: 1px solid #3163b7;
    margin: 0;
    z-index: 10;
}

#Tabbed-Menu > li:hover > ul{
	visibility: visible;
}

#Tabbed-Menu > li > ul > li {
	background-image: url("../images/objects/arrow.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    
    height: 29px;
    line-height: 29px;
    padding: 0 0 0 20px;
    border-top: 1px dotted #3163b7;
    border-left: 1px solid #3163b7;
    border-right: 1px solid #3163b7;
    width: 200px;
}

#Tabbed-Menu > li > ul > li:first-child {
	border-top: 0;
}

/* ----- UL List Header ----- */

.Content-Heading-Container {
	position: relative;
	float: right;
	width: 980px;
	padding: 10px 0 5px 0;
	height: 20px;
	line-height: 20px;
	background-color: #fff;
	overflow: hidden;
}

.Content-Heading-Container p {
	position: relative;
	float: left;
	padding: 0 0 0 0;
}

/* ----- Footer Left Configurations ----- */

#Faux-Footer ul.Links {
	position: absolute;
	top: 8px;
	left: 0px;
	width: 980px;
	text-align: center;
	list-style: none;
	z-index: 1;
}

#Faux-Footer ul.Links li {
	display: inline;
	padding: 0 5px;
}

#Faux-Footer #W3C-Logos{
	position: relative;
	float: left;
	display: block;
	width: 190px;
	padding: 0 0 0 10px;
	z-index: 2;
}

#Faux-Footer p#eSellerPro{
	padding: 20px 0 60px;
	float: left;
	width: 100%;
	text-align: center;
}

/* ----- Footer SUB ----- */

#Footer-SUB ul.Links {
	float: left;
	list-style: none;
	width: 180px;
	margin: 30px 0 0 0;
}


#Footer-SUB ul.Links:first-child {
	margin: 30px 0 0 60px;
}

#Footer-SUB ul.Links li {
	float: left; 
	width: 180px;
	line-height: 22px;
	padding: 0 0 0 15px;
	background-image: url(http://images.esellerpro.com/2660/images/objects/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 9px;
}

#Footer-SUB ul.Links li:first-child { 
	padding: 0;
	background: none; 
}

#Footer-SUB ul.Logos {
	float: right;
	list-style: none;
	width: 300px;
}

#Footer-SUB ul.Logos li {
	float: right; 
}

#Footer-SUB ul.Logos li img {
	height: 72px;
}

#Newsletter {
    position: absolute;
    left: 650px;
    top: 43px;
    width: 240px;
    height: 200px;
    font-size: 1em;
    list-style: none;
    background-image: url(http://images.esellerpro.com/2660/images/elements/newsletter-box.png);
    background-position: 0 23px;
    background-repeat: no-repeat;
}
#Newsletter li {
    float: left;
}
#Newsletter label {
    padding: 0 0 12px 0;
    float: left;
    cursor: pointer;
    font-weight: bold;
    font-size: 1em;
    color: #777;
}
#Newsletter .newsletter-input {
    margin: 0 0 0 3px;
	padding: 2px 8px 2px 8px;
	width: 150px;
	height: 17px;
    border-radius: 2px;
	float: left;
    font-size: 1em;
    color: #777;
	background: transparent;
}
#Newsletter .newsletter-submit {
    float: left;
	height: 23px;
	width: 40px;
	line-height: 23px;
	margin: 0 0 0 20px;
	cursor: pointer;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.4px;
	color: #ffffff;
	background: none;
}

/* ------------------------------------------------------------ */
/* Misc Elements */
/* ------------------------------------------------------------ */

#LoadingBG {
    background-image: url(http://images.esellerpro.com/2660/images/objects/searchload.png);
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#LoadingBG img {
    padding: 300px 0 0;
}

/* --------- POST CODE LOOKUP ----------- */

#Select-Postcode{
	padding: 2px 4px;
}

.Postcode-Lookup-Button {
	float: right;
	margin: 0 0 6px 4px;
	padding: 0 0 0 0;
	width: 21px;
	height: 21px;
	cursor: pointer;
	background-image: url(http://images.esellerpro.com/2660/images/objects/magnifying_glass.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.Text-Message{
	padding: 0 25px 10px;
	color: #cc0000;
	text-align: right;
}

#PostcodeContainer td{
	padding: 10px 0;
}

#PostcodeContainer select{
	background: #ffffff;
}

/* ------------------------------------------------------------ */
/* Elements Colours */
/* ------------------------------------------------------------ */

/* ----- Generic Colours ----- */

* { color: #2d2d2d; }

/* ----- Top Links ----- */

#Header-Menu-Top-Links li { color: #333333; }
#Header-Menu-Top-Links li a { color: #333333; }
#Header-Menu-Top-Links li a:hover { color: #333333; }
#Header-Menu-Top-Links li span { color: #285fbb; }

/* ----- Header Menu ----- */

#Header-Menu li a { color: #ffffff; }		
#Header-Menu li a:hover { color: #ffffff; }

/* ---- Header Cart ------ */

#Header-Cart #HC-Title { color: #c11111; }
#Header-Cart #HC-ItemCount { color: #333333; }
#H-Basket li.tot span { color: #ce0101; }
#H-Basket li.tot .vat { color: #171717; }

/* ----- Header Search ----- */

#Header-Search p { color: #00528c; }

/* ----- Header Tabs ----- */

#Tabbed-Menu > li > a { color: #ffffff; }
#Tabbed-Menu > li:hover > a { color: #3163b7; }
#Tabbed-Menu > li:last-child:hover > a { color: #ffffff; }

#Tabbed-Menu > li > ul > li > a { color: #3C3C3C; }
#Tabbed-Menu > li > ul > li > a:hover { color: #3C3C3C; }	

/* ----- Content Headings ----- */

.Content-Heading-Container p { color: #2c5eb1; }
.Content-Heading-Container p span { color: #2c5eb1; }
.Content-Heading-Container p a { color: #000000; }
.Content-Heading-Container p a:hover { color: #000000; }

/* ----- Footer SUB ----- */

#Footer-SUB ul li h3 { color: #5d84c6; }
#Footer-SUB ul li a { color: #424242; }
#Footer-SUB ul li a:hover { color: #424242; }

#F-Social h3 { color: #5d84c6; }
#F-Newsletter label { color: #5d84c6; }

/* ----- FAUX Footer ----- */

#Faux-Footer ul li { color: #424242; }
#Faux-Footer ul li a { color: #424242; }
#Faux-Footer ul li a:hover { color: #424242; }

#Faux-Footer p#eSellerPro{ color: #424242; }

/* ------------------------------------------------------------ */
/* Font Formatting */
/* ------------------------------------------------------------ */

/* ----- Generic Formatting ----- */

* {
	font-family: Arial, Tahoma, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Lucida, Verdana;
	font-size: 100%;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
 

/* ----- Top Links ----- */

#Header-Menu-Top-Links li { font-size: 0.8em; }

/* ----- Header Menu ----- */

#Header-Menu li { font-size: 0.9em; }

/* ----- Header Cart ----- */

#Header-Cart { font-size: 0.85em; }
#H-Basket li { font-size: 0.8em; }
#H-Basket li.tot .vat { font-size: 0.8em; }

/* ----- Header Search ----- */

#Header-Search { font-size: 0.75em; }
#Header-Search p { font-size: 1.2em; }

/* ----- Header Tabs ----- */

#Tabbed-Menu > li > a { font-size: 0.9em; }
#Tabbed-Menu > li > a:hover { text-decoration: none; }
#Tabbed-Menu > li > ul > li > a { font-size: 0.8em; }

/* ----- Content Headings ----- */

.Content-Heading-Container p { font-size: 0.75em; }

/* ----- Footer SUB ----- */

#Footer-SUB ul { font-size: 0.75em; }
#Footer-SUB ul li h3 { font-size: 1.2em; padding: 0 0 5px; }

#F-Social h3 { font-size: 0.9em; padding: 0 0 5px; }
#F-Newsletter label { font-size: 1.1em; }

/* ----- Footer Elements ----- */

#Faux-Footer ul li { font-size: 0.7em; }
#Faux-Footer p#eSellerPro{ font-size: 0.7em; }
/* --------Breadcrumbs change------ */

.Content-Heading-Container a span:after {content: " >";}
.Content-Heading-Container span {float: left; font-size: 12px; padding: 0 4px;}
.Content-Heading-Container strong {font-size: 12px;}        

/*Laptop page css */

@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #eee;
}
.col-wrapper {
	width: 1000px;
	margin: 0 auto;
}
.body-wrapper {
	
	float: left;
}
.left-side {
	float: left;
	width: 171px;
	background-color: #fff;
}
.col-banner {
	float: right;
	width: 809px;
}
.Content-laptop {
	float: left;
	position: relative;
	width: 800px;
	padding-top:10px;
}
.Content-laptop h2 {
	color: #285fbb;
	font-family: arial;
	font-size: 1em;
	width: 100%;
	margin: 0 0 8px 15px;
}
.Content-laptop p {
	font-family: arial;
	font-size: 0.8em;
	text-align: justify;
	margin: 0 20px 10px 15px;
}
.col-brands {
	float: left;
	width: 100%;
}
.col-brands ul {
	float: left;
	width: 800px;
	border: 1px solid #eee;
	margin-left:0 !important;
}
.col-brands ul li {
	list-style: none;
	width: 263px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	display: inline-block;
	height: 250px;
}

 
.col-brands ul li:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    cursor: pointer;
}



.col-brands ul li a {
	display: block;
	text-align: center;
}
.col-brands ul li p {
	font-size: 12px;
	font-family: arial;
	padding: 0 5px 2px 5px;
	float: left;
	margin:0 !important;
}
.col-brands ul li.col-toshiba-brand {
	border-right: none;
	margin-bottom:5px;
}
.col-brands ul li.col-hp-brand {
	border-right: none;
}
.col-brands ul li a:hover {
	opacity: 0.8;
}
.col-brands ul li.col-acer-brand , .col-brands ul li.col-fujitsu-brand , .col-brands ul li.col-hp-brand {
	border-bottom: none;
}