body 
{
  background-color: #2a2a2a;
}

h1, h2, h3, h4, h5, h6
{
  font-family: 'Droid Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

input, select
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  line-height: 1.3em;
}

label 
{
  display: block;
  margin-bottom: 5px;
}

label.inline
{
  display: inline !important;
}

a, a:visited, a:link
{
  color: #336699;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

blockquote
{
  background: transparent url(../images/quote.png) no-repeat scroll 0px 0px;
  color: #a6a6a6;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 13px;
  line-height: 24px;
  padding: 5px 5px 20px 5px;
  
}

blockquote cite
{
  display: block;
  color: #666666;
  font-size: 12px;
  font-style: italic;
}

#header
{
  color: #fefefe;
  height: 100px;
  background: #2a2a2a url(../images/feature_bg.png) no-repeat center 1px;
  border-top: solid 10px #f07e01;
}

#header .inner
{
  height: 100%;
}

#header #logo
{
  position: absolute;
  width: 100px;
  top: 10px;
  left: 10px;
}

#header #nav
{
  position: absolute;
  height: 40px;
  bottom: 5px;
  right: -5px;
}

#header #nav ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  clear: both;
}

#header #nav ul li
{
  margin: 0px;
  float: left;
}

#header #nav ul li a
{
  font-family: 'Droid Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #fefefe;
  font-weight:bold;
  text-transform: uppercase;
  text-decoration: none;
  display:block;
  height: 25px;
  padding: 5px 15px;
  text-shadow: 1px 1px 2px #000000;
  -moz-text-shadow: 1px 1px 2px #000000;
  -webkit-text-shadow: 1px 1px 2px #000000;
}

#header #nav ul li a:hover, #header #nav ul li a:active, #header #nav ul li a.selected
{
  background: url('../images/menu_hover.png') no-repeat bottom center;
  /*color: #fdad4e;*/
}

#header #nav ul li a:hover, #header #nav ul li a:active
{
  color: #fdad4e;
}

#header #login 
{
  font-size: 14px;
  position: absolute;
  top: 15px;
  right: 10px;
  height: 30px;
  color: #fefefe;
}
#header #login a
{
  margin-left: 10px;
  color: #fdad4e;
}

#header #login a.button
{
  margin-right: 10px;
  padding: 2px 10px;
}

#content
{
  min-height: 450px;
  padding: 20px 0px;
  background: #fefefe url(../images/page_top_line.png) repeat-x center top;
}
#content #cart 
{
  position: absolute;
  top: 0px;
  right: 10px;
  height: 30px;
}

#content #cart a
{
  color: #464646;
  display: block;
  padding: 0px 0px 0px 25px;
  background: url(../images/cart.png) no-repeat center left;
}

#footer
{
  padding: 0px 0px 20px 0px;
  color: #fefefe;
  background: url(../images/footer.png) no-repeat center center;
}

#footer a
{
  color: #fefefe;
}

#footer ul li
{
  list-style: none;
  margin: 0px;
  padding: 0px;
 
}

#footer ul li a
{
  border-bottom: dotted 1px #666666;
  display: block;
  margin: 0px 10px 10px 0px;
  padding: 0px 0px 3px 5px;
}

#footer ul li ul
{  
  margin: 0px 0px 0px 10px;
}

#footer ul li ul li
{
  width: auto;
  float: left;
}

#footer ul li ul li a
{  
  border: none;
}

