﻿/*
h1 { color:#FFA231; font-weight:bold; }
*/


/***************** SMARTER REMOTE START HERE *****************/
/* General Site Style */
H1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color:#1D82B1; }
HR { height:1px; color: #D0D0D0; background-color: #D0D0D0; border: 0; }

/* Navigation bar */
#mainNav { position: relative; width: 805px; height: 55px; }
#mainNav ul { margin: 0; padding: 0; list-style: none; text-align: left; }
#mainNav ul li { display: inline; float: left; margin: 0; padding: 0; }
#mainNav_left { position: absolute; top: 0px; left: 0px; width: 8px; height: 34px; }
#mainNav-divider0 { position: absolute; top: 0px; left: 8px; }
#mainNav_home { position: absolute; top: 0px; left: 9px; width: 155px; height: 34px; }
#mainNav_home a:link { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_home_on.gif') 0 0 repeat-x; }	
#mainNav_home a:active { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_home_on.gif') 0 0 repeat-x; }	
#mainNav_home a:visited { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_home_off.gif') 0 0 repeat-x; }	
#mainNav_home a:hover { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_home_hover.gif') 0 0 repeat-x; }
.nav_img_home_on { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_home_on.gif') 0 0 repeat-x; }
#mainNav-divider1 { position: absolute; top: 0px; left: 164px; }
#mainNav_discover { position: absolute; top: 0px; left: 165px; width: 155px; height: 34px; }
#mainNav_discover a:link { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_discover_off.gif') 0 0 repeat-x; }	
#mainNav_discover a:active { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_discover_on.gif') 0 0 repeat-x; }	
#mainNav_discover a:visited { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_discover_off.gif') 0 0 repeat-x; }	
#mainNav_discover a:hover { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_discover_hover.gif') 0 0 repeat-x; }
.nav_img_discover_on { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_discover_on.gif') 0 0 repeat-x; }	
#mainNav-divider2 { position: absolute; top: 0px; left: 320px; }
#mainNav_buy { position: absolute; top: 0px; left: 321px; width: 155px; height: 34px; }
#mainNav_buy a:link { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_purchase_off.gif') 0 0 repeat-x; }	
#mainNav_buy a:active { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_purchase_on.gif') 0 0 repeat-x; }	
#mainNav_buy a:visited { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_purchase_off.gif') 0 0 repeat-x; }	
#mainNav_buy a:hover { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_purchase_on.gif') 0 0 repeat-x; }	
#mainNav_buy a:hover { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_purchase_hover.gif') 0 0 repeat-x; }
.nav_img_buy_on { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_purchase_on.gif') 0 0 repeat-x; }
#mainNav-divider3 { position: absolute; top: 0px; left: 476px; }
#mainNav_manage { position: absolute; top: 0px; left: 477px; width: 155px; height: 34px; }
#mainNav_manage a:link { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_manage_off.gif') 0 0 repeat-x; }	
#mainNav_manage a:active { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_manage_on.gif') 0 0 repeat-x; }	
#mainNav_manage a:visited { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_manage_off.gif') 0 0 repeat-x; }	
#mainNav_manage a:hover { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_manage_hover.gif') 0 0 repeat-x; }
.nav_img_manage_on { display: block; width: 155px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_manage_on.gif') 0 0 repeat-x; }
#mainNav-divider4 { position: absolute; top: 0px; left: 632px; }
#mainNav_contact { position: absolute; top: 0px; left: 633px; width: 156px; height: 34px; }
#mainNav_contact a:link { display: block; width: 156px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_contact_off.gif') 0 0 repeat-x; }
#mainNav_contact a:active { display: block; width: 156px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_contact_on.gif') 0 0 repeat-x; }	
#mainNav_contact a:visited { display: block; width: 156px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_contact_off.gif') 0 0 repeat-x; }	
#mainNav_contact a:hover { display: block; width: 156px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_contact_hover.gif') 0 0 repeat-x; }
.nav_img_contact_on { display: block; width: 156px; height: 34px; background: url('/Skins/SmarterRemoteImages/img_contact_on.gif') 0 0 repeat-x; }
#mainNav-divider5 { position: absolute; top: 0px; left: 788px; }
#mainNav_right { position:absolute; top:0px; left:789px; }

/* Homepage specific styling */
.homeWrapper { text-align:center; }
.homeBAMain { clear:both; }
.homeFooterWrapper { margin-left:80px; }
.homeBASideBySide { float:left; }
.homeFooterBA { width:350px; margin-top:20px; text-align:left; color:#454545; }
.homeFooterBAImage { width:50px; height:100px; margin-right:10px; }
.homeFooterBATitle { width:280px; font-size:16px; font-weight:bold; text-align:left; padding-bottom:3px; margin-bottom:3px; }
.homeFooterBAText {  width:280px; font-size:12px; font-weight:normal; text-align:left; }

/* General Page Layout styling */
.textHighlight { font-weight: bold; }
#contentWrapper { text-align:center; }
#contentWideNarrowColumn { width:800px; }
.wideNarrowContentArea { width:500px; text-align:left; float:left; }
.wideNarrowContentBAArea { width:230px; text-align:left; float:left; margin-left:5px; padding-left:5px; }
.contentIntroParagraph { margin-top:20px; margin-bottom:20px; }
.formBox { width:400px; border:1px solid #000000; }
.formFieldTitle { float:left; width:80px; text-align:right; font-weight:bold; margin-right:10px; margin-top:5px; margin-bottom:5px; }
.formFieldEntry { float:left; width:300px; margin-top:5px; margin-bottom:5px; }
.endofContent { clear:both; }

.pg3col { display:block; width:800px; height:600px; top:0; vertical-align:middle; border:1px solid #DADADA; background: url('/Skins/SmarterRemoteImages/img_pg3col_background.gif') 0 0 repeat-x; }
.pg3col_col1 { display:block; width:225px; height:550px; top:25px; position:relative; margin:5px; float:left; text-align:center; }
.pg3col_col2 { display:block; width:300px; height:550px; top:25px; position:relative; margin:5px; float:left; }
.pg3col_col3 { display:block; width:225px; height:550px; top:25px; position:relative; margin:5px; float:left; }

.paraStyle1_title { color:#FE9934; font-size:16px; font-weight:bold; margin-top:28px; }
.paraStyle1_text { color:#666666; font-size:12px; margin-top:10px; }
.paraStyle1_link  A { color:#336699; font-size:11px; margin-top:10px; }
.paraStyle1_link  A:hover { color:#336699; font-size:11px; margin-top:10px; }
.paraStyle1_listUL { list-style-type: none; margin-left:5px; padding-left: 5px; margin-top:10px; }
.paraStyle1_listLI { background: url('/Skins/SmarterRemoteImages/bullet_list.gif') left center no-repeat; padding-left: 12px; margin-bottom: 5px; }

.bannerDesign1 { width:200px; height:170px; margin-top:25px; background: url('/Skins/SmarterRemoteImages/bannerDesign1.jpg') 0 0 repeat-x; }
.bannerDesign1_title { color:#FCFCFC; font-size:14px; font-weight:bold; margin-top:2px; margin-left:4px; }
.bannerDesign1_text { color:#FF6600; font-size:12px; margin-top:14px; margin-left:4px; }
.bannerDesign1_link A { color:#336699; font-size:11px; margin-top:16px; margin-left:4px; }
.bannerDesign1_link A:hover { color:#336699; font-size:11px; margin-top:16px; margin-left:4px; }

.purchaseBanner { margin-top:30px; width:210px; height:150px; }
.purchaseBannerImage { width:50px; height:100px; margin-right:10px; }
.purchaseBannerTitle { width:150px; font-size:16px; font-weight:bold; text-align:left; padding-bottom:3px; margin-bottom:3px; }
.purchaseBannerText {  width:150px; font-size:12px; font-weight:normal; text-align:left; }

/***************** SMARTER REMOTE END HERE *****************/