@charset "utf-8";
/* CSS Document */
/*
*file: styles.css
*Website: http://www.ledlightsinc.com 
*Author: Lloyd Solares
*URL: http://ms-designstudios.com
*Copyright (c) 2010  All right reserved.
*/ 

/*general styles*/
div, p, span, ul, li, img, h1, h2, h3, h4 {padding:0; margin:0; border:0}
body {padding:0; margin:0; background:#e6e7e7 url(../images/bg.jpg) top left repeat-x; color:#31373d; font:normal 9pt 'arial'; line-height:1.6em}
h1 {color:#e6e7e7; font:normal 17pt 'Arial';}
h2 {color:#082c4d; font: normal 13pt 'arial'; text-transform:uppercase; border-bottom:2px solid #082c4d}
h3 {color:#082c4d; font: normal 11pt 'arial'; text-transform:uppercase; font-weight:bold}
.txtReplace {text-indent:-9999px; height:0px; width:0px;}
.big {font-size:9pt; font-weight:bold}
.txtBox {color:#31373d; font:normal 8pt 'arial'; height:18px; }
.inputBox {color:#31373d; font:normal 8pt 'arial'; height:15px; }
td button {background:none; height:20px; border:none; vertical-align:bottom; width:auto; cursor:pointer;}

/*main containers*/
#wraper {width:100%; margin:0px auto; display:table; background:url(../images/top_bg.jpg) top center no-repeat}
#header {width:1000px; margin:0px auto; height:170px; display:block}
#mid1, #mid2, #foot {width:1000px; margin:0px auto; display:block; clear:both}

/*header styles and top nav styles*/
.logo {display:block; float:left; margin:10px 0 0 15px; width:300px; height:170px;}
.headright {display:block; float:left; width:685px; height:170px;}
.cacct {display:block; float:left; margin:10px 0 0 0; padding-left:325px; width:350px; height:px; font:bold 9px verdana; color:#789db9}
.cacct img {cursor:pointer; margin-left:15px; vertical-align:bottom}
.search {float:right; padding-right:24px; width:auto; margin-top:26px; height:25px;}
.search input {background:url(../images/search_bg.gif) top left no-repeat; color:#082c4d; font-size:9.25pt; padding-top:3px; float:left; text-indent:24px; height:22px; border:none}
.search button {background:none; height:24px; border:none; width:35px;; float:left; cursor:pointer;}
.search button img {margin-top:-1px; float:left; margin-left:-2px}
.topnav {display:block; float:left; width:685px; margin-top:-24px;}
.topnav ul {list-style:none;}
.topnav ul li, .topnav ul li a {display:inline; text-decoration:none; text-align:center; font:bold 7.5pt 'arial'; letter-spacing:.2pt; text-transform:uppercase; color:#fff; padding:0 5px 0 5px;}
.topnav ul li a:hover, .topnav ul li.current a {color:#56fdfd; text-decoration:overline}
/*.topnav ul li.space {display:block; float:left; width:16px; height:15px;}*/

/*mid1 left styles*/
.midLeft {display:block; float:left; width:290px; padding-left:10px; margin-top:5px;}
.contact_info {color:#000; font:bold 11px 'verdana'; display:block; height:25px; margin-bottom:15px; width:inherit; background:url(../images/phone.png) no-repeat}
.textBlock {float:left; width:282px; margin-top:5px; height:400px;}
.textBlock p {color:#e6e7e7; line-height:1.15em; text-align:left; font-size:9pt; margin-top:14px;margin-bottom:14px; margin-right:32px;}
.textBlock p a {color:#b0cce6; font-size:11px; text-decoration:underline; line-height:1.0em}
.textBlock p span {float:right;}
.textBlock p img {margin-top:-40px;}
.cta {display:block; float:left; margin:30px 0 0 22px;}
.chat {display:block; float:left; margin-top:14px;}

/*mid1 right styles*/
.midRight {display:block; float:left; width:660px; margin-top:32px;}
.midnav {float:left; display:block; height:50px; width:660px;}
.c1 {float:left; display:block; height:50px; width:660px; margin-top:16px; background:url(../images/curve1.jpg) top left no-repeat}
.c2 {float:left; display:block; height:50px; width:660px; background:#e6e7e7 url(../images/curve2.jpg) top right no-repeat}
.c2-b {float:left; display:block; height:34px; padding-top:15px; width:660px; background:url(../images/curve1.jpg) top left no-repeat}
.c2 a {text-align:center; text-decoration:none; color:#393c3e; text-transform:uppercase; font-weight:bold; font-size:8pt; padding:0 12px 0 16px}
.c2 img {padding-right:4px;}

/*mid2 left styles*/
/*#mid2 .midLeft {margin-top:26px;}
#mid2 .midRight {margin:30px 0 0 30px; width:610px; text-align:justify}*/
.midRight2 {margin:0 0 0 30px; width:610px; text-align:justify}
 #nLet, #mLib {display:block; width:290px; padding:0 5px 30px 0; background:url(../images/shadow.jpg) bottom right no-repeat}
#pMtd {display:block; width:290px; padding:0 5px 30px 0;}
.newsHead {background:url(../images/latest_news.jpg) no-repeat; float:left; width:250px; height:18px;}
.nLetHead {background:url(../images/newsletter.jpg) no-repeat; float:left; width:250px; margin-top:20px; height:18px;}
.mLibHead {background:url(../images/media_lib.jpg) no-repeat; float:left; width:250px; height:18px; margin-top:20px;}
#news ul, #mLib ul {list-style-image:url(../images/arrow.jpg); clear:both; list-style-position:inside; padding-top:10px;}
#news ul li, #news ul li a, #mLib ul li, #mLib ul li a {font-size:8pt; text-decoration:none; color:#31373d; padding-bottom:10px;}
#news ul li a:hover, #mLib ul li a:hover {text-decoration:underline}
#nLet b {color:#31373d; text-transform:uppercase}
#nLet form {margin:12px;}
#nLet input {height:17px; background-color:#fff; border:none;}
#nLet button {background:none; border:none; vertical-align:middle; cursor:pointer}
#nLet input.radio {vertical-align:bottom; background:none;}
.products {float:left; display:block; width:620px;}
/*.products img {padding-bottom:6px;}
.products span {float:left; padding:10px 30px 0 40px; text-align:center;}*/
.products span a {text-align:center; text-decoration:none; color:#31373d; font-size:7pt;}
abbr a{text-decoration:underline; color:#77613c}

/*footer styles*/
#footer {background:#838383 url(../images/line.jpg) top left repeat-x; width:100%; margin:0px auto; clear:both; height:120px; padding-top:20px; margin-top:40px;}
.credits {float:left; width:auto; font:bold 7pt 'arial'; color:#e6e7e7; line-height:1.25em}
.credits a{font:bold 7pt 'arial'; text-decoration:none; color:#e6e7e7; line-height:1.25em}
.footLinks a {font:bold 7pt 'arial'; text-decoration:none; color:#e6e7e7; line-height:1.25em; padding:0 12px 0 12px}
.credits a:hover, .footLinks a:hover {text-decoration:underline; color:#000}
.footLinks {float:right; width:auto; font:bold 7pt 'arial'; color:#e6e7e7; line-height:1.25em}
.minilogo {display:block; width:auto; height:60px; float:right; margin-top:20px}
.minilogo img {padding-right:5px}

/*inner page styles*/
.inner_body {padding:0; margin:0; background:#e6e7e7 url(../images/bg2.jpg) top left repeat-x; color:#31373d; font:normal 8pt 'arial'; line-height:1.6em}
#inner_wraper {width:100%; margin:0px auto; display:table; background:url(../images/inner_bg.jpg) top center repeat-y}
#inner {width:100%; margin:0px auto; display:table; background:url(../images/top-inner_bg.jpg) top center no-repeat;}
.inner_topnav {display:block; float:left; margin:5px 0 0 50px; width:auto;}
.inner_topnav ul {list-style:none;}
.inner_topnav ul li, .inner_topnav ul li a {display:block; width:auto; text-decoration:none; text-align:center; float:left; height:15px; font:bold 7.5pt 'arial'; letter-spacing:.25pt; text-transform:uppercase; color:#353636}
.inner_topnav ul li a:hover, .inner_topnav ul li.current a {color:#082c4d; text-decoration:overline}
.inner_topnav ul li.space {display:block; float:left; width:18px; height:15px;}
#inner_mid {clear:both; display:table; width:1000px; margin:0px auto;}
.inner_midLeft {display:block; float:left; width:280px; padding-left:40px; /*background:url(../images/innerLeft_bg.jpg) repeat-y*/}
.inner_line {display:block; float:left; width:283px; height:3px; background:url(../images/line2.jpg) repeat-x; margin-left:-39px}
.inner_cacct {display:block; float:right; margin:5px 20px 0 0; width:auto; height:20px; font:bold 9px verdana; color:#646464}
.inner_cacct img {cursor:pointer; margin-left:15px; vertical-align:bottom}
.leftnav {float:left; width:260px; margin-top:20px; display:block; padding-bottom:14px;}
.maincat {margin-bottom:10px}
.maincat a{color:#f5f6f6; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:9pt;}
.maincat img {padding-right:4px}
.maincat1 a{display:block; float:left; width:282px; height:28px; background:url(../images/navsprite.png) 0 0}
.maincat2 a{display:block; float:left; width:282px; height:29px; background:url(../images/navsprite.png) 0 -28px}
.maincat3 a{display:block; float:left; width:282px; height:29px; background:url(../images/navsprite.png) 0 -57px}
.maincat4 a{display:block; float:left; width:282px; height:29px; background:url(../images/navsprite.png) 0 -86px}
.maincat1 a:hover {background:url(../images/navsprite.png) 0 -116px;}
.maincat2 a:hover {background:url(../images/navsprite.png) 0 -144px;}
.maincat3 a:hover {background:url(../images/navsprite.png) 0 -173px;}
.maincat4 a:hover {background:url(../images/navsprite.png) 0 -202px;}
.leftnav ul {list-style:square; color:#082c4d; list-style-position:inside; margin-bottom:8px; padding-left:12px}
.leftnav ul li, .leftnav ul li a {color:#e6e7e7; text-decoration:none;} 
.inner_midRight {display:block; float:left; width:640px; margin-top:20px;}
.inner_content {display:block; float:right; width:640px; background:#f5f6f6;}
.c3 {display:block; float:left; width:640px; background:url(../images/curve3.jpg) top left no-repeat}
.c4 {display:block; float:left; width:640px; background:url(../images/curve4.jpg) top right no-repeat}
.c5 {display:block; float:left; width:610px; min-height:330px; padding:20px 0 30px 30px; background:url(../images/bottom.png) bottom center no-repeat}
.menu {float:left; display:block; width:280px; margin-left:-20px; padding:10px 0 10px 0}
.menu span a{color:#f5f6f6; text-transform:uppercase; text-decoration:none; margin:0 20px 0 8px; font-size:8pt}
.menu span img {padding-right:3px; vertical-align:middle}
#inner_newsletter {float:left; display:block; margin-top:12px;}
#inner_newsletter form {margin:12px 0 0 0; color:#f5f6f6;}
#inner_newsletter input {height:17px; background-color:#fff; border:none;}
#inner_newsletter button {background:none; border:none; vertical-align:middle; cursor:pointer}
#inner_newsletter input.radio {vertical-align:bottom; background:none;}
#inner_newsletter .title {color:#f5f6f6; text-transform:uppercase; font-size:9pt; font-weight:bold}
#inner_newsletter b {color:#f5f6f6; font-size:8pt; text-transform:uppercase}
#inner_pMtd {display:block; width:290px; padding:0 10px 30px 0; margin:0 0 0 -30px; clear:both}
#inner_pMtd img {margin-top:12px;}
.more {padding:10px 38px 0 0}
.large {border:solid 1px #6c6e70}
td.items {color:#527ca2;}
td.items a {font:bold 9px verdana; color:#527ca2; text-decoration:none}
td.items a:hover {text-decoration:underline}
td.subcatname a{color:#000; text-decoration:none}
td.subcatname a:hover {text-decoration:underline; color:#527ca2;}

/*dropdown*/
.dropmenudiv_a{
position:absolute;
top: 0px;
margin-top:0px;
padding:0;
font:normal 8pt 'arial';
line-height:18px;
z-index:100;
width: 180px;
visibility: hidden;
}

.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 18px;
background: #134f85;
padding: 2px 0;
text-decoration: none;
color: white;
}

#dropmenu1_a .curve, #dropmenu2_a .curve, #dropmenu3_a .curve, #dropmenu4_a .curve, #dropmenu5_a .curve {
width: 180px;
cursor:pointer;
height:7px;
margin-top:0px;
display: block;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ 
background: #527ca2;
color:#f5f6f6;
}

/* Styles for Solar slide out added by Ken Downey on 6-17-2010 */
a:focus {
outline: none;
}

.panel {
position: absolute;
top: 50px;
left: 0;
display: none;
background: #0f3053;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 650px;
height: auto;
padding: 30px 30px 30px 130px;
/* filter: alpha(opacity=85);*/
/* opacity: .85; */
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
/* border-bottom: 1px solid #9FC54E; */
}

.panel a:hover, .panel a:visited:hover{
/* margin: 0; */
/* padding: 0; */
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

/* Style for panel tabs */
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:5px;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:2px solid #ddd;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}

/* alternate colors: skin2 */
ul.skin2 a {
        background-color:#000000;		
        color:#fff !important;

}

/* mouseover state */
ul.skin2 a:hover {
        background-color:#FF9900;
}

/* active tab */
ul.skin2 a.current {
        background-color:#FF9900;
        border-bottom:2px solid #4F5C6A;	
}

/* tab pane with background gradient */
div.skin2 div {
        min-height:200px;
        color:#fff;
       font-size: 1.25em;
        background:#234 url(http://static.flowplayer.org/img/global/gradient/h300.png) repeat-x scroll 0 -50px;
        
        /* IE6 does not support PNG24 images natively */
        _background:#4F5C6A;
}

        #close-panel {
             position: absolute;
             top: 6px;
             right: 6px;
             text-decoration: none;
        }

        .trigger {
            text-decoration:none;
        }