/*COLORS*/
/*Background Aqua Blue #9ed1c2 */
/*Taupe #a18774 */
/*Rich chocolate #3c1c0e */
/* Clear out and overwrite default Tags ****************************************************************/

* { margin:0; padding:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; color: #775746; text-align: center; line-height: 1.3em; position: relative; background-color:#3c1c0e;} /* text-align centers page for ie, set back to left on #pagewidth container */
div, h1, h2, h3, h4, h5, h6, p, table, ol, ul, blockquote, li, hr, br, dt, dd, dl {position: relative;}
h1, h2, h3, h4, h5, h6, p, table, ol, ul, fieldset, blockquote{
	margin: .75em 0; /*use padding if need to avoid margin-collapse*/
	padding: 0;
	font-weight: normal; 
}
blockquote{margin: 1.25em 0 1.25em 25px; padding-left: 25px; border-left: thick solid #999999;}
h1 { font-size: 1.4em; line-height: 1.4em;  margin-top: 1.25em;}
h2 { font-size: 1.2em; line-height: 1.4em;  margin-top: 1.25em;}
h3 { font-size: 1em; font-weight: bold; line-height: 1.4em; margin-top: 1.5em;}
h4 { font-size: 1em; font-weight: bold; line-height: 1.4em; margin-top: 1.5em; margin-bottom: 0;}
h5 { font-size: 1em; font-weight: bold; font-style: italic; line-height: 1.3em; margin-top: 1.5em;}
p, td { font-size: 1.0em; line-height: 1.4em; }
td {padding: 2px;}
/*ol, ul { padding: 0 0 0 15px;}*/
li { font-size: 1.0em; line-height: 1.3em; margin: .5em 0;} 
input, select, textarea { border-color: 1px solid #666666; font-size: 1em;} /*color form field borders */
input[type=file], input[type=image], input[type=radio]{ border: none;} /*not all browsers understand so may need to manually fix */
option {margin-right: 10px;} /* options for select form field so end doesn't get cut off*/
a, a:link, a:visited {	text-decoration: none; color: #418d81;  /* color default link */}
p a, p a:link, p a:visited {text-decoration: underline;}
a:hover {text-decoration: underline;}
img { border: none; }	
hr {height: 1px; border: none; border-top: 1px solid #666666; margin: 3px 0; /* color rule */}
strong {font-weight: bold;}
em {font-style: italic;}
/* LC adjustments to defaults*/
table, td {margin: 0; padding: 0} /* because of all the width 100% tables and tables within TDs in the templates */
form, table { font-size: 1em;} /*For some reason, ie needs this or type gets large */
form td {padding: 2px 0;} /*lc*/

/* Define positioning styles ***************************************************************************/
body { 
/*background-color: #ffffff;
/*background-image:url(../images/background.gif);
background-position: top center;
background-repeat: repeat-x;*/
position: relative;
}
.pagewidth {
width:780px;
text-align:left;
margin:0 auto; /* centers for compliant non-ie browsers */
position: relative;
}
.promo {
background: url(/images/promo-bg.gif) center bottom no-repeat;
text-align: left;
padding:0 0 15px 0;
width:782px;
margin:8px auto; /* centers for compliant non-ie browsers */
position: relative;
}
.promo-head {
background: url(/images/promo-head-bg.gif) center top no-repeat;
padding: 10px 0 0 0;
width:782px;
margin:0; /* centers for compliant non-ie browsers */
position: relative;
}
.promo-head h2 {text-align: center; margin: 0 25px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  color: #418d81; font-size: 1.8em; }
.promo p {padding: .5em 25px; margin:0; text-align: center; }
.content-box-top {
background: url(../images/content-box-top-bg.gif) center top no-repeat;
padding-top: 15px;
width:780px;
text-align:center;
margin:0 auto; /* centers for compliant non-ie browsers */
position: relative;
}

.content-box-top img {margin: 0 auto; top: -18px; position: relative;}
img.home {top: -18px; position: relative;}
img.comingsoon {position: absolute; bottom: 3px; left: 240px;}
.content-box {
background: url(../images/content-box.gif) center top repeat-y;
width:780px;
text-align:left;
margin:0 auto; /* centers for compliant non-ie browsers */
position: relative;
}
/******Header area******/
div#header {height: 128px; position: relative; background: #3c1c0e url(../images/web_logo.gif) center top no-repeat;width:780px;
text-align:left; margin:0 auto; /* centers for compliant non-ie browsers */ }
div#logo {height: 128px; width: 25% ; text-align: center; /*background-image: url(../images/logo-bg.gif); background-position: top right; background-repeat: no-repeat;*/ position: relative; float: left; text-align: center; padding-top: 0px; background-color: #eeeeee;}
div#logo img {}
div#headpromo {height: 90px; width: 220px; position: absolute; top: 18px; left: 20px; border: 1px solid #ffffff;/*background-image: url(../images/banner-bg.gif); background-position: top left; background-repeat: no-repeat;*/ color:#ffffff; text-align: left;}
div#headpromo h2 {font-weight: bold;}
div#headpromo h2, div#headpromo p {margin: 5px;}

div#banner {height: 110px; width: 25%; position: relative; padding-top: 18px; /*background-image: url(../images/banner-bg.gif); background-position: top left; background-repeat: no-repeat;*/ color:#ffffff; float: right; text-align: left;}
div#banner img{}
div#menubar {background-color: #9ed1c2; padding:0; text-align: center; height:1.8em; border-bottom: 1px solid #ffffff;border-top: 1px solid #ffffff; z-index: 100;}

/******Content layout******/
div#center {width: 100%; position: relative; background-color: #a18774;/*background-image:url(../images/content-bg.gif); background-position: 25% 0; background-repeat: repeat-y; */ padding: 15px 0; border-bottom: 1px solid #ffffff; /*border-top: 1px solid #ffffff;*/ z-index: 50; text-align: center;}
div#content {background: url(../images/content-box.gif) center top repeat-y;
width:784px;
text-align:left;
margin:0 auto; /* centers for compliant non-ie browsers */
padding:0;
position: relative;}
div#contenthome {width: 100%; position: relative; background-color: #a18774;/*background-image:url(../images/content-bg.gif); background-position: 25% 0; background-repeat: repeat-y; */ padding: 15px 0; border-bottom: 1px solid #ffffff; }


div#main {width: 75%; float:right; position:relative; background: url(../images/content-box-top.gif) right top no-repeat;
padding-top: 20px; z-index:100; }
div#main100 {width: 100%; position:relative}
div.inside-main {margin-right: 15px;}
div#sidebar {width: 25%; float: right; position: relative; padding-bottom: 2em; background: url(../images/content-box-top.gif) left top no-repeat; padding-top: 50px;}
div#footer {width: 100%; position: relative; text-align: center; border-top: 8px solid #9ed1c2; font-size:.9em; padding: 10px 0; color:#ffffff; background: #3c1c0e;}
div#footer a, div#footer a:link, div#footer a:visited {color:#ffffff; text-decoration: none;}
div#footer a:hover {text-decoration: underline;} 
/******Layout styling ******/
div#main ol, div#main ul {padding: 0 0 0 30px;} div#main ol li, div#main ul li {padding-left: 4px;}
div#main img.LeftImage {/*border: 1px solid #293e52; */	margin: 2px 10px 10px 0px; position: relative; 	float: left; display: inline; }
div#main img.RightImage {/*border: 1px solid #293e52; */ margin: 2px 0 10px 10px; position: relative; float: right; display: inline; }
div#sidebar a, div#sidebar a:link, div#sidebar a:visited, div#sidebar a:hover {color: #418d81;}
div#sidebar p a, div#sidebar p a:link, div#sidebar p a:visited, div#sidebar p a:hover {text-decoration: underline;}
/******Footer area******/
div#footer p {text-align: center;}
/******Common styling******/
div.clear, p.clear, h1.clear, h2.clear, h3.clear, h4.clear, h5.clear {clear: both;}
div.content-box-clear {clear: both; padding-bottom: 25px; background: url(../images/content-box-clear.gif) center bottom no-repeat; line-height: 12px; font-size:12px;}
p.subheading {margin-top: 0; margin-bottom: .75em;}

/******LC styling******/
div#main h1.DialogTitle {margin: 0; margin-top: 7px; left: 15px; text-align: left; font-size: 1.6em; font-weight: normal; line-height: 1.2em;  border-bottom: 1px solid #3c1c0e; padding:0; padding-top: 1px; width: 95%; color: #3c1c0e;}
div.Dialog {margin:0; left: 15px; text-align: left; width: 95%; padding-top: 15px;;}
div#sidebar h1.SidebarTitle {color: #418d81; text-align: left; margin: 0; left: 12px; width:95%; line-height: 1.4em; height:1.4em; border-top: 1px solid #418d81; font-family:Arial, Helvetica, sans-serif; font-weight: bold; }
div#sidebar h1.SidebarTitleImage {color: #418d81; text-align: left; margin: 0; left: 12px; border-top: 1px solid #418d81; padding-top: 0; padding-left: -10px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; }
div#sidebar div.SidebarBox {text-align: left; margin: 0; left: 12px; width:95%; ; padding-top: 1px; margin-bottom: 35px;}
div.CommonButton { /*outer frame*/
	margin: 5px; padding:0;
display: inline;
	position: relative;
	left: 0;
}
a.CommonButtonLink, a.CommonButtonLink:link,  a.CommonButtonLink:visited{ /* inside button */
	background-color: #a18774;
	color: #ffffff;
	border: 1px solid #3c1c0e;
	padding: 2px 5px 3px 5px;
	   white-space: nowrap;
	   text-decoration: none;
  /* _width:1em; _cursor: hand;*/
   font-size: 10px;
   line-height: 2.2em;
   font-style: normal;
   font-weight: bold;
   margin:0;
   text-decoration: none;
}
a.CommonButtonLink:hover {	background-color: #9ed1c2;
	color: #3c1c0e;
}
.ProductTitle {font-size: .9em; font-weight: bold;}
.ProductDetailsTitle {font-weight: bold; border-bottom: 1px dotted #a18774; }
.ProductDetails {font-size: .9em; color: #444444;}
.ProductDetails select {border: 1px solid #a18774;}
.ProductPriceTitle {font-size: .9em; font-weight: bold;}
.ProductPrice {font-size: .9em; font-weight: bold;}
#description {font-size: .9em; color: #444444;}
ul#submenu {margin: 0; margin-left: 5px; list-style: none;}
ul#submenu li.CategoriesList{}
ul#submenu ul {margin: 0; margin-left: 12px; list-style: none;}
ul#submenu ul li {}
ul#submenu .menu_sel {}
.ItemsList {font-weight: bold;}