/* CSS Document */

* {
		margin:0pt;
		padding:0pt;
}
body {
	background:#E8D8C3 url(img/body-bg.jpg) repeat-x scroll left top;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	margin:auto;
	text-align:center;
}
img {
	border:medium none;
	margin:0pt;
	padding:0pt;
}
h1, h1 span {
	background:transparent url(img/h1.jpg) repeat scroll 0%;
	font-size:1.6em;
	height:61px;
	width:344px;
}
h1 span {
	display:block;
	margin-bottom:-61px;
	position:relative;
	z-index:1;
}
h2 {
	font-size:14px;
	font-weight:bold;
	margin: 0;
	padding: 0;
	text-transform:uppercase;
}
h3 {
	font-size:12px;
	font-weight:bold;
	padding:0pt 0pt 5px;
}

h4 {
	font-size: 11px;
	font-weight: bold;
	}
	
p {
	line-height:150%;
	margin:0pt;
	padding:5px 0pt;
}
ul {
	list-style:none;
}
.bold {
	font-weight:bold;
}
.clear {
	clear:both;
	height:1px;
	width:100%;
}
.left-thumb {
	float:left;
	margin-left:10px;
	padding:0pt;
}

a:link, a:visited, a:active {
	color:#5E5B6C;
	text-decoration:none;
} 
a:hover, #nav li a:hover {
	color:#F5C25C;
	text-decoration:underline;
}

/* main container divs across all pages */

#container {
	background:#B6AAAE url(img/container-bg.gif) repeat-y center top;
	clear:both;
	height:100%;
	margin:auto;
	min-height:100%;
	position:relative;
	text-align:left;
	width:916px;
}
#header {
	background:transparent url(img/header-bg.jpg) no-repeat scroll center top;
	height:200px;
	left:8px;
	position:relative;
	top:0pt;
	width:900px;
}
#logo {
	height:124px;
	left:50px;
	position:relative;
	top:35px;
	width:285px;
}
#nav {
	background:#171717 url(img/nav-bg.jpg) repeat-x left top;
	height:42px;
	left:8px;
	position:relative;
	top:0pt;
	width:900px;
}
#nav li {
	border-right:1px solid #666666;
	float:left;
	height:27px;
	padding:15px 0pt 0pt;
	text-align:center;
	text-transform:uppercase;
	width:179px;
}
#nav li .final-li {
	border: none;
}
#nav a:link, #nav a:active, #nav a:visited {
	color:#FFFFFF;
}
#body, #body-index {
	height:100%;
	left:8px;
	min-height:100%;
	position:relative;
	top:0pt;
	width:900px;
}
#body {
	background:#FFFFFF url(img/body-bg-new2.gif) repeat-y scroll center top;
	}
	
#body-index {
	background:#FFFFFF url(img/content-bg-right.jpg) no-repeat scroll right bottom;
}

#sidebar {
	background:#FFFFFF url(img/sidenav-bg.gif) repeat-y scroll left bottom;
	float:left;
	height:100%;
	min-height:100%;
	width:210px;
	padding-bottom: 414px;
}
#sidebar-menu {
	left:25px;
	padding:0pt 5px 100px 0pt;
	position:relative;
	top:80px;
	width:160px;
}
#sidebar-bottom {
	background:transparent url(img/sidenav-bottom-img.jpg) no-repeat scroll left bottom;
	bottom:0pt;
	height:414px;
	left:0pt;
	position:absolute;
	width:210px;
}
#content {
	float:left;
	height:100%;
	min-height:100%;
	padding:20px 30px 20px 20px;
	width:640px;
}

