@import url('reset.css');
@import url('shopping-cart.css');

/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px; cursor: pointer; }
a.pdf:hover { color: #00afef; }
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}

/* main tags */

body { background: url('../images/core/bg.jpg') top center no-repeat #282828; font-family: Arial, "MS Trebuchet", sans-serif; color: #000000;  }

h1 { font-size: 1.3em; margin-bottom: 10px; color: #00adef; font-weight: 100; }
h2 { font-size: 1.1em; margin-bottom: 10px; color: #00adef; font-weight: 100; }
h3 {}

#pm-1 p, #pm-2 p, #pm-3 p { color: #666666; font-style: italic; line-height: 1.3em!important;}


h1.feature { width: 100%; height: 20px; display: block; float: left; background: url('../images/core/h1-feature.gif') 0 0 no-repeat; text-indent: -9999px;  }
h1.welcome { width: 100%; height: 20px; display: block; float: left; background: url('../images/core/h1-welcome.gif') 0 0 no-repeat; text-indent: -9999px;  }

h2.categories { width: 219px; height: 28px; display: block; float: left; background: url('../images/core/h2-categories.jpg') 0 0 no-repeat; text-indent: -9999px; margin-bottom: 0;}
h2.information { width: 219px; height: 29px; display: block; float: left; background: url('../images/core/h2-information.jpg') 0 0 no-repeat; text-indent: -9999px; margin-bottom: 6px;  }
h2.more { width: 219px; height: 27px; display: block; float: left; background: url('../images/core/h2-more-products.gif') 0 0 no-repeat; text-indent: -9999px; margin-bottom: 6px;  }
h2.search { width: 119px; height: 19px; display: block; float: left; background: url('../images/core/h2-search.gif') 0 0 no-repeat; text-indent: -9999px;  }

.delivery-price {float:right; width:458px; height:94px; position: relative;}
.delivery-amount{position:absolute; right: 52px; width: 30px; top: 50px; height:20px; font-size: 19px; font-weight:bold; color: #000; font-style: italic; font-family: Verdana}
.left { float:left; }
.right{ float:right; }
.clear { display:block; clear: both; }
.security { padding-left: 10px; float: left; display: block; margin-bottom: 10px;}
.address { float: left; width: 100%; }
.was { text-decoration: line-through; }
.pink { color: #f7cae5; font-weight: bold; }
.rimage { border: 5px solid #292929; float: right; margin-left: 10px; margin-bottom: 10px; clear: right; }
.limage { border: 5px solid #292929; float: left; margin-right: 10px; margin-bottom: 10px;}
.hidden { visibility: hidden; width: 0px; height: 0px; display: block; margin: 0px; padding: 0px; }
.grey{ color: #292929; font-weight: bold; }
.prod-name-color{color:#ff1fb1;  font-weight: bold; }
.underline { text-decoration: underline; }
#content .see-more a{ color: #3576A8 !important; font-weight: bold; font-size: 0.6em !important;  }
#content .see-more a:hover{ color: #f7cae5 !important; font-weight: bold; font-size: 0.6em !important;  }

.cart { float: right; color: #ffffff; font-size: 0.9em; padding-right: 50px; padding-top: 7px;}
.cart a { color: #ffffff; text-decoration: none; }

#view-cart { border: 0px solid red; background: url('../images/core/cart.gif') no-repeat left; padding-left: 30px; }

ul.list { margin-bottom: 10px; }
ul.list li { list-style: none; font-size: 0.8em; line-height: 1.6em; margin-left: 0px;  }

ul.h-list { margin-bottom: 10px; margin-left: 30px; float: left; }
ul.h-list li { list-style: disc; width: 220px; float: left; font-size: 0.8em; line-height: 1.6em; }
ul.h-list li a { cursor: pointer; }

ol.list { margin-bottom: 10px; margin-left: 30px;}
ol.list li { list-style: none; font-size: 0.8em; line-height: 1.6em; margin-left: 0px;  }

p.disclaimer { color: #666666; clear: both; line-height: 1.3em!important; padding-left: 0px; font-size: 0.8em!important; }

ol#how_we_do_it {
	font-size: 12px;
	list-style: decimal;
	margin-left: 20px;
	margin-bottom: 20px;
}
ol#how_we_do_it li {
	margin-bottom: 5px;
	line-height: 1.4em;
}
	
a.home_1 {
	background: #F0EB85;
	border-bottom: 1px solid #D3CF6C;
	display: block;
	font-weight: bold;
	padding-left: 10px !important;
	padding-top: 7px !important;
	width: 208px !important;
}
	

	
/* containers */

#container { margin: 0 auto 0 auto; width: 1024px;  background: url('../images/core/bg-slice.jpg') 0 0 repeat-y; overflow: hidden;  }
#header{ width: 1024px; height: 209px; background: url('../images/core/bg-header.jpg') 0 0 no-repeat; }
#main{ width: 1024px; float: left; background: url('../images/core/bg-main-top.jpg') 0 0 no-repeat; }
#nav-cart { width: 992px; height: 30px; float: left; padding-left: 32px; margin-top: 20px; }
#search { height: 55px; float: left; padding-left: 37px;}

		#mainLeft { width: 219px; float: left; padding: 1px 0 0 32px; }
		#mainMid { width: 523px; float: left; padding-top: 10px; }
		#mainRight{ width: 218px; float: left; padding: 1px 0 0 0; }
		
		#mainRight p { margin-bottom: 10px; line-height: 1.6em; font-size: 0.8em; display: block; padding: 0 15px 0 15px;}
		#mainRight a.taf { display: block; float: left; background: url('../images/core/taf.gif') 15px 0 no-repeat; width: 183px; height: 50px; text-indent: -9999px; padding: 0 0 0 15px; }
	
		#content { padding-left: 13px; padding-right: 12px; float: left; width: 498px; }
		#content p { margin-bottom: 10px; line-height: 1.6em; font-size: 0.8em; }
		#content a { color: #00a6e4; text-decoration: none;}
		#content a:hover { color: #fbaedc; }
	
#footer{ width: 1024px; height: 146px; background: url('../images/core/bg-footer.jpg') 0 0 no-repeat; float: left; clear: both;  }
#footer p { color: #ffffff; font-size: 0.8em; line-height: 1.6em; display: block; padding-left: 50px; padding-top: 7px; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { color: #00adef; }
#footer img { float: right; margin-right: 50px; margin-top: 14px; }
	
/* Feature / products / cat */

ul.feature { width: 498px; display: block; float: left; margin-bottom: 20px; clear: both; }
ul.feature li { width: 166px; height: 200px; float: left; background: #292929; }
ul.feature li a img{
	border: 1px solid #DBDBDB;
	border-bottom: 3px solid #00AAE6;
	height: 123px;
	width: 164px;
}
ul.feature li p { color: #ffffff; padding: 0 0 0 10px;  }

ul.product_cat { width: 498px; display: block; float: left; margin-bottom: 20px; clear: both; }
ul.product_cat li { width: 160px; height: 234px; float: left; background: #292929; position: relative; margin: 0 5px 5px 0; }
ul.product_cat li p { color: #ffffff; padding: 0 0 0 10px; border-top: 5px #00a6e4 solid; position: absolute; bottom: 0px; display: block; width: 150px; height: 60px;  }
ul.product_cat img { margin: 5px 0 0 5px; }

ul.product_list { width: 498px; display: block; float: left; margin-bottom: 20px; clear: both; }
ul.product_list li { width: 244px; height: 345px; float: left; background: #fff; position: relative; margin: 0 5px 5px 0; }
ul.product_list li p { color: #000; padding: 0 10px 0 10px; display: block; width: 224px; float: left;  }
ul.product_list li p.listing-top { border-top: 5px #00a6e4 solid; padding-top: 5px;  }
ul.product_list img {  display:block; margin:0 auto; padding: 7px;}
ul.product_list strong { color: #000;}
ul.product_list a { color: #ffffff; }

ul.categories { width: 219px; display: block; float:left; margin-bottom: 20px; }
ul.categories li { width: 219px; height: 28px; float: left; background: url('../images/core/cat-nav.gif') 0 0 no-repeat; }

/*ul.categories li a { color: #000000; text-decoration: none; font-size: 0.9em; padding-left: 45px; display: block; padding-top: 4px; }*/

ul.categories li a { color: #000000; text-decoration: none; font-size: 0.9em; padding-left: 45px; display: block; padding-top: 4px; height: 19px; width: 174px; }	
ul.categories li a:hover { color: #FFFFFF; background-color: #292929; } 


ul.search_results { margin-bottom: 40px; }
ul.search_results li { border-bottom: 1px dashed #00adef; padding-top: 10px;  }

ul.info { width: 218px; display: block; float: left; margin-bottom: 20px; }
ul.info.static { margin-bottom: 0; } 
ul.info li { width: 218px; float: left; background: url('../images/core/info-nav.gif') bottom no-repeat; }
/*ul.info li a { color: #000000; text-decoration: none; font-size: 0.9em; padding-left: 15px; display: block; padding-top: 4px; padding-bottom: 8px;  }*/
ul.info li a { color: #000000; text-decoration: none; font-size: 0.9em; padding-left: 45px; display: block; padding-top: 4px; padding-bottom: 8px; width: 174px; }	
ul.info li a:hover { color: #FFFFFF; background-color: #292929; }

ul.product-detail { width: 100%; border: 0px solid; display: block; float: left; }
ul.product-detail li { font-size: 0.8em; width: 65%; float: left; padding: 0px 0 5px 0; line-height: 1.3em; }
ul.product-detail li.tag { font-weight: bold; width: 30%; text-align: right; padding-right: 10px; }


/* navigation */

ul#nav{ width: 447px; height: 30px; float: left; display: block; }
	
	#nav li { float: left; width: 149px; height: 30px; }
	
	#nav li.home a { width: 149px; height: 30px; display: block; background-image: url(../images/core/nav-01.gif); text-indent: -9999px; }
	#nav li.prod a { width: 149px; height: 30px; display: block; background-image: url(../images/core/nav-02.gif); text-indent: -9999px; }
	#nav li.cont a { width: 149px; height: 30px; display: block; background-image: url(../images/core/nav-03.gif); text-indent: -9999px; }

	#nav li.home a:hover { background-position: 0 -30px; }
	#nav li.prod a:hover { background-position: 0 -30px; }
	#nav li.cont a:hover { background-position: 0 -30px; }
	
	#p-index li.home a { background-position: 0 -30px; }
	#p-products li.home a { background-position: 0 -30px; }
	#p-contact li.home a { background-position: 0 -30px; }

	ul#catalogue-nav  { width: 219px; display: block; float:left; margin-bottom: 20px; }
	ul#catalogue-nav li { width: 219px; height: auto; float: left; background: url(/images/core/cat-nav-arrow.gif) 20px center no-repeat #FACCE8; z-index: 800; position: relative; border-bottom: 1px solid #fff;}
	ul#catalogue-nav li a { color: #000000; text-decoration: none; font-size: 0.9em; display: block; padding: 4px 0 4px 45px;; height: auto; width: 174px; }	
	ul#catalogue-nav li a:hover { color: #FFFFFF; background-color: #292929; } 

	ul#catalogue-nav li ul { float: left; width: 150px; height: auto; clear: both; position: absolute; top: 100%; left: -9999em; display: block; repeat-x 0 0!important; margin-left: 219px; margin-top: 10px; background-color: #292929; }
	ul#catalogue-nav li li { width: 150px; height: auto; background-image: none; }
	ul#catalogue-nav li li a { height: auto; width: 140px!important; color: #fff!important; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 3px solid #00a6e4;  }
	ul#catalogue-nav li li a:hover { background-color: #fbaedc; }
	
	ul#catalogue-nav li:hover ul, ul#catalogue-nav li.over ul { left: 0; top: -10px; }
	ul#catalogue-nav li a.onsection {  }

/* form */

#form-holder { width: 350px; float: left; }

#p-products .form { margin-left: 0px; }

.form { margin-top: 10px; float: left; display: block; margin-left: 30px;  }
.form li { margin-bottom: 5px; }

ol#billing { margin-left: 30px; margin-bottom: 20px; }
ol#delivery { margin-left: 30px; margin-bottom: 20px; } 

#billing li { margin-bottom: 5px; }
#delivery li { margin-bottom: 5px; }

label  { display: inline-block; width: 120px; vertical-align: top; float: left; font-size: 0.8em; }

label.deliveryoption { width: 250px; margin-right: 15px; margin-bottom: 5px; }

textarea { width: 200px; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 0.8em; padding: 2px 0 0 2px; }
input { font-family: Arial, "MS Trebuchet", sans-serif; font-size: 0.8em; }

.baseform span.attention {color: #ff0000; font-weight: bold;}
.baseform label.error {
  float: none;
  display: block;
  color: #ff0000;
  margin-left: 120px;
	padding-top: 5px;
  width: auto;
}

#tell_a_friend label { color: #f9cce7; }


/* search form */
#search h2 {clear:both;display:block; float:none;}
#search ul { float: left; }
#search ul#manufacturer-search {}
#search ul li#manufacturer-listing{width: 180px; float:left;}
#search ul li { float: left; border: 0px solid red; /*width: 165px;*/ height: 25px; padding-left: 5px; }
#search ul li.or { background: url('../images/core/or.gif') top right no-repeat; width: 165px;}
#search ul li.and  { background: url('../images/core/and.gif') top right no-repeat; width: 180px; }
#search ul li.and_or  { background: url('../images/core/and_or.gif') top right no-repeat; width: 200px; }
#search ul li.big { /*width: 750px;*/ background: none;}
#search ul li.mid { /*width: 265px;*/ background: none; float: right; margin-right: 30px;}
#search_form select, #search_form2 select { width: 140px; height: 22px; }
#search_form input, #search_form2 input { width: 200px;  }
#search_form .subres, #search_form2 .subres { width: 50px; height: 20px; background: url('../images/core/btn_search.gif') 0 center no-repeat; border: none; line-height: 0px; font-size: 0px;}
#search-right {float:right; width:295px; margin:29px 0 0 0;}