body { margin: 0px; padding: 0px; font-family: Arial,tahoma,Sans-Serif; font-size: 12px; background-color: white; }

body.admin { }
#bodyWrap { width: 773px; margin-top: 12px; margin-bottom: 12px; margin-left: auto; margin-right: auto; text-align:left; background: white; background:White url(../images/body.jpg) repeat-y; }
#bodyWrap.admin { width: 960px; background:White url(../images/bodyWide.jpg) repeat-y; }

#headerWrap { display: block; background-color: white; background-image: url(../images/header.jpg); background-repeat:no-repeat; height: 75px; width: 100%; }
#bodyWrap.admin #headerWrap { background-image: url(../images/headerWide.jpg); }  
#header { display: block; height: 50px; }

#footerWrap { text-align: center; } 
#footerWrap IMG.center { padding: 0px 80px; } 
#footerWrap #footer { display: block; background-color: white; background-image: url(../images/footer.jpg); background-repeat:no-repeat; line-height: 20px; font-size: 10px; text-align: right; padding-right: 20px; height: 124px; }
#bodyWrap.admin #footerWrap #footer { background-image: url(../images/footerWide.jpg); }   

#header_links { position: relative; top: 0px; left: 0px; width: 733px; text-align: center; margin: 6px; color: #5b0007; }  
#header_links.admin { width: 1000px; }
#header_links a { color: #5b0007; margin: 2px 8px 2px 8px; padding: 4px; line-height: 18px; text-decoration: none; }
#header_links a:hover { text-decoration: underline; color: #aa0007; }
#header_links div.welcome_title { color: White; margin: 2px 8px 2px 8px; padding: 4px; line-height: 18px; font-weight: bold; }

#loginbox { display: block; position: relative; border: dashed 1px white; font-size: 90%; top: 2px; left: 600px; width: 240px; height: 86px; padding: 1px 4px 1px 4px; margin: 2px; color: White; }  
#loginbox a { color: White; }  
#loginbox INPUT { font-size: 90%; }
#loginbox.accessdenied { display: block; position:static; background: #dad5c1; border: solid 1px #411531; font-size: 90%; top:auto; left: auto; width:320px; height: auto; padding: 8px; color: Black; }  
#loginbox.accessdenied a { color: Black; }  
#loginbox.accessdenied LABEL { display:block; clear: both; width: 100px; padding: 2px 0px 2px 0px; font-weight: bold; height: auto; line-height: auto; } 
#loginbox.accessdenied INPUT { font-size: 100%; }
#loginbox SPAN.check LABEL { display: inline; float:none; clear: both; position:relative; font-weight: bold; margin: 0px; padding: 0px; }
#LoginBoxLinks { border-top: solid 1px navy; margin-top: 8px; padding-top: 8px; }

#welcomebox { xpadding: 8px; }

.left {float: left}
.center {text-align:center;}
.right {float: right}
.leftclear {float: left; clear: both}
.centerclear {text-align: center; clear: both}
.rightclear {float: right; clear: both}
.clear { clear: both}



#contentWrap  { width: auto; padding: 8px 30px 8px 18px; color: #003300; }
#bodyWrap.admin #contentWrap { padding: 8px 0px 8px 8px; }

#contentWrap h1 { margin: 6px 0px 6px 0px; padding: 8px 0px 6px 0px; font-size: 160%; }
#contentWrap h2 { padding: 8px 0px 6px 0px; font-size: 140%; }
#contentWrap h2.break { padding: 8px 0px 6px 0px; font-size: 140%; border-bottom: solid 1px black; }


#paneLeft { display: block; float: left; padding: 0px; margin: 0px; }
#paneLeft.admin { display: none; }

#menuWrap { display:block; position: absolute; top: 60px; height: 26px; background:none; margin: 0px auto 0px auto; }
#bodyWrap.admin #menuWrap { position:static; background-image:url(../images/menu_back_admin.jpg) ; color: White; }

#menuMerge { display:block; width: 168px; height: 10px; float: left; background:url('../images/menu_merge.jpg') no-repeat; }
#menu:after { content: "."; height:0; display:block; clear:both; visibility:hidden;	 }
#menu { display:block; font-size: 120%; margin:0; margin-left: 12px; padding:0; float:left; height: 26px; }
#menu li { list-style:none; margin:0; padding:0;	float:left; }
#menu li a { display:block; font-family: Arial; font-size: 12px; line-height: 26px; color: #003300; padding:0px 8px 0px 8px; margin-right: 12px; text-decoration: none; }
#menu li a:hover { text-decoration: underline; }


#admin-menu { clear: both; display:block; height: 26px; background-image:url(../images/menu_back_admin.jpg) ; font-size: 120%; position:relative; z-index:100; list-style-type:none;}

