﻿
/* -- Tag Styles -- */

body, form, h1, h2, h3, h4, h5, h6, p, ul, ol, dd, fieldset
{
	margin: 0px;

}

img
{
	border: 0;
	font-size: 0.6em;
}

fieldset
{
	border: 0;
	padding: 0;
	float: left;
}

address
{
	font-style: normal;
	line-height: 1.3em;
}

ul, ol, dd
{
	padding: 0px;
	list-style-type: none;
}

li
{
	display: inline;
}

ul.disc
{
	list-style-image: none;
	list-style-type: disc;
	margin-left: 8px;
	padding-left: 8px;
}

ul.disc li
{
	display: list-item;
	margin-top: 8px;
}


a.arrow {
background:transparent url(../images/arrowd.gif) no-repeat scroll left center;
display:block;
font-weight:bold;
line-height:1.3em;
padding-left:16px;
color: #333333;
font-size:0.69em;
font-family:Arial,Sans-Serif;
}

a.arrow hover {
 text-decoration: none !important; 
}


/* -- Main Page Layout -- */

#pageWrapper
{
	width: 800px;
	margin: 0 auto;
	background-color: #FFF;
}

#masthead
{
	width: 770px;
	min-height: 95px;
}

#masthead h1
{

}

#masthead .bannerContainer
{
	float: left;
}

#masthead .banner1
{
	float: left;
}

#masthead .banner2
{
	float: left;
	padding: 0px 0px 0px 10px;
}

#container
{
	width: 770px;
	clear: left;
	margin-top: 10px;
}



#content
{
	float: right;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	padding-top: 3px;
	width: 592px;
}

/*-- Search --*/

#searchWrapper
{

	width: 750px;
	height: 26px !important;
	height: /**/ 32px;
	padding: 10px 10px 2px 10px;
	clear: both;
	background: #e9e9e9 url(../images/nav/srchgrad.gif) repeat-x;
}

#searchWrapper .btnSearch
{
	margin: 0px 0px -4px 0px;
}

.searchBlock
{
 width: 100%;
	float: left;

}

/* -- Header --  */

#mhlinksBlock
{
	width: 420px;
	float: right;
	text-align: right;
	margin-top: 15px;
}

.imgLogo
{
	margin: 15px 3px 15px 0px;
	float: left;
}

#mhlinksBlock .banner
{
	margin: 0px 0px 10px 0px;
}

/* -- Header Links -- */

#linksBlock
{
	margin-top: 15px;
	min-height: 10px;
	text-align: right;
	font-size: 0.65em;
}

#linksBlock li
{
	margin-left: 1.5em;
	text-transform: uppercase;
}



/* -- Basket and Account Links -- */

#epbAndAccWrapper
{
	width: 100%;
	min-height: 26px;
	padding-right: 2px;
	font-size: 0.65em;
}

#epbWrapper
{
	float: right;
	margin-left: 40px;
	padding-bottom: 4px;
	background: url(../images/nav/horizontal-dots.gif) bottom right repeat-x;
}

#epbBlock
{
	float: left;
}

#epbBlock li
{
	margin-left: 8px;
}

#epbBlock li#view
{
	float: left;
	margin-left: 0px;
	padding-right: 17px;
	min-height: 13px;
	background: url(../images/nav/listicon.gif) center right no-repeat;
}

/* -- Top Nav Menu -- */

ul#topnav
{
	float: left;
	width: 770px;
	text-align: center;
	background: #f55500 url(../images/nav/topnavbg-mini.gif) top left no-repeat;
	height: 25px;
}

ul#topnav li
{
	display: block;
	float: left;
}

ul#topnav li a
{
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.6em;
	line-height: normal;
	padding-top: 4px;
	min-height: 20px;
	
 padding: 4px 15px;
	
}

ul#topnav li:hover, ul#topnav li.on
{
	background: #a6a6a6 url(../images/nav/topnavoverbg.gif) 0px 0px no-repeat;
	 height: 25px;
}
ul#topnav li a:active, ul#topnav li a:focus
{
	background: #a6a6a6 url(../images/nav/topnavoverbg.gif) top left no-repeat;
}

ul#topnav li#seperator 
{
	width: 3px;

}

