/* 
*	SMARTLogix
*	E-Dreamz 2007
*	D. Allegrucci
*/

body{
	font-family: Verdana, Arial, sans-serif; 
	font-size: 12px;
	background: url(../images/bg.jpg) repeat-x #FFF; 
	margin: 0; 
	text-align:center; 
	padding: 0;}

a img {
	border:0
}

#rtCol {line-height: 18px;}

#rtCol ul {
	list-style-image:url(../images/bullet-gt.gif);
	line-height: 18px;
}

#container {
	width: 772px;
	/*border: 1px dashed #F00;*/
	margin: 0 auto;
	text-align:left;
}
 
#header{}

#logo {
	width: 360px;
	height: 74px;
	float:left;
}

#customerAccess{
	float:right;
	width: 152px;}

#checkLevels {
	float:right;
	width: 152px;
	text-align:left;
	margin-left:5px;
}

#topDivider {
	float:right;
	margin: 10px 6px 0 6px;
	width: 2px;
}

#checkLevels .textInput, #customerAccess .textInput {
	font-size:8px;
	width: 102px;
	height: 14px;
	margin: 0 0 0 8px;
	padding: 0;
	font-size:10px;
	line-height: 10px;
	border: 1px solid #CCC;
}

#checkLevels .button, #customerAccess .button {
	margin-bottom: -6px;
}

#middle {
	position: absolute; top: 124px;
	background: #FFF;
	width: 772px;
}

#cartStuff{
	margin: 0 15px 0 15px;
	/*border: 1px dashed #CCC;*/
}

#cartStuff a {
	/*color: #eb7b24;*/
	color: #00abd1;
	text-decoration: underline;
}

#cartStuff a:hover {
	text-decoration: none;
}

#cartStuff h1 {
	width: 548px;
	height: 36px;
	text-indent: -9999em;
	margin: 0 0 0 10px;
}

#subTop {
	float:left;
	margin:10px 0 0 10px;
}

#overhang{
	width: 268px;
	height: 82px;
	position:absolute;
	top: 136px;
	left: 483px;
}

#homeText {
	color: #666;
	font-size: 16px;
	text-align:left;
	width: 355px;
	/*width: 600px*/
	float: left;
	margin: 16px 10px;
	padding: 0; 
	/*background: url(../images/home-text.gif) no-repeat left top; */
	/*height: 229px; */
	/*text-indent: -9999em;}*/
}

#homeText a {
	color:#666;
}

#homeText p {
	margin-top: 0;
}

#leftNav {
	color: #eb7b24;
	width: 166px;
	height:200px
	/*border: 1px dashed #F00;*/
	text-align: left;
	margin: 4px 0 0 15px;
	padding: 0;
	list-style:none;
}



#directions{
	margin: 0 0 0 12px;
	/*border: 1px dashed #ccc;*/
}

#directions h2 {
	color:#00abd1;
	font-size:16px;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}

#directions p{
	color:#000;
	font-size:11px;
	border-top: 2px solid #eb7b24;
	padding-top: 10px;
}

#directions p.noBorder { border:none; }

#directions a {
	color: #eb7c23;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#directions a:hover {
	color: #eb7c23;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

#ltCol #leftNav ul {
	list-style: none;
	border-top: 1px dashed #7f7f7f;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#leftNav li {
	list-style: none;
	border-bottom: 1px dashed #7f7f7f;
	padding: 3px 0 3px 0;
	text-indent: 0px;
}

#leftNav li a {
	color: #eb7b24;
	text-decoration: none;
	font-size: 12px;
	display: block;
	padding-left: 15px;
}

#leftNav li a:hover {
	color: #000;
	/*font-weight: bold;*/
	background:url(../images/buttons/nav-arrow.gif) no-repeat 0px -3px;
}

#leftNav li .selected {
	color: #000;
	background:url(../images/buttons/nav-arrow.gif) no-repeat 0px -3px;
}



#subText {
	float: left;
	text-align: left;
	/*border: 1px dashed #CCC;*/
	width: 546px;
	margin: 0 0 15px 12px;
}

#subText p {
	margin-top: 0;
}

#subText caption {
	text-align: right;
	font-size: 10px;
	color: #0085a3;
}

#subText h2 {
	color: #eb7b24;
	font-size:18px;
	margin-bottom: 6px;
}

.blue {
	color: #0085a3;
}

#subFAQ{
	/*border:1px dashed #ccc;*/
	float:left;
	width: 550px;
}

#subFAQ a {
	color:#eb7b25;
	text-decoration: none;
	font-weight: bold;
}

#subFAQ a:hover {
	text-decoration: underline;
}

#subFAQ .blueLink a {
	color:#008db3;
}

#subNews{
	/*border:1px dashed #ccc;*/
	float:left;
	width: 440px;
}

#subDetail{
	/*border:1px dashed #ccc;*/
	float:left;
	width: 660px;
	margin: 0 40px 0 40px;
}

#subDetail a {
	color: #eb7b24;
	font-weight: bold;
	text-decoration: none;
}

