/*
	voice-family: "\"}\"";
	voice-family:inherit;
*/

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}

/* --------------------------------- */
/* ---------- GLOBAL STYLES -------- */
/* --------------------------------- */
img {border:0; padding:0; margin:0; display:block;}
.inline {display:inline;}
form {padding:0; margin:0;}

/* --------------------------------- */
/* ------------- HEADINGS ---------- */
/* --------------------------------- */
h1 {font:18px Arial, Helvetica, sans-serif; color:#006699; font-weight:normal; margin:0px 0px 20px 0px; padding:0;}
h2 {font:14px Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; margin:0px 0px 0px 0px; padding:0;}
h3 {font:12px Arial, Helvetica, sans-serif; color:#3399CC; font-weight:bold; margin:0; padding:0;}

h1.mainintrotext {width:760px; margin:0 auto; text-align:right; font:11px Arial, Helvetica, sans-serif; color:#666666; font-weight:normal; padding:10px 0px;}

/* --------------------------------- */
/* --------------- TEXT ------------ */
/* --------------------------------- */
p {font:12px/16px Arial, Helvetica, sans-serif; color:#000000; margin:0; padding:0; padding-bottom:20px;}
td {font:12px/16px Arial, Helvetica, sans-serif; color:#000000; }
th  {font:12px/16px Arial, Helvetica, sans-serif; color:#000000; font-weight: bold;}

/* ------------------------------ */
/* ------------ LINKS ----------- */
/* ------------------------------ */
a {font:12px Arial, Helvetica, sans-serif; color:#0099CC; font-weight:normal;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#006699; text-decoration:underline;}

a.quote:hover {border: 1px outset #CD3301;}

.arrowlink {
	background-image:url(../images/bullet-arrow-black.gif);
	background-repeat:no-repeat;
	background-position:0em .3em;
	padding:0px 0px 0px 10px;
	margin:0;
	}

/* --- sub links --- */
#sublinks {
	background-color:#E9E9E9;
	border-top:1px solid #ffffff;
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	padding:5px 20px;
	}
#sublinks a {
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
	padding:0px 10px
	}
#sublinks a:hover {
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
	}


/* --------------------------------- */
/* ------- GRAPHICAL BUTTONS ------- */
/* --------------------------------- */
.login {
	float:left;
	width:140px;
	height:33px;
	margin:12px 0px 0px 154px;
	padding:0;
	}
.login a {
	display:block;
	overflow:hidden;
	text-indent:-500px;
	}
.btn-login {
	width:140px; height:33px;
	background: url(../images/btn-login.gif);
	background-position:0 -33px;
	background-repeat:no-repeat;
	}
.btn-login:hover {
	background-position:0 0;
	}

#becomeretailer {
	float:left;
	width:157px;
	height:33px;
	margin-top:12px;
	padding:0;
	}
#becomeretailer a {
	display:block;
	overflow:hidden;
	text-indent:-500px;
	}
.btn-becomeretailer {
	width:157px; height:33px;
	background: url(../images/btn-becomeretailer.gif);
	background-position:0 -33px;
	background-repeat:no-repeat;
	}
.btn-becomeretailer:hover {
	background-position:0 0;
	}

.btn-logout {
	width:140px; height:33px;
	background: url(../images/btn-logout.gif);
	background-position:0 -33px;
	background-repeat:no-repeat;
	}
.btn-logout:hover {
	background-position:0 0;
	}

.btn-myaccount {
	width:157px; 
	height:33px;
	background: url(../images/btn-myaccount.gif);
	background-position:0 -33px;
	background-repeat:no-repeat;
	}
.btn-myaccount:hover {
	background-position:0 0;
	}

/* --------------------------------- */
/* --------------- LISTS ----------- */
/* --------------------------------- */
ul { margin:0px 0px 20px 0px; padding:0; }
ol { margin:0px 0px 20px 10px; padding:0; }
li {
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	}

/* --- list with spaced out lines of text ---*/
.spacedout li {
	margin:0px 0px 0px 15px;
	padding:0px 0px 15px 0px;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	}

/* --- list with small black arrows --- */
ul.arrowlinks {padding:0; margin:0px 0px 20px 0px;}
ul.arrowlinks li {padding:0; margin:0; list-style-type:none;}
ul.arrowlinks li a {
	background-image:url(../images/bullet-arrow-black.gif);
	background-repeat:no-repeat;
	background-position:0em .3em;
	font:12px Arial, Helvetica, sans-serif;
	color:#ff6600;
	font-weight:bold;
	padding:0px 0px 0px 10px;
	margin:0;
	}
ul.arrowlinks li a:link, ul.arrowlinks li a:visited, ul.arrowlinks li a:active {text-decoration:none;}
ul.arrowlinks li a:hover {color:#cc3300; text-decoration:underline;}
ul.arrowlinks li a.arrowlinks-indent1 {
	margin-left:10px;
	padding:0px 0px 0px 8px;
	background-image:url(../images/bullet-arrow-black.gif);
	background-repeat:no-repeat;
	background-position:0em .4em;
	font-weight:normal;
	}



/* --------------------------------- */
/* --------- LAYOUT STYLES --------- */
/* --------------------------------- */
#wrapper {width:100%; background-color:#ECEBE3;}
#mainarea-wrap {width:760px; background-color:#FFFFFF; margin:0 auto; border-left:5px solid #ffffff; border-right:5px solid #ffffff;}
#header-wrap {width:760px; height:57px; background-color:#CDEBF6; margin:0; padding:0;}

#col-left {
	width:150px;
	vertical-align:top;
	background-color:#FFE9A4;
	border-right:5px solid #ffffff;
	padding-top:55px;
	}
#col-right {
	width:605px;
	vertical-align:top;
	background-color:#ffffff;
	}
#col-noleft {
	width:755px;
	vertical-align:top;
	background-color:#ffffff;
	}
#col-centre {
	width:455px;
	vertical-align:top;
	background-color:#ffffff;
	}
