/* CSS Document */


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/background2.png);
	background-attachment:fixed;
}
h1, .pageHeading {
	font-family: helvetica;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #FBB040;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: tahoma;
	font-size: 12px;
	text-transform: capitalize;
	color: #FBB040;
	text-decoration: none;
	float: left;
	width: auto;
	display: block;
	margin: 0px;
	padding: 2px;
}
p {
	font-family: Tahoma;
	font-size: 11px;
	color: #000;
}

ul {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	color: #000;
}
li {
	list-style-position:inside;
}
.aright {
	text-align: left;
}
.inputRequirement { 
	font-size: 10px; 
	color: #ff0000; 
}

#wrapper {
	width:760px;
	background-color: #4B3310;
}

#main {
	background-color:#FFFFFF;
	display:block;
	height: 100%;
	width: 760px;
}

#header {
	width: 760px;
	height:150px;
	background-image:url(../images/blank_br.png);
	background-repeat:repeat;
	background-color: #4B3310;
	/* /background-color: #402a0b;
	b/ackground-color: #4B3310; */
}

#logo {
	background-color: #4B3310;
	/* /background-color: #402a0b;
	b/ackground-color: #4B3310; */	
	background-image:url(../images/TMP_logo.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
}

#logo2 {
	background-color: #4B3310;
	/* /background-color: #402a0b;
	b/ackground-color: #4B3310; */	
	background-image:url(../images/blank_br.png);
	float:left;
}

#topPic {
	background-image:url(../images/ano_header_2.png);
	background-position:top right;
	background-repeat:no-repeat;
	float:right;
	height:150px;
	width:240px;
}

#main_div {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	background-color:#FFFFFF;
	padding-top:5px;
	padding-left: 10px;
	padding-right: 3px;
}

#main_content {
	padding: 5px;
	float: left;
	height: auto;
	width: 525px;
	margin-bottom:5px;
	overflow: hidden;
	border-top: 1px dotted #FBB040;
	border-right: 1px dotted #FBB040;
	border-bottom: 1px dotted #FBB040;
	text-align:left;
}

#main_sidebar {
	float: right;
	width: 204px;

}

#topNav {
	font-family: Tahoma;
	font-size: 10px;
	line-height: 12px;
	color: #FFFFFF;
	text-align: right;
	vertical-align: top;
	float:right;
	margin: 0px;
	margin-right:5px;
	padding: 2px;
	height: auto;

}

.mainNav {
	background-image:url(../images/blank_br.png);
	margin: 0px;
	padding: 5px;
	float: left;
	clear: left;
	overflow: hidden;
	margin-left: 10px;
	margin-top:5px;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 14px;
	font-weight: lighter;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
}

.subNav {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #4B3310;
	text-decoration: none;
	clear: none;
	float: left;
	width: auto;
	text-align:left;
	overflow: hidden;
	visibility: visible;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 22px;
	margin-left: 10px;
	width: 500px;	
}



.rbrown {
	background-color: #4B3310;
	background-image: url(../images/blank_br.png);
	clear: none;
	float: right;
	height: auto;
	width: 200px;
	overflow: hidden;
	position: relative;
	visibility: visible;
	left: 0px;
	top: 0px;
	right: auto;
	bottom: auto;
	margin: 3px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}

.oswatch {
	text-align:left;
	background-color: #FFE9CA;
	float: right;
	height: auto;
	width: 197px;
	overflow: hidden;
	visibility: visible;
	margin-bottom: 6px;
	padding: 3px 2px 3px 5px;
}
.gswatch {
	text-align:left;
	background-color: #E0EECB;
	float: right;
	width: 197px;
	overflow: hidden;
	visibility: visible;
	margin-bottom: 6px;
	padding: 3px 2px 3px 5px;
}
.wswatch {
	text-align:center; 
	padding-bottom: 6px;
	padding-top: 6px;
}
.noswatch {
	background-color: #FFFFFF;
	float: right;
	height: auto;
	width: 197px;
	overflow: hidden;
	visibility: visible;
	margin-bottom: 6px;
	padding: 3px 2px 3px 5px;
}

#footer {
	padding: 5px;
	margin-top: 5px;
	background-color: #4B3310;
	background-image: url(../images/blank_br.png);
	text-align: center;	
}

.bottomNav {
	margin-bottom: 25px;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;

}

a, a:visited {
	color: #8cc63f;
	text-decoration:none;
}
a.productListing-heading:visited {
	color: #FFFFFF;
}
.oswatch a {
	color: #4B3310;
}
.gswatch a {
	color: #4B3310;	
}
.oswatch .swatchbox {
	width: 140px;
	border: 1px solid #8cc63f;
}

.gswatch .swatchbox {
	width: 140px;
	border: 1px solid #FBB040;
}
.oswatch h2, .gswatch h2 {
	font-size:11px;
	color: #4B3310;
}

a:hover {
	color: #fbb040;
	text-decoration: none;
}
.oswatch a:hover {
	color: #4B3310;
	font-style:italic;
}
.gswatch a:hover {
	color: #fbb040;
	font-style:italic;	
}

a.mainLink {
	color: #FFFFFF;
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
	letter-spacing: .06em;
}
a.mainLink2 {
	color:#fbb040;
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
	letter-spacing: .06em;
}


a.mainLink:hover, a.mainLink2:hover {
	color: #8CC63F;
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
}


a.subLink {
	color: #4B3310;
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;

}
a.subLink:hover {
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
	/*text-decoration:underline;*/
	color: #fbb040;
}

.productListing {
	border-bottom: 1px dotted #4B3310;
}
.productListing-heading {
	color:#FFFFFF;
	background-color:#4B3310;
}
.productListing-heading a:hover {
	color:#8CC63F;
}
.productListing-data a {
	color: #4B3310;
}
.productListing-data a:hover {
	font-style:italic;
}

.vsplit {
	border-right: 1px dotted #4B3310;
}
.rightnote {
	margin-left:15px;
	margin-bottom: 20px;
	padding: 3px;
	background-color: #E0EECB;
	border: 1px dotted #4B3310;
}
.rightnote ul { 
	padding-left:5px;
}
.canadian {
	text-align:center;
}

.canadian p {
	color:#FFFFFF; 
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/menu.htm
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {padding:5px 0px 0px 5px; float:left}

/* the styling */ 
#nav {width:500px; height:14px; background:#FFF; position:relative;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}

#nav li {display:inline; margin:0; padding:0; }

#nav .select a,
#nav .current a {display:block; height:16px; float:left; background:#FFF; padding:0 10px 0 10px; text-decoration:none; font-size:12px; line-height:16px; white-space:nowrap; border-right:1px solid #FFF; color:#000;}
* html #nav .select a, * html #nav .current a {width:1px; height:18px;}


#nav .select a:hover, 
#nav .select li:hover a {background:#FFF; cursor:pointer; color:orange;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {color:green;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#FFF; color:orange;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#FFF; color:orange;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:480px; top:20px; left:0; background:#FFF; margin-top:0; padding:0; z-index:100; color:black; font-size:11px;}

#nav .sub, #nav .sub_active {margin:0; margin-left: 40px; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:480px; top:20px; left:0; background:#FFF; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:15px; text-decoration:none; line-height:16px; white-space:nowrap; display:block; float:left; background:#FFF; padding:5px 10px 5px 10px; margin:0; font-size:12px; white-space:nowrap; border:0; color:green;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:#FFF; padding:5px 10px 5px 10px; margin:0; white-space:nowrap; border:0; color:#000; font-size:12px;}