#subDetail a:hover {
	text-decoration: underline;
}

#subEvents{
	/*border:1px dashed #ccc;*/
	float:right;
	width: 280px;
}

#subDownloads{
	/*border:1px dashed #ccc;*/
	float:right;
	width: 180px;
}

.download {
	border-bottom: 1px dashed #CCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.download a {
	color:#f29337;
	text-decoration: none;
	font-weight: bold;
}

.download a:hover {
	text-decoration: underline;
}

#quoteBox {
	float: right;
	width: 170px;
	margin: 0 0 10px 15px;
}

.teamMember {
	width: 540px;
	/*float: left;*/
	/*border: 1px dashed #CCC;*/
	border-bottom: 1px dashed #CCC;
	padding: 0 8px 0 0;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.teamMember2 {
	width: 540px;
	border-bottom: 1px dashed #CCC;
	padding: 0 8px 10px 0;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.teamMember img {
	float:left;
	margin: 0 6px 4px 0;
}

.teamMember .nameTitle {
	font-size: 13px;
	color: #eb7b24;
	font-weight: bold;
}

.ltColPic {
	margin: 20px 0 0 14px;
}

.testimonial {
	width: 525px;
	border-bottom: 1px dashed #CCC;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.testimonial p {
	line-height: normal;
	color: #000;
}

/*.testimonial img { 
	float: left;
	margin: 0 10px 4px 0;
}*/

.testimonial .clientPic {
	float: left;
	margin: 0 15px 0 0;
	width: 250px;
	overflow: hidden;
	/*border: 1px dashed #CCC;*/
}

.testimonial .clientBlurb {
	float: left;
	width: 255px;
	/*border: 1px dashed #CCC;*/
}

.testimonial .clientDesc {
	float: left;
	width: 280px;
	margin: 0 10px 0 0;
	/*border: 1px dashed #CCC;*/
}

.testimonial .partnerDesc {
	float: left;
	width: 375px;
	margin: 0 10px 0 0;
	/*border: 1px dashed #CCC;*/
}



.rtQuoteText {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-align:left;
	margin: 6px 10x 0 4px;
	padding: 20px 0 22px 0;
	color: #8e8e8e;
	border-top: 1px solid #00abd1;
	border-bottom: 1px solid #00abd1;
}

.ltQuoteText {
	width: 180px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align:left;
	margin: 24px 0 0 auto;
	padding: 10px 0 12px 0;
	color: #8e8e8e;
	border-top: 1px solid #00abd1;
	border-bottom: 1px solid #00abd1;
}

#mainContent {
	float: left;
	width: 350px;
	margin: 0 0 0 0;
	/*border:1px dashed #C00;*/
}

#mainContentWide {
	float: left;
	/*width: 550px;*/
	margin: 0 0 0 0;
	/*border:1px dashed #C00;*/
}

div.productFront {
	border-top: 1px dashed #CCC;
	padding-bottom: 10px;
}

div.product {
	border-bottom: 2px solid #CCC;
	border-right:  1px solid #CCC;
	border-left: none;
	border-top: 4px solid #eb7b24;
	width: 168px;
	min-height: 160px;
	float: left;
	margin: 0 10px 10px 0;
	overflow: hidden;
	padding-top: 10px;
}

* html div.product {height: 230px; border: 2px solid red;}

.productBlock{
	/*border: 1px dashed #F00;*/
	clear:both
}

.productPic {
	float:right;
	margin: 0 10px 4px 0;
}

#breadCrumbs {
	text-align: left;
	color: #00abd1;
	font-size: 9px;
	border-bottom: 5px solid #00abd1;
	padding-bottom: 7px;
	float: left;
	margin: 8px 0 0px 12px;
	width: 548px;
	line-height: normal;
}


#breadCrumbs a, #cartMenu a {
	color: #00abd1;
	text-decoration: none;
}

#cartMenu a:hover {
	color #00abd1;
	text-decoration: underline;
}

#cartMenu {
	text-align: right;
	float: right;
	margin-right: 20px;
	margin-top:-25px
	}

#rtCol h1 {
	float:left;
	width: 548px;
	height: 36px;
	text-indent: -9999em;
	margin: 0 0 0 10px;
}

#rtCol h1 .singleCol {
	width: 740px;
}

#rtCol h3 {
	color: #eb7b24;
	font-size: 12px;
	margin-bottom: 0px;
}

#fPanel{
	margin: 8px 0 0 0;
}

/*Position off screen*/

#homeNews {
	width: 188px;
	float: right;
	margin: 16px 8px 0 0;
}

#homeNews .newsItem {
	border-bottom: 1px dashed #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-align:left;
	margin: 6px 20px 0 4px;
	padding-bottom: 8px;
	color: #eb7b24;
}


#homeNews a {
	color: #eb7b24;
	font-weight: bold;
	text-decoration:none;
}

#homeNews a:hover {
	text-decoration: underline;
}

#footerBar {
	width: 772px;
	border-top: 5px solid #eb7b24;
	font-size:10px;
	font-weight: bold;
	text-align: left;
	padding: 6px 0;
	line-height:14px;
}

