/*

Stylesheet for Easyvit
Handwritten by Richard Wilmot (AztecMedia.eu)
www.easyvit.com

*/


																					/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
hr { display: none; }
strong { font-weight: bold; }
.cleared { clear: both; }


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */






																					/* ------------ Defaults ------------ */

body {
	background:#000 url('../img/body-bg.gif') repeat-x top left;
	color: #fff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	padding-top: 5px
	}
	
#container {
	margin: auto;
	width: 970px;
	}

#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
p {
	margin-bottom:10px;
}
	
h1 {
	color:#f7941d;
	font-size:200%;
	margin-bottom:10px;
	font-weight:normal;
	line-height:1.1em;
}

h2, h3, h4 {
	color:#f7941d;
	font-size:125%;
	line-height:1em;
	margin-bottom:5px;
}

h3 a{text-decoration: none; color:#f7941d; text-transform:lowercase;}


h4 {
	font-size:110%;
}	
	
	

																					/* ------------ Branding ------------ */

#branding {
	background: url('../img/branding-bg_v3.png') no-repeat top center;
	height: 130px;
	margin: auto;
	width: 970px;
	}

#branding p a {
	display: block;
	float:left;
	height: 130px;
	width: 970px;
	text-indent: -25000px;
	}
	
	
	
	
																					/* ------------ Nav ------------ */

#nav {
	background: url('../img/nav-bg.png') no-repeat top center;
	height: 35px;
	text-indent: -25000px;
	width: 960px;
	margin:auto;
	padding-left:10px;
	}

#nav li { 
	float: left;
	}

#nav a {
	display: block;
	height: 35px;
	}
	
#nav a:hover,
#default #nav-home a,
#links #nav-links a,
#contact #nav-contact a,
#gallery #nav-gallery a,
#login #nav-login a,
#news #nav-news a,
#nav .current {
	background-position: 0 -35px;
	}
	
#nav-home a {
	background: url('../img/nav-home.gif') no-repeat top left;
	width: 66px;
	}
	
#nav-links a {
	background: url('../img/nav-links.gif') no-repeat top left;
	width: 66px;
	}
	
#nav-contact a {
	background: url('../img/nav-contact.gif') no-repeat top left;
	width: 87px;
	}
	
#nav-gallery a {
	background: url('../img/nav-gallery.gif') no-repeat top left;
	width: 83px;
	}
	
#nav-login a {
	background: url('../img/nav-login.gif') no-repeat top left;
	width: 126px;
	}
	
#nav-news a {
	background: url('../img/nav-news.gif') no-repeat top left;
	width: 120px;
	}
	
#search-box {
	float: left;
	height: 28px;
	overflow: hidden;
	width: 200px;
	padding: 7px 0px 0px 202px;
	}

#search-box legend {
	display: none;
	}
	
#search-box #keyword {
	background: url('../img/search-bg.gif') no-repeat top left;
	border: none;
	float: left;
	font-size: 90%;
	height: 17px;
	width: 159px;
	color: #666666;
	padding: 4px 0px 0px 5px;
	}
	
#search-box #search {
	background: url('../img/search-btn.gif') no-repeat top left;
	border: none;
	display:block;
	float: left;
	height: 21px;
	width: 21px;
	text-indent: -25000px;
	}	





/*--------Sub Nav-------*/

#nav-outline{display:block; height: 760px; float:left;}

.sidebarmenu {
	width:185px;
	float:left;
	margin:0 10px 0 0;
	position:absolute;
	clear:both;
	float:left;
	top:15px;
	left:10px;
	height: 500px;
	z-index:10000;

}
.sidebarmenu ul {
   background: none;
   margin: 0;
   padding: 0;
   padding-left:15px;
   list-style-type: none;
   font-size:85%;
   width: 185px; /* Main Menu Item widths */
   z-index:10000;
}

.sidebarmenu ul li {
   position: relative;
}

/* Top level menu links style */

.sidebarmenu ul li a {
   overflow: auto; /*force hasLayout in IE7 */
   background:#6b6b6b url('../img/sub-nav-btn.gif') no-repeat top left;
   width:155px;
   height:20px;
   display : block;
   color : white;
   text-decoration : none;
   padding:0 0 0 30px
}

.sidebarmenu ul li a:hover {
   background-position: 0 -20px;
}



/*Sub level menu items */
.sidebarmenu ul li ul{
   background: url('../img/sub-sub-nav-bg.gif') no-repeat 0px 30px;
   position: absolute;
   width: 185px; /*Sub Menu Items width */
   top: 0;
   visibility: hidden;
   margin-top:-30px;
   font-size:100%;
}

