 /* General Layout
________________________________*/

body {
	font-family: Arial;
	background-color: #F7F7EF;
	background-image: url(../images/BG4.png);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

#wrapper {
	width: 996px;
	height: 100%;
	margin: auto;
	display: block;
	background-image: url(../images/wrraper-SHADOW-Left5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: top;
}

#wrapper-RightShadow {
	width: 996px;
	height: 100%;
	margin: auto;
	display: block;
	background-image: url(../images/wrraper-SHADOW-Right5.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: top;
/*	-moz-box-shadow: 0 0 2em black;
	filter: Shadow(Color=#666666, Direction=135, Strength=5);*/
}

.boxShadow {
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=125,strength=5)"; /* IE8+ */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=125,strength=5); /* IE7 and lower */
	background: #cccccc;
}

#col_wrapper{
	display: block;
	width: 60em;
}

#container {
	position:relative;
	width: 60em;
	border: 1px solid #C4C2B5;
	margin: 0 auto 0 auto;
}

#crumb_nav {
	font-size: 10px;
	margin-bottom: 15px;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	margin-top: 0;
	height: 20px;
	background-color: #F0EFEE;
	vertical-align: middle;
	line-height: 16px;
	padding: 3px;
}

#w#crumb_nav a {
	padding-left: 10px;
	margin-left: 10px;
}

/* Layout is inspired by the holy Grail,
except that the content is wrapped around
a floating div that pull the sidebars.
*/


/* -- compensating the padding on sidebars --
multiply the padding of columns by 2, and remove
it from the width of each sidebar.
*/

#side_col {
	float:left;
	width: 190px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	background-color: #E6E1C8;
}

#side_col img{
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

#nav_left li {
	display: block;
	background-image: url(../images/ButtonSide-Up.jpg);
	width: 190px;
}

#nav_left a,
#tt_tf_side_col a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#nav_left a:hover{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}


#nav_left ul a{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2D281E;
	background-color: #D7C9A8;
	border-top-color: #AB8C63;
	width: 167px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#nav_left ul ul a{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #BDA779;
	border-top-color: #AB8C63;
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: solid;
}

#nav_left p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
}

#side_col #news {
	width: 175px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 50px;
	padding-left: 0px;

}

#side_col #news p{
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 10px;
}

#side_col #news img{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 6px;
}

/* You can easily change the layout proportions
by just changing the matching values. For example,
to have a 100px left sidebar, I just have to change
all the 220 to 100 (and the -220 to -100).
*/

#content {
	font-size: 11px;
	float: right;
	width: 740px;
	min-height: 900px;
/*	height: auto !important;
	height: 900px;*/
	background-color: #FFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 20px;
	font-family: Verdana, Geneva, sans-serif;
	color: #665333;
	background-repeat: no-repeat;
}

#content ul {
	padding-left: 50px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin-top: 5px;
}

#content li {
	font-size: 11px;
	margin-bottom: 8px;
	list-style-image: url(../images/bullet.gif);
}

#content #list ul,
#content #tt_adv_list ul {
	padding-left: 50px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#content #tt_adv_list li {
	font-size: 11px;
	margin-bottom: 12px;
	list-style-type: decimal;
	list-style-image: none;
	color: #453F36;
}

#content #list li {
	font-size: 11px;
	margin-bottom: 12px;
	list-style-image: url(../images/bullet.gif);
	color: #453F36;
}

#content h1 {
	font-size: 17px;
	font-family: Verdana, Geneva, sans-serif;
	color: #840000;
	text-align: center;
}

#content h3 {
	font-size: 12px;
	
}

#content h2 {
	font-size: 13px;
	line-height: 16px;	
}

#content h4 {
	font-size: 12px;
	color: #82652B;
	margin-top: 2px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C90;
	padding-top:4px;
	padding-bottom: 7px;
}

#content h4 img{
	margin-top: 10px;
	margin-left: 3px;
}

#content p b {
	color: #900;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}

#content p {
	color: #534E46;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 10px;
}

.right {
	float: right;
	width: 10.687em;
}

#footer,
#header {
  clear:both;
}

#footer {
	margin-left: 190px;
	background-image: url(../images/FOOTNOTE-Pixel.gif);
}

