@import url("cart.css");

/**********
RainWise styles
http://rainwise.com

Original 12.28.2005
Version 10.27.2006

Built by RainStorm Consulting
jason@rainstorminc.com

Please request permission prior to use.
**********/

/***********
1.0 Basic elements
**********/

body {
	margin: 0;
	padding: 0;
	background: #f0f3ed;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	color: #333;
	font-size: 80%;
	text-align: center;
}

a:link {
	color: #1f4fbc;
}

a:visited {
	color: #999;
}

a:active {
	color: #99cc33;
}

a:hover {
	color: #6699cc;
}

#container {
	width: 788px;
	margin: 0 auto;
	border-left: 1px solid #a7a2a2;
	border-right: 1px solid #a7a2a2;
	background: #fff;
	text-align: left;
}

/***********
2.0 Branding elements
**********/

	/*****
	2.1 Basic branding elements
	*****/

#branding-container {
	width: 100%;
	height: 125px;
	background: #fff url(../images/branding-container/banners/windlightning.jpg) top left no-repeat;
}

	/*****
	2.2 Logo elements
	*****/
	
#logo-position {
	display: none;
	position: relative;
	top: 35px;
	left: 10px;
	width: 252px;
	height: 50px;
}

	/*****
	2.3 Mainnav elements
	*****/
	
#mainnav-container {
	position: relative;
	top: 70px;
	left: 205px;
	width: 575px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(../images/mainnav/mainnav_bg.gif) top left no-repeat;
}

#mainnav {
	display: inline;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainnav li.item0 {
	display: inline; /* duplicated for IE 5/Win */
	width: 111px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(../images/mainnav/home.gif) top left no-repeat;
	list-style-type: none; /* duplicated for IE 5/Win */
}

#mainnav li.item1 {
	display: inline; /* duplicated for IE 5/Win */
	width: 113px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(../images/mainnav/products.gif) top left no-repeat;
	list-style-type: none; /* duplicated for IE 5/Win */
}

#mainnav li.item2 {
	display: inline; /* duplicated for IE 5/Win */
	width: 113px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(../images/mainnav/support.gif) top left no-repeat;
	list-style-type: none; /* duplicated for IE 5/Win */
}

#mainnav li.item3 {
	list-style-type: none; /* duplicated for IE 5/Win */
	width: 113px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(../images/mainnav/about.gif) top left no-repeat;
	display: inline; /* duplicated for IE 5/Win */
}

#mainnav li.item4 {
	display: inline; /* duplicated for IE 5/Win */
	width: 124px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(../images/mainnav/contact.gif) top left no-repeat;
	list-style-type: none; /* duplicated for IE 5/Win */
}

	/*****
	2.4 Other branding-level elements
	*****/
		
		/*Live weather*/

#liveweather {
	height: 22px; 
	margin: 0;
	padding: 4px 5px 0 0;
	border-bottom: 2px solid #fff;
	background: #008000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 110%;
	color: #fff;
	text-align: right;
	line-height: 90%;
}

#liveweather a {
	color: #f3f6bd;
	text-decoration: none;
}

#liveweather p {
	margin: 0;
	padding: 0;
	line-height: 90%;
}

#liveweather-table {
}

.lw-tableheading {
	padding: 3px 0 5px 3px;
	background: #669900;
	color: #fff;
}

.lw-tabledata {
	border-bottom: 1px solid #000;
}

	/* Shop context bar */
	
#shopcontext-bar {
	width: 768px;
	margin: 0;
	padding: 4px 10px 4px 10px;
	background: #dfefff;
	border-top: 1px solid #999;
	border-bottom: 2px solid #6699cc;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
}

#shopcontext-bar img {
	vertical-align: middle;
}

#shopcontext-bar a:link, #shopcontext-bar a:visited, #shopcontext-bar a:active {
	text-decoration: none;
}

#shopcontext-useractions {
	float: left;
	width: 390px;
}

#shopcontext-bar p {
	margin: 0;
	padding: 4px 0 4px 0;
	text-align: right;
	vertical-align: middle;
}

#shopcontext-search {
	float: left;
	width: 378px;
}

/***********
3.0 Content styles
**********/

	/*****
	3.1 Basic content elements
	*****/

#content-container {
	background: url(../images/content-container/content-container_bg.gif) top left no-repeat;
}

#liveweather-content-container {
}

#frontpage-content-container {
	background-color: #fff;
	background-image: none;
}

#contentarea {
	margin: 0 10px 0 215px;
	text-align: left;
}

#liveweather-contentarea {
	margin: 0 10px 0 0px;
	text-align: left;
}

#frontpage-contentarea {
	margin: 10px 10px 0 10px;
	text-align: left;
}

	/*****
	3.2 Frontpage elements
	*****/
	