#footerBar a {
	color: #252525;
	text-decoration:none;
	/*margin-right: 12px;*/
}

#footerBar a:hover {
	text-decoration:underline;
}

#footerBar2 {
	background: url(/images/bg-footer.gif) no-repeat top left;
	width: 742px;
	height: 20px;
	color: #c0c0c0;
	font-size: 10px;
	text-align:left;
	padding: 7px 15px 0 15px;
	/*border: 1px dashed #F00;*/
}

#footerBar2 a {
	color: #06a0c4;
	text-decoration:none;
}

#footerBar2 a:hover {
	text-decoration:underline;
}

#footerCopyright {
	float: left;
	width: 520px;
	color: #FFE;
	/*border: 1px dashed #FFF;*/
}

#footerPhone {
	float: right;
	width: 200px;
	text-align: right;
	color: #FFE;
	/*border: 1px dashed #FFF;*/
}

#byEdreamz {
	color:#CCC;
	font-size:10px;
	text-align:right;
	margin: 2px 4px 2px 0;
}

#byEdreamz a {
	color:#797979;
	text-decoration: none;
}

#byEdreamz a:hover {
	text-decoration: underline;
}

#ltCol {
	margin-top: 6px;
	float:left;
	width: 193px;
}

#ltCol .leftButtons {
	margin: 2px 0 0 5px;
}

.testimonialFront {
	color: #eb7b24;
	font-size:12px;
	line-height: 15px;
	text-align: left;
	margin: 12px 5px 20px 12px;
}

.testimonialBy {
	color: #999;
	font-size:9px;
	line-height: 12px;
	text-align: left;
	text-transform:uppercase
}

#flash{
  text-align: left;
  border: 1px solid #ccc;
  font-size: 14px;
  margin: 0 auto;
  padding: 5px 5px 5px 30px;

} 
 
.error{ 
	width: 485px;
  border-color: #c99;
  color: #fff;
  background: #c00;
}
  
#loginForm{border:8px solid #ccc; width:485px; margin: 0 auto; padding: 10px; background: #fff; }  
#registerForm{border:8px solid #ccc; width:700px; margin: 0 auto; padding: 8px; background: #fff; }  
 #footer{
 	text-align:right;
	width: 920px; 
	font-size: 9px;
	padding: 3px 0;
color: #fff;
	 }
#footer a{
	color: #fff;
	font-weight: bold;
}
#footer a:hover{
	text-decoration: none;
}

.util{
	background: url(../images/util_bg.jpg) repeat-x top left;
width: 920px;
height: 641px;
padding-top: 15px;
}


/*SIMPLE BITS MENUS --------------------------*/
#mainNav{clear:both; position: absolute; top: 87px; z-index:50;}
	 #smartProducts a  {	width: 133px; background: url(../images/buttons/nav-smart-products.gif) top left no-repeat;}
	 #proServices a  {	width: 168px; background: url(/images/buttons/nav-pro-services.gif) top left no-repeat;}
	 #resourceArea a  {	width: 119px; background: url(../images/buttons/nav-resources.gif) top left no-repeat;}
	 #newsEvents a  {	width: 120px; background: url(../images/buttons/nav-news-events.gif) top left no-repeat;}
	 #corporateInfo a  {	width: 130px; background: url(../images/buttons/nav-corporate-info.gif) top left no-repeat;}
	 #contactUs a  {	width: 102px; background: url(../images/buttons/nav-contact.gif) top left no-repeat;}
	
	#mainNav a:hover{background-position: 0 -37px;}

	#mainNav ul {height: 37px; display: inline; overflow: hidden;	}
	#mainNav li {display: inline;}
	#mainNav li a {float: left; padding: 37px 0 0 0; overflow: hidden;	height: 0px !important;	height /**/:37px; /* for IE5/Win only */}
	#mainNav .selected a{background-position: 0 -37px;}
	


/*--For Anylink Menus--*/
.anylinkcss{
	position:absolute;
	visibility: hidden;
	border:1px solid #FFF;
	border-bottom-width: 0;
	font-size: 10px;
	line-height: 18px;
	z-index: 1001;
	background-color: #000;
	width: 140px;
}

.anylinkcss a{
	color: #FFF;
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid white;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
	background-color: black;
	color: #eb7b24;
}

/*
 *
 * Accordion Controls
 *
 */
#accordion{margin: 0; padding: 0;}
#accordion dd {float:left; margin:0 0 10px 0; padding:0;}
#accordion a {color:#000000; font-weight:bold; font-size:12px; border-bottom:2px solid #eb7c23; display:block; padding:5px 0 5px 0;}
#accordion a:hover {color: #eb7c23; font-weight:bold; font-size:12px; text-decoration:none;}
#accordion h2.tab {color:#fff; font-weight:bold; font-size:12px; background:#eb7c23; display:block; padding:5px 0 5px 10px; text-decoration:none; margin-top:10px;}
/*#accordion h2.tab:hover {color: #000000; font-weight:bold; font-size:12px; text-decoration:none;}*/