#header {
	height: 70px;
	background-color: white;
	padding: 0;
	background-image: url(../images/TOP_new.jpg);
	background-repeat: no-repeat;
}

/* Equal Height Columns
________________________________*/

/* The columns are created using empty DIV that have to be
inside the main wrapper (#container) and should be positionned
relative. Each DIV have the same width as its corresponding
columns (done by using class), and by postionning them
absolutelly (bottom) and giving them a height of 100%, the
DIVs fill the entire space that the columns should fill.
As the actual content is not positionned absolutelly, the
footer still behave normally and is pushed down by it. Last
but not least, we have to set the z-index of the real
content to 2 to bring it back on top of the columns.
*/

.bg {
	position: absolute;
	bottom: 0;
	height: 100%;
	z-index: -1;
	margin: 0;
	padding: 0;
}

#bgright {
	background-color: #E6E1C8;
	width: 190px;
}

#bgcenter{
	background-color: #FFF;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #900;
}

#content, #side_col, #header, #footer, #head_nav {
  position:relative;
}

#head_nav {
	z-index: 3;
}

/* COLORS */
#footer{
	background-color: #D7D1B7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9D7555;
	margin-left: 190px;
	height: 58px;
}

#footer a{
	margin-top: 0px;
}

#footer #foot_nav #footlinks a,
#footer #foot_nav #footlinks span {
	display: inline;
	display: inline-block;
}

#footer img{
	padding: 1px;
}

#foot_nav {
	position: absolute;
	margin-top: -35px;
	font-size: 11px;
	left: 25px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 730px;
}

#foot_nav #footlinks li {
	text-align: center;
	padding-left: 10px;
}

#foot_nav a {
	font-size: 11px;
	padding-right: 10px;
	text-align: center;
	white-space: nowrap;
	padding-left: 10px;
	font-weight: normal;
	text-decoration: underline;
}

ul#nav_top {
	font-family: Arial;
	position: relative;
	background-color: white;
}
ul#nav_top ul {
	position: absolute;
	display: none;
}

#footer p {
	text-align: right;
	font-size:9px;
	margin:0;
	line-height: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#pymnt_types {
	left: 190px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
}

#pymnt_types li {
	display:inline-block;
	float:left;
}

#pricing_btn {
	margin-top: 10px;
	display: inline-block;
	width: 119px;
	height: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #F1E8CD;
	background-color: #900;
	letter-spacing: 2px;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CF7874;
	border-right-color: #530000;
	border-bottom-color: #530000;
	border-left-color: #CF7874;
	font-weight: bold;
	text-decoration: none;
}

#pricing_btn:hover {
	color: #FFF;
	background-color: #960;
	border-top-color: #C90;
	border-right-color: #513600;
	border-bottom-color: #513600;
	border-left-color: #C90;	
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #665333;
	margin-bottom: 10px;
	line-height: 16px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}

ul {
	padding-left: 50px;
	font-size: 11px;
	margin-bottom: 10px;

}

#content ol {
	margin-bottom: 10px;
}

#VIDEO-BOX {
	background-color: #EFEEE7;
	margin-bottom: 10px;
	padding: 3px;
	margin-top: 2px;
	margin-left: 10px;
	border: 4px double #CCCDB1;
	position: relative;
}

.DISPLAY-PRODUCT {
	background-color: #FFF;
	display: block;
	margin-bottom: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	width: 690px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #E1DECC;
	border-bottom-color: #900;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 20px;
	text-align: center;
}

.DISPLAY-PRODUCT li{
	font-style: normal;
}

#INSTRUCTIONS-TABLE {
	font-size: 11px;
	line-height: 20px;
}
	
#INSTRUCTIONS-TABLE td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-top-color: #900;
	width: 720px;
	text-align: left;
}
	
#INSTRUCTIONS-TABLE strong {
	width: 460px;
	text-align: left;
	display: block;
	font-size: 13px;
	line-height: 16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #900;
	padding-top: 15px;
}
	
#INSTRUCTIONS-TABLE li strong {
	border-top-style: none;
	font-size: 11px;
	display: inline;
}
	
#INSTRUCTIONS-TABLE img {
	padding-left: 10px;
	text-align: right;
}
	
