﻿/* 	-------------------------------------------------------------- 
  
	Blueprint CSS Framework Screen Styles
	* Version:   0.6 (21.9.2007)
	* Website:   http://code.google.com/p/blueprintcss/
	See Readme file in this directory for further instructions.
   
	-------------------------------------------------------------- */

	@import 'lib/reset.css';
	@import 'lib/typography.css';
	@import 'lib/grid.css';
	@import 'lib/forms.css';

/*	.container { background: url(/sites/ViridianGlass/inc/css/lib/grid.png); }*/


/* 	-------------------------------------------------------------- 

	Viridian Custom CSS
		-> Extends Blueprint CSS base templates
		-> Add all custom CSS here to avoid issues when upgrading base template files
	
	Standard Colours:
		#2C933C		green

	-------------------------------------------------------------- */

/* 	-------------------------------------------------------------- 
		Extends standard styles
	-------------------------------------------------------------- */
body					{ margin-top: 0; }

h1,h2,h3,h4,h5,h6		{ color: #444; }

h1						{ font-size: 2em; line-height: 1.5; margin-bottom: 0.75em; }
h2						{ font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h3						{ font-size: 1.2em; line-height: 1.3; margin-bottom: 1.25em; }
h4						{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em; line-height: 1.55; }

p						{ margin-right: 10px; color: #555; }
p.intro					{ font-weight: bold; color: #666; }
li						{ color: #555; list-style-type: disc; }

.virb					{ background: transparent url("/img/common/icon_arrow_right.gif") no-repeat scroll -7px 0; width: 10px; white-space: pre; float: left; }
.highlight				{ background-color: #FFFF7F; }

p.caption_bottom		{ background: transparent url("/img/common/icon_arrow_up.gif") no-repeat scroll 6px 0; padding-left: 30px; font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.caption_right			{ font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.caption_right span	{ display: block; white-space: pre; float: left; background: transparent url("/img/common/icon_arrow_left.gif") no-repeat scroll 6px 1px; width: 20px; margin-left: -30px; }
img.caption_right		{ margin-right: 40px; float: left; }

.prod_head				{ height: 198px; }
.prod_head img			{ margin: 0; }
.prod_content			{ margin-top: 18px; }
.spacer					{ height: ;}

.prod_title				{ padding: 1.15em 5px .2em 10px; }
.prod_title h2			{ color: #fff; margin-top: .2em; }
.prod_detail			{ background-color: #E3E4E5; padding: 1.5em 5px 1.5em 10px; }
.prod_detail p			{ font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; clear: both; }
.prod_detail li			{ font-size: .8em; line-height: 1.875em; list-style-image: url("/img/common/icon_diamond.gif"); }
.prod_detail p strong	{ border-bottom: 1px solid #fff; display: block; margin-top: -1px; }

.icon					{ float: left; margin: 0 10px 1.8em 0; }

/* 	-------------------------------------------------------------- 
		Product category colours
	-------------------------------------------------------------- */

.v_generic				{ background-color: #7EBD80; }
.v_energy				{ background-color: #D7D478; }
.v_noise				{ background-color: #5E9EC8; }
.v_fire					{ background-color: #C66F6F; }
.v_structure			{ background-color: #AAAFB5; }
.v_security				{ background-color: #C89E63; }
.v_decorative			{ background-color: #F8BB72; }
.v_storm				{ background-color: #D2CCC5; }

/* 	-------------------------------------------------------------- 
		Navigation / Links
	-------------------------------------------------------------- */

.nav_main ul 			{ margin: 0; padding: 0; }
.nav_main ul li			{ list-style-type: none; float: left; margin-top: 2em; padding: 0 15px; border-right: 1px solid #bebebe; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.15em; font-family: Helvetica; }
.nav_main ul li.navlast	{ border: none; }
.nav_main ul.sec		{ clear: both; }
.nav_main ul.sec li 	{ margin-top: 0; padding: 1em 15px 0 15px; font-size: 1em; margin-bottom: 0; font-family: Helvetica; border: none; }
.nav_main a				{ color: #666; text-decoration: none; }
.nav_main a:hover		{ color: #2C933C; }

.nav_main ul.myvir li	{ padding-right: 0; border: none; }

.nav_lhs ul 			{ margin: 0; padding: 1.5em 0 0 0; }
.nav_lhs ul li			{ list-style-type: none; font-family: Helvetica; }
.nav_lhs ul li ul		{ margin-left: 10px; margin-top: -1.5em; }
.nav_lhs a				{ color: #666; text-decoration: none; }
.nav_lhs a:hover		{ color: #2C933C; }

.nav_lhs .lhs1			{ margin-top: 3em;}

a						{ color: #666; }
a:hover					{ color: #2C933C; }
a.selected, .selected	{ color: #2C933C; font-weight: bold; }

.footer					{ margin-top: 1.5em; background-color: #2C933C; height: 30px; }
.footer ul 				{ margin: 0; padding: 0; float: right; }
.footer ul li			{ list-style-type: none; float: left; padding: 8px 15px 0 0; font-size: .9em; font-family: Helvetica; }
.footer a				{ color: #fff; text-decoration: none; }

.footer a:hover			{ text-decoration: underline; color: #fff; }
/*
.footer a:hover			{ text-decoration: underline; }
*/
.abn p					{ color: #999; font-size: .9em; float: right; margin: 6px 40px 0 0; } 

.footer a img			{ margin: 0; }
.footer .sform			{ display: inline; float: left; }
/*
.footer form			{ display: inline; float: left; }
*/
.footer input.img 		{ margin: 6px 0 0 10px; }
.footer img.img 		{ margin: 6px 0 0 10px; }

.footer input.txt		{ width: 155px; margin: 6px 0 0 40px; font-size: 9px; line-height: 11px; padding: 2px; color: #666; float: left; }
.footer input.txt		{ border: 1px solid #bbb; background: #ebebeb; }
.footer input.txt:focus	{ border: 1px solid #999; background: #fff; }

dl.glossary dt 			{ font-weight: bold; }
dl.glossary dd 			{ margin: 0 10px 0 40px; }

p { margin-right: 20px; }
.small { margin-left: 0; margin-right: 0; }
table td span { display: block; }
ul.small { margin: 0 1.5em 1.5em 1.75em; }
sup { line-height: 0; }