#welcome-banner {
	width: 768px;
	padding: 10px 0 0 0;
	background: #f0f3ed url(../images/frontpage/alt_welcome-banner_bg.gif) top no-repeat;
}

#top-corners {
	width: 768px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: url(../images/frontpage/top-corners.gif) no-repeat;
}

#btm-corners {
	width: 768px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: url(../images/frontpage/btm-corners.gif) no-repeat;
}

.clearfix:after {
    content: "."; 
    clear: both; 
    visibility: hidden;
    display: block; 
    height: 0; 
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */

#industry-selector {
	float: left;
	width: 240px;
	margin: 0 10px 0 0;
	padding: 5px 10px 5px 10px;
}

#industry-selector ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#industry-selector li {
	margin: 0;
	padding: 0;
	list-style-type: none; /*Repeated for IE/5*/
}

#intro-text {
	_width: 468px; /* In use for IE/6 Win */
	padding: 10px;
}

#intro-text h1 {
	margin: 0;
	padding: 0;
	font-size: 115%;
	color: #008000;
	font-weight: bold;
}

#intro-text p {
	line-height: 150%;
}

	/* Frontpage elements container */
	
#frontpage-elements-container {
	width: 768px;
}

.frontpage-subelement-container-newsevents {
	width: 250px;
	height: 215px;
	margin: 0 15px 0 0;
	padding: 0;
	background: #dfefff url(../images/frontpage/elements-container/subelements-container_ne_bg) bottom no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	color: #333;
	font-weight: bold;
}

.frontpage-subelement-container-spotlight {
	width: 244px;
	height: 215px;
	margin: 0 15px 0 0;
	padding: 0;
	background: #f3f6bd url(../images/frontpage/elements-container/subelement-container_bg.gif) bottom no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	color: #333;
}

.frontpage-subelement-featuredprod {
	width: 244px;
	height: 215px;
	margin: 0;
	padding: 0;
	background: #f3f6bd url(../images/frontpage/elements-container/subelement-container_bg.gif) bottom no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	color: #333;
	font-weight: bold;
}

.frontpage-subelement-content {
	padding: 0 5px 15px 10px;
}

#frontpage-subelement-title-newsevents {
	width: 250px;
	height: 30px;
	background: url(../images/frontpage/elements-container/titles/fp-subelement-title-ne.gif) left no-repeat;
}

#frontpage-subelement-title-spotlight {
	width: 244px;
	height: 30px;
	background: url(../images/frontpage/elements-container/titles/fp-subelement-title-sl.gif) left no-repeat;
}

#frontpage-subelement-title-featuredprod {
	width: 244px;
	height: 30px;
	background: url(../images/frontpage/elements-container/titles/fp-subelement-title-fp.gif) left no-repeat;
}

#frontpage-subelement-title-newsevents span, #frontpage-subelement-title-spotlight span, #frontpage-subelement-title-featuredprod span {
	display: none;
}

.frontpage-news-arrow {
	color: #f4671b;
	font-size: 120%;
	font-weight: bold;
}

.frontpage-news-date {
	font-size: 80%;
	color: #999;
	font-weight: normal;
}

	/*****
	3.4 Various page elements
	*****/
	
	/* News elements */
	
.news-slug {
	width: 370px;
	border-bottom: 1px dotted #6699cc;
}

.news-article {
	border-bottom: 1px dotted #6699cc;
}

	/* Helper Item elements */
	
.helper-item {
	float: right;
	width: 165px;
	margin: 5px 0 10px 10px;
	padding: 0 5px 5px 5px;
	background: #fdfcf4 url(../images/graphics/helper-item_bg.gif) top repeat-x;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
}

.helper-item h3 {
	margin: 0;
	padding: 4px 0 2px 0;
	color: #669900;
	font-size: 150%;
}

.helper-item ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.helper-item li {
	margin: 0;
	padding: 3px 0 3px 15px;
	background: url(../images/graphics/plusicon.gif) left no-repeat;
	list-style-type: none;
	font-weight: bold;
}

	/*****
	3.5 Elements & subelements elements
	*****/
	
#elements-container {
	float: left;
	width: 195px;
	padding: 0 10px 0 10px;
}

	/*Subnav & subelement titles*/
	
#elements-container h3 {
	margin: 0;
	padding: 0;
}

#elements-container a:visited {
	color: #1f4fbc;
}
	
#subnav-title-products {
	width: 195px;
	height: 30px;
	background: url(../images/elements-container/titles/subnav-title-products.gif) left no-repeat;
}

#subnav-title-support {
	width: 195px;
	height: 30px;
	background: url(../images/elements-container/titles/subnav-title-support.gif) left no-repeat;
}

