@import "typography.css";

/* ---------------------------------------------------
************ LAYOUT STYLES HEADER *******************
------------------------------------------------------ */

div#container{
	width:800px;
	margin:10px auto;
}

div#header{
	width:100%;
	height:94px;
	background:url(../images/headerbackground.gif) repeat-x top left #fff;
}

div#header img.logo{
	margin:0 0 0 10px;
	float: left;
}

div#header ul#brands{
	float: right;
	margin: 0 !important;
	padding: 65px 0 0 0 !important;
}
div#header ul#brands li{
	float: left;
	clear: none;
	padding: 0 10px 0 20px;
}
div#header ul#brands li a{
	outline: none;
}
div#header ul#brands li a img{ 
	border: none;
}

div#header ul#brands a img.rob{
	padding-top: 2px;
}

div#header ul#brands a img.sony{
	padding-top: 2px;
}

div#header ul#brands a img.bose{
	padding-top: 1px;
}

.backBlue{
	background: #a6b6d3;	
}

.backBlueLight{
	background: #D7DEEB;
}



/* ---------------------------------------------------
************ LAYOUT STYLES FRONT PAGE *******************
------------------------------------------------------ */

div#middle{
	width:100%;
	height: 250px;
	background:url(../images/big-image1.jpg) no-repeat center center;
	margin: 0 0 2px 0;
	overflow: hidden;
}

div#middle p{
	width:270px;
	padding: 20px 5px 0 20px;
	font-size:0.9em;
}

div#buttons{
	float: left;
	width:100%;
	height:178px;
}

div#buttons div{
	float:left;
	width: 166px;
	height:132px;
}

div#buttons div#buttonHolder{
	width:720px;
	padding: 20px 0 0 40px;
}


div#buttons div#buttonHolder div.dgButton{
	background:url(../images/darlingandwood.jpg) no-repeat;
}

div#buttons div#buttonHolder div.careButton{
	background:url(../images/customercare.jpg) no-repeat;
	margin: 0 0 0 120px;
}

div#buttons div#buttonHolder div.prodButton{
	background:url(../images/tab-service.jpg) no-repeat;
	float:right;
}

div#buttons a.frontpage{
	float: left;
	height: 100%;
	width: 100%;
	text-decoration: none;
}

div#buttons div#buttonHolder div h1{
	width:100%;
	font-size:18px;
	color:#272C3B;
	margin:105px 0 0 0;
	text-align:center;
}

div#bottomText{
	width:100%;
	margin: 5px 0;
	float: left;
}

div#bottomText p{
	font-size:0.9em;
	width:95%;
	margin: 5px;
	color: #2B3850;
	float: left;
}

div#footer{
	margin: 0;
	padding: 5px 0 0 0;
	width:100%;
	float: left;
}

div#footer ul{
	float: left;
	padding: 0 0 0 10px;
}
div#footer ul li{
	float: left;
	clear: none;
	padding: 0 5px 0 0;
	color:#585757;
}
div#footer ul li a{color:#585757;}
div#footer p{
	color:#585757;
	float:right;
	font-size:0.9em;
	width: auto !important;
	margin: 0 5px 0 0;
}

div#footer.footerAddy{
	float:left;	
	width:100%;
}


/* ---------------------------------------------------
************ LAYOUT STYLES MAIN LAYOUT *******************
------------------------------------------------------ */

div#topBar{
	width:100%;
	height:25px;
	margin:2px 0 5px 0;
}

div#topBar div#menuleftside{
	float:left;
	width:160px;
	height:100%;
	margin:0 5px 0 0;
	
}

div#topBar div#topmenu{
	float:left;
	width:635px;
	height: 100%;
	background:url(../images/topmenubackground.gif) repeat-x top left #fff; 
}

div#topBar div#topmenu div#menuitems{
	width:70%;
	height:100%;
	float:left;
}