/* -- Sub Menu -- */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/ font:normal 10px Verdana; margin:0px; padding:0px; position:absolute; left:0px; top:0px; list-style-type:none; border-bottom-width: 0px; z-index: 100; border:1px solid #F55500;  background:#fff url(../images/nav/submenubg.gif) repeat-x top left; }
.ddsubmenustyle { border-top:none; }
.ddsubmenustyle li { border:none;  }
.ddsubmenustyle li a{ display:block;width:153px;color:#223064; background:url(../images/nav/menu_divider.gif) no-repeat center bottom; text-decoration: none; padding:10px 18px 8px 13px; padding:10px 18px 4px 13px;}
.ddsubmenustyle li a.lastItm{background:none; }
.ddsubmenustyle li a.firstItm { margin-top:8px; }
.ddsubmenustyle li a:visited { color:#223064;}
.ddsubmenustyle li a:hover{background:url(../images/nav/menu_activebg.gif) repeat-y left top; color:#223064; text-decoration:none;}
.ddsubmenustyle li a.ActiveMenuLink, .ddsubmenustyle li a.ActiveMenuLink:hover {background:url(../images/nav/menu_activebg.gif) repeat-y left top; color:#223064; text-decoration:none;}
.ddsubmenustyle li a.ActiveMenuLinkfirstItm, .ddsubmenustyle li a.ActiveMenuLinkfirstItm:hover{ margin-top:8px; background:url(../images/nav/menu_activebg.gif) repeat-y left top; color:#223064; text-decoration:none; }
.ddsubmenustyle li a.lastItm:hover{background:url(../images/nav/menu_activebg.gif) repeat-y left top; color:#223064;  text-decoration:none;}
* html .ddsubmenustyle li a{ /*IE6 CSS hack*/ display: inline-block; height:16px; }

.hoverMenuStyle
{
	
}

/* -- Breadcrumb -- */


#bcrumbWrapper
{
	width: 760px !important;
	width: /**/ 770px;
	padding: 7px 0px 8px 10px;
	margin: 0px 0px 10px 0px;
	background: url(../images/nav/horizontal-dots.gif) bottom left repeat-x;
}

#bcrumbWrapper h2
{
	float: left;
	font-weight: normal;
	font-size: 0.65em;
	color: #333333;
	font-family:Arial,Verdana,Sans-serif;
	
}

#bcrumbWrapper .contactNo
{
	float: left;
	font-weight: normal;
	font-size: 0.65em;
	width: 350px
}

#bcrumbBlock
{
	width: 670px;
	margin-left: 4px;
	float: left;
	padding: 0px;
	display: block;
}

#bcrumbBlock li
{
	padding-left: 6px;
	margin-right: 5px;
	font-size: 0.65em;
	display: block;
	float: left;
	background: url(../images/nav/small-arrow.gif) center left no-repeat;
}

#bcrumbBlock li.home
{
	background: none;
	margin-left: 0px;
	padding-left: 0px;
}

.bcrumbdelim
{
	margin: 4px 0px 2px 0px;
}

/* -- Main Page Layout -- */

#container
{
	width: 770px;
	clear: left;
	margin-top: 10px;
	background: url(../images/nav/vertical-dots.gif) 167px 1px repeat-y;
}

#content
{
	float: right;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	padding-top: 3px;
	width: 592px;
}

/* -- Left Nav -- */

#nav {
	float:left;
	width:149px !important;
	width /**/:168px;
	padding:0 11px 0 8px;
}


#nav h4
{
	background: url(../images/nav/horizontal-dots.gif) top left no-repeat;
	margin: 0px;
	margin-top: 8px;
	padding-top: 8px;
	padding-bottom: 3px;
}

.navBlock ul li.last
{
	background: none;
}
/*
.navBlock ul li, .navBlock ul li.more, .navBlockStatic ul li
{
	background: url(../images/nav/horizontal-dots.gif) bottom left repeat-x;
}

.navBlock ul li.more, .navBlockStatic ul li.more
{
	background: url(../images/nav/horizontal-dots.gif) top left repeat-x;
}
*/

.navBlock ul li.separator
{
	background: url(../images/nav/horizontal-dots.gif) top left repeat-x;
	display:block;
min-width: 141px;
height: 1px;
}

/*-- Product Filter Box --*/

#nav h4 {
	margin: 0px;
	margin-top: 8px;
	padding-top: 8px;
	padding-bottom: 3px;
}

#nav h5 {
	margin-bottom: 4px;
	padding: 3px 0px 4px 6px;
	background-color: #e9e9e9;
}

.navBlock {
	padding-top: 7px;
	float: left;
}

.navBlock ul li, .navBlock ul li.more {
	display: block;
	padding-left: 6px;
	float: left
}

.navBlock ul li.more {
	padding-top: 2px;
}

.navBlock li a {
	display: block;
	width: 141px;
	padding: 3px 0px 4px 0px;
}

.navBlock ul li.navtlt {
	margin-bottom: 4px;
	padding: 3px 0px 4px 6px;
	background: none;
	background-color: #f3f1f2;
	color: #f60;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}

#container2
{
	width: 770px;
	clear: left;
	margin-top: 10px;
	
}

#content2
{
	float: right;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	padding-top: 3px;
	width: 582px;
}

/* -- Left Nav -- */

#nav2 {
	float:left;
	width:150px !important;
	width /**/:168px;
	padding:0 11px 0 8px;
}

#lblFilterResults
{
	
	margin: 0px;
	margin-top: 8px;
	padding-top: 8px;
	padding-bottom: 3px;
}

#priceFilter
{
	min-width:141px;
}

#priceFilter .btnGo
{
	margin: 2px 0px 0px 0px;
}


/* -- Helper classes -- */

#fullWidthWrapper
{
	width: 755px;
	padding-left: 15px;
	margin-top: 13px;
}

#centreCol
{
	float: left;
	width: 530px;
}

#rightCol
{
	float: right;
	width: 207px;
}

.heading
{
	clear: both;
	padding: 5px 0px 5px 10px;
}

.dblDivider10
{
	height: 21px;
	width: 100%;
	float: left;
}

.dblDivider5
{
	height: 11px;
	width: 100%;
	float: left;
}

.sglDivider10
{
	height: 11px;
	width: 100%;
	float: left;
}

.genericBlock
{
	width: 592px;
	clear: both;
}

.blankDivider
{
	margin-bottom: 15px;
}

.blankDividerTopBtm
{
	margin: 15px 0 20px 0;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

#clear, .clear
{
	clear: both;
	height: 0;
	overflow: hidden;
}

.hidden
{
	visibility: hidden;
	display: none;
}

.postIt
{
	position: absolute;
	left: -4000px;
	display: none;
	visibility: hidden;
}

.emphasis{/* As very often with H2 class for titling */
	padding:10px 0 10px 0;
	margin: 0px 0 10px 0;
	border-bottom: 1px dashed #cccccc;
	border-top: 1px dashed #cccccc;
}

.dottedSeperator
{
	background: url(../images/nav/horizontal-dots.gif) top left no-repeat;
	margin: 0px;
	margin-top: 8px;
	padding-top: 8px;
	padding-bottom: 0px;
}

th.dottedSeperator, td.dottedSeperator{
	padding: 10px 0;
	background: url(../images/nav/horizontal-dots.gif) bottom left repeat-x;	
}


/* -- buttons -- */
 
.buttonOrange
{
    background-color: #F6A134;
    border-left:1px solid #F6A134;
    border-top:1px solid #F6A134;
    border-right:1px solid #E35400;
    border-bottom:1px solid #E35400;
    color: white;
	font-size: 10px;
	font-weight:bold;
	height:25px;
    background-image: url('../images/buttons/button_background_orange.gif');
} 

 .buttonSilver
{
    background-color: #ffffff;
    border-left:1px solid #CBCBCB;
    border-top:1px solid #CBCBCB;
    border-right:1px solid #6E6E6E;
    border-bottom:1px solid #6E6E6E;
    color: #000000;
	font-size: 10px;
    background-image: url('../images/buttons/button_background.gif');
} 

/* --Product Listing -- */

#itemBox
{
	border: 1px solid #EEEEEE;
	float: left;
	margin: 1px 2px 4px 2px;
	min-width: 169px;
}

#itemBox a
{
	text-decoration: none;
	cursor: pointer;
}

#itemBox .itemImage
{
	padding: 11px;
height:170px;
width: 169px;
}

#itemBox .itemImage img
{
	
max-height:170px;
max-width: 169px;
}


#itemBox .collectionImage
{
	padding: 11px;
	height:170px;
width: 169px;

}

#itemBox .collectionImage img
{
	
max-height:170px;
max-width: 169px;
}



#itemBox .detailsBox
{
	
	background-color: #eeeeee;
	min-height: 60px;
	padding: 2px 0px 0px 11px;
	width: 180px;
}

#itemBox .title
{
	margin: 4px 0px 6px 0px;
	min-height:40px;
}

#itemBox .description
{
	margin: 0px 0px 4px 0px;
	min-height: 30px;
}

#itemBox .productCode
{
	margin: 0px 0px 4px 0px;
	font-size: 9px;
}

#itemBox .productPrice
{
	bottom: 0.1em;
	margin: 1px 0px 0px 0px;
	position: relative;
}

#itemBox .super
{
	bottom: 0.6em;
	position: relative;
}

#itemBox .wasPrice
{
	background: #EEEEEE none repeat scroll 0 0;
	float: right;
	margin-top: -18px;
	padding-bottom: 2px;
	padding-left: 7px;
	padding-right: 3px;
}


/* -- Latest Product Listings -- */

#newItemBox
{
	border: 1px solid #EEEEEE;
	float: left;
	margin: 1px 2px 4px 2px;
	max-width: 141px;
}

#newItemBox a
{
	text-decoration: none;
	cursor: pointer;
}

#newItemBox .itemImage 
{
	padding: 11px;
	height:130px;


}

#newItemBox .itemImage img
{
	
max-height:130px;
max-width:118px;

}

#newItemBox .detailsBox
{
	
	background-color: #eeeeee;
	min-height: 60px;
	padding: 2px 0px 0px 11px;
	width: 131px;
}

#newItemBox .title
{
	margin: 4px 0px 6px 0px;
	min-height:40px;
}

#newItemBox .description
{
	margin: 0px 0px 4px 0px;
	min-height: 30px;
}

#newItemBox .productCode
{
	margin: 0px 0px 10px 0px;
	font-size: 9px;
}

#newItemBox .productPrice
{
	bottom: 0.1em;
	margin: 1px 0px 0px 0px;
	position: relative;
}

#newItemBox .super
{
	bottom: 0.6em;
	position: relative;
}

#newItemBox .wasPrice
{
	background: #EEEEEE none repeat scroll 0 0;
	float: right;
	margin-top: -18px;
	padding-bottom: 2px;
	padding-left: 7px;
	padding-right: 3px;
}


.headerPane
{
	margin: 15px 0px 5px;
	width: 585px;
	height: 36px;
	
}

.headerPane h1
{
	width: 433px;
	height: 29px;

	clear:both;
	background-position:0 0;
	background-repeat:repeat-x;
color:#FFFFFF;
font-size:1.5em;
letter-spacing:-0.02em;
line-height:1.1;
font-family:Arial,Helvetica,Geneva,sans-serif;

padding:4px 140px 9px 12px;

}

.headerPane a.lnkCategory
{
	float:right;
margin:0 -128px 0 0;
width:80px;
}



.headerPane h1 a
{
	float:left;
 text-decoration: none;
color:#FFFFFF;
display:block;
width: 430px;

}

/* -- ProductType Listings -- */

#smallItemBox
{
	border: 1px solid #EEEEEE;
	float: left;
	margin: 1px 2px 4px 2px;
	max-width: 141px;
}

#smallItemBox a
{
	text-decoration: none;
	cursor: pointer;
}

#smallItemBox .itemImage 
{
	padding: 11px;
	height:130px;


}

#smallItemBox .itemImage img
{
	
max-height:130px;
max-width:118px;

}

#smallItemBox .detailsBox
{
	
	background-color: #eeeeee;
	min-height: 50px;
	padding: 5px 0px;
	width: 141px;
}

#smallItemBox .title
{
	margin: 4px 0px 6px 0px;
	min-height:40px;
}

/*-- Product Recommendation Box --*/

.productSuggestionBoxContainer {
border:2px solid #F1EFEE;
clear:both;
float:left;
margin-top:15px;
padding-bottom:5px;
width:756px;


}



.productSuggestionBoxContainer .headerBar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F1EFEE none repeat scroll 0 0;
color:#494C4E;
font-weight:bold;
margin-bottom:8px;
padding:6px 15px;
width:727px;
font-family:Arial,Helvetica,Geneva,sans-serif;
font-size:15px;
float:left;
}

.productSuggestionBoxContainer .title 
{
	color: #333;
	text-decoration: none;
}


.productSuggestionBoxContainer .title  a:hover
{
	color: #333;
	text-decoration: none;
}

.productSuggestionBoxContainer .title  a:hover
{

	text-decoration: none;
}

.productSuggestionBoxContainer h2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F1EFEE none repeat scroll 0 0;
color:#494C4E;
font-weight:bold;
margin-bottom:8px;
padding:6px 15px;
width:727px;
font-family:Arial,Helvetica,Geneva,sans-serif;
font-size:15px;
}

.productSuggestionBox 
{
	float: left;
	max-width:141px;
padding: 0px 5px;
}


.productSuggestionBox .productImage
{
	
	
}


.productSuggestionBox .productDescription
{
	
	 padding: 5px 0px 0px 0px;
	 text-align: center;
	 text-decoration: none;
}

.productSuggestionBox .productDescription a:hover
{
	
	
	 text-decoration: none;
}

.productSuggestionBox img
{
	 max-height: 115px;
	 max-width: 135px;
	
}


.productSuggestionBox .wasPrice
{ 
	text-align: center;
	 font-size: 10px;
	 color: #333;
}

.productSuggestionBox a.wasPrice
{ 
	text-align: center;
	 font-size: 10px;
	 color: #333;
}

.productSuggestionBox .nowPrice
{
	 text-align: center;
	font-size: 11px;
	color: #FF3333;
	font-weight: bold;
}


.productSuggestionBox .productCode
{
	 text-align: center;
	font-size: 10px;
	color: #f60;
	margin:2px 0px;
	display: inline-block;
	
}


/*-- Range Switcher  --*/

/* Range Switch 																				*/
/*------------------------------------------------------*/

#rangeSwitcherBlock {
	width: 149px;
	float: left;
	background: url(../images/FilterCart/switcherbottom.gif) bottom left no-repeat;
}

#rangeSwitcherBlock .capsuleBlock {
	width: 147px;
	padding: 0;
}


