@charset "iso-8859-1";

.tab_2{	background:url(tab_2.jpg) top left repeat-x;}
.tab_5{	background:url(tab_5.jpg) top left repeat-y;}
.tab_6{	background:url(tab_6.jpg) top left repeat-x #f7fbfe;}
.tab_8{	background:url(tab_8.jpg) top left repeat-y}
.tab_10{background:url(tab_10.jpg) top left repeat-x}

.marg_1{margin:10px;}
.txt_23{font-size:14px; color:#252d5d; font-weight:700;}


/* generic selectors */
.clear {
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide { display: none !important; }
.inside {
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 5px;
}

/* margin, padding and font */
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}
h1 { font-size: 220%; }
h2 { font-size: 190%; }
h3 { font-size: 160%; }
h4 { font-size: 130%; }
h5 { font-size: 100%; }
h6 { font-size: 70%; }

/* HTML elements default style */
a, a:link, a:visited, a:active { text-decoration: underline; }
a:hover { text-decoration: none; }
label { cursor: pointer; }
table { font-size: 100%; }
td, th { vertical-align: top; }

/* core layout of the page */
body {
	margin: 25px 2px;	/* margin instead of padding for the gutterspace around 
	 			   the layout because IE breaks the layout when 
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
}
* html body { text-align: center;	/* hack to center this under IE5 */ }
#pageWrapper {
	border: 3px solid #BAD5E8;
	min-width: 40em;	/* IE doens't understand this property. EMs are used
				   so that as the font size increases, the proportional
				   limitations (min-width) increase with it, rather
				   than creating a middle column that can only fit
				   3 or 4 characters in it. */
	width: 903px;
	margin: 0 auto;
}
#headerWrapper, #footerlinksWrapper {
	border: none;
	min-width: 40em;	/* IE doens't understand this property. EMs are used
				   so that as the font size increases, the proportional
				   limitations (min-width) increase with it, rather
				   than creating a middle column that can only fit
				   3 or 4 characters in it. */
	width: 909px;
	margin: 0 auto;	
}
* html #pageWrapper, * html #headerWrapper, * html #footerlinksWrapper {
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
* html #pageWrapper, * html #headerWrapper, * html #footerlinksWrapper { text-align: left;	/* keep the content left-aligned */ }

/* hide the right column */
body#site #rightColumn { display: none; }
body#site #SOWrap { margin: 0; }
body#site #innerColumnContainer, body#site #outerColumnContainer { border-right-width: 0; }
/* end hide the right column */
#masthead { padding: 0; background-color: #BAD5E8; }
#masthead h1 {
	padding: 0;
	margin: 0;
}
#outerColumnContainer {
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 245px #fff;
	border-right: solid 206px #fff;
}
body#site #outerColumnContainer {  }
#innerColumnContainer {
	border: solid 1px #fff;
	border-width: 0 3px;
	margin: 0 -3px; /* compensate for the borders because of 100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap {
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn {
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#leftColumn {
	float: left;
	margin: 0 1px 0 -245px;
	width: 245px;
	z-index: 4;
}
body#site #leftColumn {
	margin-left: -115px;
	width: 115px;
}

#rightColumn {
	float: right;
	margin: 0 -206px 0 1px;
	width: 206px;	
	z-index: 2;
}
#footer {
	border: solid 1px #fff;
	border-width: 1px 0;
	padding: 0.5em;
}

/* page theme */
#innerColumnContainer {
	border-color: #BAD5E8;
}
html, body {
	/* note that both html and body elements are in the selector.
	 * this is because we have margins applied to the body element
	 * and the HTML's background property will show through if
	 * it is ever set. _DO_NOT_ apply a font-size value to the
	 * html or body elements, set it in #pageWrapper.
	 */
	color: #000;
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper, #headerWrapper, #footerlinksWrapper { font-size: 80%;	/* set your default font size here. */ }
#mastheadRight { 
	background: #BAD5E8 url(interface/cart-background.jpg) 0 0 no-repeat; 
	color: red;
	float: right;
	width: 468px; 
	height: 78px;
	text-align: left;  
}
#minicartholder {
}
.hnav {
	background: #F5F5F5 url(interface/hnav.jpg) bottom left repeat-x;
	color: #000;
	text-align: center;
	padding: 0;
	margin-top: 10px;
	height: 23px;
	z-index: 100;
}
.hnav ul {
	width: 950px;	
	z-index: 110;
}
#outerColumnContainer {
	background-color: #ffffff; /* set the background color for the middle column here */
}
#rightColumn .inside {
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 90%;
}
#footer {
	border: none;
	border-top: 1px dotted #BAD5E8;
	color: #000000;
	text-align: center;
}
#footer #newsletter h2, #footer #newsletter p, #footer #newsletter form {
	margin: 0;
	padding: 0;
}
#footer #newsletter form { display: inline; }
#newsletter h2 { font-size: 130%; color: #C73D7D; }
#newsletter .nl { font-size: 95%; margin: 0; padding: 1px; border: 1px solid #C73D7D; height: 18px; }
#newsletter .nlb { font-size: 95%; font-weight: bold; margin: 0; padding: 1px; color: #C73D7D; border: 1px solid #C73D7D; height: 22px; }
#newsletter p { font-size: 95%; }
span.smalltext { font-size: 85%; color: #C73D7D; }
#middleColumn h2 { padding: 3px 0 0 0; margin: 0; font-size: 155%; }
#middleColumn h3 { 
	/*border-bottom: 2px solid #BAD5E8;*/
	font-size: 115%;
	margin: 8px 0 5px 0;
	padding: 0;
	color: #000000;
}
#middleColumn h2.borderedheading { 
	border-bottom: 2px solid #BAD5E8;
	margin: 8px 0 5px 0;
	padding: 0;
	color: #000000;
}
/* left menu */
#navlist {
	margin: 5px;
	padding: 0;
	list-style: none;
}
#navlist li {
	padding-left: 10px;
	background-image: url(interface/pink-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	border: 1px solid #D2E3EB;
}
#navlist li a {
	display: block;
	color: #000000;
	font-weight: bold;
}

a.prodname { color: #666666; text-decoration: none; }
a.prodname2 { color: #666666; text-decoration: none; font-size: 12px;}
a.prodname2:hover { text-decoration: underline; }
a.prodname:hover { text-decoration: underline; }
span.prodlistingtext { color: #232A5F; }
span.prodlistingtext2 { color: #232A5F; font-size: 12px;}
span.prodlistingtext a.moreinfo { text-decoration: none; color: #232A5F; }
span.prodlistingtext a.moreinfo:hover { text-decoration: underline; }
span.prodlistingtext a.addtocart { text-decoration: none; color: #FF0000; font-weight: bold; }
span.prodlistingtext a.addtocart:hover { text-decoration: underline; }
span.prodlistingtext2 a.moreinfo { text-decoration: none; color: #232A5F; }
span.prodlistingtext2 a.moreinfo:hover { text-decoration: underline; }
span.prodlistingtext2 a.addtocart { text-decoration: none; color: #FF0000; font-weight: bold; }
span.prodlistingtext2 a.addtocart:hover { text-decoration: underline; }
.greytext { color: #666666; }
.bluetext { color: #232A5F; }
#cartqytform {
	border-top: 1px dotted #BAD5E8;
	padding: 10px;
	border-bottom: 1px dotted #BAD5E8;
}
.oos { color: #ff0000; font-weight: bold; font-size: 130%; }
/******************************************************************************/