div#topBar div#topmenu div#menuitems ul{
	width:100%;
	float:left;
	padding: 5px 0 0 0;

}

div#topBar div#topmenu div#menuitems ul li{
	float:left;
	display:block;
}


div#topBar div#topmenu div#menuitems ul li a{
	color:#E9EBEF;
	font-size: 14px;
	font-weight:600;
	padding: 0 20px 0 20px;
	text-decoration: none;
	text-transform:capitalize;
}

div#topBar div#topmenu div#searchformholder{
	float:right;
	margin: 1px 5px 0 0;
	color:#E9EBEF;
	font-size: 14px;
	font-weight:600;
}

div#topBar div#topmenu div#searchformholder form#frmsearch{
	margin:0;
	padding:0;
}

div#topBar div#topmenu div#searchformholder form#frmsearch label{
	margin: 3px 5px 0 0;
	display:block;
	height:14px;
	float:left;
}

div#menu{
	clear:both;
	float:left;
	width:160px;
	height:100%;
	margin: 0 0 5px 0;
}

div#menu div.menuBlock{
	width:100%;
	margin: 0 0 5px 0;
}
div#menu div.menuBlock h2{
	background: #BDC7DC url(../images/leftMenu-header.gif) repeat-x;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	padding: 2px 0;
}
	
div#menu div.menuBlock ul{
	width:160px;
	height:85%;
	padding: 10px 0 10px 0;
}

div#menu div.menuBlock ul li{
 padding: 0 0 5px 0px;
}

div#menu div#bottom{
	height:100%;
}


a.menuLink{
	font-size:12px;
   color:#585757;
   text-decoration: none; 
   display:block;
   padding: 0 0 0 30px;
}

a.menuLink:hover{
	background:url(../images/menucursor.gif) no-repeat #A6B6D3;
	font-weight: 800;
	padding: 0 0 0 30px;
	display: block;
}

div#center{
	float:left;
	width:628px;
	margin:0px 0 5px 5px;
	padding: 10px 0 0 5px; 
	border-left:2px solid #565656;
}

div#product{
	float:left;
	width:100%;
	height:100%;
	margin: 0 0 10px 0;
}

div#product div#image{
	width:360px;
	height:350px;
	float:right;
}

div#productBigPicture div#image{
	float:left;
	height:auto;
	width:auto;
}

div#productBigPicture p{float:left;}
div#productBigPicture p a{color: #000;}

div#product div#info{
	float:left;
	height:100%;
	width: 268px;
	color: #3D578B;
}

div#product div#info div#porductpid{
	width:100%;
	height:14px;
	margin: 0 0 5px 0;
}

div#product div#info .pid{
	font-size:14px;
	font-weight: 800;
	color: #1A305A;
	display: inline;
}

div#product div#info div#features{
	margin: 20px 0 0 15px;
}

div#product div#info div#features ul li{
	width:90%;
	background:url(../images/featurecursor.gif) no-repeat;
	padding: 0 0 0 15px;
	margin:0 0 10px 0;
}

div#product div#info div.longWebDescription{
	width:90%;
	margin:0 0 0 15px;
}

div#product div#image div#pirce{
	float:left;
}

div#product div#image div#pirce .pirce{
	font-size:24px;
	color:#000;
}

div#product div#image div#manufacturerLogo{
	float:right;
}


div#basketadd{
	float:left;
	clear:left;
	margin:20px 0 10px 0;
	width:628px;
	text-align:right;
}

div#linkedProducts{
	clear:both;
	float:left;
	margin: 20px 0 0 0;
	width:100%;
	height:100%;
}

div#linkedProducts .pid{
	font-size:14px;
	font-weight: 800;
	color: #1A305A;
	display: block;
	width:100%;
	border-bottom: 2px solid #F48085;
}	
	
