/* CSS for Gina Blooms
*  Creadted by: Adrian Domingo
*  Lucid Multimedia Tech. Inc.
*/

/*location section*/
body{ margin:0 auto; padding:0; background:url(../images/bg.jpg) left top repeat-x;min-width:1024px;}
p {margin-top: 0;margin-bottom: 0;}
h1,h2,h3,h4,h5{ margin-bottom: 0.5em; }

#page{ margin:0 auto; width:100%; min-width:1024px; height:100%;}
#container{ height:100%;}
#menu{ float:left; margin: 0 ; width:300px;}
#content{ float:left; height:100%; width:auto; width:60%; padding-left:20px; }
#logo{float:left;}
/*#logo{ position:absolute; top:0; right:0px;}*/
#footer{width:100%; float:right; text-align:right;}

#top_menu{
	vertical-align: bottom;
	padding-top: 140px;
	width: 490px;
	height: 170px;
	background: url(../images/ginablooms_logo_bg.png) no-repeat left top;
	margin-bottom: -150px;
	margin-left: 36%;}
#top_menu ul{ margin:0px; 
padding-left:40px;
padding-top: 2px;
padding-height: 2px; }

#top_menu li{ float:left; padding:0 5px;}

#page #content #logo a, #page #content #logo a:visited, #page #content #logo a:hover{ padding:0px; }

/*-location section*/


/*color, borders, and text size section*/
body{
font:Arial, Helvetica, sans-serif;
color:#333;
background-color:#cccd05;
}
h1,h2,h3,h4,h5{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#C60;}
h1{font-size:3.6em; line-height:1em;}
h2{font-size:2.4em; color:#C63;}
h3{font-size:2em; color:#993;}
h4{font-size:1.5em; color:#F96;}
h5{font-size:1.1em;}
h1,h2,h3,h4,h5{clear:both; margin:0px; padding:0px;}
a, a:visited{ text-decoration:none; color:#C00;}
a:hover{ background:none; color:#F90;}
img{border:none; padding:0px; margin:0px;}
textarea,input{background:transparent;}

form{ border:#999 solid 1px; padding:10px 5px 20px 5px;}
form label{ font-weight:bold; font-size:smaller; color:#993300; }


#main ul{list-style:none;}

#main #top_menu li{ border-bottom:#930 2px solid;list-style:none;font-size:0.8em;}
#main #top_menu li a{ border-bottom:none;}
#main #top_menu li:hover{ background-color:#E8FBD2;}

#page #content #logo a, #page #content #logo a:visited, #page #content #logo a:hover{ color:none; border-style: none; border:none;}

#footer{ font-size:smaller;}

#home_picture{border: 3px double #887700;}
#home_picture ul li {text-align:center;}

h1.title{}

.controls, .controls:visited, .navigation, .navigation:visited{ font-size:smaller;}
.title, .title:visited{ color:#990000;}
.navigation, .navigation:visited{ color:#333;}

.price{ font-size:13px;}
.category{ background:#339966;}

.product-pack h2 {margin: .15em; font-size:3em;}
#main ul {margin: 0; padding: 0;}
#main ul.product-pack{margin: 10px; padding: 3px;}
ul.product-pack {border: 3px double #887700; width: 710px; height: 210px; background:#fffeee;}
ul.picture-block li.picture {float: left; margin: 10px; width:100px;}
ul.product-list-item.clear-block {float: left; width: 190px; }
ul.product-list-item.clear-block .description {width: 180px; margin-right: 10px;}
/*ul.product-list-item li {width: 25%;}*/


/*-color and text size section*/


/* IE6 */
* html #top_menu{ margin-bottom:30px;*height:30px;}
* html #container{}
* html #page{ width:1080px; margin:0 auto 0 0;}
* html #main ul.product-pack{margin-bottom: 10px; padding: 3px; width: 710px; height: 210px;}
* html ul.product-list-item.clear-block {float: left; width: 190px;}
/** html ul.product-list-item ul.clear-block {width: 100px; border: solid #F00 2px;}*/
* html ul.product-pack .picture-block {float: left; margin-right: 10px; width: 100px;}

/* IE7 */
html>body #top_menu{ *margin-bottom:30px; *height:30px;}
html>body .product-pack ul{*margin-left: 0px;}