@import "tabs.css"; /* Sitewide Tabs */
@import "panels.css"; /* Left & Right Panel Styles */
@import "products.css"; /* Product listings, promos, product detail page, page nav, basket */
@import "forms.css"; /* Sitewide Form Styles */
@import "pagestyles.css"; /* Individual page styles, ie news, links etc */

* { margin: 0; padding: 0;}
html { margin: 0; padding:0; }
/*img, div { behavior: url("../../_includes/iepngfix/iepngfix.htc") }*/

body {
	margin: 0; padding:0;
	font-family: Verdana;
	font-size: 1em;
	line-height: 110%;
	width: 100%;
	color: #4c4c4c;
	background: #fff url("../../_images/h_bg.gif") repeat-x top left;		
}

p {
	color: #5c5c5c;
	font-size: 0.70em;
	line-height: 140%;
	margin: 0px 0 10px 0;
}

TD { 
	font-size: 0.8em;	margin: 0; padding: 0;
}

FORM { margin: 0; padding: 0; }

H1 {
	color: #55B4AB;
	font-size: 1.1em;
	line-height: 120%;
	margin: 2px 0 12px 0;
}

H2 {
	color: #6E6D6D;
	font-size: 0.8em;
	line-height: 120%;
	margin: 5px 0 5px 0;
}

H3 {
	color: #818181;
	font-size: 0.78em;
	line-height: normal;	
}
	.menu_cross{
		font-size: 0.55em;
		color:#165393;
	}
	
	.menu_divide{
		width:164px;
		height:1px;
		background:url('../../_images/dash.jpg') 0 0 repeat-x;
		line-height:0;
		font-size:0.3em;
	}

H4 {
	display: inline;
	color: #818181;
	font-size: 0.6em;
	line-height: 0.6em;
	font-weight: normal;
	padding: 0; margin: 0;
}
H4 span {
	font-weight: bold;
	color: #E41B5B;
}

.subheading { margin: 2px 0 2px 0; }
.subheading span { 
	background: url('../../_images/arrow_down.gif') no-repeat right top; 
	padding: 1px 20px 2px 0px; font-size: 0.7em; font-weight: bold; color: #3D3B3C; 
}

.balloon {	position: absolute; visibility: hidden; }
.balloon div { width: 250px; position: relative; top: -140px; left: 8px; }

.success { color: #00CC00; } /* usually a green */
.failure { color: #990000; } /* usually red */

.lfloat { float: left; }
.rfloat { float: right; }

/* box model fixes */

.clearfix:after {	
	content: ".";	
	display: block;	
	height: 0;	
	clear: both;	
	visibility: hidden;
}
.cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background: transparent; }

/* link definitions */

a, a:visited { 
	color: #00A9A6;
	padding: 0px 0px 1px 0px;
	font-weight: bold;	
}

a:hover{	
	color: #00A9A6;
}

h1 a, h1 a:visited, h2 a, h2 a:visited, h3, h3 a:visited {
	border: 0;
}
		
a img, :link img, :visited img { 
	border: 0px;
}

/* list styles */

#unordered-list {
	color: #5c5c5c;
	margin: 10px; 
	padding: 10px; 
	border: 2px solid #DCDEDE; 
	background: #F3F3F3; 
	font-size: 0.71em; 
	list-style: none; 
}

#unordered-list li {
	padding: 0 0 3px 24px; 
	background: url('../../_images/bullet_li.gif') no-repeat left top;
}

.ordered-list {
	color: #5c5c5c;
	margin: 10px 10px 5px 10px; 
	padding: 10px; 
	border: 1px solid #edecec; 
	background: #f8f8f8; 
	font-size: 0.71em; 
	list-style: decimal inside; 
}

.ordered-list li {
	padding: 0 0 0 20px; 
	text-indent: -17px;
}

.highlight { color: #55B4AB; } 

/* homepage */



/* right panel */



/* testimonials */

#testimonial {
	color: #6c6c6c;
	margin: 10px 30px 10px 30px; 
	font-size: 0.71em;
	line-height: 1.2em; 	
	border: 1px dashed #D7D7D7;
	text-align:justify; 
}
#testimonial-author { font-weight: bold; padding: 5px 0px 0 0; text-align:right; }
#testimonial-author SPAN { color: #00A9A6; }
.testimonial-left { padding: 15px 20px 15px 35px;  background: url('../../_images/comment_bg.gif') #f0f0f0 no-repeat left top; }
.testimonial-right { padding: 15px 35px 15px 20px;  background: url('../../_images/comment_bg2.gif') #F7F7F7 no-repeat right top; }


/* ---------------------------------------------------------------------------------*/
/* LAYOUT */		
/* ---------------------------------------------------------------------------------*/		

#outerwrap1 { /* used for main bg */
	width: 818px; 
	margin: 0 auto; 
	background: url('../../_images/h_outer_bg.gif') repeat-y top center; 
}	
#outerwrap2 { /* used for the top bg */
	padding: 0 22px 0 22px; 
	background: url('../../_images/h_outer_bg_top.gif') no-repeat top center;
}	