div#linkedProducts .showLinkedPid{
	font-size:10px;
	font-weight: 800;
	color: #383636;
	display: inline;
	width:100%;
}	
	
	
div#linkedProducts div.showProductListEntry{
	width:132px;
	float:left;
	margin:10px 31px 0 0;
	padding:0;
	text-align:center;
}

div#linkedProducts div.lastOne{
	margin:10px 0 0 0;
}

div#sortList{
	width:100%;
	height:20px;
	margin: 0 0 10px 0;
	padding: 0;
	background:#F5F6F9; 
}

div#sortList h2{
	font-size: 12px;
	color:#94A0B3;
	font-weight: 800;
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

div#sortList ul{
	width:85%;
	height:20px;
	float: left;
	padding: 0 0 0 20px;
	margin:0;
}

div#sortList ul li{
	float:left;
	margin: 0 65px 0 0;
}

div#sortList ul li.last{
	margin: 0;
	float:right;
}

div#sortList ul li a{
	font-size: 12px;
	color:#94A0B3;
}

div#pagelist{
	width:100%;
	float:right;
	height:20px;
	margin: 0;
	padding: 0;
	text-align:right;
}

div#pagelist a{
	padding: 0;
	margin: 0 0 0 3px;
	font-size: 12px;
	color:#94A0B3;
}

div#pagelist a.previous{
	margin: 0;
}

div.productList{
	clear:both;
	border-top: 1px solid #D7DEEB;
	padding: 10px 0 0 0;
}

div.productList div.productListEntry{
	/*background:#77a; */
	width:100%;
	margin:0 0 10px 0;
	height:117px;
}

.divColor{
	background:#F5F6F9; 
}


div.productList div.productListEntry div.imageBox{
	height:117px; 
	width:129px;
	float:left;
}

div.productList div.productListEntry div.imageBox img.image{
	float:left;
}

div.productList div.productListEntry .linkedPid{
	font-size:12px;
	font-weight: 800;
	color: #383636;
	display: inline;
	width:100%;
}

div.productList div.productListEntry div.Details{
	float:left;
	width:45%;
	height:100%;
	padding:5px;
	font-size:12px;
	color:#383636;
}

div.productList div.productListEntry div.priceBox{
	float:left;
	text-align:right;
	width:25%;
	height:100%;
	padding: 5px 5px 5px 0;
}

div.productList div.productListEntry div.priceBox p{
	width:100%;
	margin: 10px 0 0 0;	
}

div.productList div.productListEntry div.priceBox p a{
	font-size:12px;
	font-weight:800;
	color: #383636;
}

div.productList div.productListEntry div.priceBox p.price{
	font-size:18px;
	color:#000;
	margin:0 ;
}

div.productList div.productListEntry div.priceBox div.compare{
	width:100%;
	margin:15px 0 0 0;
}

div#items{
	width:100%;
	height:100%;
}

div#items div.cartItem{
	float:left;
	width:100%;
	height:90px;
	margin: 0 0 10px 0;
	
}

div#items div.cartItem div{
	float:left;
}


div#items div.cartItem div.basketItemText{
	width:40%;
	height:50%;
	margin: 35px 0 0 0;
}

div#items div.cartItem h2 a{
	float:left;
	font-size:12px;
	font-weight: 800;
	color: #383636;
	margin: 0 0 0 5px;
}

div#items div.cartItem h3{
	float:left;
	color:#000;
	font-size:14px;
	font-weight: 800;
	margin: 0 0 0 10px;
}

div#items div.cartItem div.basketRightCol{
	float:right;
	height:50%;
	margin: 30px 10px 0 0;
}

div#items div.cartItem div.basketRightCol ul li{
	margin: 0 0 5px 5px;
	color:#383636;
	float:left;
}

div#items div.cartItem div.basketRightCol ul li input{
	margin: 0 25px 0 0;

}

div#items div.cartItem div.basketRightCol ul li a{
	color:#383636;
	font-size:12px;
	font-weight: 800;
	display:block;
	margin: 4px 0 0 0;
}

