/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: JBMoss Ltd - http://www.jbmoss.com
	developer: JBMoss Ltd - DPETRIE
	date: 14/01/2009
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. tables
	9. forms
	
	
-------------------------------------------------------*/




										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address, table {
	margin			: 0.6em 4%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

.clr {
	clear:both;
	height:0;
	width:0;
	padding:0;
	margin:0;
}

* { behavior: url(iepngfix.htc) }

										/* ---------- 2. typography ---------- */ 

p {}
	p a {color:#00A0B0;}
	p a:hover {}
	
h1 {}
	h1 a {}
	h1 a:hover {}
	
h2 {}
	h2 a {
		color:#00A0B0;
		font-size:0.8em;
	}
	h2 a:hover {}
	
h3 {}
	h3 a {}
	h3 a:hover {}
	
h4 {}
	h4 a {}
	h4 a:hover {}

h5 {}
	h5 a {}
	h5 a:hover {}
	

										/* ---------- 3. listography ---------- */ 

#ad_list {
	border:1px solid #00A0B0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:166px;
	padding:0;
	margin:3px 0 3px 3px;
}
	#ad_list #ul_ad_title {
		list-style:none;
		color:#fff;
		background: #00A0B0;
		text-indent:2px;
	}
	
	#ad_list li {
		list-style-image:url(../styleImages/ad_li_mg.jpg);
		list-style-type:square;
		list-style-position: inside;
		padding:3px 0 2px 2px;
		margin:0;
	}
	#ad_list li a {
		color:#000;
		font-size:1em;
		font-weight:bold;
	}

									
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: "Trebuchet MS", Verdana, Arial;
	background		: #40B9BA url(../styleImages/backgrounds/page_bg.jpg) repeat-x;
}


#div-wrap {
	position		: relative;
	margin			: 10px auto 0 auto;
	width			: 966px;
	background		: #fff;
}

	#div-inner {
	position:relative;
	width:931px;
	padding:17px;
	}
	
		#div-banner {
		position:relative;
		width:931px;
		}
		
			#div-bsess {
				position:relative;
				float:left;
				background		: url(../styleImages/backgrounds/basket_bg.jpg) no-repeat;
				width:300px;
				height:97px;
				padding-top:25px;
				line-height:1.6em;
				font-size:0.9em;
			}
				#div-bsess a {
					color:#000;
				}
				
			#div-logo {
				position:relative;
				float:right;
			}
	
	
	#div-navbar {
		position:relative;
		width:931px;
		background	: url(../styleImages/backgrounds/nav_bg.jpg) no-repeat;
		height:33px;
	}
	
		#div-nav {
			position:relative;
			width:665px;
			float:left;
			height:33px;
			line-height:33px;
			color:#fff;
			text-indent:10px;
		}
			#div-nav a {
				color:#fff;
			}
			
		#div-search {
			position:relative;
			float:right;
		}
		
		
	#div-main {
		position:relative;
		width:931px;
	}
		#div-aside {
			position:relative;
			float:left;
			width:175px;
			margin-top:13px;
		}
		#div-content {
			position:relative;
			float:left;
			width:579px;
			margin-top:13px;
		}
		#div-bside {
			position:relative;
			float:left;
			width:175px;
			margin-top:13px;
		}
		
#div-footer {
	position:relative;
	color:#fff;
	width:900px;
	margin:5px auto 40px auto;
}
#div-footer a {
	color:#fff;
}
	#div-fl {
		position:relative;
		float:left;
	}
	#div-fm {
	}
	#div-fr {
		position:relative;
		float:right;
	}
	
#BreadCrumb {
	position:relative;
	margin:0 0 0 20px;
	width:543px;
}



										/* ---------- 5. navigation ---------- */ 
										
										
#mainmenu-nav, #cart_menu {
	float: left;
	display:inline; /*fixes IE6 float bug*/
	font-size: 11px;
	margin:0;
	background:#C6E6EB;
	width:170px;
	}

.ul-nav, .li-nav{
	font-size: 11px;
	display: block;
	margin:0;
	padding:0;
	}

.ul-nav{
	width: 170px;
	padding: 0px;
	font-size: 11px;
	}

.li-nav{	
	float: left;
	display:inline;
	font-size: 11px;
	}

.li-nav .ul-nav {
	display: none;
	position: absolute;
	margin-left: 100px;
	margin-top: -19px;
	background-color:#fff;
	border-left: 1px solid #C6E6EB;
	border-right: 1px solid #C6E6EB;
	border-bottom: 1px solid #C6E6EB;
	border-top: 1px solid #C6E6EB;
	z-index: 5;
	font-size: 11px;
	}