/* remove all the bullets, borders and padding from the default list styling */
#admin-menu {padding:0 0 0 12px;margin:0;list-style-type:none;}
#admin-menu ul {width:149px; list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#admin-menu li {float:left;xwidth:149px;position:relative;}
/* style the links for the top level */
#admin-menu a, #admin-menu a:visited {display:block;text-decoration:none; color:#fff; line-height:26px; xborder:1px solid #000; xborder-width:1px 0 1px 1px; xbackground:#09c; font-size: 12px; line-height: 26px; color: #003300; padding:0px 8px 0px 8px; margin-right: 12px; }
/* a hack so that IE5.5 faulty box model is corrected */
* html #admin-menu a, * html #admin-menu a:visited {width:149px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#admin-menu ul {visibility:hidden;position:absolute;height:0;top:26px;left:-40px; width:149px;}
/* another hack for IE5.5 */
* html #admin-menu ul {top:25px;t\op:26px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#admin-menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#admin-menu ul a, #admin-menu ul a:visited {background:#8D8252; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html #admin-menu ul a, * html #admin-menu ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#admin-menu a:hover {background-color:#D6D0B9; background:transparent url(../images/menu_sel.jpg) repeat-x; color: White; }
#admin-menu :hover > a {background-color:#D6D0B9; background:transparent url(../images/menu_sel.jpg) repeat-x; color: White; }

/* style the second level hover */
#admin-menu ul a:hover{background-color:#D6D0B9; background:transparent url(../images/menu_sel.jpg) repeat-x; color: Navy; }
#admin-menu ul :hover > a {background-color:#D6D0B9; background:transparent url(../images/menu_sel.jpg) repeat-x; color: Navy; }

/* make the second level visible when hover on first level list OR link */
#admin-menu li:hover ul, #admin-menu a:hover ul{visibility:visible; }
  
  
#paneMain UL.form { background: #d0d0f0; margin: 0px; padding: 4px; } 
#paneMain UL.form LI { display: block; xbackground: red; margin: 2px 0px 0px 0px; padding: 0px; clear: both; list-style-type:none; }
#paneMain LABEL { display:block; float:left; position:static; width: 110px; padding: 2px 0px 2px 0px; font-weight: bold; height: 16px; line-height: 16px; }
#paneMain LABEL.offset { width: 110px; padding-left:110px; } 

#shopFormTable { background: #dad5c1; border: solid 1px #411531; }
#shopFormTable TEXTAREA { font-family: Arial; width: 500px; }
#shopFormTable SPAN.required { color: Red; font-weight: bold; }
#shopFormTable LABEL { display: inline; float:none; clear: both; position:relative; font-weight: bold; margin: 0px; padding: 0px 16px 0px 0px; }
INPUT.quantity { text-align: right; width: 30px; }
#shopFormTable.checkout TH { padding: 2px 4px 12px 2px; border-bottom: solid 1px black; }
#shopFormTable.checkout TD { padding: 2px 4px 12px 2px; } 
#shopFormTable.checkout TD P { padding: 3px 0px 3px 0px; margin: 0px; }
#shopFormTable.checkout TD P.total { border-top: solid 1px black; border-bottom: double 3px black; }
#shopFormTable.payment TH { padding: 2px 4px 12px 2px; border-bottom: solid 1px black; }
#shopFormTable.payment TD { padding: 4px 4px 2px 2px; }

#shopTable tr { background-color: #d7F6d3; color: #003300; }
#shopTable tr.head { background-color: #407040; color: white; font-weight: bold; }
#shopTable tr.head A { color: White; } 
#shopTable .footer { background-color: #689868; color: white; font-weight: bold; }
#shopTable tr.head A:hover { color: #80FF80; }
#shopTable tr.alt { background-color: white; color: #003300; }
#shopTable tr.pager { background: #80A080; } 
#shopTable tr.pager table tr td { background: none; } 
#shopTable tr.pager A, #shopTable tr.pager span { background: white; color: #003300; height: 20px; line-height: 26px; padding: 3px 6px 3px 6px; margin-right: 12px; border: solid 1px #003300; } 
#shopTable tr.pager span { background: #408040; color: White; } 
#shopTable tr.pager A:hover { background: #87b683; xcolor: White; }

#AlphaSelect A { background: white; color: #003300; height: 20px; line-height: 26px; padding: 2px 4px 2px 4px; margin: 0px; margin-right: 8px; border: solid 1px #003300; }
#AlphaSelect A:hover { background: #87b683; xcolor: White; }

.validationErr { min-height: 60px; background-image: url(../shop/images/ico_warning_42px.gif); background-position: 8px 8px; background-repeat:no-repeat; background-color: #f0fff0; border: solid 1px #003300; padding: 8px 8px 8px 60px; margin: 6px; overflow:visible; }

.ErrorMessage { display: block; min-height: 50px; background-image: url(../shop/images/ico_warning_42px.gif); background-position: 8px 8px; background-repeat:no-repeat; background-color: #f0fff0; border: solid 1px #003300; padding: 8px 8px 8px 60px; margin: 6px; overflow:visible; }

#breadcrumbs  { font-family: Arial, Sans-Serif, Tahoma; font-size: 10px; margin: 0px; padding: 0px 0px 24px 0px; background: #fdfdff; }
#breadcrumbs UL { margin: 0px; padding: 0px; }
#breadcrumbs LI { display: inline; }
#breadcrumbs LI A { color: #104080; margin: 0px 8px 0px 0px; text-decoration:none; }
#breadcrumbs LI A:hover { text-decoration:underline; } 

#contact_us { } 
#contact_us DIV.block { float: left; }
#contact_us IMG.left { padding: 0px 10px 0px 0px; float: left; }