.sidebarmenu a.subfolderstyle{
   background:#6b6b6b url('../img/sub-nav-btn.gif') no-repeat top left;
}


/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */



.sidebarmenu li.bg {      background: url('../img/sub-nav-bg_sm.gif') no-repeat 0 0;
   float:left;
   width:185px;
   height:13px;
   padding-bottom:15px;
   display:block;
   }
  .sidebarmenu li.hd-accessories,
.sidebarmenu li.hd-security,
.sidebarmenu li.hd-electrical,
.sidebarmenu li.hd-hands {
   background: url('../img/hd-accessories.gif') no-repeat top left;
   height:30px;
   text-indent:-2500px;
   }
  .sidebarmenu ul ul li.hd-accessories,
.sidebarmenu ul ul li.hd-security,
.sidebarmenu ul ul li.hd-electrical,
.sidebarmenu ul ul li.hd-hands {
   width:185px;
   }
  .sidebarmenu li.hd-security {
   background: url('../img/hd-security.gif') no-repeat top left;
   }
  .sidebarmenu li.hd-electrical {
   background: url('../img/hd-electrical.gif') no-repeat top left;
   }
  .sidebarmenu li.hd-hands {
   background: url('../img/hd-hands.gif') no-repeat top left;
   } 


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

#content-top {
	background: url('../img/content-top.gif') no-repeat top right;
	width: 950px;
	height:15px;
	margin:auto;
	}

#content {
	background: url('../img/content-bg.png') repeat-y top right;
	width: 950px;
	margin:auto;
	padding: 0px 10px 0px 10px;
	position:relative;
	}
	


																					/* ------------ Columns ------------ */

#col-1 {	
	float:left;
	width:520px;
	padding:0 15px 0 15px;
	margin-left:200px;
	display:inline;
}

#col-2 {	
	float:left;
	width:185px;
	padding-right:15px;
}

																					/* ------------ Basket ------------ */

#basket {
	width:185px;
	font-size:90%
	}

#hd-basket {
	background: url('../img/hd-basket.gif') no-repeat top left;
	width:185px;
	height:30px;
	text-indent:-2500px;
	float:left
	}
	
#copy-basket {
	background: url('../img/basket-bg.gif') no-repeat bottom left;
	width:165px;
	float:left;
	padding:10px 10px 30px 10px;
	color:#FFFFFF
	}
	
p.value {
	width:85px;
	float:left;
	margin:0px;
	}
	
p.account {
	width:80px;
	float:left;
	margin:0px;
	text-align:right
	}
	
p.account a {
	color:#FFFFFF
	}

p.account a:hover {
	text-decoration:none	}
	
#btn-view-basket a,
#btn-checkout a {
	background: url('../img/btn-view-basket.gif') no-repeat top left;
	display:block;
	float:left;
	width:100px;
	height:25px;
	text-indent:-2500px;
	margin-top:5px;
	}
	
#btn-checkout a {
	background: url('../img/btn-checkout.gif') no-repeat top left;
	
	}
	
#btn-view-basket a:hover,
#btn-checkout a:hover {
	background-position: 0 -25px
	}
	
	
#credit-cards {
	background: url('../img/credit-cards.gif') no-repeat top left;
	height:78px;
	width:185px;
	float:left;
	text-indent:-25000px
}

																					/* ------------ Special-offers ------------ */

#special-offers {
	width:185px;
	float:left;
	font-size:90%
	}


#special-offers p {
	line-height:1.2em;
	margin-bottom:10px;
	}
	
#special-offers a {
	color:#FFFFFF;
	text-decoration:none
	}
	
#special-offers a:hover {
	text-decoration:underline
	}

#hd-special-offers {
	background: url('../img/hd-special-offers.gif') no-repeat top left;
	width:185px;
	height:30px;
	text-indent:-2500px;
	float:left
	}
	
#copy-special-offers {
	background: url('../img/sub-nav-bg.gif') no-repeat bottom left;
	width:165px;
	float:left;
	padding:10px 10px 10px 10px;
	color:#FFFFFF
	}
	
																					/* ------------ Newsletter ------------ */

#email-signup {
	width:185px;
	float:left;
	font-size:90%;
	margin-bottom: 15px;
	}


#email-signup p {
	line-height:1.2em;
	margin-bottom:10px;
	}
	
#email-signup a {
	color:#FFFFFF;
	text-decoration:none
	}
	
#email-signup a:hover {
	text-decoration:underline
	}

