/* MAIN STYLES */
body {
	background: url(../images/bg.jpg) repeat;
	font-family:"Arial";
	font-size: 12px;
	color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	background-color:#ffffff;
	margin-bottom: 0px;
}

#splash {
	font-family:"Arial";
	font-size: 12px;
	color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	background-color:#f4f2ee;
	margin-bottom: 0px;
}

input.button{
	font-size:8pt;
	padding:1px;
}

#inner { float: left; overflow: hidden; }
#inner div { float: left; background: #ccc; border: 1px solid #000; margin-right: 10px; margin-bottom: -1000px; padding-bottom: 1000px; }
	  
#main{
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
	background-color:#ffffff;
	overflow: hidden;
	border:1px solid #000;
}

#topSection{
	width: 100%;
	margin: 0 auto;	
	font-size: 12px;
	color: #000000;
}

#tdMenu{
	border-right:1px solid #044980; 
	height:500px; 
	background-color: #D8CEB4;
}

#menu {
	float:left;
	width:100%;
	background: #e8e4d9;
	border-bottom: 1px solid black;
}

#productSection{
	padding: 5px;
	background-color:#D5E0E8; 
	border: 1px solid black;
}	

#topBanner{
	background-color: #c4a705; 
	border-top:1px solid #044980; 
	border-bottom:1px solid #044980;
}



h1{
	font-size: 14px;
	color: #044980;
	margin:  10px 0 15px 0;
	text-transform: uppercase;
}
h2{
	font-size: 14px;
	color: #044980;
	margin:  10px 0 5px 0;
	text-transform: uppercase;
}


#content {
	padding: 10px 20px 10px 20px;	
	font-size: 12px;
	color: #89650f;
	height:500px;
	font-family:"Arial";
}

#content h1 {
	font-size: 14px;
	color: #89650f;
	margin:  0 0 0 0;
	text-transform: uppercase;
	
}

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


#header {
	width: 100%;
	margin: 0 auto;
	height: 342px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid white;
}



#footer {
	font-size: 12px;
	color: #ffffff;
	width:100%;
	margin: 0 auto;
	background-color: #89650f;
}

#footer a
{
	text-decoration: underline;
	color: #ffffff;
}
#footer a:hover
{
	text-decoration: underline;
	color: #ffffff;
}
#footercontainer ul
{
padding: 10px;
margin: 0;
list-style-type: none;
text-align: center;
color: #ffffff;
}

#footerlinks li { display: inline; color: #ffffff;}

#footerlinks li a
{
	text-decoration: none;
	color: #ffffff;
	padding: 0 10px 0 5px;
	text-transform: lowercase;
	border-right: 1px dotted #fff;
}

#footerlinks li a:hover
{
	color: #ffffff;
}

#footer a {
	font-size: 12px;
	color: #ffffff;
}



.thumbnail{
	padding: 1px 1px 1px 1px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	float: left;
	margin-right: 42px;
	margin-bottom: 10px;
	}	
	
.photoCaption {
	font-size:10px;	
	text-align: center;
	font-weight: bold;
	
}	

/* Begin Contact Form ][ CSS */
.contactform {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	width: 760px;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 1px;
	margin: 1px 0;
    font-weight: bold;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 1px;
	margin: 1px 0;
}

div#left {
	width: 460px;
	float: left;
    overflow: hidden;
	padding: 0px;
}

div#right {
	width: 235px;
	float: right;
	padding: 0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


input:focus, input.sffocus, textarea:focus, textarea.sffocus, select:focus, select.sffocus{
	background-color: #f4f4e2;
	border-color: #FC6;
}	

.alert{
	color: red;
	font-weight: bold;
}		
	
.inputlabel{
	color: #000000;
	background-color: #f5f5f5;
	border:2px solid white;	
	
}

.line {
	background: #fff url(../images/borderLine.gif) no-repeat center bottom;
	margin: 8px auto;
	height: 1px;
 }
 
#navcontainer
{
	color: #757575;
} 
 
#navlist { 
	line-height:22px;
	margin-left: 0;
	padding-left: 0;
}

#navlist li {
	list-style: none;
	font-weight: bold;
	font-size:14px;
	 
	}



#navlist li ul {
	padding-bottom: 20px;
	color: #757575;
	}

#navlist li ul li  {
 	list-style-image: url(../images/arrow.gif); 
	font-weight: normal;
	font-size:12px;
	color: #757575;
	}	

#navlist li ul li .highlight{
	color:#484022;
	font-weight: bold;
	font-size:12px;
	background-color: #f2f1ea;
	list-style-image: url(../images/featured.gif);
}
	
a {color: #6a5e33}	
a:hover {color: #6a5e33}	

#products1{
	background-color:#efeff0; border: 1px solid black;overflow:hidden;
}

#products2{
	background-color:#f4f4e2; border: 1px solid black;overflow:hidden;
}



A:link IMG { border: 1px solid grey }
A:active IMG { border: 1px solid grey  }
A:visited IMG { border: 1px solid grey  }
A:hover IMG { border: 1px solid grey }


.clearfix:after {content: "."; height:0; visibility: hidden; display: block; clear: both; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%; display: block; }
/* End hide from IE-mac */

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 9em;
	float: left;
	margin-top:-3px;
	}

LABEL.inputLabelPayment {
	width: 14em;
	float: left;
	padding-left: 2.5em;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
	width: 11em;
	float: left;
	}