#rangeSwitcherBlock h6 {
	background: url(../images/FilterCart/barf60149_repeat.gif) top left repeat-y;
}
#rangeSwitcherBlock span.h2Top {
	background: url(../images/FilterCart/barf60149_top.gif) top left no-repeat;
}
#rangeSwitcherBlock span.h2Title {
	background: url(../images/FilterCart/barf60149_mid.gif) top left no-repeat;
}
#rangeSwitcherBlock span.h2Bottom {
	background: url(../images/FilterCart/barf60149_btm.gif) bottom left no-repeat;
}


#rangeSwitcherBlock ul {
	width: 135px;
	background: none;
	padding: 0px 6px 0px 6px;
	float: none;
}

#rangeSwitcherBlock ul li {
	margin: 0;
	padding: 0;
	width: auto;
	float: none;
	text-align: left;
	background: none;
}

#rangeSwitcherBlock li.full {
	display: block; 
	padding-bottom: 5px; 
	line-height: 1em;
	background: url(../images/nav/horizontal-dots.gif) bottom left no-repeat;
}

#rangeSwitcherBlock li.last {
	display: block; 
	padding-bottom: 5px; 
	line-height: 1em;
	
}


#rangeSwitcherBlock li.online {
	display: block; 
	margin-top: 0px; 
	margin-bottom: 4px;
}

