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

Title : Stutch Data Services 
URL : Company URL

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

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


/* PNG Fix */
#top_banner, #header, #spaceT, #spaceB, #contact_bg, img { behavior: url(/persistent/js/iepngfix.htc) }

/*

----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/

html {
	padding: 0;
	margin: 0;
	}

body {
	font: 12px/18px arial, helvetica, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	background: #144594 url(../siteimages/body_bg.jpg) repeat-x;
	background-position: top;
	}
	
img {
	border: 0;
	}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
	}



td {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	line-height: 1.4;
}

p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #3e3d3d;
} 

a {
color: #223b87;
text-decoration: underline;
}

a:hover {
text-decoration: none;

} 

hr {
width: 100%;
height: 1px;
color: #666666;
border: 1px dotted;
margin: 10px 0;

}
	
#stats {
display: none;
height: 0;
line-height: 0;
}

input, select {
-x-system-font:none;
color:#000000;
font: normal 11px Arial, Helvetica, sans-serif;
padding: 1px;
}

/*
----------------------------------------------------------------------------- 
HEADINGS
-----------------------------------------------------------------------------*/

h1 {
	font: normal 20px/28px Arial, Helvetica, serif;
	color: #00346a;
	margin-top: 0;	}
	
h2 {
	font: bold 16px/22px Arial, Helvetica, serif;
	color: #0066FF;
	padding: 0; }
	

h3 {
	font: bold 18px Arial, Helvetica, serif;
	color: #0f3b7c;
	}
	
h4 {
font: bold 16px/20px Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin: 0 0 20px 0;
	}

h5 {
font: bold 16px/20px Arial, Helvetica, sans-serif;
color: #666666;
margin: 0 0 10px 0; }


#main_container {
width: 1005px;
margin: 0 auto;
} 

#main_wrapper {
width: 995px;
padding: 0 5px 0 5px;
margin: 9px auto 0 auto;
background: url(../siteimages/main_wrapper_bg.png) repeat-y;
} 

	#top_header {
	width: 995px;
	height: 150px;
	border-bottom: 4px solid #11397e;
	background: url(../siteimages/top_header_bg.jpg) repeat-x;
	} 
	
		#logo {
		width: 138px;
		height: 140px;
		float: left;
		margin-left: 12px;
		margin-top: 5px;
		} 
		
		#top_rhs {
		float: right;
		width: 840px;
		background: url(../siteimages/top_rhs_bg2.png) no-repeat;
		height: 150px;
		text-align:right;
		} 
		
			#top_rhs_container {
			float: right;
			width: 315px;
			height: 140px;
			text-align: right;
			} 
		
			#top_rhs_login {
			width: 300px;
			height: 55px;
			padding-right: 15px;
			} 
			
				#top_rhs_login td {
				color: #dedfe3;
				}
			
				#top_rhs_login td a {
				color: #dedfe3;
				font: normal 11px Arial, Helvetica, sans-serif;
				text-decoration: none;
				} 
			
			#secure_online {
			width: 298px;
			height: 30px;
			text-align: right;
			color: #fffeff;
			font: normal 12px Arial, Helvetica, sans-serif;
			margin-top: 69px;
			line-height: 1.8;
			} 
			
				#secure_online a {
				color: #FFFFFF;
				text-decoration: none;
				} 
				
				#secure_online a:hover {
				text-decoration: underline;
				} 
	
	#nav_wrapper_blue {
	width: 995px;
	height: 34px;
	background: url(../siteimages/nav_bg_blue.jpg) no-repeat;
	} 
	
		#nav_wrapperB {
		width: 695px;
		height: 34px;
		float:left;
		} 
	
		
		#search {
		float: right;
		height: 34px;
		width: 260px;
		padding-right: 10px;
		} 
		
			#search td {
					font: bold 12px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
			} 
	
	#nav_wrapper_red {
	width: 995px;
	height: 38px;
	background: url(../siteimages/nav_bg_red.jpg) repeat-x;
	overflow: hidden;
	} 
	
	#livechat {
		float: right;
	  width: 331px;
	}
	
		#nav_wrapper {
	  width: 650px;
		height: 38px;
		float:left;
        position: relative;
		left: 10px;
		} 
	