#INSTRUCTIONS-TABLE p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	float: left;
	margin-left: 10px;
}
	
.product {
	display: block;
	width: 720px;
}

.product img{
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 22px;
	padding-left: 5px;
}

#CrossLink {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 15px;
	height: auto;	
}

#CrossLink a  {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 15px;	
	color: #960;
}

#promo {
	display: block;
	width: 740px;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 1px;
	text-align: center;
}

#promo h1,
#promo h2,
#promo h3,
#promo h4,
#promo h5,
#promo h6,
#promo p {
	text-align: center;
	border: none;
	float: none;
}

#promo h2 em {
	font-size: 17px;
	color: #900;
}

#promo h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 9px;
	text-align: center;
}

h6 {
	border-top-width: 1px;
	border-bottom-style: solid;
	display: block;
	width: 720px;
	border-bottom-width: 1px;
	border-bottom-color: #C90;
	font-size: 1px;
	line-height: 1px;
}

#SHOPONLINE-BOTTOM-TABLE {
	text-align: left;
	background-color: #FFF;
	float: right;
	width: 770px;
	margin-bottom: 28px;
}

#SHOPONLINE-BOTTOM-TABLE a {
	font-size: 11px;
	color: #917060;
	text-decoration: none;
	padding-top: 2px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
}

#featured_shoponline img {
	border: 1px solid #AD9C85;
	margin-bottom: 4px;	
}

#featured_shoponline a:hover img {
	border: 1px solid #900;
}

#featured_shoponline a {
	font-size: 11px;
	color: #917060;
	text-decoration: none;
	padding-top: 2px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
}

#featured_shoponline a:hover {
	color: #993300;
}

.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 4px;
	margin: 0px;
	background-color: #AE8D58;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	display: block;
	font-weight: normal;
}

#INFO-LEAVE-FORM {
	display: block;
	width: 250px;
	float: left;
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 15px;
	padding-left: 13px;
	font-size: 11px;
	background-color: #F6F4E7;
	border: 1px solid #ADA389;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #757575;
	height: auto;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

#INFO-LEAVE-FORM h2 {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	text-align: center;
	letter-spacing: 1px;
	color: #900;
	font-size: 14px;
}

#INFO-LEAVE-FORM h3 {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 7px;
	margin-bottom: 0px;
	text-align: center;
	letter-spacing: 2px;
	color: #755F3E;
}

#INFO-LEAVE-FORM h4 {
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 7px;
	margin-bottom: 0px;
	text-align: center;
	letter-spacing: 2px;
	color: #755F3E;
}

#INFO-LEAVE-FORM em {
	font-size: 12px;
	font-style: italic;
	color: #333;
	padding-top: 2px;
	padding-bottom: 6px;
	font-family: Verdana, Geneva, sans-serif;
}

#INFO-LEAVE-FORM a{
	color: #000;
	background-color: #E2D9BE;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 13px;
	margin-top: 5px;
	text-align: center;
	background-image: url(/images/pdf.png);
	background-repeat: no-repeat;
}

#INFO-LEAVE-FORM a:hover{
	color: #EEEBD5;
	background-color: #900;
}

#INFO-LEAVE-FORM input {
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
}

.superscript {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: super;
}

#content .superscript h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: super;
}

#featured_shoponline {
	background-color: #E9E9DF;
	border: 1px solid #AE8D58;
	height: 215px;
}

#featured_shoponline div {
	float: left;
	text-align: center;
	margin: 5px;
	height: 205px;
}

.therm_list div {
	display: inline-block;
	width: 30%
}

#side_col #btn_req_callback {
	position: relative;
	top: 0;
	left: 0;
}

#supp_phone_num {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	right: 26px;
	top: 13px;
}

#dlg_mini_cart h4 {
	padding-left: 22px;
}

#nav_left .hoverdiv {
	display: none;
}

#store_features #ge_fin {
	float: left;
	margin-top: 9px;
	margin-left: 15px;
}

#content .promo h1 {
	margin-top: 0;
}

#content a.text-link {
	color: #534E46;
	text-decoration: none;
}

#content a.text-link:visited {
	color: #534E46;
}

.header-link {
	color: #333333;
	text-decoration: none;
}

.header-link:visited {
	color: #333333;
}