/* CSS for public page display */




/* Global styles */
body{
margin: 0px;
font-family: arial;
font-size: 13px;
}

img{
border: 0px;
}

table{
margin: 0px;
padding: 0px;
}
td,tr{
margin: 0px;
padding: 0px;
}
td{
vertical-align: top;
}
a{
color: #449977;
}
a:hover{
color: #999900;
}

textarea{
width:300px;
height:150px;
}

/* Layout styles */

#page{
  background-color: #156902;
}
#body_shadow{
background:url(../images/body_bg.gif);
width:912px;
}
#body{
width:898px;
}
#body_content{
width: 580px;
background-image: url(../images/mobius_bg.gif);
padding: 10px 25px 30px 25px;
font-size: 13px;
}
#header{
background:url(../images/header_bg.jpg);
height: 140px;
}

#footer{
background-color: #c1b352;
height: 100px;
padding: 15px;
}

#sidebar{
font-size: 13px;
padding: 10px 15px 0px 15px;
}


/* edit toolbar styles */
p.edit_bar{
font-family: arial;
color: #555555;
font-size: 13px;
background-color: #efefef;
border: 1px solid #cccccc;
padding: 0px 5px 0px 5px;
margin: 0px;
vertical-align: middle;
}
span.divider{
padding: 1px;
margin: 0px 10px 0px 15px;
width: 1px;
height: 20px;
background-color: #cccccc;
vertical-align: middle;
}

.editbaritem{
float: left;
font-size: 13px;
padding: 4px;
margin-top: 0px;
margin-bottom: 0px;
}

a.editbar{
font-size: 13px;
padding: 0px;
margin: 1px;
background-image: url(images/edit_multi_button.gif);
}

a.editbar{
font-size: 13px;
padding: 0px;
margin: 1px;
}

a.editbar2{
vertical-align: middle;
margin: 0px;
border: 0px;
padding: 3px;
}
a.editbar2:hover{
background-color: #ccddee;
} 
img.button{
vertical-align: middle;
margin: 0px;
border: 0px;
margin-left: 3px;
padding: 3px;
}

img.button:hover{
padding: 3px;
background-color: #ccddee;
} 


/* Catalog styles */
.product_image{
float: left;
margin: 15px;
}
.prod_title{
font-size: 16px;
font-weight: bold;
display: block;
text-align: left;
}
.prod_description{
text-align: left;
display: block;
}
.price{
display: block;
text-align: left;
}



/* Gallery image styles */
.gal_image_full{
float: left;
padding: 0px 15px 15px 15px;
}
.gal_image_title_full{
font-weight: bold;
font-size: 18px;
display: block;
}
.gal_image_caption{
clear: left;
}
div.gal_nextback{
clear: both;
}
a.gal_next,a.gal_back{
display: block;
border: 1px solid #bbddbb;
background-color: #ddffdd;
color: #444444;
font-size: 13px;
padding: 2px;
}
a.gal_next:hover,a.gal_back:hover{
background-color: #ffffdd;
border: 1px solid #ddddbb;
}
a.gal_next{
float: right;
}
a.gal_back{
float: left;
}

/* Blog styles */
#blog_post{
margin-bottom: 50px;
}

#blog_posts_menu{
float: left;

}

#blog_post h2{
margin-top: 5px;
margin-bottom: 5px;
font-family:arial;
font-weight: bold;
font-size: 24px;
color: #707073;
}

p.blog_date{
font-style: italic;
font-size: 13px;
margin-bottom: 10px;
}


/* Menu styles */


#menu{
background-color: #62769e;
height: 25px;
}

#menu_shadow{
background:url(../images/menu_shadow.gif);
height: 6px;
}

a.menu_link_on,a.menu_link{
  display: block;
  float: left;
  font-size: 15px;
  color: #ffffff;
  text-decoration: none;
  font-family: Arial, Sans-serif;
  margin: 0px 8px 0px 8px;
  padding: 3px 18px 0px 18px;
  height: 22px;
}

a.menu_link_on{
background-color: #7286ae;
color:#eeeeff;
}

a.menu_link_here:hover,a.menu_link:hover{
background-color: #7286ae;
}

#pagelinks{
}
#pagelinks a.menu_link_here,#pagelinks a.menu_link{
font-size: 14px;
padding-left:20px;
background-color: #eeeeee;
}



/* footer styles */
a.footer,a.footer_here{
font-family: arial;
font-size: 14px;
color: #ffffff;
}
a.footer:hover,a.footer_here:hover{
color: #333333;
}

/* Other styles */
#contact_box{
background-COLOR: #edebd5; 
width: 400; 
padding:10px 10px 10px 10px; 
border: 1px solid #cccccc;
}

span.form_label{
float:left; 
color:#5B5B4F; 
clear:left; 
display:block; 
width:130px; 
font:100% Arial, sans-serif; 
margin:5px 10px 5px 0px; 
padding:2px 0px 0px 0px;}

span.required{
color: #990000;
}
 
input.contact, textarea.contact, input.user_form{
margin:5px 0px 5px 0px;
}
 
input.radio{
margin-bottom: -2px;
}

#toplinks{
float:right; 
margin-right: 100px; 
margin-top: opx; 
font:100% Arial, sans-serif; 
}

div.comments{
margin-top: 10px;
margin-bottom: 10px;
}
div.comment{
margin-top: 15px;
margin-bottom: 30px;
clear: both;
}
p.comment_body{
border-top: 1px solid #cccccc;
background: #fcfcfc;
padding: 10px;
margin-top: -5px;
}

div.comment_form{
}

/* For testing
span,div,table{
border: 1px solid black;
}
 */