/*		#nav_wrapper_red a {
		font: bold 14px/38px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration: none;
		padding: 0 15px 0 15px;
		} */
	
	#contentH_container {
	width: 985px;
	padding: 5px;
	background-color: #FFFFFF;
	} 
	
		#cH_lhs {
		width: 650px;
		float: left;
		} 
		
			#flash {
			width: 650px;
			height: 295px;
			margin-bottom: 5px;
			} 
			
			#contentH {
			width: 628px;
			padding: 10px;
			border: 1px solid #d9d9d9;
			margin-bottom: 5px;
			} 
			
			#specials {
			width: 628px;
			padding: 10px;
			border: 1px dashed #ef1b29;
			margin-bottom: 5px;
			} 
			
			#specials a {
			text-decoration: none;
			font-weight: bold;
			} 
			
			
			#specials h1 {
	font: normal 18px/22px Arial, Helvetica, serif;
	color: #fff;
	margin-top: 0;
	background-color: #ed262d;
	padding: 2px 2px 2px 5px;	}

			
			#contentH_bottom {
			width: 628px;
			padding: 10px;
			border: 1px dashed #CCC;
			margin-bottom: 5px;
			} 
		
		#cH_rhs {
		width: 330px;
		float: right;
		} 
		
			#quick_links {
			width: 318px;
			border: 1px dotted #b7b7b7;
			padding: 5px;
			margin-bottom: 5px;
			} 
			
			#news {
			width: 300px;
			padding: 5px 15px 5px 15px;
			background-color: #e9f0f8;
			} 
			
			#secure_logos {
			width: 308px;
			margin: 5px 0 5px 0;
			padding: 10px 11px 5px 11px;
			} 
			
			#home_rhs_pink {
			width: 318px;
			border: 1px dashed #b7b7b7;
			padding: 5px;
			margin-bottom: 5px;
			background-color: #ffeded;
			} 
			
				#home_rhs_pink h1 {
				font: bold 14px/18px Arial, Helvetica, sans-serif;
				color: #CC3300;
				background-color: #fff9f9;
				padding: 2px 2px 2px 5px;
				
				} 
			
		#lhs {
		width: 209px;
		float: left;
		
		}
		
		#rhs {
		width: 727px;
		float: right;
		text-align: left;
		padding: 10px 15px 15px 15px;
		} 
		
		#rhs_store {
		width: 535px;
		float: right;
		text-align: left;
		padding: 15px;
		float: left;
		margin-left: 15px;
		} 
		
		#rhs_features {
		width: 182px;
		float: right;
		
		} 
		
		#phone_text {
		width: 995px;
		height: 32px;
		background-color: #d00910;
		text-align: center;
		padding-top: 12px;
		} 
		
		#footer_menu {
		width: 955px;
		padding: 30px 20px 30px 20px;
		background-color: #FFFFFF;
		} 
		
		.footerlinks {
		font: normal 11px Arial, Helvetica, sans-serif;
		}
		
		.footerlinks td  {
		border-right: 1px solid #dddddd;
		padding-left: 10px;
		} 
		
		.footerlinks td p {
		font: normal 11px Arial, Helvetica, sans-serif;
		padding: 3px 0 3px 0;
		margin: 0;
		} 
		
		.footerlinks td a {
		text-decoration: none;
		color: #3e3d3d;
		} 
		
		.footerlinks td a:hover {
		text-decoration: underline;
		} 
		
		td.footerlink_rhs {
		border-right: none;
		
		} 
		
	#footer_bg {
width: 995px;
padding: 0 20px 0 20px;
background: url(../siteimages/footer_bg.png) no-repeat;
margin: 0 auto;
height: 80px; } 

