/* --- G L O B A L --- */

body 			{ font-family: arial, helvetica, serif;	font-size: 80%;	margin: 0; background-image:url(../images/bggreen.jpg); background-repeat: repeat-x;background-color: #1C2329; }

img 			{ border:0; margin:0; padding:0; text-align:right; }
h2, h1 			{ font-size:1.5em; }
h3			{ color:#990000; padding:0;margin:0; font-size:1em; }
h4			{ font-size:14px}

/*--- Navigation --- */

#nav ul 		{ list-style: none;	padding: 0;	margin: 0;	font-size:11px;}
#nav li 		{ float: left; position: relative; width: 9em; text-align: center; cursor: default; font-size:11px;line-height:1.75em; list-style:none;}
#nav li#first 		{ border-left-width: 1em; }
#nav li#last 		{ border-right-width: 1em; }
#nav li ul 		{ top: auto;	left: auto; } 
#nav li li 		{ float: none; background-color: transparent; border: 0; } 
#nav a 			{ font-weight: bold; color: #ccc; text-decoration: none; }

.active_menu_item 	{ text-decoration: none;	font-weight: bold; color: red;}
#nav li li a 		{ display: block; font-weight: normal; color: #222; padding: 2px;}
#nav li li a:hover 	{ display: block; font-weight: normal; border-top: 1px dotted #666;border-bottom: 1px dotted #666;}
#nav li ul 		{ display: none;  position: absolute;	top: 100%;	left: 0; font-weight: normal; background-color: #fff;	opacity: .80;	padding: 0.2em 0 .5em 0; border-right: solid 1px #7d6340; border-left: solid 1px #7d6340; border-bottom: solid 1px #7d6340; }

#nav li:hover ul, #nav li.over ul 	{ display: block;	z-index:100;}


/*--- Header --- */

.header 		{ background-image:url(../images/logo_granitize.gif);background-repeat:no-repeat; height:96px; margin: 5px 0 1px 0; text-align:right;}
.header img		{ margin:10px 15px 0 15px;}
.headertext 		{ text-align:right; margin-top:-25px; font-size: 10px;}
.headertext a 		{ text-decoration:underline;	color: #000;}


/*--- Main --- */

#container 		{ margin: 0 auto; width:900px; }
#maincontent 		{ width: 900px;background-color:#000; }
#intro_text 		{ float:left; width:650px;color:#fff;padding:5px; }
#intro_text p		{ padding:0 5px;font-size:12px; }

#f_prods 		{ float:left; width:140px; color:#fff; padding:5px; text-align:left;}
#f_prods ul 		{ margin-top:5px; list-style:none;}
#f_prods li 		{ text-align:left; width:100%;	padding-bottom:1.2em;	line-height:1.2em;}
#newsletter 		{ float:left; width:120px; color:#fff; padding:5px;}
#newsletter ul 		{ margin-top:5px; list-style:none;}
#newsletter li 		{ text-align:left; width:100%;	padding-bottom:1.2em;	line-height:1.2em;}

.feat_text 		{ float:right; width:400px; margin:10px 15px;padding:5px; }
.feat_text img 		{ float:right;margin-top:-7px;margin-left:3px; }
.feat_text h1 		{ font-size:1.1em; color:#666; }
.feat_text p 		{ font-size:.9em;color:#666;padding:5px; }


/*--- Top menu bar ---*/

#dropdownmenu 		{ padding:0;	text-align:left; position:absolute;	margin:-10px 0 0 0;}
#menubar 		{ background-image:url(/images/menubg.jpg); background-repeat: repeat-x; height:27px; padding:5px 0 0 0; margin-bottom:0;	background-color:#000; text-transform:uppercase; }
.menutext 		{ float:right; width:250px; font-family: Helvetica; color: #ccc; font-size: 11px; font-weight:bold;}
.menutext table 	{ vertical-align:middle;}


/*--- News section on home pages ---*/

#news 			{ float:left; background-color:#000; padding:4px;}
#news th 		{ width:248px;	color:#990000;	font-size:12px;	font-weight:bold;	text-align:left;	padding-bottom:8px;}
#news td 		{ font-family:Geneva, Arial, Helvetica, sans-serif;	color:#fff;	font-size:11px;	font-weight:normal;	text-align:left;	line-height:1.2em; padding-left:8px; }
div.separator		{ float:left; width: 1px; margin:15px 10px 0 10px;	height: 87px; background-color:#fff;}
#news a 		{ color:#fff;	font-style:italic;	text-decoration:underline;}
#news ul 		{ list-style-image:url(/images/bulletpoint.png);	list-style-position:outside;}
#news li 		{ text-align:left; width:100%;	padding-bottom:1.2em;	line-height:1.2em;} 


/*--- Left menu ---*/
#leftmenu 		{ float:left; background-color: #000;	color:white;width:160px;text-align:left;text-indent:9px;padding-left:12px;	padding-top:20px;}
#leftmenu ul		{ font-size:11px;	margin: 0;}
#leftmenu li		{ font-size:11px;	border-width: 0; text-align:left; padding-left: 11px;	width:90%;}
#leftmenu.green a	{ font-size:11px;	color: #ccffff;	text-decoration:none;}
#leftmenu.blue a 	{ font-size:11px;	color: #ccccff;	text-decoration:none;}
#leftmenu li ul 	{ font-weight: normal;	background-color: #000000;	padding: 0;	border-right: 0; font-family:Verdana, Arial, Helvetica, sans-serif}
.menusubcat 		{ padding-top: 10px;	font-size: 11px;	border-bottom: 1px solid #ccffff;	margin-bottom:10px;	margin-right:21px;}
#bycategory 		{ position:relative; overflow:auto; height: 250px; width: 160px; }  
.bybrand		{ padding-left: 12px;	font-size:11px;	text-indent: 0;	font-family:Verdana, Arial, Helvetica, sans-serif;}


/*--- Main text, transparent band across main text ---*/
.mainimage 		{ background-image:url(/images/granitize_products.jpg);background-repeat:no-repeat;}
.maintext 		{ float:left; width:728px; color:#666; font-size:12px;background-color:#3e484d; background-image:url(/images/prod_bkg.gif);background-repeat:repeat-x;	height:500px;}

#prod_content 		{ float:right; background-image:url(/images/granitize_products.jpg);background-repeat:no-repeat;width:728px;height:365px;}
#new_prd 		{ background:#8fafae url(/images/prd_bkg_208_03.jpg) top left repeat-x;  height:525px; overflow:auto; padding:10px;width:880px;}
.product_instance 	{ float:left; font-family:Arial, Helvetica, sans-serif; margin:10px; clear:left; width:95%;}
.product_image 		{ float:left; margin:10px;}
.product_title 		{ font-size:14px;font-weight:bold;}
.product_text 		{ font-size:11px;padding:7px;}

#prd_list		{ background-image:url(/images/granitize_products_2.08_03.jpg);background-position:top left; background-repeat: no-repeat; height:525px; width:100%;}
#prd_list h1 		{ margin:0;padding:50px 0; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
#prd_list a 		{ color:#333; font-size:1.2em; font-weight:bold;}
#prd_list li 		{ padding: 5px;}
.prd_left 		{ float:left; width:400px; text-align:right;}
#prd_list ul		{ list-style:none;}
.prd_rt 		{ float:left;width:300px;text-align:right;}

.prodimage 		{ margin:35px 5px; float:right;	border:1px solid #666;}
.prodtext 		{ height:400px; margin-top:27px; margin-left:50px; width:400px; color:#666; font-size:12px; }
.prodtext h1 		{ font-size:1.5em;}
.prodcopy 		{ overflow:auto; position:relative; height:385px;}
.maintext h1 		{ font-size:14px; color:#333; padding-bottom:5px;}
div.morelink 		{ padding-top:0; margin-top:0;}

.transbandProduct 	{ position:absolute; top:430px; left:420px;	height: 50px;	width: 532px;	background-image:url(/images/transparent.png);	background-repeat:repeat-x;	color: #A20C29;	font-family:"Times New Roman", Times, serif; text-indent:96px;	line-height:2.8em;	font-style:italic;	font-size:18px;}
div.transbandHome 	{ height: 50px; background-image:url(/images/transparent.png); background-repeat:repeat-x; font-family:"Times New Roman", Times, serif;	text-indent:96px;	line-height:2.8em;	font-size:18px;}
.homepagelink 		{ color:#90b1b0;}


/*--- Style for product recommendations, signup, input field ---*/

.productrec 		{ width:728px;position:absolute; top:499px;clear:left; background-color:#3e484d; font-size:1.2em;color:#fff;	text-indent:10px;}
.productcaptions 	{ font-size: 11px; line-height:110%; color:#fff;}
#input 			{ text-align:left; padding:0; margin:0;}
#signup 		{ clear:left; background-color:#7A7F83; color:#fff; font-size:11px; text-align:right; padding:2px 5px 3px 0;}

/*--- Videos --- */

h2.videos		{ padding:60px 0 30px 25px; margin:0; text-shadow:#666 2px 2px 2px; font-size:1.65em; }
.videos			{ padding:15px 0 15px 25px; float:left; text-align:center; }
.videos img		{ padding:5px 10px; }
.videos label		{ padding:5px ; }

/*--- Footer format ---*/

#footer 		{ margin-bottom:15px;padding:3px; text-align:right; font-size:9px;	color:#666;}
#footer a 		{ font-size:9px; color:#666;}
img.about_bg 		{ width:900px; height:549px; z-index:-1;}
.about_content 		{ position:absolute;	padding-top: 35px;	margin-left: 20px;	padding-right: 20px;	width:580px;	text-align:left;}
.about_content img 	{ float:right; position:relative; bottom:91px; right:81px}
.about_break 		{ position:absolute;margin-top: 70px;	margin-left: 610px;	height:400px;	border-right: 1px solid #CCD;}
.about_right 		{ position:absolute;padding-top: 45px;      margin-left: 547px;width:300px;	text-align:center;}
.about_right img 	{ float:right;}


/*--- Thing for phil on the category page ---*/

span.popup_prd_list_title 					{ font-weight:bold;}
span.popup_prd_list_title div.popup_prd_list 			{ display: none;}
span.popup_prd_list_title:hover div.popup_prd_list 		{ display: block; z-index:20; margin:-5; font-size: 10px ;border: solid 1px #000}
.small_prd_rt 							{ float:left;width:230px;text-align:right;}
.small_prd_left 						{ float:left; width:230px; text-align:right;}


.popup_prd_list li {padding: 0px; font-size: 10px}


/*category pages */
.product_title {color:#000000; padding:0;margin:0; font-size:1em; display:inline; text-align:left;}
.product_fact_sheet { padding:0;margin:0; display:inline; text-align:right;}
.product_fact_sheet { padding:0;margin:0; display:block; }
/*
<span class="product_fact_sheet">{cms_doc var="prod_sheet_4" default=""}</span>

*/