/* CSS for public page display */




/* Global styles */
body{
font-size: 13px;
font-family: arial;
margin: 100px;
margin-top: 0px;
}
img{
border: 0px;
}
h1{
font-size: 18px;
color: #999999;
}
h2{
font-family: times new roman;
font-size: 20px;
}
table{
margin: 0px;
padding: 0px;
}
td,tr{
margin: 0px;
padding: 0px;
}
a{
color: #449977;
}
a:hover{
color: #999900;
}

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

/* Layout styles */
#page{
width: 900px;
}

#pageheader{

}
#pageheader h1{
font-size: 25px;
font-style: italic;
font-family: Times New Roman;
margin-top: 0px;
}
#pagecontent{
margin:10px;
margin-right:100px;
}
#leftbar{
width: 170px;
float: left;
height: 100%;
margin: 0px;
padding:0px;
background-color: #ddddf8;
}
#footer{
margin-top: 20px;
height: 30px;
text-align: center;
clear: all;
font-family: arial;
font-size: 12px;
color: #A58362;
}


/* 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: 100px;
}

#blog_posts_menu{
float: left;

}

#blog_post h2{
border-bottom: 1px solid #444444;
margin: 0px;
font-family: times new roman;
font-size: 22px;
color: rgb(0,102,51)
}

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


/* Menu styles */



a.menu_link_here,a.menu_link{
color: #;
margin:2px;
padding: 3px;
display: block;
font-family: arial;
text-decoration: none;
background-color: #ffffff;
}

a.menu_link_here{
background-color: #dddddd;
font-family: arial;
font-weight: bold;
margin-right:0px
}

a.menu_link_here:hover,a.menu_link:hover{
background-color: #eeeeff;
color: #999900;
}

#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: 12px;
color: #cccccc;
}
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: 15px;
margin-bottom: 80px;
}
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;
}

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