#copy {
margin: 0 auto;
font: normal 12px Arial, Helvetica, sans-serif;
color: #5088df;
width: 995px;
text-align: center;
padding-top: 10px;
} 

	#copy a {
	color: #5088df;
	} 
	
	#map {
	margin: 20px 0 20px 0;
	} 

/*
----------------------------------------------------------------------------- 
Main Menu
-----------------------------------------------------------------------------*/


ul#nav {
	width: 825px;
	height: 38px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

ul#navB {
	width: 725px;
	height: 34px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

ul#nav li { 
  float: left; /*For Gecko*/
	margin: 0;
	padding: 0px;
  position: relative;
}

ul#navB li { 
  float: left; /*For Gecko*/
	margin: 0;
	padding: 0px;
  position: relative;
}

ul#nav li a {
	display: block;
	text-decoration: none;
	padding: 0 32px 0 0 ;
	font: bold 14px/38px Arial, Arial Narrow, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF; }
	
	ul#nav li a:hover {
	color: #333333;
	
	} 

ul#navB li a {
	display: block;
	text-decoration: none;
	padding: 0 20px 0 0 ;
	font: bold 12px Arial, Arial Narrow, Helvetica, sans-serif;
	color: #FFFFFF; }
	
	ul#navB li a:hover {
	color: #333333;
	
	} 

ul#navB ul {
list-style: none;
position: relative;
left: 18px;
  margin: 0;
  padding: 0;
} 

ul#nav ul {
	z-index: 15;
  position: absolute;
	top: 38px;
	left: 0px;
	width: 120px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
	background: #f04950;
}

#nav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}
	
#navB ul li {

} 

/* 2nd Menu */
ul#nav li ul li a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
	width: 120px;
  height: auto !important;
  height: 1%; /*For IE*/
	font: bold 12px/28px Arial, sans-serif;
	background: none;
  display: block;
	cursor: pointer;
	text-transform: capitalize;
	padding-left: 12px;
	}
	
ul#navB li ul li a {
font: bold 12px/34px Arial, Helvetica, sans-serif;

} 

ul#nav li:hover li a,
ul#nav li.iehover li a {
  float: none;
	color: #FFF;
	background: #f04950;
	cursor: pointer;
	text-transform: capitalize;
	}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
	color: #000;
	background: #ee2f37;
	}

/* 3rd Menu */
ul#nav li:hover li:hover li a,
ul#nav li.iehover li.iehover li a {
	font: normal 12px/30px Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #369acc;
	}

/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover,
ul#nav li:hover li:hover li:hover a,
ul#nav li.iehover li.iehover li a:hover,
ul#nav li.iehover li.iehover li.iehover a {
	font: normal 14px/30px Helvetica, Arial, sans-serif;
	color: #FFF;
	background: #369acc;
	}

ul#nav ul ul,
ul#nav ul ul ul {
  display: none;
	position: absolute;
  top: -1px;
	width: 150px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
	}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
	}

/* -------- Sub nav -------- */		

#storenavitems {
width: 209px;
color: #000000;
padding: 0;
margin: 0 auto;
}


/*----- Category Box -----*/ 

div.categorybox {
margin: 0;
padding: 0;
} 

div.categoryname {
margin: 0;
padding: 0;
} 