#footer h5
{
  text-transform:uppercase;
  font-weight: bold;
  color: #fdad4e;
  font-size: 15px;
  text-shadow: 1px 1px 2px #000000;
  -moz-text-shadow: 1px 1px 2px #000000;
  -webkit-text-shadow: 1px 1px 2px #000000;
  margin-top: 10px;
}
.fb
{
	margin-top:15px;
	margin-bottom:15px;
	background:#212121 url('../images/dark_grad_bg.png') repeat-x top left;
	padding:20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.fb ul
{
  list-style: none;
  color: #dedede;
	margin:0px;
	padding: 0px;
}
.fb ul li
{
  margin: 0px 0px 10px 5px;
  padding: 0px 0px 0px 22px;
  background: url('../images/checkbox_checked.png') no-repeat top left;
}
.fb h2
{
  font-size:24px;
  color:#fff;
  margin-bottom:10px;
  font-weight: bold; 
}
.fb h3
{
  font-size:20px;
  color:#f07e01;
  margin-bottom:10px;
  line-height:28px;
}
.fb h4
{
  color: #dedede;
	margin-bottom:10px;
	font-weight: normal;
}
.fb img
{
  margin-bottom: 20px;
}
.demo
{
  background: url('../images/demo_bg.jpg') no-repeat top center;
  height: 30px;
  padding-top: 200px;
  text-align: center;
  margin: 30px 0px;
}
.demo .button
{
	height:40px;
	padding:10px 15px 10px 15px;
}
.prodLogo
{
  margin-bottom: 15px;
}
.prodLogo div
{
  width: 50%;
  float: left;
  font-size: 11px;
  line-height: 14px;
}

.pagetitle
{
  border-bottom: solid 1px #eee;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 10px 0px;
}

.pagetitle img
{
  padding-right: 30px;
  border-right: dotted 1px #eee;
}

.pagetitle h1
{
	color: #f07e01;
  line-height: 30px;
  margin-bottom: 0px;
}

.sidebar
{
  float: left;
}

.sidebar_top
{
  height: 50px;
  background: url('../images/sidebar_top.png') no-repeat bottom left;
}

.sidebar_content
{
  padding: 0px 0px 5px 20px;
  background: url('../images/sidebar_cont.png') repeat-y center left;
}

.sidebar_content h5
{
  border-bottom: dotted 1px #dedede;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 15px 0px;
}

.sidebar_bot
{
  height: 50px;
  background: url('../images/sidebar_bot.png') no-repeat top left;
}

.banner
{
  display: block;
  padding: 5px 0px 5px 0px;
}

.banner:hover
{
  padding: 0px 0px 10px 0px;
}

.inner
{
  position: relative;
  margin: 0px auto;
  width: 960px;
}

.top_shadow
{
  height: 10px;
  background: url(../images/feature_t_shadow.png) repeat-x center top;
}

.bot_shadow
{
  height: 10px;
  background: url(../images/feature_b_shadow.png) repeat-x center bottom;
}

.content 
{
  margin: 20px 0px;
}

.feature
{
  /*background: url("../images/feature_bg.png") no-repeat scroll 50% 0 transparent;*/
  background-color: #f07e01;
}

.feature h2
{
  color: #fefefe;
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
  font-weight: normal;
}

.feature h2 span
{
  font-style: italic;
}

.imgblock img 
{
  float: left;
}

.block
{
  margin: 0px 0px 10px 10px;
  padding: 0px 9px 0px 0px;
  color: #a6a6a6;
  border-right: dotted 1px #dedede;
}

.grid_9 .block
{
  margin: 0px 0px 0px 0px;
  padding: 0px 49px 0px 0px;
}

.block.last
{
  margin: 0px 10px 0px 10px;
  padding: 0px 0px 0px 0px;
  border-right: none;
}

.grid_9 .block.last
{
  margin: 0px 0px 0px 50px;
}

.block h1
{
  line-height: 30px;
}

.block h1 span
{
  color: #464646;
}

.block h3.title
{
  color: #464646;
  font-size: 18px;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#overview
{
  margin: 10px auto 20px auto;
  width: 960px;
  height: 360px;
  background: url('../images/overview_hero.jpg') no-repeat bottom center;
}
#overview_inner
{
  padding: 15px 0px 0px 10px; 
  width: 560px;
}
#overview h1
{
  line-height: 100%;
  font-size: 36px;
  font-weight: bold;
  color: #f07e01;
  text-shadow: #999 1px 1px 2px;
  -webkit-text-shadow: #999 1px 1px 2px;
  -moz-text-shadow: #999 1px 1px 2px;
}

#overview h2
{
  color: #555;
  font-size: 24px;
  font-weight:bold;
  margin-bottom: 30px;
}
#overview h3
{
  font-size: 24px;
  font-weight:normal;
	line-height:32px;
  color:#999;
}
#overview h3 span
{
  color:#555;
}
#overview .button
{
  padding: 10px 15px 10px 15px;
}

.pagination 
{
  position: absolute;
  left: 425px;
  bottom: 25px;
	margin: 0px auto;
	width: 110px;
	z-index: 9999;
}

.pagination li 
{
  list-style: none;
	float:left;
	margin:0;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top: 12px;
	background-image:url(../images/pagination.png);
	background-repeat: no-repeat;
	background-position:0 0;
	overflow:hidden;
	margin: 0px 5px;
}

.pagination li.current a {
	background-position:0 -12px;
}

.breadcrumb
{
  color: #999999;
  font-size: 11px;
  margin: 0px 10px 20px 10px;
}

.breadcrumb a
{
  color: #999999;
  text-decoration: none;
}

.breadcrumb a:hover
{
  color: #336699;
  text-decoration: underline;
}

.hr
{
  height: 0px;
  border-top: dotted 1px #dedede;
  margin: 0px 0px;
}

.brand
{
  list-style: none;
  margin: 0px 60px;
  padding: 0px; 
  clear: both;
  height: 22px;
}

.brand li
{
  margin: 0px 46px;
  padding: 0px;
  float: left; 
}

.brand li a
{
  background-image: url('../images/brands_small.png');
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  width: 75px;
  height: 22.5px;
}

.brand li#a a
{
  background-position: -225px -22px;
}

.brand li#a a:hover, .brand li#a a.selected
{
  background-position: -225px 1px;
}

.brand li#f a
{
  background-position: -75px -22px;
}

.brand li#f a:hover, .brand li#f a.selected
{
  background-position: -75px 1px;
}

.brand li#d a
{
  background-position: -300px -22px;
}

.brand li#d a:hover, .brand li#d a.selected
{
  background-position: -300px 1px;
}

.brand li#l a
{
  background-position: -150px -22px;
}

.brand li#l a:hover, .brand li#l a.selected
{
  background-position: -150px 1px;
}

.brand li#e a
{
  background-position: 0px -22px;
}

.brand li#e a:hover, .brand li#e a.selected
{
  background-position: 0px 1px;
}

.contact
{
  
}

.contact div
{
  margin-bottom: 20px;
}

.module
{
  margin: 40px 0px;
}
.module h4
{
  margin-bottom: 15px;
}

.module.a
{
  margin-top: 30px;
}

.icon
{
  padding: 0px 0px 0px 24px;
  margin: 0px 0px 5px 0px;
}

.icon.phone
{
  background: url('../images/phone.png') no-repeat center left;
}

.icon.email
{
  background: url('../images/email.png') no-repeat center left;
}

.icon.email a
{
  color: #2a2a2a;
}

.icon.address
{
  background: url('../images/push-pin.png') no-repeat center left;
}

.icon.phonewh
{
  background: url('../images/phone-wh.png') no-repeat center left;
}

.icon.emailwh
{
  background: url('../images/email-wh.png') no-repeat center left;
}

.icon.emailwh a
{
  color: #ffffff;
}

.icon.addresswh
{
  background: url('../images/push-pin-wh.png') no-repeat center left;
}

.products
{
  margin: 10px 0px;
}

.products .product
{
  border: 1px solid #efefef;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px;
}

.products .image img
{
  width: 200px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.products .name
{
  color: #777;
  font-weight:bold;
  margin-top:8px;
}

.products .summary
{
  color: #777;
  font-size:12px;
  margin-bottom:8px;
}

.products .price
{
  width: 40%;
  float: left;
  font-weight: bold;
  font-size: 24px;
  padding-top: 10px;
}

.products .normally
{
  color: #777;
  font-size:16px;
  height:18px;
  margin-bottom:5px;
}

.products .special
{
	background-color:#666;
	padding:2px;
  color: #fff;
  font-size:12px;
  font-weight:bold;
  height:18px;
  margin-top:12px;
}

.products .view
{
  width: 60%;
  float: left;
  text-align: right;
  padding-top: 10px;
}

.products .view .button
{
  padding: 5px 10px 5px 10px;
}

.products .view .link
{
  color: #464646;
}

.productdetail
{
  margin: 20px 0px;
}

.productdetail .description
{
  color: #999999;
  font-size: 0.8em;
}

.productdetail .price
{
  font-weight: bold;
  font-size: 1.1em;
  padding-top: 10px;
}

.productdetail .view
{
  padding-top: 10px;
}

#installers
{
  margin-top: 10px;
  min-height: 400px;
}

#installers.loading
{
  background: url('../images/loading.gif') no-repeat center center;
}

#installers div
{
  cursor: pointer;
  padding: 10px;
  border-bottom: dotted 1px #dedede;
  margin-bottom: 10px;
}

#installers div:hover, #installers div.selected
{
  background-color: #efefef;
}

#installers div span
{
  display: block
}

#installers div span.name
{
  font-weight: bold;
}

#installers div span.location
{
}

#installers div span.phone
{
}

.installersearch
{
  background-color: #212121;
  height: 30px;
  padding: 10px 10px 10px 10px;
  margin-top: 10px;
}

.installersearch input
{
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  border: solid 1px #dedede;
  padding: 5px 5px;
  margin-right: 15px;
  width: 560px;
}

.installersearch .button
{
  padding: 7px 20px;
}

.cartContinue
{
  color: #464646 !important;
  padding-left: 20px;
  background: url('../images/round_arrow_left.png') no-repeat center left;
}

.cartCheckout
{
  padding-right: 20px;
  background: url('../images/round_arrow_right.png') no-repeat center right;
}

.cart
{
  padding: 20px 0px 20px 0px;
}

.cart table
{
  margin:0px;
  width: 100%;
}

.cart table tr
{
  display: block;
  border-bottom: dotted 1px #dedede;
}

.cart table td
{
  margin: 0px;
  padding: 5px;
  vertical-align: top;
}

.cart table th
{
  padding: 5px;
  text-align: left;
  font-weight: normal;
  color: #aaaaaa;
}

.cart table td
{
  width: 580px;
}

.cart table td.image
{
	vertical-align:middle;
  width: 120px;
}

.cart table td .description
{
  color: #999999;
  font-size: 10px;
}
.cart table td .description p
{
  margin-bottom: 5px;
}

.cart table td .description strong
{
  font-weight: normal;
}

.cart table td .symbol
{
  padding: 0px 0px 0px 8px;
  margin: -5px 0px 0px 0px;
  text-align: right;
  color: #dedede;
  font-size: 10px;
  font-weight: bold;
}

.cart table td.price
{
  text-align: right;
  width: 70px;
}

.cart table td.qty
{
  width: 60px;
}

.cart table td.qty input
{
  margin: 0px;
  width: 30px;
  text-align: center;
  border: solid 1px #efefef;
}

.cart table td.total
{
  text-align: right;
  width: 85px;
}

.cart table th.image
{
  width: 120px;
}

.cart table th.description
{
  width: 580px;
}

.cart table th.price
{
  text-align: center;
  width: 60px;
}

.cart table th.qty
{
  text-align: center;
  width: 50px;
}

.cart table th.total
{
  text-align: right;
  width: 80px;
}

.cart .remove
{
  margin: 20px 0px 5px 0px;
}
.cart .remove a
{
  color: #464646 !important;
  cursor: pointer;
  background: url('../images/delete_12.png') no-repeat center left;
  font-size: 12px;
  padding: 1px 0px 0px 16px;
}

.total table
{
  width: 100%;
}

.total table td
{
  margin: 0px;
  padding: 5px;
}

.total table td.title
{
	text-align:right;
  font-weight: bold;
  width: 130px;
}

.total table td.value
{
	text-align:right;
  width: 80px;
}
.total .update
{
  cursor: pointer;
  color: #464646;
  padding-left: 20px;
  background: url('../images/reload.png') no-repeat center left;
}

.checkout
{
  margin: 10px 0px 30px 0px;
}

.checkout .hr
{
  margin-bottom: 5px;
}
.checkout table
{
  width: 100%;
  border-collapse: collapse;
}
.checkout table td
{
  padding: 5px;
}

.checkoutCart
{
  padding: 0px 0px 10px 0px;
}

.hidden
{
  display: none;
  visibility: hidden;
}

.notification {
background-position:6px 6px !important;
background-repeat:no-repeat !important;
border:1px solid;
font-size:13px;
margin:0 0 15px;
padding:0;
position:relative;
/*width:99.8%;*/
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.notification a {
  color:#464646;
}
.input-notification {
background-color:transparent;
background-position:left 2px;
background-repeat:no-repeat;
margin:0 0 0 5px;
padding:2px 0 2px 22px;
}
.notification div {
display:block;
font-style:normal;
line-height:1.5em;
padding:4px 10px 4px 28px;
border-top: solid 1px #ffffff;
border-left: solid 1px #ffffff;
border-bottom: solid 1px #efefef;
border-right: solid 1px #efefef;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.attention {
background:#FFFBCC url(../images/warning.png) no-repeat scroll 10px 11px;
border-color:#E6DB55;
color:#666452;
}

.success {
background:#D5FFCE url(../images/check.png) repeat scroll 0 0;
border-color:#9ADF8F; 
color:#556652;
}
.error {
background:#FFCECE url(../images/error.png) repeat scroll 0 0;
border-color:#DF8F8F;
color:#665252;
}
.error div {
  border-top-color: #fee5e5;
  border-left-color: #fee5e5;
  border-bottom-color: #feb8b8;
  border-right-color: #feb8b8;
}
.information {
background:#DBE3FF url(../images/information.png) repeat scroll 0 0;
border-color:#A2B4EE;
color:#585B66;
}

	/* stylish buttons with rounded corners */
.button {border: 1px solid #823809; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #a4521f url("../images/button.gif") repeat-x; padding: 5px 12px; text-shadow: #5D0101 1px 1px 0; box-shadow: #262626 1px 1px 2px; -webkit-box-shadow: #262626 1px 1px 2px; color: #fff !important; cursor: pointer;}
#content .button {box-shadow: none; -webkit-box-shadow: none;}
	.button:hover,
	.button:focus,
	.button:active {border-color: #161616; background: #464646 url("../images/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff !important;text-decoration: none !important;}
	
	.altbutton {border: 1px solid #161616; background: #464646 url("../images/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;}
	.altbutton:hover,
	.altbutton:focus,
	.altbutton:active {border-color: #823809; background: #a4521f url("../images/button.gif") repeat-x; text-shadow: #5D0101 1px 1px 0; color: #fff !important; text-decoration: none !important;}