div#items div.cartItem div.basketRightCol ul li a.update{
	margin-right:25px;
}

div#totals{
	border-top:1px solid #D7DEEB;
	width:100%;
	clear:both;
	margin: 10px 0 0 0;
	float:left;
}

div#totals div#grandTotal{
	width:50%;
	float:right;
	text-align:right;
	color:#000;
	font-size:14px;
	font-weight: 800;
	margin: 0 5px 0 0;
	
}

div#checkoutform{
	width:100%;
	margin: 10px 0;
	float:left;
	text-align:right;
}

h3.linked{
	color:#383636;
	font-size:12px;
	font-weight: 800;
}

div#checkout{
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
}

div#checkout fieldset{
	margin:0 0 10px 0;
	padding:0;
	border:0;
}

div#checkout div.left{
	width:100%;
	float:left;
	text-align:right;
	margin: 0 0 5px 0;
}

div#checkout div.left label{
	text-align:left;
	width:25%;
	display:block;
	float:left;
	margin: 3px 0 0 0;
}

div#checkout div.left label.checkboxbullet{
	width:35%;
}

div#checkout div.left label.termsbullet{
	width:40%;
}

div#checkout div.left input{
	text-align:left;
	padding: 0;
	float:left;
}

div#checkout div.left textarea{
	text-align:left;
	padding: 0;
	float:left;
    width: 35%;
    height: 120px;
}
div#checkout div.left input.text{
	width:35%;
}

div#checkout div.left span{
	text-align:left;
	padding: 0;
	float:right;
	width:35%;
	color:#EE2E35;
	font-size:10px;
	font-weight: 300;
}

div#checkout div.formComplete{
	width:100%;
	margin: 10px 0;

}

div#checkout input{
	float:left;
}

div#checkout input#checkoutnext{
	float:right;
}

div.static{
	width:100%;
}

div.static h1{
	color:#383636;
	font-size:14px;
	font-weight: 800;
}

div#compareproducts table.compareRow tr td.compareproduct h2 a{
	color:#383636;
	font-size:14px;
	font-weight: 800;
}

div#compareproducts{
	margin: 0 0 10px 0;
}

div.static p{
	color:#585757;
	width:95%;
	font-size:12px;
	font-weight: 300;
	padding:5px;
}

div.static a{
	color:#585757;
	font-size:12px;
	font-weight: 300;	
}

div.hotoffer{
	width:100%;
	color:#383636;
	font-size:14px;
	font-weight: 800;
}

div#compareproducts table.compareRow tbody tr td.compareproduct{
	padding:2px;
	text-align:center;
}


div#compareproducts table.compareRow tbody tr td.compareproduct a{
	color:#383636;
	font-size:12px;
	font-weight: 800;
}

#productGroups{
	background: #F5F6F9;
	width:100%;
	height:100px;
	margin: 0 0 10px 0;
}

#productGroups h1{
	color:#383636;
	display:inline;
	font-size:14px;
	font-weight:800;	
	width:50%;
	height:14px;
	padding: 10px 0 0 10px;
	display:block;
}

#productGroups ul.pdGroupUl {
	margin: 10px  0 0 20px;
}

#productGroups ul.pdGroupUl li{	
	background: url(../images/featurecursor.gif) no-repeat;
	padding: 0 0 0 16px;
	margin: 0 20px 0 0;
	float:left;
}

#productGroups ul.pdGroupUl li a{
	color:#585757;
	display:block;
	font-size:12px;
	padding:0;
}

.error {width: 35%; border: 2px solid #ff0000;}

.finish{
	color:#585757;
	font-size:12px;
	font-weight:300;	
	padding:5px;
	width:95%;
}

.finish li{
        padding:2px;
}

.iefix {margin: 0!important; padding:0!important;}
.iefix font {padding:20px 5px 0 20px; width: 270px;display: block;margin-bottom: 20px;}