#footer {
	border-top:1px solid #CCCCCC;
	clear:both;
	height:40px;
	left:8px;
	position:relative;
	top:-1px;
	width:900px;
}
#footer p {
	color:#999999;
	padding:10px;
	text-align:center;
	text-transform:uppercase;
}
#intro-text {
	float:left;
	font-size:12px;
	margin-top:15px;
	padding:0pt;
	width:350px;
}
#intro-text p {
	line-height:180%;
}
#intro-text p.accented {
	font-style:italic;
	font-weight:bold;
}
#info-bubble-container {
	float:left;
	margin-left:20px;
	width:270px;
}
.info-bubble {
	background:url(img/bubble-middle-bg.jpg) repeat-y scroll left top;
	margin-top:15px;
	width:260px;
}
.info-bubble p {
	line-height:130%;
}
.info-bubble div.bubble-top {
	background:url(img/bubble-top.jpg) no-repeat scroll left top;
	height:15px;
	position:relative;
	left:0pt;
	top:0pt;
	width:260px;
}
.info-bubble div.bubble-bottom {
	background:transparent url(img/bubble-bottom.jpg) no-repeat scroll left bottom;
	bottom:0pt;
	clear:both;
	height:15px;
	left:0pt;
	position:relative;
	width:260px;
}
.info-bubble div.bubble-text {
	float:left;
	width:120px;
}

/* Styles for all internal pages */

#breadcrumb {
	position:relative;
	width:640px;
}
#internal-page-header {
	border-bottom:1px solid #CCCCCC;
	margin: 10px 0;
	width:620px;
	padding: 2px 0;
}

/* Styles for category product listing page */

.product-list-container {
	background:#FFFFFF none repeat scroll 0%;
	font-size:12px;
	left:0pt;
	margin-top:10px;
	padding:15px 10px;
	position:relative;
	top:0pt;
	width:620px;
}
.product {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #CCCCCC;
	float:left;
	margin:0pt 10px 10px 0pt;
	width:300px;
}
.product h3 {
	background:#171717 url(img/product-head-bg2.gif) repeat-x scroll left top;
	color:#FFFFFF;
	height:30px;
	padding:5px 10px;
	width:280px;
}
.product img {
	margin:0pt;
	padding:10px 0pt 15px 5px;
}
.product ul {
	padding-top:15px;
}
.product-text {
	float:left;
	font-size:1.2em;
}
.product-text ul {
	margin-top: 20px;
	}
.product-text li {
	padding:3px 0pt;
	width:200px;
}
.product a:link, .product a:visited, .product a:active, .item a:link, .item a:visited, .item a:active {
	color: #eee;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding:2px 0 4px 10px;
	width:190px;
}
a.view {
	background:transparent url(img/view-contents-bg.gif) no-repeat scroll left top;
	margin-top: 5px;
}
a.view:hover {
	background:transparent url(img/view-contents-bg-over.gif) no-repeat scroll left top;
	text-decoration:none;
}

/* item details page specific styles */

.item {
	margin: 30px 0 0 0;
	width: 600px;
	}

.item-text {
	float: left;
	width: 300px;
	padding: 0 0 0 25px;
	}
.item h3 {
	padding: 5px 0;
	border-bottom: 1px solid #F5C25C;
	margin-bottom: 10px;
	}

.item-details {
	margin: 10px 0 0 0;
	width: 300px;
	border: 1px solid #666;
	background: #eee;
	}

.item-details h4, .smaller-35 .infodiv h4 {
	background:url(img/item-details-h4-bg.jpg) repeat-x top left #171717;
	width: auto;
	height: 14px;
	padding: 3px 10px;
	color: #fff;
	}

.item-details li {
	padding: 3px 0 4px 10px;
	border-bottom: 1px solid #ccc;
	}
	
/* contact us and other page details */
/* these styles are good for numerous pages. the body is split into two columns at 65% and 35%, making them each
	390px and 210px, respectively. */
	
.details-65-35 {
	width: 600px;
	}

.larger-65 {
	float: left;
	width: 390px;
}
	.contact-form {
		margin-top: 15px;
		}
.smaller-35 {
	float: left;
	width: 208px;
	border: 1px solid #666;
	background: #eee;
	position: relative;
	top: 20px;
	left: 0;
	}
	.smaller-35 .infodiv {
		margin-bottom: 10px;
		line-height: 140%;
		}
	.smaller-35 .infodiv h4 {
		margin-bottom: 15px;
		width: 188px;
		}
		.infodiv ul, .infodiv p {
			padding: 0 10px 15px 10px;
			}
.select {
    BACKGROUND: #FFFFF0;
    /*BORDER-BOTTOM: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #ffffff 1px solid;*/
    COLOR: #565656;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px }