#subnav-title-about {
	width: 195px;
	height: 30px;
	background: url(../images/elements-container/titles/subnav-title-about.gif) left no-repeat;
}

#subnav-title-help {
	width: 195px;
	height: 30px;
	background: url(../images/elements-container/titles/subnav-title-help.gif) left no-repeat;
}

#subelement-title-spotlight {
	width: 195px;
	height: 30px;
	background: url(../images/elements-container/titles/subelement-title-spotlight.gif) left no-repeat;
}

#subelement-title-prodnav {
	width: 195px;
	height: 30px;
	background: url(../images/elements-container/titles/subelement-title-prodnav.gif) left no-repeat;
}

#subnav-title-products span, #subnav-title-support span, #subnav-title-about span,  #subelement-title-spotlight span, #subelement-title-prodnav span, #subnav-title-help span {
	display: none;
}

	/*Subelement elements*/

.subelement-container {
	margin: 0;
	padding: 0;
	background: #f3f6bd url(../images/elements-container/subelement-container_bg.gif) bottom no-repeat;
	font-family: Verdana, Arial, sans-serif;
	color: #1f4fbc;
	font-weight: bold;
}

.subelement-container-content {
	padding: 0 5px 15px 10px;
}

	/*****
	3.6 Subnav elements
	*****/

#subnav {
	margin: 10px 0 10px 0;
	padding: 0;
	background: #dfefff url(../images/elements-container/subnav_bg.gif) bottom no-repeat;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	color: #1f4fbc;
}

#subnav ul {
	margin: 0;
	padding: 0 0 25px 0;
	list-style-type: none;
	font-weight: bold;
}

#subnav li {
	margin: 0;
	padding: 4px 0 4px 10px;
	background: url(../images/elements-container/subnav-li_bg.gif) bottom no-repeat;
	list-style-type: none; /* duplicated for IE5/Win */
}

/***********
4.0 Supplemental nav elements
**********/

	/*****
	4.1 Basic supplemental nav elements
	*****/

#suppnav {
	margin: 0;
	padding: 10px 0 10px 10px;
	background: #008000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	color: #f3f6bd;
}

#suppnav ul {
	display: inline;
	overflow: hidden;
	margin: 0;
	padding: 0;
	_padding-left: 10px; /* fixes padding issue on IE5/Win */
	list-style: none;
}

#suppnav li {
	margin: 0;
	padding: 0;
	display: inline; /* duplicated for IE 5/Win */
	list-style-type: none; /* duplicated for IE 5/Win */
}

#suppnav p {
	_padding-left: 10px; /* fixes padding issue on IE5/Win */
}

address {
	margin: 10px 0 4px 0;
	padding: 0;
	color: #a0C8f1;
	font-style: normal;
	_padding: 5px 0 0 10px;
}

#suppnav a:link {
	color: #f3f6bd;
}

#suppnav img {
	vertical-align: middle;
}

/***********
5.0 Font elements
**********/

	/*****
	5.1 Headings
	*****/
	
/* Page titles */
h1 {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 205%;
	color: #008000;
	font-weight: normal;
}

/* Page subtitles */
h2 {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 140%;
	color: #1f4fbc;
}

/* Sidenav titles */
h3 {
	font-family: Arial, sans-serif;
	font-size: 120%;
	color: #1f4fbc;
}

/* Unused element */
h4 {
	margin: 5px 0 0 0;
	padding: 3px 0 3px 0;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 110%;
	color: #008000;
	font-weight: bold;
}

/* Unused element */
h5 {
}

/* Unused element */
h6 {
}

	/*****
	5.2 Etc. fonts
	*****/

.subcontent {
	font-size: 85%;
}

.supcontent {
	font-size: 110%;
}

/***********
6.0 Etc. elements
**********/

	/*****
	6.1 Basic etc. elements
	*****/

.hide {
	display: none;
	margin: 0;
	padding: 0;

}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.strong {
	font-weight: bold;
}

.right {
	text-align: right;
}

.img-right {
	float: right;
	margin: 0 0 5px 5px;
}

.img-left {
	float: left;
	margin: 0 5px 5px 0;
}

.center {
	text-align: center;
}

.middle {
	vertical-align: middle;
}

.alert {
	color: #ff0000;
	font-weight: bold;
}

.required {
	font-size: 160%;
	color: #2954a8;
	font-weight: bold;
}

.colored {
	background: #dfefff;
}

	/*Ordering info list styles */

.orderinfolist ol {
	list-style: decimal;
}

.orderinfolist li {
	list-style-type: decimal;
}

.orderinfoheading ol {
	list-style: decimal;
}

.orderinfoheading li {
	list-style-type: decimal;
	font-family: Arial, sans-serif;
	font-size: 115%;
	color: #1f4fbc;
	font-weight: bold;
}

