body {
	margin: 0 auto;
	text-align: center;
	font-family: verdana, sans-serif;
	}


form { margin: 0; }
img { border: 0; }
hr { height: 0px; border-top: 0px solid #c9d0e0; color: #c9d0e0; }

p.checkout { font-family: verdana, sans-serif;
	font-size: 14px; }

#content { padding: 0 50px; margin-bottom: 30px; }
#footer { padding: 0 20px; margin: 0 50px; }


#feature { 
	color: #fff; 
	font-family: verdana; 
	font-size: 95%; 
	}


/* header */

#header { 
	padding: 0 50px; 
	font-family: "arial narrow";
	font-weight: bold;
	font-size: 18px;
	}


#header ul { right: 0; } 
* html #header ul { right: 0px; } 


#header div { position: relative; }


#header {
	height: 41px;
	position: relative;
	border-bottom: 1px solid #a1a6b1;
	background: #000000 url("images/bk_header.jpg") top repeat-x;
	z-index: 1;
	text-align: center;
	}


#header ul {
	padding: 0;
	margin: 0;
	list-style: none;
	/* border-left: 1px solid #576178;
	border-right: 1px solid #1f2635; */
	position: absolute;
	top: 0;
	}


#header li {
	float: left;
	padding: 0;
	margin: 0;
	}

#header ul a:link, #header ul a:visited {
	display: block;
	float: left;
	padding: 10px 15px 5px 15px;;
	text-decoration: none;
	/* border-right: 1px solid #576178;
	border-left: 1px solid #1f2635; */
	color: #dee0e5;
	height: 36px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 16px;
	}

#header ul li a:hover {
	background: #000000;
	color: #fff;
	text-decoration: underline;
	}


/* breadcrumbs */

#breadcrumbs { 
	padding: 0 50px;
	font-family: "arial narrow", sans-serif;
	text-align: center;
	}

#breadcrumbs {
	background: #F7F8F8 url("images/bk_bread.jpg") bottom repeat-x;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 16px;
	color: #333;
	}


#breadcrumbs a:link,
#breadcrumbs a:visited {
	color: #666;
	}


#breadcrumbs a:hover,
#breadcrumbs a:active {
	color: #333;
	}


.feature-para { font-size: 14px ! important; }


.inner-width {
	width: 700px;
	text-align: left;
	}

/* absolute positioning causes this not to function for some inner boxes */
/*
div>.inner-inner {
	position:absolute; 
	height: inherit;
	left:50%; 
	width:700px;
	margin-left:-350px;
	}
*/


h1 {
	font-family: "arial narrow", arial, sans-serif;
	font-size: 160%;
	color: #cc0000; /*  #0000cc;  #666; */
	margin-bottom: -10px;
	}


h1.checkout {
	font-family: "arial narrow", arial, sans-serif;
	font-size: 160%;
	color: #0000cc; /* #666; */
	margin-bottom: 0px;
	}


h2 {
	font-family: "arial narrow", arial, sans-serif;
	font-size: 140%;
	color: #0000cc; /* #666; */
	margin-bottom: -3%;
	}


h3 {
	font-family: "arial narrow", arial, sans-serif;
	font-size: 20px;
	color: #333;
	}



h4 {
	font-family: "arial narrow", arial, sans-serif;
	font-size: 18px;
	color: #333;
	margin-bottom: 0px;
	}

h5 { 
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #666;
	margin-top: -5px;
	margin-bottom: -5px;
	}


b { color: #000; }

#mainContent b { 
	color: #000; 
	background-color: #ffffcc; /* #e6f2ff*/ 
	font-weight: normal; 
	}


#mainContent {
	float: left;
	width: 420px;
	margin-bottom: 2em;
	color: #666;
	font-family: verdana;
	font-size: 14px;
	}

#side.right {
	float: right;
	width: 250px;
	margin-bottom: 2em;
	margin-top: 2em;
	text-align: left;
	}


#side p {
	font-size: 12px;
	margin-top: 0px;
	}



#bandage, #pocket, #velcro {
	background-position: left center; 
	background-repeat: no-repeat; 
	width: 250px; 
	cursor: hand;
	margin-bottom: 30px; 
	text-decoration: none;
	} 


#bandage { background-image: url(images/construction_crepe.jpg); }
#pocket { background-image: url(images/construction_soft.jpg); }
#velcro { background-image: url(images/construction_velcro.jpg); }



.construction {
	 width: 165px; 
	 margin-left: 85px; 
	 cursor: hand; 
	 text-decoration: none;
	}


#rices-table td { font-size: 12px; }


/* news */

.news { margin-left: 10px; }

.news div { font-size: 12px; }

.news h3 { margin-bottom: 0px; }

.news ul { margin-top: 5px; position: relative; left: -15px; }

.newsfoot { color: #000; margin-left: -15px; }


/* footer */

#footer {
	font-size: 12px;
	clear: both;
	margin-top: 0;
	margin-bottom: 1em;
	color: #888;
	padding: 0;	
	text-align: center;
}

#footer-contents {
	padding: 0;
	border-top: 1px solid #c9d0e0;
	margin-top: 0px;
	}

#footer ul#footer-menu {
	position: relative;
	top: -0.8em;
	margin: 0 1em 0 1em;
	padding: 0;
	list-style-type: none;
	}

#footer ul#footer-menu li {
	display: inline;
	background: #fff;
	margin: 0 1em;
	}

#footer ul#footer-menu li a {
	margin: 0 1em;
	white-space: nowrap;
	}

#footer p {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	}





a, a:visited {
	color: #3300ff;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	color: #666;
	}




.rightbox {
	 width: 225px; 
	 margin-left: 0px; 
	 margin-bottom: 15px;
	}




/* #side a, #side a:visited { text-decoration: none; color: #666; }
#side a:hover { text-decoration: none; color: #000; } */

.rightlinks { margin-left: 3px; }

.rightlinks a, .rightlinks a:visited { 
	color: #3300ff; 
	font: normal 12px Verdana, sans-serif; 
	text-decoration: none;
	}

.rightlinks a:hover { 
	color: #666; 
	text-decoration: underline; 
	}



/* cart checkout styles */


.nopcart, .nopheader, .nopentry, .noptotal {
	font-family: verdana, sans-serif; 
	font-size: 14px;
	}

.nopheader { border-bottom: 1px solid #c9d0e0; padding-bottom: 5px;  }

.nopentry { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #c9d0e0;}
table.nopcart { color: #000; width: 100%; }

.noptotal { padding-top: 5px; }



#dhtmltooltip{
	font-family : Verdana, Tahoma, Arial, sans;
	font-size : 11px;
	text-align : left;
	position: absolute;
	width: 120px;
	border: 1px solid #000000;
	padding: 5px;
	background-color: #eee;
	color : #333;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,direction=45);
	}






div#left-newsbox {
    float: left;
    width: 250px;
    /* background-color: red; */
	margin-bottom: 25px;
	}

div#left-newsbox p, div#middle-newsbox p {
	margin: 0px;
	padding: 0px 25px 10px 0px;
	}

div#right-newsbox {
    float: right;
    width: 245px;
    /* background-color: green; */
	}

div#middle-newsbox {
    padding: 0px 160px 5px 160px;
    margin: 0px;
    /* background-color: silver; */
	}

div#left-newsbox h3, div#middle-newsbox h3, div#right-newsbox h3 {
	margin-top: 10px;
	margin-bottom: 5px;
	}