#rangeSwitcherBlock li span {
	padding-left: 10px; 
}

#rangeSwitcherBlock a span {
	padding-left: 0px;
	background: none;
}

#rangeSwitcherBlock a {
	margin-left: 10px;
}



#rangeSwitcherBlock ul li a span {
	background: none;
}

#rangeSwitcherBlock img.remove
{
	margin: 0px -5px -2px 0px;
}

/* Generic capsule styles: caspuleWrapper, basicWrapper

	 capsuleWrapper creates orange curved banners				

	 basicWraper creates straight grey bar	*/
													
/*-- Capsule Wrapper --*/


.capsuleWrapper {
	width: 592px;
	padding-bottom: 7px;
	position: relative;
}

.capsuleWrapper h6 span.h2Top {
	height: 4px;
	overflow: hidden;
	display: block;	
}

.capsuleWrapper h6 span.h2Title {
	padding-left: 10px;
	display: block;	
}

.capsuleWrapper h6 span.h2Bottom {
	height: 4px;
	overflow: hidden;
	display: block;	
}

.capsuleWrapper .icon {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 80px;
}

.capsuleBlock {
	border: 1px solid #d6d6d6;
	border-bottom: 0;
	width: 569px;
	padding-left: 11px;
	padding-right: 10px;
	float: left;
}


.capsuleWrapper {
	background:  url(../images/FilterCart/bottomgrad592.gif) bottom left no-repeat;
}
.capsuleWrapper h6 {
	background: url(../images/FilterCart/barf60592_repeat.gif) top left repeat-y;
}
.capsuleWrapper h6 span.h2Top {
	background: url(../images/FilterCart/barf60592_top.gif) top left no-repeat;
}
.capsuleWrapper h6 span.h2Title {
	background: url(../images/FilterCart/barf60592_mid.gif) top left no-repeat;
}
.capsuleWrapper h6 span.h2Bottom {
	background: url(../images/FilterCart/barf60592_btm.gif) top left no-repeat;
}
.basicWrapper h2 span.h2Title {
	background: url(../images/FilterCart/barbg.gif) top left repeat-x;
}
.capsuleBlock ul, .basicBlock ul {
	background: url(../images/nav/horizontal-dots.gif) top left repeat-x;
}
.capsuleBlock ul.first, .basicBlock ul {
	background: none;
}
.capsuleBlock li, .basicBlock li {
	background: url(../images/nav/vdotsd61px.gif) top left repeat-y;
}

.capsuleBlock li.first, .basicBlock li.first {
	background: none;
}

.capsuleBlock p.clickRemove
{
	margin: 10px 0px 0px 0px;
}