.li-nav a {
	padding: 2px 5px 2px 5px;
	font-size: 13px;
	width: 160px;
	display: block;
	font-family: "Trebuchet MS", Verdana, Arial;;
	color: #000;
	text-decoration:none;
	border-bottom:1px solid #039EB4;
	}

.li-nav a:hover{
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #000;
	text-decoration:none;
	}
.li-nav2 {
	list-style:none;
	margin:0;
	padding:0;
}	
.li-nav2 a {
	padding: 2px 5px 2px 5px;
	font-size: 13px;
	width: 160px;
	display: block;
	font-family: "Trebuchet MS", Verdana, Arial;;
	color: #000;
	text-decoration:none;
	border-bottom:1px solid #039EB4;
	list-style:none;
	background:#C6E6EB;
}


a.hassubmenu{
	background-image: url(../styleImages/more.gif);
	background-repeat: no-repeat;
	background-position: 178px 6px;
	}

/**HIGHTLIGHTING EFFECT ON SUB-CATS
************************************/
.ul-nav .li-nav a.hassubmenu:hover {color: #C6EADD; }


										/* ---------- 6. page specific structure ---------- */ 
										
#SubCategories {
	position:relative;
	width:550px;
	margin:0 auto;
}
	.subCat {
		position:relative;
		width:115px;
		float:left;
		border:1px solid #00A0B0;
		height:180px;
		margin:8px;
	}
		.SC_im {
			position:relative;
			border-bottom:1px solid #00A0B0;
			height:138px;
		}
		.SC_txt {
			position:relative;
			height:38px;
			padding-top:3px;
			color:#000;
			font-size:0.9em;
			text-align:center;
		}
			.SC_txt a {
				color:#000;
			}
			
			
	.prod_wrap {
		position:relative;
		width:260px;
		float:left;
		border:1px solid #00A0B0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin:15px 15px 0 0;
		height:185px;
	}
		.prod_im {
			position:relative;
			float:left;
			width:100px;
			border-right:1px solid #00A0B0;
			height:185px;
		}
		.prod_bx {
			position:relative;
			float:left;
			width:145px;
			height:130px;
			padding:5px;
		}
	
	
	
#hp_txt {
	position:relative;
	width:507px;
	background:#FCECD3 url(../styleImages/hp_txt_bg.jpg) repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
	margin:0 auto;
}


.cartProgress {
	position:relative;
	width:518px;
	margin:0 auto;
	background:#FCB034;
	color:#fff;
	text-align:center;
	padding:5px;
	font-weight:bold;
}


#BreadCrumb {
	color:#00A0B0;
}
#BreadCrumb a {
	color:#00A0B0;
}


.pagination p {
	color:#00A0B0;
}
.pagination p a {
	color:#00A0B0;
}
										

										/* ---------- 7. images ---------- */ 
										

										/* ---------- 8. tables ---------- */ 
										
.tdcartTitle {
	padding:4px 0;
}
										
.tdcartOdd, .tdcartEven {
	border-bottom:1px solid #00A0B0;
	padding:5px 0;
}	


.textbox {
	border:1px solid #00A0B0;
	padding:1px;
	margin:3px;
}									
										
										/* ---------- 9. forms ---------- */ 
										
										
/** QUANTITY DISCOUNT PRICING
********************/
#QuantityDiscounts {
	margin:20px;
	text-align:left;
	text-transform:uppercase;
	font-size:13px;
	font-weight:normal;
	width:auto;
	margin:0;
	padding:0;
	color: #00A0B0;
}
	
#QuantityPrices {
	margin:0 0 0 15px;
	padding:0 8px 0 8px;
	text-transform:none;
	font-size:12px;
	font-weight:bold;
	color: #333333;
	background: #FFFFFF;
	border:1px solid #00A0B0;
}





.reg_form_tb {
	
}

.reg_form_tb tr td:first-child {
	background		: #00A0B0;
	color			: #fff;
	padding 		: 3px 13px 3px 4px;
}
.ip_field, .ta_field {
	border			: 1px solid #00A0B0;
	width			: 435px;
	font-family		: "Trebuchet MS", Verdana, Arial;
	padding 		: 3px 4px 3px 0;
	text-indent		: 4px;
}
.ta_field {
	font-size		: 1em;
}
.reg_submit {	
	background		: url(../styleImages/Submit.jpg) no-repeat;
	width			: 80px;
	height			: 24px;
}
.reg_form_tb tr td.tb_blank {
	background:#fff;
}