#checkoutPayment LABEL.radioButtonLabel {
	font-weight: bold;
	}

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}
.clearBoth {
	clear: both;
	}	

.price{
	font-size:14px; font-weight: bold; color: red;
}


/* Progress Indicator */
#progess { 
	text-align:center;
	margin:5px auto 0px auto;
	cursor:default;
	overflow:hidden;
	display:table;
	font-size:11px;
	font-weight: bold;
}
#progess #progressVisited { 
	display: table-cell !important;
	display: inline-block;
	width: 125px;
	line-height:20px;
	background:url(../images/reverse_arrow_3.gif) 100% -1px no-repeat;
	background-color:#f4f4e2;
	color:#000000;}
	

#progess #progressVisited a {text-decoration:none; color:black;}
	
#progess #progressCurrent { 
	display: table-cell !important;
	display: inline-block;
	width: 125px;
	line-height:20px;
	background:url(../images/reverse_arrow_3.gif) 100% -1px no-repeat;
	background-color:#044980;
	color:#ffffff;
}

#progess #progressCurrent a {text-decoration:none; color:white;}

#progess #progressFuture { 
	display: table-cell !important;
	display: inline-block;
	width: 110px;
	line-height:20px;
	background:url(../images/reverse_arrow_3.gif) 100% -1px no-repeat;
	background-color:#efeff0;
	color:#000000;
}

#progess #progressFuture a {text-decoration:none; color:white;}

#progess #progressLabel { 
	padding-left:25px;
	padding-right:25px; 
	white-space: nowrap; 
	height:20px; 
	display: block; 
	background:url(../images/reverse_arrow_end_3.gif) 0 -2px no-repeat; 
}

#tableheader{
	width:auto;
	background-color:#f4f4e2; 
	padding:5px; 
	font-weight:bold;
	border-bottom:1px solid grey;
}

#tableList{}

#tableList th
{
font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
letter-spacing: 1px;
text-transform: uppercase;
padding: 8px 12px 4px 12px;
background: #044980;
vertical-align:middle;
}
	
#tableList td
        {
	        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	        border-left: 1px solid #C1DAD7;
	        border-right: 1px solid #C1DAD7;
	        border-bottom: 1px solid #C1DAD7;
	        padding: 6px 12px 6px 12px;
	        color: #4f6b72;
        }

#tableList tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }		

#tableList td a:hover
        {
        color:#a84444;
        border-bottom:1px dotted #a80000;
        background:transparent;
        }	
		
.mod-header {
	background-color:#263541;
	padding:10px;
	margin:0;
	color:white;
	border-bottom:1px solid grey;
	font-weight:bold;
}	

.mod-box {
	padding:0;
	margin:0 0 10px 0;
	border-bottom:1px solid grey;
	}
	
.mod-box-market-pulse {
	padding:0;
	/*margin:0 0 10px 0;*/
	}
	
.mod-box p {
	color:#264951;
	}
	
/* Navbar Styles /////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////*/

.click-menu {
}

.click-menu .box1 {
    cursor: hand;
    position: relative;
}

.click-menu .box1-hover {
    cursor: hand;
    position: relative;
	background:#7AD8EF;
}

.click-menu .box1-open {
    cursor: hand;
    position: relative;
	background:#7AD8EF;
	color:#333;
}

.click-menu .box1-open-hover {
    cursor: hand;
    position: relative;
	background:#7AD8EF;
}

.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img {
    position: absolute;
    top: 6px;
    right: 6px;
}
.click-menu .section {
    display: none;
}
.click-menu .section a {
}
.click-menu .section a:hover {
}
.click-menu .box2 {
}
.click-menu .box2-hover {
}
.click-menu .section .active,
.click-menu .section .active:hover {
}
.info-nav ol{
	
	margin:0;
	padding-left:12px;
	
}
.info-nav li{
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
	list-style-position:outside;
}

/* Side Navbar Styles //////////////////////////////////////////////*/
.info-nav ul {
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #808080;
	}
	
.info-nav ul li {
	margin:0;
	padding:0;
	border-bottom:1px solid white;
	background-color:#ece9d8;
	text-transform:uppercase;
	}


.info-nav ul li a,
.info-nav ul li a:link,
.info-nav ul li a:visited {
	display:block;
	padding:8px 10px 8px 21px;
	background:url(../images/li-bullet.gif) 8px 50% no-repeat;
	text-decoration:none;
	font-size:11px;
	color:#000000;
	position:relative;
	}
	
.info-nav ul li a span{display: none}

.info-nav ul li a:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0px; 
	left:178px; 
	_left:158px;  
	width:350px;
    border:1px solid #fefefe;
    background-color:#B6B197; color:#000000;
	padding:5px;
	text-transform:capitalize;
	font-size:110%;
}	
	
.info-nav ul li a:hover {
	color:#000000;
	background-color: #CDD2C2;
	}

.info-nav ul ul {
	border-top:1px solid white;
	}
	

.info-nav ul li li a,
.info-nav ul li li a:link,
.info-nav ul li li a:visited {
	display:block;
	padding:8px 10px 8px 11px;
	background:#B6B197;
	text-decoration:none;
	color:#000000;
	border-left:5px solid #49361C;
	}
	
.info-nav ul li li a:hover span{ /*the span will display just on :hover state*/
    top:0px; 
	left:173px; 
	_left:160px; 
	width:350px;
}	
	
	
.info-nav ul li li a:hover {
	/*color:#333;*/
	background:#5D5447;
	border-left:5px solid #49361C;
	color:#ffffff
	}