.capsuleBlock img.clickRemove
{
	margin: 0px 0px -1px 0px;
}


/*-- Product Container --*/

#ProductContainer
{

float:left;
width:770px;
padding: 10px 0px 0px 0px;
}


#ProductContainer .backButton
{
float:left;	
margin: 20px 0px;
}

#ProductContainer .backButton img
{
	margin: 0px 5px 0px 0px;
}

#ProductContainer .ProductOrderDetails
{
	float:right;
width:370px;
padding: 0px 10px 0px 0px;
}

#ProductContainer .productPrice {
height:auto;
margin-bottom:5px;
}

#ProductContainer .WasPrice
{
display:block;
height:15px;
}

#ProductContainer .NowPrice
{
display:block;
height:12px;
margin-bottom:20px;
}

#ProductContainer H1
{
	font-family:verdana,arial,sans-serif;
display:block;
margin-top:15px;
}

#ProductContainer .ProductImage
{
float:left;
width:360px;
}

#ProductContainer .ProductImage img
{
max-width: 355px;
}

#ProductContainer .ProductThumbnail
{
	float:left;
	margin: 20px 0px 0px 0px;
}

#ProductContainer .ProductThumbnail img
{
	 max-height: 170px;
}


#ProductContainer .ProductDescription
{
	margin: 5px 0px 5px 0px;
	height:auto;
}

#ProductContainer .label 
{
	color: Black;
	font-weight:bold;
	font-size: 12px;
}

#ProductContainer .txtQty
{
	width: 20px;
}

#ProductContainer .AddToBasket
{
	margin: 20px 0px 0px 0px;
}

/* -- Tabbed Product Information -- */

#productDetailsContainer
{
	width:370px
}

#productDetailsContainer .productInformation
{
	min-height: 100px;
	border-left: solid 1px #D5D5D5;
	border-right: solid 1px #D5D5D5;
	border-bottom: solid 1px #D5D5D5;
	margin:0px 0px 0px 1px;
	padding: 10px 10px 10px 10px;
}

#productDetailsContainer H2
{

}

#tblDeliveryRates
{
	
	border: solid 1px #AEAEAE;
}

#tblDeliveryRates td.spacer
{
	 padding: 0px;
}

#tblDeliveryRates td
{
	 padding: 5px;
}

#tblDeliveryRates .header
{
background-color: #666666;
 color: White;
 font-weight:bold;
 
}

#tblDeliveryRates tr.alternateRow td
{
background-color: #F3F1F2;
}


.similarItemsContainer
{
	background-image:url(../images/More-like-this-banner.jpg);
	background-repeat:repeat-x;
	background-position:top;
 width: 369px;
 height: 103px;	
margin:10px 0px 0px;
padding:30px 0 0;
}

.similarItemsContainer ul
{
margin-top:10px;
padding-bottom:0;
position:relative;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow:hidden;
padding:0 0 0 10px;
}

.similarItemsContainer ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav/orange_arrowd.gif) no-repeat scroll 0 9px;
padding:4px 0 0 12px;
display: block;

}



/*  -- Paging -- */

.pagingBlockTop, .pagingBlockTopWithSort,
.pagingBlockBottom, .pagingBlockBottomWithSort {
	float: left;
	/*width: 585px;*/
	clear: both;
	margin-bottom: 10px;
}

.pagingBlockTopWithSort legend, .pagingBlockBottomWithSort legend {
	display: none;
	visibility: hidden;
}

.pagingBlockTopWithSort select, .pagingBlockBottomWithSort select{
	margin-left: 6px;
}

.pagingBlockTop {
	padding-bottom: 10px;
	
}

.pagingBlockTop .right, .pagingBlockTopWithSort .right,
.pagingBlockBottom .right, .pagingBlockBottomWithSort .right {
	min-width: 45%;
	text-align:right;
}

.pagingBlockTopWithSort span.fhViewSize, .pagingBlockBottomWithSort span.fhViewSize {
    margin-left: 10px;
}

.pagingBlockTopWithSort p {
    padding-bottom: 6px;
}

.pagingBlockBottomWithSort p {
	padding-bottom: 3px;
}

.pagingBlockBottom p {
	padding-top: 3px;
}

.pagingTools {
	margin-left: 15px;
}

.pagingTools span.pToolPrev {
	margin-right: 4px;
}

.pagingTools span.pToolNext {
	margin-left: 4px;
}

/* -- Shopping Basket Table -- */

#ShoppingBasketContainer
{
	width: 770px;	
	
}


#ShoppingBasketContainer Table.footer
{
	
	
	
 width: 100%;	

}