#col-catright {
	width:150px;
	vertical-align:top;
	background-color:#ffffff;
	}

#contenttable {
	width:585px;
	margin:10px auto;
	}

/* --------------------------------- */
/* ------------- TOP NAV ----------- */
/* --------------------------------- */
#topnav-wrap {
	width:605px; 
	height:85px; 
	background-color:#CDEBF6; 
	background-image:url(../images/bg-topnav.gif); 
	background-position:bottom; 
	background-repeat:no-repeat; 
	margin:0; 
	padding:0;
	border-bottom:5px solid #ffffff;
	}
#topnav-wrap p {
	text-align:right;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	padding:50px 0px 0px 0px;
	}
#topnav-wrap a {
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#006699;
	padding:0px 12px;
	}
#topnav-wrap a:link, #topnav-wrap a:active, #topnav-wrap a:visited {
	text-decoration:none;
	}
#topnav-wrap a:hover {
	color:#0099FF;
	text-decoration:none;
	background-color:#CCFFFF;
	}

#nolefttopnav-wrap {
	width:755px; 
	height:85px; 
	background-color:#CDEBF6; 
	background-image:url(../images/bg-topnav.gif); 
	background-position:bottom; 
	background-repeat:no-repeat; 
	margin:0; 
	padding:0;
	border-bottom:5px solid #ffffff;
	}
#nolefttopnav-wrap p {
	text-align:right;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	padding:50px 0px 0px 0px;
	}
#nolefttopnav-wrap a {
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#006699;
	padding:0px 12px;
	}
#nolefttopnav-wrap a:link, #nolefttopnav-wrap a:active, #nolefttopnav-wrap a:visited {
	text-decoration:none;
	}
#nolefttopnav-wrap a:hover {
	color:#0099FF;
	text-decoration:none;
	background-color:#CCFFFF;
	}



/* -------------------------------- */
/* ----------- SIDE NAV ----------- */
/* -------------------------------- */
ul#sidenav {
	width:120px;
	margin:10px auto 0px auto;
	padding:0;
	}
ul#sidenav li {
	list-style-type:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #ffffff;
	}
ul#sidenav a {
	display:block;
	font:12px Arial, Helvetica, sans-serif;
	color:#CC6600;
	font-weight:bold;
	margin:0;
	padding:7px 3px;
	}
ul#sidenav li a:link, ul#sidenav li a:active, ul#sidenav li a:visited {
	text-decoration:none;
	}
ul#sidenav li a:hover {
	color:#ff6600;
	text-decoration:none;
	background-color:#ffffcc;
	}

/*
ul#sidenav li.sidenav-sub1 {
	list-style-type:none;
	background-image:none;
	margin:0;
	padding:0;
	border-top:none;
	border-bottom:none;
	}
ul#sidenav li.sidenav-sub1 a {
	display:block;
	font:11px Arial, Helvetica, sans-serif;
	color:#ff0000;
	font-weight:normal;
	margin:0;
	padding:1px 0px 1px 11px;
	background-image:url(../images/arrow.gif);
	background-position:0em .4em;
	background-repeat:no-repeat;
	}
ul#sidenav li.sidenav-sub1 a:hover {
	color:#000000;
	text-decoration:underline;
	background-color:transparent;
	} */