.orderinfoheading li li, .orderinfoheading p {
	list-style-type: square;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 90%;
	color: #333;
	font-weight: normal;
}

/* Skip nav */

a.skipcontent:link, a.skipcontent:hover, a.skipcontent:visited  { 
	position: absolute; 
	color: #0099d8;
	left: 0px; 
	top: -500px; 
	width: 1px; 
	height: 1px; 
	overflow: hidden;
} 
  
a.skipcontent:active, a.skipcontent:focus { 
	color: #0099d8;
	font-size: 80%;
	position: static; 
	width: auto; 
	height: auto; 
}
 
/***********
7.0 Form elements
**********/

	/*Standard form elements*/
	
.explain {
	font-size: 75%;
}

.form-surround {
	width: 100%;
	margin: 0;
	padding: 0;
}

.standard_form {
	font-family: Verdana, Arial, sans-serif;
}

	/* Get password form */

#getpassword_form {
	width: 260px;
	padding: 10px;
	border: 0 !important;
	background: #fdfcf4 url(../images/graphics/helper-item_bg.gif) top repeat-x;
	font-family: Verdana, Arial, sans-serif;
}

	/* Shop login form */
	
#login_form fieldset {
	padding: 10px;
	border: 0 !important;
	background: #fdfcf4 url(../images/graphics/helper-item_bg.gif) top repeat-x;
	font-family: Verdana, Arial, sans-serif;
}

	/* Update email form */
	
#changeemail_form {
	width: 275px;
	padding: 10px;
	border: 0 !important;
	background: #fdfcf4 url(../images/graphics/helper-item_bg.gif) top repeat-x;
	font-family: Verdana, Arial, sans-serif;
}

	/* Shop create account form */
	
#account_form {
	padding: 10px;
	border: 0 !important;
	background: #fdfcf4 url(../images/graphics/helper-item_bg.gif) top repeat-x;
	font-family: Verdana, Arial, sans-serif;
}

#account_form fieldset {
	margin: 10px 0 0 0;
	padding: 15px;
	border: 1px solid #1f4fbc;
}

#account_form legend {
	margin: 0 0 5px 0;
	font-family: Arial, sans-serif;
	font-size: 130%;
	color: #1f4fbc;
	font-weight: bold;
}

#account_submit {
	padding: 0.5em;
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	background: #99cc33;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	color: #fff;
	font-weight: bold;
}

	/*Contact form elements*/

#contact_form fieldset {
	padding: 10px;
	border: 0 !important;
	background: #fdfcf4 url(../images/graphics/helper-item_bg.gif) top repeat-x;
	font-family: Verdana, Arial, sans-serif;
}

#contact_form textarea {
	width: 300px;
	height: 150px;
}

	/*Prod nav form*/
	
#prodnav_submit {
	padding: 0.1em;
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	background: #99cc33;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	color: #fff;
	font-weight: bold;
}

	/*Shopcontext-search form*/

#shopcontextsearch_form {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#shopcontextsearch_form input#shopcontext-q {
	width: 120px;
	/*height: 15px;*/
	margin: 0;
	padding: 2px 0 2px 0;
	border: 1px solid #999;
	background: #fff url(../images/graphics/shopcontext-q_bg.gif) bottom repeat-x;
	font-size: 80%;
	vertical-align: middle;
}

#shopcontext_submit {
	/*width: 30px;
	height: 25px;*/
	margin: 0;
	padding: 0;
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	background: #99cc33;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	color: #fff;
	font-weight: bold;
	line-height: 90%;
	vertical-align: middle;
}

	/*All form elements*/
	
label {
	color: #1f4fbc;
	font-weight: bold;
}

input, select, textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
	color: #333;
	font-weight: normal;
}

input#submit {
	padding: 0.5em;
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	background: #99cc33;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	color: #fff;
	font-weight: bold;
}

	/*****
	7.2 Related form elements
	*****/

.confirmbox {
	margin: 5px 0 5px 0;
	padding: 10px 10px 10px 65px;
	background: #eee url(../images/graphics/confirmbox_bg.gif) top left no-repeat;
	color: #ff0000;
}

.alertbox {
	margin: 5px 0 5px 0;
	padding: 10px 10px 10px 65px;
	background: #eee url(../images/graphics/alertbox_bg.gif) top left no-repeat;
	color: #ff0000;
}

.mini-alertbox {
	margin: 5px 0 5px 0;
	padding: 5px 10px 10px 35px;
	background: url(../images/graphics/minialertbox_bg.gif) top left no-repeat;
	color: #ff0000;
	font-style: italic;
}

/**********
green: 99cc33
blue: 1f4fbc
yellow: f3f6bd
lite blue: dfefff
**********/