#ShoppingBasketContainer .basketFooter
{
	background-image:url(../images/dot_border.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #F4F4F3;
	font-size:0.7em;
	color:#000000;
	font-weight:bold;
}

#ShoppingBasketContainer td.subTotal
{
  width: 574px;
  text-align: right;
  padding: 15px 0px 7px 0;
}

#ShoppingBasketContainer td.subTotalValue
{
  width: 70px;
   text-align: right;
    padding: 15px 0px 7px 0;
}
#ShoppingBasketContainer td.colRemove
{
 width: 62px;
  text-align: right;
}

#ShoppingBasketContainer td.delivery
{
 padding:0px 0px 10px;
  text-align: right;
}

#ShoppingBasketContainer td.discount
{
 padding:0px 0px 10px;
  text-align: right;
  color: #f60;
  font-weight: bold;
}

#ShoppingBasketContainer td.total
{
font-size:14px;
padding: 5px 0px 10px;
 text-align: right;
}



.table_shoplist {
	margin:2px 0px 0px 0px;
}
.table_shoplist th {
	padding:3px 4px 3px 4px;
	background-color:#f4f4f3;
	border-top: 1px solid #f60;
	height: 34px;
}
.table_shoplist td {
	padding:8px 4px 8px 4px;
	vertical-align:top;
}
.ShopListProductImage {
	width:50px;
	text-align:left;
}
.ShopListProductWidthCheckout {
	width:534px;
	width/**/:534px !important;
}
.ShopListProductText {
	width:350px;
	text-align:left;
}
.ShopListQTY {
	width:55px;
	text-align:center;
}
.ShopListPrice {
	width:140px;
	text-align: right;
}
.TextCentre {
	text-align:center;
}
.table_shoplist td.ShopListPrice {
	text-align:right;
}


.ShopListTotalPrice {
	width:70px;
	text-align: right;
}
.table_shoplist td.ShopListTotalPrice {
	text-align:right;
}
.ShopListRemove {
	width:62px;
	text-align:center;
}
.ShopListMovebasket {
	width:107px;
	text-align:center;
}
.table_shoplistTotal {
	text-align:right;
	margin:0px;
	padding:0px;
}
.table_shoplist tfoot td {
	margin:0 0 0 0;
	padding:6px 0 6px 0;
}
 .table_shoplistTotal tbody tr td {
	margin:0 0 0 0;
	padding:0 4px 2px 0;
}
.table_shoplist .table_shoplistTotal th {
	background-color:#FFF;
	vertical-align:bottom;
}
.table_shoplist .table_shoplistTotal td {
	width:100px;
	vertical-align:bottom;
}

 tr.shoplistRow {
	background-image: url(../images/dot_border.gif);
	background-repeat: repeat-x;
	background-position: top;
}
tr.shoplistFooterRow {
	background-image:url(../images/dot_border.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #F4F4F3;
	font-size:0.7em;
	color:#000000;
	font-weight:bold;
}
.table_shoplistTotal tbody th {
	background-image:none;
	border:none;
}
 .table_shoplistTotal tbody tr {
	background-image:none;
	border:none;
}
 .alternaterow {
	background-color: #fcfcfc!important;
}

.shoppingBasket-lblSubtotal
{
	float:right;
	margin: 7px 0px 7px 0px;
	
}

.shoppingBasket-lblDiscount
{
	float:right;
	margin: 7px 0px 7px 0px;
	color: #f60;
	
}

.shoppingBasket-lblDelivery
{
	float:right;
	margin: 0px 0px 10px 0px;
}
.shoppingBasket-lblTotal
{
	float:right;
	margin: 5px 0px 2px 0px;
	font-size: 14px;
}
.shoppingBasket-subtotal
{
	float:right;
	margin: 7px 0px 7px 0px;
}
.shoppingBasket-discount
{
	float:right;
	margin: 7px 0px 7px 0px;
}

.shoppingBasket-delivery
{
	float:right;
	margin: 0px 0px 10px 0px;
}
.shoppingBasket-total
{
	float:right;
	margin: 5px 0px 2px 0px;
	font-size: 14px;
}

.btnContinueShopping
{
    margin: 20px 0px 10px 0px;
}

.btnProceedToCheckout
{
     margin: 20px 0px 10px 0px;
}

.imgCheckoutProcess
{
   padding: 20px 0px 10px 0px;  
}

/*  -- Checkout Forms -- */

.FormBox {
	padding:3%;
	border:#cccccc solid 1px;
	background-color:#f9f9f9;

	height: 1%;
	display: table;
	margin-bottom: 12px;
}

	.divider_dashed {
	border-bottom: 1px dashed #cccccc;
	height:1px;
	width:auto;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	line-height:0;
}

/* -- ValidationSummary -- */
.ValidationSummary{ 
	padding:10px;
	background-color:#FFFFCC;
	border:#CC0033 solid 1px;
	margin:0 0 10px 0;
	color: #3A3A3B;
	font-size: 0.70em;
	width:750px;
}

/* Create Account Container */
#CreateAccountContainer
{ 
     width: 435px;
     margin: 0px 0px 0px 0px;
}

.FormBoxTable
{
}

.FormBoxTable td.Title
{
    width:235px;
}

.FormBoxTable td.Input
{
    width:160px;
}

/* -- Review Order -- */

#ReviewOrderContainer
{
    width: 770px;	
}

#ReviewOrderContainer .imgBox
{
	background-color:#F9F9F9;
border:1px solid #CCCCCC;
color:#666666;
margin:10px 0px;
padding:5px;
}

/* --  Order Confirmation -- */

#OrderConfirmationContainer
{
    width: 770px;	
}

#OrderConfirmationContainer .imgBox
{
	background-color:#F9F9F9;
border:1px solid #CCCCCC;
color:#666666;
margin:10px 0px;
padding:5px;
}


/* -- Store Finder -- */ 

#storeFinderResultsHeaderBlock {
	width: 100%;
	padding-bottom: 10px;
}
#storeFinderResultsHeaderBlock h1 {
	display: inline;
}
#storeFinderResultsHeaderBlock h1 a {
	font-size: 0.6em;
}
#storeFinderResultsHeaderBlock h1 span {
	text-transform: uppercase;
}

#storeDetailsWrapper,
#storeInfoListBlock,
#storeSearchAgainBlock {
	width: 760px;
}

#storeInfoBlock .basicWrapper {
	width: 244px;
}


.basicWrapper h2 span.h2Title {
	background: url(../images/barbg.gif) top left repeat-x;
	 width: 100%;
	 float:left;
	 height: 21px;
	 padding: 3px 0px 0px 11px;
	 margin: 5px 0px 0px 0px;
}

#storeFinderWrapper {
	width: 580px; 
	float: left;
}

/* -- termsContainer -- */

.termsContainer
{
	width: 760px;
}

.dblDivider10 {
	height: 21px;
	width: 100%; 
	float: left;	
		background: url(../images/horizontal-dots.gif) center repeat-x;
}

