@import url("links.css");

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
padding: 0;background-color:#EEF4D9;
}
.outerlayout
{
background-image:url(images/back.jpg);
background-repeat:no-repeat;
height:560px;
width:1024px;
-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;


}

.layout
{
width:950px; height:auto;
}

.top
{
width:950px;
height:30px;
padding-top:150px;

}
.logo
{
width:235px;
height:120px;
float:left;
background-image:url(images/logo.png);
background-repeat:no-repeat;
background-position:center;

}
.title
{
width:700px;
height:80px;
margin-bottom:10px;

}
.titlebanner
{
width:700px;
height:120px;
float:right;
margin-left:15px;

}
.toplinks
{
width:950px; height:30px; margin-top:10px; margin-left:0px; text-align:center;
}
.details
{
width:950px;
height:360px;
padding-top:20px;


}
.details2
{
width:950px;
height:200px;
padding-top:20px;


}
.categorytitle
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
height:20px;
padding-top:10px;
color:#FF0000;
text-transform:uppercase;
width:195px;
border-bottom:1px dotted #99CC00;
text-align:left;
padding-left:5px;
}
.bigdaytitle
{
width:200px; 
height:25px;
padding-top:5px;
color:#000000;
font-size:13px;
font-weight:bold;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
text-transform:uppercase;
background: -webkit-gradient(linear, left top, left bottom, from(#99CC00), to(#99CC00)); /* for webkit browsers */
background: -moz-linear-gradient(top, #99CC00,  #99CC00);
}
.readmore
{
font-size:11px;
color:#003300;
font-weight:bold;
background-color:#99CC00;
-moz-border-radius: 8px;border-radius: 8px;border:1px solid #99CC00;
}
.readmore a
{
font-size:11px;
color:#003300;
text-decoration:none;
}
.readmore a:hover
{
font-size:11px;
text-decoration:underline;
}
.three-d h1 {
        color: #fff;
        text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
        font: 80px 'ChunkFiveRegular';
		text-align:left;
}
.quality
{
float:left; width:300px; margin-right:16px; height:150px;
}
.qualitydetails
{
font-size:12px;text-align:left; background-image:url(images/quality.png); background-repeat:no-repeat; background-position:center right;border:1px solid #99CC00; height:170px;
}
.content-container
{
width:700px; margin-left:10px; float:right;
height:auto;
display:inline-block;
opacity:0.9;
filter:alpha(opacity=100);
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
background-color:#FFFFFF;
}
.content-titles
{
font-size:16px; text-align:left; padding:7px; text-transform:uppercase; color:#FF0000; border-bottom:2px solid #FF0000;font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif;color: #fff;background:#9FBF31;text-shadow: 0px 1px 1px #000;-moz-border-radius-topright: 8px;-moz-border-radius-topleft: 8px;border-top-right-radius: 8px;border-top-left-radius: 8px;
}
.content
{
width:690px; padding:5px; font-size:12px; line-height:20px; text-align:justify; text-align:left; overflow-y:scroll; height:310px;
}
.products-content
{
width:690px; padding:5px; height:310px; font-size:12px; line-height:20px; text-align:justify; text-align:left; height:309px; 
}
.image
{
width:240px; float:left; font-size:11px; height:310px;
}
ul
{
list-style-image:url(images/bullets.jpg); padding-left:5px; margin-left:10px;
}
.featured
{
width:135px;
height:auto;
display:inline-block;
float:left;
margin:5px 8px 5px 8px;
padding:0px 8px 5px 8px;
border-bottom:dotted 1px #CCCCCC;
}
.applemenu{
margin: 0px 0;
padding: 0;
width: 200px;
float:right;
 /*width of menu*/
border: 0px solid #9A9A9A;
}
.applemenu div.silverheader a{
font: normal 13px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
background: -webkit-gradient(linear, left top, left bottom, from(#99CC00), to(#99CC00)); /* for webkit browsers */
background: -moz-linear-gradient(top, #99CC00,  #99CC00);
color:#000000;
font-weight:bold;
display: block;
text-align:left;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 190px;
padding:8px 0;
padding-left: 5px;
text-decoration: none;
border-radius:5px;
transform: translate3d(0,0,0);
box-shadow: 0px 1px 5px #999999;
margin-bottom:10px;
}

.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color:#000000;
}

.applemenu div.selected a, .applemenu div.silverheader a:hover{

color:#000000;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
width:185px;
padding: 5px;
background:#FFFFFF;
margin:0 0 10px 0;
border-radius:5px;
height:auto;
display:inline-block;/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.list{
	padding-left:0px;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:15px;
	vertical-align:middle;
	width:170px;
	height:auto;
	display:inline-block;
	background-image:url(images/bullets.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom:1px #787878 dotted;
	font-size:12px; 
	text-align:left;
}
.list a{ color:#000;margin-left:0px; text-decoration:none;text-transform:uppercase; font-weight:bold;}
.list a:hover{color:#FF0000; text-decoration:none;}
.list a:active{color:#000; text-decoration:none;}
h3
{
font-size:13px;
}