/* generated by csscreator.com */ 
html, body{ 
 background-image:url(images/background.jpg);
 background-repeat:repeat-x;
 background-color:#4b4b4b;
 text-align:center; 
} 

#pagewidth{ 
 width:960px; 
 text-align:left;  
 margin-top:20px;
 margin-bottom:20px;
 margin-left:auto; 
 margin-right:auto;
 border: 2px solid #8d8b8b;  
} 
 
#header{
 position:relative; 
 height:206px;
 background-image:url(images/header.jpg); 
 background-color:#393939; 
 width:100%;
} 

#breadcrumb {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#CCCCCC;
 height:9px;
 padding:4px;
}

#content {
 padding-top:0;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
}
 
#maincol{
 background-color: #403f3f;  
 float: right; 
 display:inline; 
 position: relative; 
 width:100%; 
 }
 
#footer{
 height:auto; 
 background-color:#212020;
 padding:7px;
 color:#FFFFFF;
 text-align:center; 
 clear:both;
 } 
 
 #footer a {
  text-decoration:none;
  color:#fff;
 }
 
 #footer a:hover {
  color:#0000FF;
 }
 
 
 #about {
 float:left;
 width:550px;
 height:auto;
 margin:10px;
 border:3px solid gray;
 }
 
 #product_link {
 float:left;
 width:347px;
 height:auto;
 margin:10px;
 border:3px solid gray;
 }
 
 #product_link a {
 color:#999999;
 text-decoration:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 
 #product_link a:hover {
 color:#FFFFFF;
 }
 
 #body {
 float:left;
 width:930px;
 height:auto;
 margin-left:5px;
 margin-right:5px;
 margin-top:10px;
 margin-bottom:10px;
 border:2px solid gray;
 }

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

#banner {
 margin-top:10px;

}

#product_image {
 float:left;
 width:260px;
 height:210px;
 margin:15px;
 border:3px solid gray;
}

#product_description {
 float:left;
 clear:right;
 height:210px;
 width:623px;
 margin-top:15px;
 margin-left:5px;
 margin-right:15px;
 margin-bottom:15px;
 border:3px solid gray;
}

#padding {
 padding:5px;
}



/* Typography */

p {color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
h1 {color:#CCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;}
h2 {color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px;}
/*a {color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px;}
a:hover {color:#FFFFFF; font-weight:bold; text-decoration:none;}*/