.dblDivider5 {
	height: 11px;
	width: 100%; 
	float: left;
		background: url(../images/horizontal-dots.gif) center repeat-x;
}

.sglDivider10 {
	height: 11px;
	width: 100%; 
	float: left;
		background: url(../images/horizontal-dots.gif) center repeat-x;
}

div.textBlock{
	
	margin-left:10px;
}


.textBlock {
	float: left;
	margin: 0px;
	margin-top: 0.7em;
	width: 100%;	
}

.blankDivider {
	margin-bottom: 10px;
}
div.bottomRight_link{
	clear:both;
	float:right;
	padding:0px 0px 0px 0px;
}

/* Footer 																							*/
/*------------------------------------------------------*/

div#footer {
background-color:#FFFFFF;
float: left;
width:770px;
padding: 4px 0px 0px 0px;
margin: 25px 0px 0px 0px;
}


#footer .footer-links {

background:#FFFFFF url(../Images/Nav/dotted_horizontal_bg.gif) repeat-x scroll 1px 1px;
min-height: 230px;

float:left;
width: 100%;
padding: 5px 0px 0px 0px;
}

#footer .footer-links dl {
position:relative;
}


#footer .footer-links .footer-links-customer-services {

width:150px;
}


#footer .footer-links dt {
color:#3A3A3A;
font-size:0.8em;
font-weight:bold;
top:2.0833em;
}

#footer .footer-links dd {
font-size:10px;
top:4.0909em;
}

.footer-links dt,#footer .footer-links dd{position:absolute;}

#footer .footer-links ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 5px 0px 5px 0px;


}

#footer .footer-links li {
margin:0;
padding:0;
display: block;
margin-bottom: 2px;


}


#footer .footer-links a:link, #footer .footer-links a:visited {
color:#737373;
}

#footer .footer-links a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../Images/Nav/arrow_3x6_e2006a.gif) no-repeat scroll left center;
margin:0 0 0 1px;
padding:0 10px;
}




#footer .footer-links .footer-links-brands {
left:180px;
width:230px;
}

#footer .footer-helpline
{
	float:right;
	margin: 23px 0px 0px 0px;
}

#footerBlock {
	clear: both;
	width: 770px; 
	background-color: #e9e9e9; 	
	border-top: 1px solid #d9d9d9; 
	padding: 7px 0px 6px 7px;
	margin-top: 30px;
	float: left;
	text-align:left;
	
}
/*
#footerBlock div{
	float: left; 
	width: 246px; 
	padding-left: 10px; 
	padding-bottom:8px;
}
*/

/* -- Generic Page Container -- */
#PageContainer
{
	width: 770px;
	clear: left;
	margin:-2px 0px;
}


/* -- Home Page -- */

#homePageContainer
{
	width: 770px;
	clear: left;
	margin:-2px 0px;
}

#homePageContainer .banner
{
	width: 599px;
	height: 174px;
	clear: left;
		background: url(../images/home-page/banner-shadowbox.jpg);
}

#homePageContainer .banner img
{
margin: 7px 0px 0px 8px;
 
}

#homePageContainer .imgTitle
{
	width: 250px;
	height: 304px;
	background: url(../images/home-page/feature-box.jpg);
	float: left;
}


#homePageContainer .titleText
{
color:White;
font-family:verdana;
font-size:23px;
padding:10px;
text-align:center;
}

#homePageContainer .titleText b
{ 
	font-weight: normal;
}

#homePageContainer .imgSlideShow
{
	width: 449px;
	height: 304px;

	float: left;
	margin: 0px 8px;
}

#homePageContainer .WallpaperTypeSearch
{
	float:left;
}

#homePageContainer .CategoryBoxes
{
	float:left;
}

#homePageContainer .CategoryBoxes h2
{
	color:#EE8222;
font-family:Verdana;
font-size:20px;
font-weight:100;
margin:10px 0;
}


#homePageContainer .WallpaperTypeSearch h2
{
	color:#EE8222;
font-family:Verdana;
font-size:20px;
font-weight:100;
margin:10px 0;
}

#homePageContainer .wallpaperTypeGrid
{
float: left;
	 width: 600px
}

#homePageContainer .categoryGrid
{
float: left;
	 width: 600px
}

#homePageContainer .imageBox
{
	float: left;
		margin: 0px 9px 7px 0px;
			text-align: center;
			width: 140px;
			
}



#homePageContainer .imageBox lnk
{
float:left;
			
}





/* --  News Ticker -- */
 .ticki {margin: 10px 0px;}
 
 /* --  Social Bookmark -- */
 
 #socialBookmarks
{
		clear:both;
		color: #666;
		margin-top:10px;
		margin-left:10px;
		padding-top: 20px;
		font-size: 0.7em;
}

#socialBookmarks ul
{
	list-style:none;
	display: inline;
}

#socialBookmarks li
{
	display: inline;
	margin-left: 2px;
}

#socialBookmarks a
{
	font-weight:normal;
}

 /* --  AdRotator -- */
 
 .wallpaperSearchAdRotator img
 {
  margin: 15px 0px 0px 0px;	
 }
 
/* -- Brands Box -- */

#BrandsBox /*is ul*/
	{
	clear: both;
	list-style: none;
	list-style-image: none;
	margin: 20px 0;
	text-align: center;
	}
#BrandsBox li
	{
	display: inline;
	float: left;
	margin: 5px 0px 5px 0px;
	
	}
#BrandsBox li a 
	{
	display: block;
	font-size: 0.7em;
	}
	
	/* -- Colours Box -- */

#ColoursBox /*is ul*/
	{
	clear: both;
	list-style: none;
	list-style-image: none;
	margin: 20px 0;
	text-align: center;
	}
#ColoursBox li
	{
	display: inline;
	float: left;
	margin: 5px 8px 0px 0px;
	
	}
