body  { margin-top: 12px; background-color:white; background-image:url(../images/main_background.jpg); background-repeat:repeat-x; background-position: top center;
}


#bodyWrap { background:#F9C6E6; width: 960px; margin-top: 0px; margin-bottom: 112px; margin-left: auto; margin-right: auto; text-align:left; position: relative; border: solid 1px #C34A6D;   }

body.admin #bodyWrap { width: 1020px; }

#header { display: block; background-repeat:no-repeat; background-image: url(../images/header.jpg); height: 160px; padding: 0px; margin: 0px; }  

body.admin #header { height: 100px; background-image: url(../images/header_admin.jpg); padding: 4px 0px 0px 16px; }
 

#header_links { position: relative; top: 0px; left: 0px; width: auto; text-align: right; margin: 6px; color: #5C4555;  } 
#header_links a { color: #5C4555; margin: 2px 8px 2px 8px; padding: 4px; line-height: 18px; text-decoration: none; }
#header_links a:hover { text-decoration: underline; color: #5C4555; }
#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: #5C4555; }  
#loginbox a { color: #5C4555; }    
#loginbox .main { text-align: center; margin-left:32px; }    
#loginbox INPUT { font-size: 90%; }
#loginbox INPUT.text { width: 160px; }

#loginbox.accessdenied { display: block; position:static; background: #D7EAF7; border: solid 1px #57A4DC; color: #5C4555; font-size: 90%; top:auto; left: auto; width:320px; height: auto; padding: 8px; }  
#loginbox.accessdenied a { color: Black; }   
#loginbox.accessdenied LABEL { clear: both; width: 100px; padding: 2px 0px 2px 0px; font-weight: bold; height: auto; line-height:normal; }
#loginbox.accessdenied #LoginBoxLinks { border-top: solid 1px #57A4DC; margin-top: 8px; padding-top: 8px; padding-bottom: 8px; }

#welcomebox { }

#accountDetails  { margin: 18px 20px 8px 8px;  text-align: center; } 
#accountDetails .welcome_title { margin-top: 20px;  margin-bottom: 12px; } 
#accountDetails a { font-size: 12px; color: navy; } 
#accountDetails a:hover { color: DarkGoldenRod; } 
  
#footerWrap { clear: both; padding: 0px; height: 160px; color: #003300; width: auto; margin: 0px auto 16px auto; border-top: solid 1px #E587C6;  }
body.admin #footerWrap { height: 10px; border-top: none;  }

#Content { float:left; background:white; padding: 16px 16px 0px 16px; color: navy; margin: 16px 0px 10px 16px; position:relative; background-image: url(../images/content_area_shadow.gif);  background-position: right; background-repeat: repeat-y; }
#Content DIV.mainContent { position:relative; xborder: solid 2px red; width: 728px; margin: 0px; padding:0px; }
#Content .foot { clear: both; background-image: url(../images/content_area_footer.gif);  background-position:bottom; background-repeat: repeat-x; xborder: solid 1px red; height: 16px; width: 100%; }
#Content .tl { background-image: url(../images/content_corner_tl.gif); position: absolute; top: -0px; left: 0px }
#Content .tr { background-image: url(../images/content_corner_tr.gif); position: absolute; top: -0px; right: 0px }
#Content .bl { background-image: url(../images/content_corner_bl.gif); position: absolute; bottom: -0px; left: 0px }
#Content .br { background-image: url(../images/content_corner_br.gif); position: absolute; bottom: -0px; right: 0px }
#Content h1 { margin: 6px 0px 6px 0px; padding: 8px 0px 6px 0px; font-size: 160%; }
#Content h2 { padding: 8px 0px 6px 0px; font-size: 140%; }
#Content h2.break { padding: 8px 0px 6px 0px; font-size: 140%; border-bottom: solid 1px black; }
#Content A.left { border: solid 1px #C34A6D; margin-right: 12px; margin-bottom: 12px; }

body.admin #Content { padding: 16px 16px 0px 16px; color: navy; margin: 0px 10px; position:relative; background-image: url(../images/content_area_shadow.gif);  background-position: right; background-repeat: repeat-y; }

#Features { display:block; background: none; width: 162px; margin:0px 0px 0px 12px; padding:0px; float:left; position:relative;   }
   
body.admin #Features { position: absolute; top: 100px; left: -198px; border: solid 12px #F9C6E6; background: #F9C6E6; }

