/*-------------------------------------------------------

	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, ul, ol, dl, fieldset, address {
	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 {}
	p a:hover {}
	
h1 {color:#006491;font-size:1.5em;}
	h1 a {}
	h1 a:hover {}
	
h2 {}
	h2 a {}
	h2 a:hover {}
	
h3 {}
	h3 a {}
	h3 a:hover {}
	
h4 {}
	h4 a {}
	h4 a:hover {}

h5 {}
	h5 a {}
	h5 a:hover {}
	

										/* ---------- 3. listography ---------- */ 
										
p, li, p a, li a {
	color:#002f60;
}

.home p, .home p a {
	color:#fff;
}
										
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: Arial, Helvetica, sans-serif;
	background		: #fff;
	background		: #def5fd url(../styleImages/backgrounds/page_bg.jpg) repeat-x;
}


#div-wrap {
	position		: relative;
	margin			: 0 auto 30px auto;
	width			: 961px;
	background		: #def5fd;
}
	#div-top {
		position		:relative;
		width			:961px;
		height			:140px;
	}
		#div-logo {
			position:relative;
			float:left;
			width:382px;
			height:92px;
			margin-top:30px;
		}
		
		#div-top-boxes {
			position:relative;
			float:right;
			width:400px;
			height:120px;
			margin-top:10px;		
			text-align:right;	
		}
		
#div-nav {
	position:relative;
	width:961px;
	height:71px;
}

#div-main {
	position:relative;
	width:961px;
}
	#div-left {
		position:relative;
		float:left;
		width:180px;
		margin-left:10px;
	}
	#div-content {
		position:relative;
		float:left;
		width:751px;
		margin-left:10px;
		margin-right:10px;
	}
	
#div-ftr {
	position:relative;
	width:961px;
	height:40px;
	border-top:1px solid #002f60;
	font-size:0.85em;
	color:#002f60;
	padding-top:10px;
}

#div-ftr a {
	color:#002f60;
}



										/* ---------- 5. navigation ---------- */ 
										
										
#div-nav ul {
	margin:0;
	padding:0;
}				
#div-nav ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-indent:-9000px;
}	
#div-nav ul li a {
	display:block;
	height:71px;
}			
a.n1 {
	background:url(../styleImages/nav_sprite.jpg) 0 0 no-repeat;
	width:159px;
}


a.n2 {
	background:url(../styleImages/nav_sprite.jpg) -159px 0 no-repeat;
	width:159px;
}

a.n3 {
	background:url(../styleImages/nav_sprite.jpg) -318px 0 no-repeat;
	width:158px;
}


a.n4 {
	background:url(../styleImages/nav_sprite.jpg) -476px 0 no-repeat;
	width:159px;
}


a.n5 {
	background:url(../styleImages/nav_sprite.jpg) -635px 0 no-repeat;
	width:158px;
}


a.n6 {
	background:url(../styleImages/nav_sprite.jpg) -793px 0 no-repeat;
	width:159px;
}


/* category nav */

#div-left ul {
	margin:0 0 0 5px;
	padding:0;
}
#div-left li {
	list-style:none;
	background:url(../styleImages/nav_box.jpg) 2px 6px no-repeat;
	text-indent:15px;
	margin:0;
	padding:2px 0 2px 0px;
}
	#div-left li a {
		color:#002f60;
		font-weight:bold;
	}



										/* ---------- 6. page specific structure ---------- */ 
										
										
										
										
#SubCategories {
	position:relative;
	width:700px;
	margin-left:10px;
	padding-bottom:10px;
}
.subCat_w {
	position:relative;
	width:150px;
	float:left;
	margin:10px;
}
.subCat_i {
	position:relative;
	width:150px;
	height:175px;
}
.subCat_t {
	position:relative;
	width:150px;
	height:25px;
	margin-top:5px;
}
	.subCat_t a {
		color:#006491;
		font-size:1.1em;
	}
	
.subprod_t {
	position:relative;
	width:150px;
	height:50px;
	color:#006491;
	font-size:0.85em;
	margin-top:5px;
}
	.subprod_t a {
		color:#006491;
	}
	.subprod_t .Price {
		font-size:1.2em;
	}


.pagination {
	position:relative;
	float:right;
	color:#006491;
	font-size:0.9em;
	padding:15px;
}
	.pagination a {
		color:#006491;
	}
	
	

.cartProgress {
	color: #fff;
	background: #006491;
	padding: 4px;
	width: 99%;
	margin: 20px auto;
	text-align:center;
	}

.txtcartProgressCurrent {
	color: #fff;
	font-weight: bold;
	}
.quickBuy {
	text-align: center;
	color: #006491;
 	padding: 4px 0;
	width:87%;
	margin:0 auto 10px;
	}
	
.prodtextbox p {
	margin-left:0px;
	color:#002f60;
}
										

										/* ---------- 7. images ---------- */ 
										

										/* ---------- 8. tables ---------- */
										
.tdcartTitle{
	background:#006491;
	color:#fff;
} 

.BlueBg {
	margin-left:0;
}
										
										
										/* ---------- 9. forms ---------- */ 
										
.textbox {
	border:1px solid #006491;
}



#RelatedProducts {
	border:1px solid #006491;
	background:#fff;
	padding:3px;
}
#Inner {
	background:#b2d0de;
}

.LPBox {
	width:125px;
	background:#fff;
	margin:5px;
	float:left;
	padding:10px;
	height:160px;
}
.LPImage {
	width:120px;
}
.LPInfo {
}
.LPName {
	color:#006491;
	font-size:0.9em;
}
.LPName a {
	color:#006491;
	
}
.LPPrice {
}