#ColoursBox li a 
	{
	display: block;
	font-size: 0.7em;
	margin: 0px 0px 2px 0px;
	}
	
	/* Discount Box */
	
	#discountBox
	{
		float: left;
		width: 260px;	
		
		
		 border-top: none 0px;
		 border-bottom: solid 1px #333;
		 border-left: solid 1px #333;
		 border-right: solid 1px #333;
		 
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
	}
	
	#discountBox .banner
	{
		float: left;
	}
	
	#discountBox .emailForm
	{
		float: left;
		 padding: 20px 10px;
	}
	
	
	
	#discountBox .txtEmail
	{

 margin: 10px 0px 10px 0px;
 width: 236px;
	}
	
	.voucherBoxMenu
	{
		background-color: white; 
		border-top: solid 1px #333;
		border-left: solid 1px #333;
		border-right: solid 1px #333;
		padding-top: 2px;
			padding-left: 2px;
				padding-right: 2px;
	}
	
	.sslBlock
	{
		clear: both;
	width: 770px; 
	float: left;
	text-align:left;
	 padding: 10px 0px 10px 0px;
	}
	
	/* -- Card Security Check Page -- */
	
	#cardSecurityCheckContainer
	{
		width: 770px;
		float:left;
	
	}
	
	#cardSecurityCheckContainer .instructions
	{
		
	float:left;
	width: 320px;
	padding: 25px 0px 0px 0px;
	}
	
	#cardSecurityCheckContainer .verificationForm
	{
		float:right;
	  min-width: 400px;
	}
	
	
	#cardSecurityCheckContainer h2
{
	color:#EE8222;
font-family:Verdana;
font-size:20px;
font-weight:100;
margin:10px 0;
}

	/* -- Payment Failed Page -- */
	
	#PaymentFailedContainer
	{
		width: 770px;
		float:left;
	
	}
	
	#PaymentFailedContainer h2
{
	color:#EE8222;
font-family:Verdana;
font-size:20px;
font-weight:100;
margin:10px 0;
}

#tblWallpaperCalculator td
{
	padding: 10px 0px;
}


.lineSpace { height: 7px}
#titleBanner {height: 176px; width: 770px;  background-repeat:no-repeat; background-position: top left; padding: 0px 0px 5px 0px;}
#titleBanner-TextArea{ padding: 20px 0px 0px 15px; width: 362px; height: 122px;}


#titleBanner h1  
{
	color:#f60;
font-family:Verdana;
font-size:18px;
font-weight:100;
 text-decoration:none; 
 text-align:left;
  margin:0px 0px 0px 0px; 
  }


/* ----- Category Navigation Control -------- */

#leftMenu 
{
	float: left;
	 background-image:url(../images/leftcol-bg.gif);
	 background-repeat: no-repeat;
	 background-position: right top;
	 padding: 0px 16px 0px 0px;
	
	}
	
div#dnav {
	float:left;
	border-right:1px solid #F5F5F5;
	width:165px;
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:71%;
	min-height:400px;
	
	 
}
div#dnav div.msiefix {	
	padding:0px 0px 0px 0px;
}

/* Baseline */
div#dnav div.baseline {
	background-image:url(../images/left_navigation/baseline.gif);
	background-repeat:no-repeat;
	width:165px;
	height:1px;
}

/* Category Items */
div#dnav ul {
	width:165px;
	margin:0px;
	padding:0px;
}
div#dnav ul li {
	/* Expression works in IE only */
	height:expression("20px");
	/* min-height is ignored in IE */
	min-height:20px;
	list-style-type:none;
}
div#dnav li {
	display: block;
}

div#dnav ul li div {
	padding:3px 0px 0px 7px;
}
div#dnav ul.categories li {
	padding:0px 0px 0px 5px;
	background-image:url(../images/left_navigation/category.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	font-weight:normal;
	color:#7D7D7D;
}
div#dnav ul.elements li {
	padding:0px 0px 0px 10px;
	background-image:url(../images/left_navigation/element.gif);
	background-repeat:no-repeat;
	font-weight:normal;
	background-color:#F6F6F6;
	color:#7D7D7D;
}
div#dnav ul.tier1 li {
	padding:0px 0px 0px 10px;
	background-position:0px;
}
div#dnav ul.tier2 li {
	padding:0px 0px 0px 15px;
	background-position:5px;
}
div#dnav ul.tier3 li {
	padding:0px 0px 0px 20px;
	background-position:10px;
}

div#dnav ul.header li {
	padding:0px 0px 0px 5px;
	background-image:url(../images/left_navigation/h3-bg.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	
	color:#595959;
}

/* Selected Items */
div#dnav ul.categories li.expanded {
	background-image:url(../images/left_navigation/category.gif);
	background-color:#FFFFFF;
	font-weight:bold;
	color:#000000;
}
div#dnav ul.elements li.expanded {
	font-weight:bold;
	color:#000000;
}
div#dnav ul.categories li.selected {
	background-image:url(../images/left_navigation/category-selected.gif);
	background-color:#E5E5E5;
	font-weight:bold;
	color:#000000;
}
div#dnav ul.elements li.selected {
	background-image:url(../images/left_navigation/element-selected.gif);
	background-color:#E5E5E5;
	font-weight:bold;
	color:#000000;
}

/* Anchors */
div#dnav a {
	text-decoration:none;
	color:#7D7D7D;
}
div#dnav li.selected a {
	text-decoration:none;
	color:#000000;
}
div#dnav li.expanded a {
	text-decoration:none;
	color:#000000;
}
div#dnav a:hover {
	text-decoration:none;
	color:#FF6600;
}

div#dnav ul.header li a{
	
	color:#595959;
}

div#dnav ul.header li a:hover{
	
	color:#FF6600;
}

