body
{
margin: 0;
padding: 0;
text-align: center; /* for IE */
background-color: #002;
}

p
{
margin: 0.5em 0.5em;
}

#container
{
width: 1000px;
margin: 20px auto; /*0 0 0 5%; 10px auto;*/
text-align: left; /* counter the body center */
background-color: #fff;
color: #333;
line-height: 130%;
}

#top
{
padding-bottom: 0px;
color: #FFF;
background-color: #000; /*#00E;*/
}

.roundtop { 
	background: url(layout/topright.jpg) no-repeat top right; 
}

.roundbottom {
	background: url(layout/bottomright.jpg) no-repeat bottom right;
}

img.corner {
   	border: none;
   	display: block !important;
}

#header img.img_header {
	margin-bottom: 20px;
}

#header img.img_subheader {
	margin-bottom: 5px;
}

#top h1
{
padding: 10px;
margin: 0;
}

#topnavcontainer
{
width: 999px;
float: left;
background: #000 url(layout/topnav.jpg) repeat-y 50% 0;
border-right: 1px solid gray;
}

#topnavcontainer ul li { display: inline; }

#topnavcontainer ul
{
margin: 0;
padding: 0 7% 0 0;
color: #FFFFFF;
font-family: Georgia;
font-size: .65em;
letter-spacing: 1px;
}

#topnavcontainer ul li a
{
padding: 0.2em 12px;
background-color: light red;
color: #000;
text-decoration: none;
float: right;
border-right: 1px solid #94B473;
}

#topnavcontainer ul li a:hover
{
background-color: #f30002; /*#900;*/
color: #FFFFFF;
}

#topnavcontainer ul li a.active
{
background-color: #e261e0; /*#5b5;*/
}

#topnavcontainer ul li a.active:hover
{
background-color: #bb38b8; /*#7d7;*/
}

#topnavcontainer .msail {
float: left;	
/*margin-right: 10px;*/
}

#main
{
background: #ccc url(layout/columns.jpg) repeat-y 50% 0;
border-right: 1px solid gray;
}

#leftnav
{
float: left;
width: 159px;
}

#navcontainer
{
margin: 0px 10px;
}

#navcontainer ul
{
list-style-type: none; /* removes HTML list bullets */
font-family: Georgia, Verdana, Arial, Helvetica, Sans-Serif;
}

#navcontainer ul li
{
margin: 0;
padding: 0;
font-size: 0;
line-height: 1em;  
}

#navcontainer ul.navlist0
{
display: block;
margin: 8px 0px;
}

#navcontainer ul.navlist1 li a
{
display: block;
margin-top: 2px;
}

#navcontainer ul li.ulcap
{
display: block;
margin-bottom: 12px;
}

#content
{
margin-left: 190px;
width: 760px;
padding-left: 1em;
}

#content_msg
{
margin-left: 164px;
width: 800px;
padding-left: 1em;
}

#main_message_top
{
position: relative;
min-height: 65px;
}

#main_message_top img
{
display: block;
}

#main_message_top span
{
font-family: Georgia, serif;
font-size: 20px;
color: #bb38b8;
display: block;
width: 700px;
margin-left: 50px;
position: absolute;
text-align: center;
top: 30px;
}

#main_message_top span.date
{
/*margin-right: 50px;*/
color: black;
font-size: 12px;
font-style: italic;
text-align: right;
top: 40px;
}

#main_message_middle
{
background: #fff url('images/main/welcome_middle.jpg') repeat-y;
}

#main_message_middle span
{
font-family: Georgia, serif;
font-size: 14px;
color: #121542;
display: block;
width: 700px;
margin-left: 50px;
text-align: justify;
}

#main_message_middle span p
{
margin: 0;
padding: 0;
text-indent: 30px;
}

#main_message_bottom
{
position: relative;
min-height: 80px;
}

#main_message_bottom img
{
display: block;
}

#main_message_bottom span
{
font-family: Georgia, serif;
font-size: 16px;
color: #121580;
display: block;
width: 700px;
margin-left: 80px; /*80px;*/
position: absolute;
text-align: center;
top: 25px;
}

#main
{
background: #ccc url(layout/columns.jpg) repeat-y 50% 0;
border-right: 1px solid gray;
}



