/* Clear out and overwrite default Tags ****************************************************************/

* { margin:0; padding:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; color: #828282; text-align: center; line-height: 1.3em; position: relative;} /* 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.6em; line-height: 1.6em;  margin-top: 1.25em;}
h2 { font-size: 1.4em; line-height: 1.4em;  margin-top: 1.25em; font-weight: bold;}
h3 { font-size: 1.2em; 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;}
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 default link */}
p a, p a:link, p a:visited {text-decoration: underline; color: #9e5106;}
a:hover {color: #9e5106;}
img { border: none; }	
hr {height: 1px; border: none; border-top: 1px solid #aeaeae; 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:782px;
text-align:left;
margin:0 auto; /* centers for compliant non-ie browsers */
position: relative;
}
/******Header area******/
div#header {height: 92px; position: relative; width: 100%; border-bottom: solid 1px #aeaeae;}
div#logo {height: 92px; width: 232px; 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#banner {height: 92px; width: 550px; position: relative; /*background-image: url(../images/banner-bg.gif); background-position: top left; background-repeat: no-repeat;*/ float: left; text-align: right;}
div#banner img{}
div#topmenu {position: absolute; top: 15px; right:0;}
/*div#topmenu a, div#topmenu a:link, div#topmenu a:visited {color: #828282}*/
div#catmenu {color: #828282; font-size:.9em; position: absolute; bottom: 8px; right: 0;}
div#catmenu a, div#catmenu a:link, div#catmenu a:visited { color: #828282;}
div#catmenu a:hover {color: #9e5106;}
/******Content layout******/
div#home {width: 100%; height: 488px; position: relative; background-image:url(../images/home-bg.gif); background-position: top left; background-repeat: no-repeat; margin-top: 6px; margin-bottom: 6px;}
div#home img {float: left;}
div#home img.home11 {margin-right: 1px;}
div#home img.home31 {margin: 0; float: none;}
div#home img.home32, div#home img.home33 {margin-top: 1px;}
div#home img.home13, div#home img.home23 {margin-right: 1px; margin-top:1px; }

div#content {width: 100%; position: relative; background-image:url(../images/content-bg.gif); background-position: top left; background-repeat: repeat-y; margin-top: 6px;}
div#content100 {width: 100%; margin-top: 6px; background-color: #ffffff;}
div#main {width: 521px;; float:right; position:relative; margin-left:1px;}
div#main100 {width: 100%; position:relative}
div#sidebar {width: 260px; float: right; position: relative; padding-bottom: 2em; /*background-color: #a9bfc3;*/}
div#footer {width: 100%; position: relative; text-align: left; border-top: 1px solid #aeaeae; font-size:.9em; padding: 0; }
/******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: #00CC00;}
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: left;}
div#footer p#credits {margin-top: 170px; text-align: right; width: 100%;}
div#footer a, div#footer a:link, div#footer a:visited {	text-decoration: none; color: #828282; }
div#footer a:hover {color:#9e5106}
/******Common styling******/
div.clear, p.clear, h1.clear, h2.clear, h3.clear, h4.clear, h5.clear {clear: both;}
p.subheading {margin-top: 0; margin-bottom: .75em;}
/* Define LiteCommerce styles ***************************************************************************/
/****** DIALOG / MAIN CONTENT ******/
h1.DialogTitle {background-color: #a9bfc3; color: #ffffff; font-weight: normal; margin: 0; padding: .3em; line-height: 1.2em; font-size: 1.6em; background-image: url(../images/DialogTitle-bg.gif); background-position: bottom right; background-repeat: no-repeat;}
div.Dialog{margin: 0; padding: 1em 0; position: relative;}
/*div.Dialog h1, div.Dialog h2, div.Dialog h3, div.Dialog p, div.Dialog ol, div.Dialog ul {
	margin: 0 0 1em 0; padding: 0; position: relative;
}*/
div.Dialog h1, div.Dialog h2, div.Dialog h3, div.Dialog h4, div.Dialog h5, div.Dialog h6, div.Dialog p, div.Dialog table, div.Dialog ol, div.Dialog ul, div.Dialog fieldset, div.Dialog blockquote{
	margin: .75em 12px; /*use padding if need to avoid margin-collapse*/
	padding: 0;
	font-weight: normal; 
}
div.Dialog p.Pager {text-align: right; color: #606114; } div.Dialog p.Pager a {color: #606114;}
div.Dialog div.Pager {text-align: right; color: #606114; } div.Dialog div.Pager a {color: #606114;}
div.Dialog a {text-decoration: none; color: #9e5106;}
div.Dialog p a {text-decoration: underline; color: #9e5106;}
/****** SIDEBAR ******/
h1.SidebarTitle {margin: 0; padding: .3em 7px 0 7px; font-size: 1.2em; line-height: 1.3em; }
div.SidebarBox{margin: 7px; padding: 0;}
div.SidebarBox h1, div.SidebarBox h2, div.SidebarBox h3, div.SidebarBox p, div.SidebarBox ol, div.SidebarBox ul {
	margin: .5em 0; padding: 0; font-weight: normal; position: relative; line-height: 1.1em;
}
div.SidebarBox h2 { font-size: 1em; font-weight: bold;}
div.SidebarBox table {}
div.SidebarBox a, div.SidebarBox a:link, div.SidebarBox a:visited {color: #ff4504; text-decoration:none;}
div.SidebarBox a:hover {text-decoration: underline;}
ul.SidebarMenu {list-style: none; margin:0; padding:0; width: 100%}
ul.SidebarMenu li {position: relative; margin:0; padding:0;}
ul.SidebarMenu li a, ul.SidebarMenu li p { 
	display: block;
	text-decoration: none;
	font-size: .9em;
	font-weight: bold;
	letter-spacing: .05em;
	padding: 5px;
	border-bottom:1px solid #ffffff;
	margin:0;
	}
div#sidebar ul.SidebarMenu a, div#sidebar ul.SidebarMenu a:link, div#sidebar ul.SidebarMenu a:visited {color: #ffffff;}
div#sidebar ul.SidebarMenu li a:hover, ul.SidebarMenu li p.selected  {
	background: #c8d2d4; text-decoration: none; color: #777777;
} 

/****** ICONBOX ******/
div.IconBox {width: 252px; float:left; margin:0 10px 10px 0; padding:0; border: 1px solid #a9bfc3; text-align:center; }
div.IconBoxImage {margin:0; padding:0; height:160px;}
div.IconBox img {margin: auto;}
div.IconBox a {margin:0; padding:0;}
div.IconBoxInfo {background-color: #a9bfc3; color: #ffffff; font-weight: normal; /*position:absolute; bottom: 0; left:0; right:0; */padding: 5px; text-align: right; margin-top: 0;}
div.IconBoxInfo .ProductTitle, div.IconBoxInfo a.ProductTitle, div.IconBoxInfo a.ProductTitle:link, div.IconBoxInfo a.ProductTitle:visited {
color: #ffffff;
font-size: 1em;
line-height: 1.2em;
font-weight: bold;
text-decoration: none;
}
div.IconBoxInfo a.ProductTitle:hover {
text-decoration: none;
}
div.IconBoxInfo .ProductPrice {color: #ffffff;}

div.wtButton { /*outer frame*/
	margin: 5px 0 5px 5px; padding:0;
    display: inline;
	position: relative;
	left: 0;
	background-color:#ffffff;
}
a.wtButtonLink, a.wtButtonLink:link,  a.wtButtonLink:visited{ /* inside button */
	background-color: #ffffff;
	color: #666666;
	border: 1px solid #a9bfc3;
	padding: 2px 5px 3px 5px;
	padding: 3px 8px 4px 8px;

	   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:hover.wtButtonLink {color: a9bfc3;}