.feature { display:block; clear: both; position: relative; background: white; width: 162px; margin:0px; padding:8px 0px 0px 4px; background-image: url(../images/content_area_shadow.gif);  background-position: right; background-repeat: repeat-y; }
.feature .tl { background-image: url(../images/content_corner_tl.gif); position: absolute; top: -0px; left: 0px }
.feature .tr { background-image: url(../images/content_corner_tr.gif); position: absolute; top: -0px; right: 0px }
.feature .bl { background-image: url(../images/content_corner_bl.gif); position: absolute; bottom: -0px; left: 0px; }
.feature .br { background-image: url(../images/content_corner_br.gif); position: absolute; bottom: -0px; right: 0px }
.feature .foot { background-image: url(../images/content_area_footer.gif);  background-position:bottom; background-repeat: repeat-x; height: 16px; width: 100%; }


#Basket.feature { display:block; clear: both; position: relative; background: white; width: 166px; margin:0px; padding:0px; background-image: url(../images/content_area_shadow.gif);  background-position: right; background-repeat: repeat-y;  }
#Basket.feature .head { text-align: center; background-color: #57A4DC;  padding: 8px 4px; margin-bottom: 4px; font-weight: bold; color: White; background-image: url(../images/content_area_title_shadow.gif);  background-position: right; background-repeat: repeat-y; }
#Basket.feature .body { margin: 4px; font-size: 11px; }
#Basket.feature .tl { background-image: url(../images/content_corner_title_tl.gif); position: absolute; top: -0px; left: 0px }
#Basket.feature .tr { background-image: url(../images/content_corner_title_tr.gif); position: absolute; top: -0px; right: 0px }
  

#Basket.feature INPUT { font-size: 90%; }
#Basket.feature DIV.data { text-align: right; padding-top: 4px; margin-right: 8px; }
#Basket.feature DIV.datared { text-align: right; color: Red; font-weight: bold; padding-top: 4px; margin-right: 8px; }
#Basket.feature DIV.data LABEL, #Basket.feature DIV.datared LABEL { float: left; width: 75px; text-align: left; font-weight: bold; }

#MainMenu { position: relative; margin-top: 16px; }  
#Menu { display:block; width: 133px; display:block; margin:8px; padding:0px; border-top: dotted 1px SteelBlue;}
#Menu:after { content: "."; height:0; display:block; clear:both; visibility:hidden;	 }
#Menu li { list-style:none; margin:0; padding:0; border-bottom: dotted 1px SteelBlue;}
#Menu li a { display: block; background-color:white; color: DarkGoldenRod; font-size: 11px; font-weight: bold; line-height: 28px; padding:0px; margin: 0px; text-decoration: none; text-align:center; }
#Menu li a:hover { background-color:#57A4DC; color: gold; text-decoration: underline; }

body.admin #Menu li a { font-size: 10px; line-height: 20px; }


#admin-menu {  display:block; height: 26px; font-size: 120%; position:relative; z-index:100; padding:0 0 0 12px;margin:0;list-style-type:none;}
#admin-menu ul {width:149px; list-style-type:none;}
#admin-menu li {float:left;position:relative;}
#admin-menu a, #admin-menu a:visited {display:block;text-decoration:none; color:white; line-height:26px; font-size: 12px; color: #003300; padding:0px 8px 0px 8px; margin-right: 12px; }
#admin-menu ul {visibility:hidden;position:absolute;height:0;top:26px;left:-40px; width:149px;}
#admin-menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
#admin-menu ul a, #admin-menu ul a:visited {background:#2370A9; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
#admin-menu a:hover {background-color:silver; color: White; }
#admin-menu :hover > a {background-color:silver; color: White; }
#admin-menu ul a:hover{background-color:silver; color: Navy; }
#admin-menu ul :hover > a {background-color:silver; color: Navy; }
#admin-menu li:hover ul, #admin-menu a:hover ul{visibility:visible; }
  
  
  
.validationErr { width: 526px; 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: 12px; overflow:visible; } 
.ErrorMessage { display: block; width: 550px; min-height: 50px; background-color: #f0fff0; background-image: url(shop/images/ico_warning_42px.gif); background-position: 8px 8px; background-repeat:no-repeat; border: solid 1px #003300; padding: 8px 8px 8px 60px; margin-top: 16px; }

#image_list { clear: both; color: darkred; margin: 0px 22px 0px 22px; font-family: Arial; font-size: 90%; }
  
.small_btn { font-size: 10px; }  
.read_only { background-color: #e0e0e0; }

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