#content h2
{
display: block;
width: 356px;
*margin-top: 0px;
padding-top: 20px;
padding-left: 10px;
padding-bottom: 10px;
color: #fff;
background-color: #47a;
font-weight: normal;
font-size: 1.5em;
}

#content center.banner img
{
margin-top: 10px;
margin-left: -20px;
}

#desc
{
font-size: 16px;
width: 729px;
padding: 5px 10px;
margin: 0px 0px 10px 0px;
display: block;
}

#hnotice
{
float: left;
width: 729px;
padding: 5px 10px;
display: block;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#form_header
{
float: left;
font-size: 18px;
width: 729px;
padding: 5px 10px;
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
border-top: 2px solid black;
border-bottom: 2px solid black;
background: #ffcc00; /*#ffbbbb;*/
}

.imgbox
{
float: left;
background-color: #fff;
width: 352px;
border: 2px solid #999;
margin: 0 13px 15px 0;
padding: 5px;
}

.imgbox img.prodimg
{
/*width: 350px;
height: 170px;*/
}

.colholder
{
float: left;
width: 760px;
/*margin-top: 10px;*/
}

.message
{
float: left;
margin-top: 10px;
}

.itembox2
{
float: left;
width: 712px;
}

#content div.itemcol
{
background-color: #fff;
float: left;
width: 356px; /*350px;*/
margin: 0 13px 15px 0;
padding: 5px;
}

#content div.center
{
float: none;
margin-left: auto;
margin-right: auto;
}

#content div.itemcol div.fieldset
{
padding: 0em 0.75em 1em 0.75em;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #781351;
background-color: #ffe5e5;
}

#content div.itemcol div.fieldset_submit
{
padding: 1em 0.75em;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #781351;
background-color: #ffff66;  /*#eee8aa;*/
}

#content div.itemcol div.legend
{
margin: 1em 0 0 0;
padding: 0.25em 0;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #781351;
background-color: #ffbbbb; /*dda0dd;*/
font-weight: bold;
text-align: center;
}

#content div.itemcol div.legend_submit
{
margin: 1em 0 0 0;
padding: 0.25em 0;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #781351;
background-color: #ffcc00; /*dda0dd;*/
font-weight: bold;
text-align: center;
}

#content div.itemcol div.fieldset div.formitem
{
padding: 0.75em 0 0.5em 0;
/*border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #781351;*/
}

div.formitem table tr td
{
vertical-align: middle;
}

span.iteminst
{
display: block;
margin-bottom: 0.5em;
font-weight: bold;
}

span.iteminstnb
{
padding-right: 1em;
font-weight: bold;
}

span.limits
{
display: block;
font-size: 12px;
font-weight: normal;
font-style: normal;
padding-top: 0.5em;
/*padding: 0.5em 0.5em 0em 0.5em;*/
}

.itemcol table td
{
vertical-align: middle;
padding: 0.25em;
}

.itemcol table.fillwidth
{
display: block;
/*width: 330px;*/
}

.itemcol table.suboption
{
margin-left: 30px;
width: 280px;
}

.itemcol img.prodimg
{
/*width: 350px;
height: 170px;*/
}

.itemcol p
{
font-weight: bold;
}

.itemcol p.normal
{
font-weight: normal;
}

.itemcol a
{
zoom: 1; /* to trigger hasLayout in IE */
display: block;
padding: 5px 10px;
color: #222;
margin: 0px;
/*background-color: #a24;*/
background-color: #ffff66;
/*font-weight: bold;*/
font-size: 16px;
text-decoration: none;
border: 1px solid gray;
}

.itemcol a:hover
{
/*background-color: #c46*/;
background-color: #ffcc00;
}

span.baseprice
{
font-weight: normal;
font-size: 14px;
font-style: italic;
}

.thumbnail
{
position: relative;
z-index: 100;
}

.thumbnail:hover
{
/*position: relative;*/
/*z-index: 1000;*/
}

.thumbnail span
{ /*CSS for enlarged image*/
z-index: 1000;
position: absolute;
top: 0;
/*z-index: 1000;*/
background-color: lightyellow;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span
{ /*CSS for enlarged image*/
/*
visibility: visible;
top: 0;
*/
}

#notice
{
width: 729px;
padding: 3px 5px;
clear: both;
display: block;
margin-top: 10px;
margin-bottom: 20px;
background-color: #fffacd;
/*color: #555;*/
border: 3px solid #999;
}

#footer
{
clear: both;
margin: 0;
/*padding: .5em;*/
color: #333;
background-color: #000;
}

#footer_text
{
display: block;
text-align: center;
padding-top: 1em;
color: #eee;
}

span#browsers
{
font-size: 12px;
color: #bbf;
}

#leftnav p 
{ 
margin: 0 0 1em 0;
}

table#comments
{
border-collapse: collapse;
margin-bottom: 2em;
margin-right: 10px;
text-align: left;
}

table#comments td
{
padding: 0.5em 0.5em;
}

table#cart
{
border-collapse: collapse;
width: 710px;
margin: 0px 0px 10px 21px;
}

table#cart td
{
vertical-align: middle;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
}

table#cart th
{
vertical-align: middle;
border: 1px solid black;
text-align: center;
}

table#cart img
{
margin-top: 10px;
}

table#cart td a
{
display: block;
color: blue;
}

table#cart tr.tblhead th
{
background-color: #cd853f; /*#d2691e;*/
color: #000;
}

table#cart tr.even td
{
background-color: #ffebcd;
color: #000;
}

table#cart tr.odd td
{
background-color: #ffe4c4;
color: #000;
}

table#cart tr.total td
{
background-color: #f0e68c
}

table#cart tr.total td
{
font-weight: bold;
text-align: right;
}

table#cart tr.total td.left
{
padding-right: 10px;
}

table#cart tr.total .btn
{
padding: 3px 3px;
margin: 0 5px;
/*border: 1px solid black;*/
/*color: #333;
background-color: #ff7550;*/
}

table#cart tr.total .btn:hover
{
/*background-color: #ff5530;*/
}

table#cart td.price
{
text-align: right;
padding-right: 0.25em;
}

table#cart table.tbloptions
{
border-collapse: collapse;
margin: 5px;
}

table#cart table.tbloptions td
{
font-size: 12px;
border: 1px solid gray;
}

table#cart table.tbloptions td.left
{
text-align: right;
padding-right: 10px;
}

table#cart table.tbloptions tr.bp td
{
background-color: #f5deb3;
}

table#cart table.tbloptions tr.bp td.left
{
text-align: right;
padding-right: .5em;
}

span#tax_info
{
color: black;
width: 700px;
padding: 3px 5px;
display: block;
margin: 0px 0px 10px 20px;
background-color: #fffacd;
border: 1px solid black;
}

span#tax_info_header
{
color: #800000;
font-weight: bold;
}

span#tax_info_body
{
display: block;
margin: 0.5em 1em 0.5em 2em;
}

span#pmt_info
{
color: black;
width: 700px;
padding: 3px 5px;
display: block;
margin: 0px 0px 10px 20px;
background-color: #fffacd;
border: 1px solid black;
}

span#pmt_info_header
{
color: #800000;
font-weight: bold;
}

span#pmt_info_body
{
display: block;
margin: 0.5em 1em 0.5em 2em;
}

span#shp_info
{
color: black;
width: 700px;
padding: 3px 5px;
display: block;
margin: 0px 0px 10px 20px;
background-color: #fffacd;
border: 1px solid black;
}

span#shp_info_header
{
color: #800000;
font-weight: bold;
}

span#shp_info_body
{
display: block;
margin: 0.5em 1em 0.5em 2em;
}

span.red_text
{
color: red;
}

span.blue_text
{
color: #22b;
}

span#errorbanner {
	float: left;
	display: block;
	width: 729px;
	background-color: #ff6622;
	padding: 5px 10px;
	text-align: center;
	margin-bottom: 10px;
}

span#holidaybanner {
	float: left;
	display: block;
	width: 729px;
	background-color: #98fb98;
	padding: 5px 10px;
	text-align: center;
	margin-bottom: 10px;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

.error {
	color: red;
}

.center
{
margin-left: auto;
margin-right: auto;
float: none;
}

.nofloat
{
float: none;
}

.highlighter1, .highlighter1 td
{
background-color: #ffff66;
}

.highlighter2, .highlighter2 td
{
background-color: black;
}