#top-image { 
	height: 217px; 
	background: url('../../_images/h_piccy.jpg') no-repeat top center;
}

#innerwrap1 {
	background: url('../../_images/h_inner_bg.gif');
}

#innerwrap2 {
	height:100%; 
	background: url('../../_images/h_inner_bg_bottom.gif') no-repeat bottom center; 
}

#left-panel {
	float: left; 
	width: 173px; 
}

#main {
	border: 0px solid #f00;
	float: left;
	width: 420px; 
	padding: 8px 8px 5px 10px;
}

#right-panel {
	float: right; 
	width: 155px; 
	text-align:center; 
}

#footer {
	background-color: #D7D5D5; 
	margin: 2px 22px 0px 22px; 
	text-align:left; 
	color: #FFFFFF; 
	padding: 6px 0 7px 0; 
	font-size: 0.7em	
}

#footer div {
	float: right; 
	padding: 0 10px 0 0;
}

#footer div a {
	color: #FFFFFF;
	text-decoration:none;
}

#footer span {

	padding: 0 0 0 10px;
}

#footer2 {
	background-color: #FFFFFF;
}

		
/* top menu */

#top-menu {
	position: absolute;
	top: 0px;
	padding: 10px 0px 0 275px;
	height: 23px;
}		
#top-menu ul {
	margin: 0 0 0 0px;
	padding: 4px 5px 23px 0;
	list-style: none;		
}
#top-menu li { 
	float: left;		
	padding: 0px 5px 10px 5px;
	color: #4162AD;
	font-weight: bold;
}				
#top-menu li a { 
	display: block; 
	font-size: 0.7em;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
	color: #4162AD;	
	border: none;	
}
#top-menu li a:hover { 
	color: #7192DD;			
}


/* ---------------------------------------------------------------------------------*/
/* TOP AREA */		
/* ---------------------------------------------------------------------------------*/		

#quote {
	position: absolute;
	top: 130px;
	padding: 0 0 0 10px;
	line-height: 100%;
	font-size: 24px;
	color: #4162AD;
	/*-moz-opacity: 0.80; opacity: 0.80;*/
}		

/* ---------------------------------------------------------------------------------*/
/* LOGIN */		
/* ---------------------------------------------------------------------------------*/	
	
#login-box { 
	
}
#login-box-error {
	padding: 0 5px 0 5px;
	color: #fff; 
	font-weight: bold; 
	font-size: 0.7em;
}
#login-form { padding: 0 0 0 0; margin: 0;  }
#login-email { 
	width: 130px; height: 16px; border: 2px solid #C2C2C2; font-family: Arial; font-size: 0.7em; font-weight: bold; color: #C5C5C5;
}
#login-password { 
	width: 130px; height: 16px; border: 2px solid #C2C2C2; font-family: Arial; font-size: 0.7em; font-weight: bold; color: #C5C5C5;
}

#login-remember { 
	text-align: right; 
	padding: 2px 9px 0 0;
}
#login-remember span {
	font-size: 0.7em;
	line-height: 1.2em;
	color: #C0CBE4;
	padding: 0px 0px 0px 0;
	vertical-align:top;
}
		
#login-bottom {
	clear: both;
	padding: 2px 4px 0px 0px; margin: 0px 0px 0 0;  
}
#login-forgotton { 
	float: left;
	margin: 0 0 0 8px;
	padding: 1px 0 1px 0;
}
#login-forgotton a {			
	font-size: 66%;
	font-weight: bold;
	color: #4c87af;
	border-bottom: 2px dotted #5c97bf;
}
#login-forgotton a:hover {			
	color: #1c577f;
	border-bottom: 2px dotted #2c678f;
}
#login-submit { 
	float: right;
	border: none;
}

/* ---------------------------------------------------------------------------------*/
/* CUSTOMER AREA */		
/* ---------------------------------------------------------------------------------*/	

#area-box {
	font-size: 0.7em;
	line-height: 1.1em;
	color: #fff;
}
#area-text { 
	text-align: left; 
	padding: 2px 9px 4px 12px;
}
#area-logout { 
	text-align: right; 
	padding: 2px 9px 0 0;
}

/* ---------------------------------------------------------------------------------*/
/* LOCATION BAR */		
/* ---------------------------------------------------------------------------------*/		