/* --- subcategories --- */
ul#catsidenav {
	width:120px;
	margin:0px auto 0px auto;
	padding:0;
	}
ul#catsidenav li {
	list-style-type:none;
	margin:0;
	padding:0;
	border-top:1px solid #FFE9A4;
	}
ul#catsidenav a {
	display:block;
	font:11px Arial, Helvetica, sans-serif;
	line-height:normal;
	color:#FF6600;
	font-weight: normal;
	margin:0;
	padding:3px 0px 3px 9px;
	background-image:url(../images/bg-prodcat-arrow.gif);
	background-position:.0em .6em;
	background-repeat:no-repeat;
	}
ul#catsidenav li a:link, ul#catsidenav li a:active, ul#catsidenav li a:visited {
	text-decoration:none;
	}
ul#catsidenav li a:hover {
	color:#cc6600;
	text-decoration:none;
	background-color:#ffffcc;
	}



/* --------------------------------- */
/* ------ HOMEPAGE ONLY STYLES ----- */
/* --------------------------------- */
h2.hp-intro {
	background-color:#FFC8D5;
	padding:18px 30px;
	font:20px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#663333;
	}
p.hp-note {
	width:130px;
	height:150px;
	margin:50px auto 0px auto;
	padding:20px 10px 0px 10px;
	background-image:url(../images/bg-hp-note.gif);
	background-repeat:no-repeat;
	font:11px/15px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666666;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:110px
	}
p.hp-note a {
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#0099CC;
	}
p.hp-note a:hover {
	color:#006699;
	}


/* ------------------------------------------------------------- */
/* --------------------- INTERCHANGE STYLES -------------------- */
/* ------------------------------------------------------------- */
.contentbar1 {background-color:#F7F7F7; color:#000000; padding:2px}
.contentbar2 {background-color:#CDEBF6; color:#333333; padding:2px}
.pricebar {color: #CC0000; font-size:14px; font-weight: bold}
.maincontent {background-color:#FFFFFF; color:#333333;}
.button1 {background-color:#CDEBF6; color:#333; border:1px solid #31829E; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.button2 {background-color:#006599; color:#FFFFFF; border:1px solid #013D5C; font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold;}
.button3 {background-color:#FB9702; color:#FFFFFF; border:1px solid #9A5E04; font-family:Arial, Helvetica, sans-serif; font-size:11px;font-weight:bold;}
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

a.viewcart {
	display:block;
	background-image:url(../images/bg-viewcart.gif);
	background-position:right;
	background-repeat:no-repeat;
	text-align:right;
	padding:8px 30px 8px 0px;
	margin-right:10px;
	}
a.viewcart:link, a.viewcart:active, a.viewcart:visited {
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF3300;
	text-decoration:none;
	}

a.viewcart:hover {
	text-decoration:underline;
	color:#FF3300;
	}

/* --------------------------------- */
/* ----------- BOTTOM NAV ---------- */
/* --------------------------------- */
#bottomnav-wrap {
	margin:0 auto;
	padding:25px 0px 15px 0px;
	text-align:center;
	}
#bottomnav-wrap p {
	font:12px Arial, Helvetica, sans-serif;
	color:#cccccc;
	padding-bottom:3px;
	}

#bottomnav-wrap a {
	font:12px Arial, Helvetica, sans-serif;
	color:#999999;
	padding:0px 6px;
	}
#bottomnav-wrap a:link, #bottomnav-wrap a:active, #bottomnav-wrap a:visited {
	text-decoration:none;
	}
#bottomnav-wrap a:hover {
	color:#666666;
	text-decoration:underline;
	}

#bottomnav-wrap p.bottomnav-small {
	font:11px Arial, Helvetica, sans-serif;
	color:#cccccc;
	}
#bottomnav-wrap p.bottomnav-small a {
	font:11px Arial, Helvetica, sans-serif;
	}

/* --------------------------------- */
/* ------------- FOOTER ------------ */
/* --------------------------------- */
#footer-wrap {
	width:770px;
	margin:10px auto 0px auto;
	padding-bottom:10px;
	background-image:url(../images/bg-footer.gif);
	background-position:top right;
	background-repeat:no-repeat;
	}
#footer-wrap p {
	width:560px;
	padding-bottom:0;
	text-align:right;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#888888;
	}
#footer-wrap a {font-size:11px;}

.watermark {
	background-image: url(../images/logo.gif);
	background-position: center;
	background-repeat:no-repeat;
	z-index: auto;
}
.sale {
	text-decoration: line-through;
}