/*				
							#subNavP a {
							color: #000000;
							font-weight: bold;
							padding-left: 10px;
							padding-right: 10px;
							} 
							
							#subNavP a:hover {
								color: #000000;
								text-decoration:none;
								}*/
							
							ul#subNavP  {
								list-style: none;
								color: #000;
								width: 209px;
								margin: 0;
								padding: 0 0 10px 0;
								background: #e3f2f9 url(../siteimages/subnav_bg_bottom.gif) no-repeat;
								background-position: bottom;
								text-align: left;
								}
								
							ul#subNavP ul {
							margin: 0;
							padding: 0  15px 0 15px;
							} 							
							
							ul#subNavP li {
								display: block;
								padding: 0;
								margin: 0;
								color: #000;
								list-style: none;
								border-bottom: 1px dashed #fff;
								}
							
							
									ul#subNavP li a {
										display: block;
										margin: 0;
										color: #4f4e49;
										text-decoration: none;
										font: bold 12px Arial, Helvetica, sans-serif;
										padding: 8px 0 8px 0;
										}
										
									ul#subNavP li a:hover {
									color: #11397f;
									} 
										
									ul#subNavP li.subnav_selected a{
										color: #000;
										text-decoration: underline;
										}
										
									ul.hidestorenav {
									margin: 0;
									
									} 



div.cat_producttxt a h2 {
text-decoration:none;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000066;
margin: 5px;
}

div.cat_producttxt a:hover h2 {
text-decoration:underline;
}

div.cat_productwrap {
display:block;
float:left;
height:150px;
overflow:hidden;
text-align:center;
}

div.cat_productwrapH {
display:block;
float:left;
height:160px;
overflow:hidden;
text-align:center;
}


#pdwrap { 
	text-align: left;
	vertcal-align: top;
	margin-bottom: 17px;
}

 .pd_imagewrap {
   float: left;
	 width: 291px;
 }
 
 .pd_descwrap {
   float: right;
	 width: 416px;
 }
 
 .pd_descwrap ul {
 margin-left: 0;
 
 } 
 
 .pd_descwrap li {
 
 } 
 
 #qtywrap tr td strong {
	 float: left;
	 position: relative;
	 top: 3px;
	 padding-right: 2px;
 }
 
 	.inputqty {
	  width: 32px;
		height: 22px;
		font: normal 14px/24px arial, verdana, helvetica;
		border: 1px solid #999;
	}
	
	#sale_price {
		color: #CC0000;
	}
	
	#sale_price2 {
	  font: bold 16px arial, verdana, helvetica;
		color: #CC0000;
	}
	
	#prod_price {
	  font: bold 16px arial, verdana, helvetica;
		color: #000;} 
		
	#rrp_price2 {
text-decoration: line-through;
font: bold 16px Arial, Helvetica, serif;
font-style: italic;
color: #000000;
margin: 0;
padding:0;
float:left;
margin-right: 10px;
} 

#rrp_price  {
text-decoration: line-through; }

#upsellwrap {
  padding: 10px;
	text-align: center;
	border: 2px dotted #e7e7e7;
	margin-bottom: 25px;
}

 .upselltitle {
   text-align:center;
   padding-top: 5px;
 }

.message {
/*  padding: 10p`x 15px;
	font: bold 14px verdana, arial, helvetica;
	color: #999;
	background-color: #F3F3F3;
	border: 2px solid #666666;
	text-align: center;*/
}

/*----- Mini Cart -----*/

div#minicart {
	width: 205px;
	height: 23px;
	margin: 0;
	padding: 0;
	padding-left: 25px;
	/*background: url('/persistent/templateimages/icon_shoppingcart_new.jpg') no-repeat 0 0;*/
}

div#minicart dt,
div#minicart dd {
  float: left;
	margin: 0;
	padding: 0;
}

div#minicart dl {
	float: right;
	width: 205px;
	margin: 0;
	padding: 0;
}

div#minicart dt {
	display: none;
	margin: 0;
	padding: 0;
}

div#minicart dd {
	padding: 0 5px;
  font: normal 11px/23px arial, verdana, helvetica;
	color:  #FFF;
}

div#minicart dd a {
	margin: 0;
	padding: 0;
  font: normal 11px/23px arial, verdana, helvetica;
	color:  #FFF;
	text-decoration: underline;
	border: 0;
}

div#minicart dd a:hover {
	margin: 0;
	padding: 0;
  font: normal 11px/23px arial, verdana, helvetica;
	color: #FFF;
	border: 0;
}