#hd-email-signup {
	background: url('../img/newsletter-signup.gif') no-repeat top left;
	width:185px;
	height:30px;
	text-indent:-2500px;
	float:left
	}
	
#copy-email-signup {
	background: url('../img/sub-nav-bg.gif') no-repeat bottom left;
	width:165px;
	float:left;
	padding:10px 10px 10px 10px;
	color:#FFFFFF
	}
	
	
																					/* ------------ Products ------------ */

.product {
	width:520px;
	float:left;
	margin-top:10px;
	}	
	
.products-top,
.products-bottom {
	height:15px;
	width:520px;
	float:left;
	padding:0px;
	}

.products-middle {
	background: url('../img/product-middle.gif') repeat-y top left;
	width:490px;
	float:left;
	padding: 0px 15px 0px 15px;
	color:#000;
	position:relative;
	}
	
.products-middle img {
	float:left
	}
	
.products-middle .content {
	float:right;
	width:235px;
	line-height:1em;
	font-size:90%;
	}
	
.products-middle .ref {
	float:right;
	width:235px;
	line-height:1em;
	font-size:90%;
	font-weight:bold;
	text-align:right;
	}
	
.products-middle .buy {
	margin-right:10px;
	float:right;
	width:auto;
	}
	
.products-middle .buy .price {
	height:35px;
	font-weight:bold;
	text-align:right;
	font-size:90%;
	line-height:130%;
	}
	
.products-middle .buy .price .rrp {
	color:#f7941d
	}
	
.products-middle .more a {
	background: url('../img/bullet-more.gif') no-repeat top left;
	display:block;
	color:#000;
	font-weight:bold;
	padding-left:15px;
	}
	
.products-middle .more a:hover {
	color:#f7941d
	}	

.CPoptDesc{display:block; clear:both;}
.CPoptSel,.CPoptDesc{font-size:11px;}
	
	
#add {
	text-align:right;
	float:right;
	}

#add legend {
	display: none;
	}
	
#add #quantity {
	background: url('../img/quantity-bg.gif') no-repeat top left;
	border: none;
	float: right;
	font-size: 90%;
	height: 20px;
	width: 25px;
	color: #666666;
	text-align:center;
	padding-top:5px;
	
	}

#add select {
float:right;
margin-bottom:10px;
	}

#add #add-product {
	background: url('../img/btn-add-product.gif') no-repeat top left;
	border: none;
	display:block;
	float: right;
	height: 25px;
	width: 85px;
	text-indent: -25000px;
	clear:right;
	}

.products-description {
	background: url('../img/product-middle.gif') repeat-y top left;
	width:490px;
	float:left;
	padding: 30px 15px 0px 15px;
	color:#000;
	position:relative;
	}



.product ul {
	margin-bottom:15px;
	}
		
.product li {
	list-style:disc;
	margin-left:25px;
	}
	
	
																				/* ------------ Footer ------------ */

#footer {
	background: url('../img/footer-bg.gif') no-repeat top center;
	float:left;
	width:970px;
	margin:auto;
	height:20px;
	padding-top:25px;
	font-size:85%;
	line-height:1.2em;
	color:#999;
	font-weight:bold;
	margin-bottom:15px;
	}
	
#footer .contact {
	width: 600px;
	float:left;
	padding-left:25px;
	}
	
#footer .contact .orange {
	color:#f7941d;
	}
	
#footer .aztec {
	float:right;
	padding-right:25px;
	}
	
#footer a {
	color:#999;
	text-decoration:none
}

#footer a:hover {
	color:#f7941d;
	text-decoration:underline
}

/* Links Page */
.navRelated li {
	background: url('../img/link.gif') no-repeat 0 2px;
	list-style: none;
	margin:auto;
	padding:0 0 0 23px;
	font-weight:bold;
	height:18px;
}

.navRelated li a {
	text-decoration:none;
	color:#999
}

.navRelated li a:hover {
	text-decoration:underline;
	color:#000
}

/* Contact Page */
.address {
	width:230px;
	float:left
}

.address li {
	background: url('../img/telephone.gif') no-repeat top left;
	list-style: none;
	margin:auto;
	padding:5px 0 0 35px;
	font-weight:bold;
	height:32px;
}


.form {
	width:230px;
	float:right
}


.form td,
.form th {
	text-align:left;
}

.form label {
	text-align:left;
	color:#f7941d
}

.form input,
.form input.small {
	background: url('../img/input-bg.gif') no-repeat top left;
	border:none;
	width:210px; /* Removed 5px of width to accomodate for padding */
	height:20px;
	padding:5px 0 0 5px
}