#location-bar {	
	margin: 2px 0 1px 0; 
	background-color:#E5E5E5; 
	height: 25px; 
	background: url('../../_images/lb_bg.gif') repeat-x top center;
	padding: 1px 0 0 3px;
}
#location-bar:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#location-bar ul {
	margin: 0 0 0 0px;
	padding: 1px 5px 0px 0;
	list-style: none;		
}
#location-bar li { 
	float: left;		
	padding: 0px 0px 0px 0px;
}			
#location-bar li a { 
	display: block; 
	font-size: 69%;
	text-decoration: none;		
	color: #6e6a6a;
	padding: 0px 5px 2px 20px; /* for icon */	
	border: none;	
}
#location-bar li span {
	display: block; 
	font-size: 69%;
	text-decoration: none;
	vertical-align:top;			
	padding: 0px 5px 2px 20px; /* for icon */	
	border: none;	
}
#location-bar li a:hover { 
	color: #2e2a2a;			
}
.location-bar-home { background: url("../../_images/lb_arrow_home.gif") no-repeat left center; color: #6e6a6a;	} 
.location-bar-arrow { background: url("../../_images/lb_arrow.gif") no-repeat left center;  color: #6e6a6a;	} 
.location-bar-current { background: url("../../_images/lb_arrow.gif") no-repeat left center; color: #777; }

/* ---------------------------------------------------------------------------------*/
/* MENU BAR */		
/* ---------------------------------------------------------------------------------*/		

#menu-bar {	
	/*position: absolute; *//*display: none; */
	/*top: 217px;*/
	background-color:#E5E5E5; 
	height: 27px; 
	width:770px;
	background:  url('../../_images/mb_bg.gif') repeat-x top center; /*#65bbb3 */
	padding: 0px 0 0 4px;
	z-index: 5;
}
#menu-bar ul{
	width: 760px; /* keeps the mouse over event going in IE */
	margin: 0 0 0 0px;
	padding: 3px 5px 0px 0;
	list-style: none;		
}
#menu-bar ul li { 
	float: left;		
	padding: 0px 0px 0px 0px;
	background: url("../../_images/mb_arrow.gif") no-repeat left center;
}			
#menu-bar ul li a { 
	display: block; 
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;		
	color: #E9F5F4;	
	font-weight: bold;
	padding: 0px 5px 2px 20px; /* for icon */	
	border: none;	
}
#menu-bar ul li span {
	display: block; 
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
	vertical-align:top;			
	color: #E9F5F4;	
	padding: 0px 5px 2px 20px; /* for icon */	
	border: none;	
}
#menu-bar ul li a:hover { 
	color: #fff;			
	text-decoration: underline;
}

.tab-arrow {
	width: 11px;
	height: 7px;
	background: url("../../_images/tab_downarrow.gif") no-repeat left top;
}

/* ---------------------------------------------------------------------------------*/
/* INFO BAR */		
/* ---------------------------------------------------------------------------------*/

#info-bar {
	float: right;
	font-size: 69%;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
	vertical-align:top;			
	color: #4e4a4a;	
	margin: 0px 0 0px 0;
	padding: 2px 5px 0px 0px; 
	border: none;	
}

#info-bar b {
	color: #DF1A59;
}

/* ---------------------------------------------------------------------------------*/
/* Testimonials box */		
/* ---------------------------------------------------------------------------------*/

#testimonial_header{
	width:391px;
	height:21px;
	margin:0 auto;
	background:url('../../_images/curve-top.jpg') 0 0 no-repeat;
	padding:10px 0 0 10px;
}

#testimonial_body{
	width:377px;
	margin:0 auto;
	padding:3px 10px 0 10px;
	border-left:2px solid #00A9A6;
	border-right:2px solid #00A9A6;
}

#testimonial_footer{
	width:381px;
	height:31px;
	margin:0 auto;
	background:url('../../_images/curve-bottom.jpg');
	padding: 0 10px;
}

#testimonial_footer p{
	padding:0;
	margin:0;
	font-size:9px;
}

/* ---------------------------------------------------------------------------------*/
/*basket_view */		
/* ---------------------------------------------------------------------------------*/
#basket-footer div{
	color:#3F3F3F;
	text-align:left;
}

/* ------------------------------------------------------ */
/* Visual index */
/* ------------------------------------------------------ */

.home_cat_wrap {width:417px; float:left; }
.home_cat{ width:186px; height:130px; margin-left:10px; margin-bottom:10px; float:right; border:1px solid #EDEDED; padding:5px; text-align:center}
.home_cat img {padding:5px;}
.hc_odd {background:#E5E5E5;}
#home_sell{background:#EFEFEF;border:1px solid #BFBFBF; padding:5px;margin-bottom:10px;}
#home_sell h2{color:#00A9A6; text-align:center; }