/*----- jCarousel (Rotate product images) ----- */

#image-preview {
	background: #fff url(/persistent/assets/jcarousel/loader.gif) 50% 50% no-repeat;
	width: 290px;
	_height: 200px;
	min-height: 290px;
	}
	#image-preview img, #image-scroller img, a.smlThumb img {
		display: block;
		}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#image-scroller .jcarousel-container {
  position: relative;
	width: 291px;
	margin-top: 9px;
}

#image-scroller .jcarousel-clip {
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
	width: 291px;
}

#image-scroller .jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

#image-scroller .jcarousel-list li,
#image-scroller .jcarousel-item {
	/*border: 2px solid #f4f3ef;*/
	border: 0;
	margin-right: 9px;
	background: #fff url(/persistent/assets/jcarousel/loader.gif) 50% 50% no-repeat;
	cursor: pointer;
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 93px;
	height: 93px;
}
#image-scroller ul li a { height:1%; }

#image-scroller ul li:hover { border-color: #c5c5c5;cursor: pointer; }
#image-scroller ul li.active { border-color: #80ABD6;cursor: default; }
p.propCounter { margin-top:0;text-align:center;font-size: 11px; }
			
/* product image zoom */

/* JQUERY STYLES START */
.jqzoom { position: relative; cursor: pointer; }

.jqzoom img { /* float: left; */ margin: auto; }

.zoomdiv { 
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	background: #ffffff;
	border: 1px solid #636262;
	display: none;
	text-align: center;
	overflow: hidden; }

.jqZoomPup { 
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	border: 1px solid #AAAAAA;
	background: #ffffff url(/persistent/templateimages/zoom.gif) 50% top  no-repeat;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50); }


/*----- links -----*/

a.breadcrumb_links {
  color: #003399;
}

a.link_productname {
  text-decoration: none;
}

a.link_productname:hover {
  text-decoration: underline;
}


/*
----------------------------------------------------------------------------- 
FORMS
-----------------------------------------------------------------------------*/

/* Deafults */

#emailFriend fieldset {
	margin-bottom: 7px;
	}

#emailFriend legend {
	color: #999;
	font: 13px/16px Verdana, Arial, Helvetica, sans-serif;
	}

#emailFriend label {
	display: block;
	clear: both;
	margin-bottom: 7px;
	text-align: right;
	}

#emailFriend textarea {
	font: 12px/16px Arial, Helvetica, sans-serif;
	width: 193px;
	border: 1px solid #e8e8e8;
	padding: 2px;
	}


/*----- Email a Friend (Form) -----*/

#emailFriend {
	overflow:auto;
	padding: 15px 25px;
	margin: 0 auto;
	}

#emailFriend fieldset {
	display: block;
	width: 500px;
	margin: 4px auto;
	}
#emailFriend legend {
	display: block;
	}
#emailFriend label {
	background: #f3f1ea;
	padding: 10px;
	width: 478px;
	}
	#emailFriend label.error {
		padding: 0;
		width: 470px;
		}
	
#emailFriend input.input, #emailFriend textarea {
	width: 300px;
	margin-left: 10px;
	}


.productwrap {
text-align:center;
padding: 0px 15px 15px 0px;
}

.productitem {
padding:10px;
text-align:center;
} 

.productitemS {
padding: 2px;
text-align:center;
} 

.productitem a {
text-decoration: none;
font-weight: bold;
} 

.productitem a:hover {
text-decoration: underline;

} 

.product-img {
border: 1px solid #dddddd;

} 

.click {
font: normal 11px Arial, Helvetica, sans-serif;
color: #666666;
padding-top: 7px;
padding-bottom: 7px;

} 

.contact_button {
background-color: #6099f3;
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
border: none;
padding: 3px;

} 

.feedback_table {
margin-bottom: 50px;

} 

ul.postsLayout01 li.exerpt img {
border:3px solid #ffffff;
float: left;
margin-right: 10px;
}