.form input.small {
	background: url('../img/input-bg-small.gif') no-repeat top left;
	width:45px;
}

.form textarea {
	background: url('../img/textarea-bg.gif') no-repeat top left;
	border:none;
	width:210px;
	height:90px;
	padding:5px 5px 5px 5px
}

.form .submit {
	background: url('../img/btn-send.gif') no-repeat top left;
	border:none;
	width:50px;
	height:25px;
	text-indent:-25000px
}

/* Cart Styling */

#cart #quantity {
	background: url('../img/quantity-bg2.gif') no-repeat top left;
	border: none;
	float: left;
	font-size: 90%;
	height: 20px;
	width: 25px;
	color: #666666;
	text-align:center;
	padding-top:5px;
	}
	
#cart td {
	vertical-align:middle;
	}

#cart dt {
	margin-top:10px;
	color:#f7941d;
	font-weight:bold
}

/* Login */

.login th {
	text-align:left;
	color:#f7941d
}

.login label {
	font-weight:bold;
	width:75px;
	float:left;
	display:block
}

.login #email,
.login #password {
	background: url('../img/input-bg-med.gif') no-repeat top left;
	border:none;
	width:190px;
	height:20px;
	padding:5px 0 0 5px;
	margin-bottom:5px;
	margin-right:20px;

}

.login #logon,
.login #new-customer {
	background: url('../img/btn-logon.gif') no-repeat top left;
	border:none;
	width:100px;
	height:25px;
	float:right;
	margin-right:25px;
	text-indent:-25000px
}

.login #new-customer {
	background: url('../img/btn-new-customer.gif') no-repeat top left;
	float:left;
}

/* New Customer */
#new-customer th {
	text-align:left;
	color:#f7941d
}

#new-customer td {
	width:200px;
}

#new-customer input {
	background: url('../img/input-bg-140.gif') no-repeat top left;
	border:none;
	width:130px;
	height:20px;
	padding:5px 5px 0 5px;
	margin-bottom:5px;
	margin-right:20px;
	margin-top:5px;

}

#new-customer label {
	width:75px;
	float:left;
	display:block;
	color:#000000;
	font-size:95%
}

#new-customer .submit {
	background: url('../img/btn-next.gif') no-repeat top left;
	float:left;
	height:25px;
	text-indent:-25000px;
}

/* Payment */
#payment #new-customer label {
	width:210px;
}

/* Order Steps */
.step{text-align:right;}

/* View Order */
#view-order #new-customer label{
	width:85px;
}

/* Navigation */
.nav{clear:both; padding-top:20px;}

.nav ul,.nav li, .nav li a{float: left;}

.nav li a{border: 1px solid #242424; padding: 0 5px; margin: 0 5px; color: #eee; text-decoration:none;}

.nav li a.current{border: 1px solid #f7941d; color: #f7941d; font-weight:bold;}

/* Sitemap */
.site-map-top li {
	background: url('../img/site-map-link.gif') no-repeat 0 4px;
	list-style: none;
	color:#666;
	font-weight:bold;
	padding:0 0 0 15px;
	font-size:90%;
	margin-bottom:0px;
}

.site-map-top li a {
	color:#666;
	text-decoration:none
}

.site-map-top li a:hover {
	text-decoration:underline
}

.site-map-top li ul {
	margin-bottom:0px;
}

.site-map-top li ul li {
	color:#999;
}

.site-map-top li ul li a {
	color:#999;
	text-decoration:none
}

.site-map-top li ul li a:hover {
	text-decoration:underline
}

.site-map-top li ul li ul li a {
	color:ccc;
	text-decoration:none
}

.site-map-top li ul li ul li a:hover {
	text-decoration:underline
}

h5 {
	background: url('../img/site-map-link.gif') no-repeat 0 4px;
	list-style: none;
	color:#F7941D;
	font-weight:bold;
	padding:0 0 0 15px;
	font-size:100%
}

h5 a {
	color:#F7941D;
	text-decoration:none
	}
	
h5 a:hover {
	text-decoration:underline
	}
	
h6 {
	background: url('../img/site-map-link.gif') no-repeat 0 4px;
	list-style: none;
	color:#333;
	font-weight:bold;
	padding:0 0 0 15px;
	font-size:100%
}

h6 a {
	color:#333;
	text-decoration:none
	}
	
h6 a:hover {
	text-decoration:underline
	}

.prod-img-container{min-height:120px;height:auto !important;height:120px;width:230px;float:left;}

#homepage-text-box a,#homepage-text-box a:visited{color:#ddd;}

h3#breadcrumb-navigation{font-size:11px; line-height:1.4em;}