/* ===================== */
/* = UTILITY SELECTORS = */
/* ===================== */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
			
			
.left {
	float: left;
	}

.right {
	float: right;
	}

.center {
	text-align: center;
	}

.block-center {
	margin-left: auto;
	margin-right: auto;
	}
	
.pad {
	padding: 10px;
	}
	
.content {
	padding: 25px;
}
	
.spaceRight {
	margin: 0 20px 0 0;
	}
	
a, a:link, a:active, a:visited {
	color:#512b76;
}
a:hover {
	color:#604975;
}
	
/* ========================== */
/* = MAIN LAYOUT CONTAINERS = */
/* ========================== */

body {
	font: normal .86em helvetica, arial, sans-serif;
	color: #222;
  background: #512b76 url('../images/background_site.png') repeat-x top left;
	}
	
#site {
	width: 960px;
	margin: auto;
	background: #fff url('../images/background_side.gif') repeat-y top left;
	}
	
#header {
	position: relative;
	background: url('../images/background_header.png') repeat-x top left;
	height: 76px;
}
	
#main {
	float: left;
	padding: 0 50px;
	width: 570px;
	margin-left: 290px;
	}
	
#side {
	position: relative;
	float: left;
	padding: 0 10px;
	width: 270px;
	color: #333;
	margin-left: -960px;
	}
	
#footer {
	width: 940px;
	margin: auto;
	background: url('../images/background_footer.gif') no-repeat top left;
	padding: 18px 10px;
	font-size: 11px;
	color: #fff;
	}

/* ============== */
/* = Promo Page = */
/* ============== */

#promoMain {
	padding:50px 25px;
}

.promoFeature {
	height:258px;
	width:910px;
	background: url('../images/promo/feature-container.gif') no-repeat scroll top left;
	position:relative;
}
.promoFeature img {
	position:absolute;
	top:-42px;
	left:18px;
}
.promoDetails {
	float:right;
	width:390px;
	margin:30px 0;
}
div.promoDesc {
	width:370px;
	position:absolute;
	right:20px;
	top:130px;
	font-size:1.3em;
	line-height:1.2em;
}
span.bttn {
	float:left;
	background:url(../images/promo/bttn-orange-left.gif) top left no-repeat;
	padding:0 0 0 3px;
	margin:.5em 0 0;
}
span.bttn a {
	float:left;
	background:url(../images/promo/bttn-orange-right.gif) top right no-repeat;
	height:24px;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	line-height:25px;
	padding:0 10px 0 7px;
	font-weight:bold;
	color:#fff !important;
}
span.grn {
	background:url(../images/promo/bttn-green-left.gif) top left no-repeat;
}
span.grn a {
	background:url(../images/promo/bttn-green-right.gif) top right no-repeat;
}
div.seeMore {
	float:left;
	width:500px;
	margin:150px 0 0;
	text-align:center;
}
span.title {
	color:#3d7f00;
	display:block;
	font-weight:bold;
}
/* ====================== */
/* = MAIN LAYOUT STYLES = */
/* ====================== */

h1 {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	}
	
h1 a {
	display: block;
	text-indent: -9999px;
	width: 290px;
	height: 76px;
	background: url('../images/Text-Relay-HEADER-logo.png') no-repeat;
	}
	
#footer a {
	color: #fff;
	text-decoration: none;
	}
	
#footer #legal {
	float: right;
	text-align: right;
}

#header span {
	display:block;
	padding: 32px 0 0 290px;
	background: url('../images/background_primarynav.gif') no-repeat left top;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
}
/* ====================== */
/* = PRIMARY NAV STYLES = */
/* ====================== */

ul#primaryNav {
	margin: 0;
	padding: 0 0 0 290px;
	list-style: none;
	background: url('../images/background_primarynav.gif') no-repeat left top;
	}
	
	#primaryNav li {
		float: left;
		margin: 0;
		padding: 0;
		}

		#primaryNav li a {
			display: block;
			text-indent: -9999px;
			height: 76px;
			background-repeat: no-repeat;
			background-position: left top;
			}
			
		#primaryNav li a:hover {
			background-position: left -76px;
			}
			
		ul#primaryNav li.active a,
		ul#primaryNav li.active a:hover {
			background-position: left -152px;
			}
			
		#navHome a {	
			width: 93px;
			background-image: url('../images/nav_home.gif');
			}
			
		#navOptions a {
			width: 163px;
			background-image: url('../images/nav_options.gif');
			}
			
		#navResources a {
			width: 130px;
			background-image: url('../images/nav_resources.gif');
			}
			
		#navADA a {
			width: 275px;
			background-image: url('../images/nav_relayservices.gif');
		}
		
/* =================== */
/* = BREAKOUT STYLES = */
/* =================== */

.breakout {
	font-size: 1.1em;
	line-height: 1.4;
	}
			
.green {
	border: 1px solid #b2d394;
	background: url('../images/gradient_purple.png') repeat-x left 50%;
	}
	
.orange {
	border: 1px solid #957cae;
	background: url('../images/gradient_purple.png') repeat-x left 50%;
	}
	
.breakout .heading {
	padding: 10px 0;
	}
	
.breakout a {
	color: #222;
	}

/* ==================== */
/* = Standard Subpage = */
/* ==================== */

#stdMain {
	float: left;
	padding:0;
	width: 670px;
	margin-left: 290px;
}
.stdContent {
	padding:30px 50px;
	font-size:1.2em;
	line-height:1.4em;
}
.stdContent h2 {
	margin:0 0 .5em;
	font-weight:bold;
	font-size:2.1em;
}
.stdContent h3{
	color:#512b76;
	margin:20px 0 10px 0;
	font-size:1.4em;
}
.stdContent p {
	margin:0 0 1em;
}
img.imgRight {
	float:right;
	margin:0 0 10px 10px;
}
#photosImg2 {
	position: absolute; 
	left: -13px; 
	top: 100px;
}
#photosImg3 {
	position: absolute; 
	left: -13px; 
	top: 150px;
}
div#subNavigation {
	border-bottom:1px solid #ccc;
	background:url(stdMain) bottom left repeat-x;
	padding:10px 0 10px 0px;
}
div#subNavigation ul,
ul.bttnLarge {
	list-style:none;
	padding:0;
	margin:0;
}
div#subNavigation ul li,
ul.bttnLarge li {
	float:left;
	margin-right:10px;
	background:url(../images/subnav-left-off.gif) top left no-repeat;
	padding:0 0 0 3px;
}
div#subNavigation ul li a,
ul.bttnLarge li a {
	background:url(../images/subnav-right-off.gif) top right no-repeat;
	padding:0 7px 0 7px;
	float:left;
	display:inline;
	height:28px;
	line-height:29px;
	text-decoration:none;
	color:#512b76;
	font-weight:bold;
	font-size:12px;
}
div#subNavigation ul li.active,
ul.bttnLarge li {
	background:url(../images/subnav-left-on.gif) top left no-repeat;
}
div#subNavigation ul li.active a,
ul.bttnLarge li a {
	background:url(../images/subnav-right-on.gif) top right no-repeat;
	color:#fff !important;
}
div#subNavigation ul li.active a:hover {
	color:#daedc9;
}
div#subNavigation ul li a:hover {
	color:#9571b8;
}

div#subNavigation2 {
	border-bottom:1px solid #ccc;
	background:url(side) bottom left repeat-x;
	padding:10px 0 10px 10px;
}
div#subNavigation2 ul,
ul.bttnLarge {
	list-style:none;
	padding:0;
	margin:0;
}
div#subNavigation2 ul li,
ul.bttnLarge li {
	float:right;
	margin-left:10px;
	background:url(../images/subnav-left-off.gif) top left no-repeat;
	padding:0 0 0 3px;
}
div#subNavigation2 ul li a,
ul.bttnLarge li a {
	background:url(../images/subnav-right-off.gif) top right no-repeat;
	padding:0 7px 0 7px;
	float:right;
	display:inline;
	height:28px;
	line-height:29px;
	text-decoration:none;
	color:#448d00;
	font-weight:bold;
	font-size:12px;
}
div#subNavigation2 ul li.active,
ul.bttnLarge li {
	background:url(../images/subnav-left-on.gif) top left no-repeat;
}
div#subNavigation2 ul li.active a,
ul.bttnLarge li a {
	background:url(../images/subnav-right-on.gif) top right no-repeat;
	color:#fff !important;
}
div#subNavigation2 ul li.active a:hover {
	color:#daedc9;
}
div#subNavigation2 ul li a:hover {
	color:#94bb71;
}
/* =========================== */
/* = Device Selection Styles = */
/* =========================== */

#deviceSelect,
#contentWrap {
	padding:25px;
}
#deviceSelect p.leadin {
	font-size:1.2em;
	line-height:1.2em;
	color:#333;
	margin:0 0 2em;
	padding-right:250px;
}
div.deviceTiles {
	border:1px solid #a6a6a6;
	border-width:0 1px 0 1px;
	padding:20px 0;
}
div.deviceSelectTop {
	width:880px;
	height:22px;
	background:url(../images/select/select-top.gif) top left no-repeat;
	font-size:1.3em;
	color:#51a900;
	padding:15px;
}
div.iconHelp {
	float:right;
	margin-top:.1em;
	line-height:1.2em;
}
select {
	border:1px solid #51a900;
	background:url(../images/subnav-bg.jpg) bottom left repeat-x;
	font:1em arial, helvetica, sans-serif;
}
.deviceTile {
	float:left;
	width:260px;
	text-align:center;
	padding:0 20px 20px;
	margin:0 0 1em;
}
a.deviceName {
	display:block;
	font-weight:bold;
	font-size:1.6em;
}
.deviceTile p {
	margin:0;
	color:#555;
	font-size:1.1em;
	line-height:1.2em;
	padding:0;
}
ul.bttns,
ul.centeredBttns {
	padding:0;
	margin:.5em 0 0;
	list-style:none;
	white-space:nowrap;
	float:left;
	display:inline;
}
ul.bttns li a span,
ul.centeredBttns li a span {
	background:none;
	padding:0;
	margin:0;	
}
ul.bttns li,
ul.centeredBttns li {
	float:left;
	display:inline;
	margin-right:3px;
	background:url(../images/select/sm-gry-l.gif) top left no-repeat;
	padding-left:3px;
}
ul.bttns li span,
ul.bttns li a,
ul.centeredBttns li span,
ul.centeredBttns li a {
	color:#fff !important;
	background:url(../images/select/sm-gry-r.gif) top right no-repeat;
	padding:0 6px 0 3px;
	float:left;
	height:20px;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	text-decoration:none;
}
ul.bttns li.grnbttn,
ul.centeredBttns li.grnbttn {
	background:url(../images/select/sm-grn-l.gif) top left no-repeat;
}
ul.bttns li.grnbttn a,
ul.centeredBttns li.grnbttn a {
	background:url(../images/select/sm-grn-r.gif) top right no-repeat;
}
ul.bttns li.orangebttn,
ul.centeredBttns li.orangebttn {
	background:url(../images/select/sm-org-l.gif) top left no-repeat;
}
ul.bttns li.orangebttn a,
ul.centeredBttns li.orangebttn a {
	background:url(../images/select/sm-org-r.gif) top right no-repeat;
}

/* =================== */
/* = Checkout Screen = */
/* =================== */

label.side {
	float:left;
	width:1em;
	text-align:center;
}
div.description {
	padding-left:2em;
}
div.row {
	clear:left;
	margin: 0 0 1em;
}
div.row h3 {
	margin:0 0 .1em;
	font-size:1.6em;
}
div.row p {
	margin:0 0 .5em;
	color:#333;
	line-height:1.2em;
}
.orangeText {
	color:#d13a00;
}
.checkoutScreen p.info {
	margin:0 0 1em;
	font-size:1.2em;
	line-height:1.2em;
}
.checkoutScreen img.imgTitle {
	clear:left;
	margin:0;
	padding:0;
}
.checkoutScreen .twoCol {
	float:left;
	width:45%;
	clear:none;
	margin-right:2%;
	display:inline;
	margin-bottom:2em;
}
div.checkoutScreen {
	padding:30px;
	position:relative;
}
div#checkoutProgress {
	position:absolute;
	top:5px;
	right:10px;
	float:right;
	display:inline;
	width:122px;
}
div#checkoutProgress p {
	color:#a9a9a9;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
}
div.progressBar {
	border:1px solid #ccc;
	height:11px;
}
div.progressBar img {
	float:left;
	display:inline;
	margin:1px;
}
.checkoutScreen ul.bttnLarge li.orng a {
	font-size:1.7em;
	line-height:1.4em;
	_line-height:1.1em;

}

/* ================== */
/* = DEVICE COMPARE = */
/* ================== */
#compare {
	border-collapse: collapse;
	empty-cells: show;
	color: #333;
	margin: 25px 0 0 0;
}
	
#compare th,
#compare td {
	padding: 15px;
	}
	
#compare td {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	border-left: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	}
	
#compare td.last {
	border-right: 1px solid #a6a6a6;	
}
	
#compare td.rowHeader {
	text-align: right;
	font-weight: normal;
	border-left: 1px solid #a6a6a6;
	}
	
#compare td.specHeader {
	background: #fafdf6;
	border-left: 1px solid #a6a6a6;
	border-right: 1px solid #a6a6a6;
	text-align: left;
	}	 
	
.specHeader h3 {
	margin: 0;
	font-size: 1.4em;
	color: #512b76;
	width: 290px;;
	text-align: right;
	}
	
.compareHeader h3 {
	font-size: 1.4em;
	margin: 0;
}
	
#compare #compareDesc {
	text-align: left;
	color:#333;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.5;
	width: 290px;
	padding: 15px;
	border-bottom: 1px solid #a6a6a6;
	padding: 0 15px 15px 0;
	}
	
.compareHeader {
	background: #f2f9e7 url('../images/compare/top.gif') no-repeat left top;
	border-bottom: 1px solid #d3d3d3;
	}
	
.compareHeader .deviceName {
	font-size: 1.4em;
	margin: 10px 0;
	color: #d13a00;
	}
	
.compareHeader a {
	color: #3d8000;
}

.compareHeader ul.bttns,
.compareHeader ul.centeredBttns {
	margin:0 0 1em;
}



#compareHeader2 {
	background-position: center top;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	}

#compareHeader3 {
	background-position: right top;
	}

/* =================== */
/* = HOMEPAGE STYLES = */
/* =================== */

#feature {
	margin: 30px 0;
	}
	
#phoneImg {
	display: block;
	margin: 20px auto;
	}

#photosImg {
	position: absolute; 
	left: -34px; 
	top: 160px;
	}
	
#sideExplanation {
	margin-top: 396px;
	}
	
#products {
	margin: 50px 0;
	}
	
.product {
	float: left;
	background-repeat: no-repeat;
	background-position: top left;
	width: 190px;
	padding-left: 85px;
	}
	
.product h3 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	}
	
.product a {
	color: #d13a00;
	}
	
ul.features {
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 0 15px;
	color: #333;
	line-height: 1.4;
	list-style: none outside url('../images/marker.gif');
	}
	
/* ================== */
/* = device details = */
/* ================== */
#deviceDetailMain {
	float:left;
	width:640px;
}
#deviceDetail {
	border:1px solid #a6a6a6;
	border-width:0 1px 0 1px;
	width:638px;
}
.deviceSummary {
	padding:40px;
	color:#323232;
}
.deviceSummary p {
	font-size:1.3em;
	line-height:1.2em;
}
ul.bttnLarge li.orng {
	background:url(../images/big-orange-l.gif) top left no-repeat;
}
ul.bttnLarge li.orng a {
	background:url(../images/big-orange-r.gif) top right no-repeat;
}
ul.bttnLarge li.grey {
	background:url(../images/big-grey-l.gif) top left no-repeat;
}
ul.bttnLarge li.grey a {
	background:url(../images/big-grey-r.gif) top right no-repeat;
}

ul.deviceTabs {
	list-style:none;
	padding:0 40px;
	margin:0;
/*	background:url(../images/device-tabs-bttm.gif) bottom left repeat-x;*/
}
ul.deviceTabs li {
	float:left;
	display:inline;
	margin-right:3px;
	background:url(../images/device-tab-l-off.gif) top left no-repeat;
	padding:0 0 0 3px;
}
ul.deviceTabs li a {
	background:url(../images/device-tab-r-off.gif) top right no-repeat;
	padding:0 10px 0 7px;
	float:left;
	display:inline;
	height:35px;
	text-decoration:none;
	font-weight:bold;
	color:#3e6619;
	font-size:1.3em;
	line-height:2.2em;
	outline:none;
	overflow:hidden;
}
ul.deviceTabs li.active {
	background:url(../images/device-tab-l-on.gif) top left no-repeat;
}
ul.deviceTabs li.active a {
	background:url(../images/device-tab-r-on.gif) top right no-repeat;
	color:#51a900;
}

div#tabContent {
	padding:20px 40px;
	font-size:1.3em;
}
div#tabContent p {
	margin:0 0 1em;
}
div.tabSideContent {
	float:right;
	padding:0 0 40px 40px;
	width:150px;
	color:#323232;
}
#sideCart {
	float:right;
	width:243px;
}
img.phone {
	padding:0 0 1em;
}
img.imgTitle {
	margin:0 0 1em;
}
div#cartPanel {
	background:url(../images/sidebar-panel-middle.gif) top left repeat-x #e3f1ce;
	padding:20px;
	border:1px solid #b2d394;
	border-width:0 1px 0 1px;
}
div#cartPanel ul.bttns {
	margin:0;
}
div#cartPanel ul.bttns li {
	padding:0 0 0 3px;
}
div#cartPanel ul.bttns li a {
	padding:0 3px 0 0;
	font-weight:normal;
	font-size:.65em;
	line-height:1.9em;
}
div.cartTotal {
	background:#f0f8e4;
	border:1px solid #a3aa96;
	padding:10px;
	clear:both;
	text-align:center;
}
div.cartTotal p {
	font-weight:bold;
	font-size:1.3em;
	color:#323232;
	margin:.2em 0;
}
div.cartItem {
	font-size:1.3em;
	line-height:1.1em;
	margin:0 0 1em;
}
div.cartItem a {
	color:#3d7f00;
}
div.cartItem a small {
	font-size:.76em;
}

/* ================== */
/* = CONTENT STYLES = */
/* ================== */

img {
	border: none;
	}

.intro {txt
	font-size: 1.1em;
	line-height: 1.8;
	}
	
h2 {
	font-size: 1.8em;
	line-height: 1.3;
	font-weight: normal;
	margin: 0;
	}
	
h2+p {
	margin-top: 0;
}

/* =============== */
/* = FORM STYLES = */
/* =============== */
.txt {
	float: left;
	width: 157px;
	padding: 3px 5px;
	background: url('../images/text_field.gif') no-repeat top left;
	}
.txt input {
	background: none;
	border: none;
}

.txt2 {
	
	padding: 3px 5px;
	margin-top:10px;
	background: url('../images/text_field2.gif') no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	white-space:nowrap;
	}
.txt2 input {
	background: none;
	border: none;
	
}
.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	white-space:nowrap;
}
.text-purple {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#512b76;
	white-space:nowrap;
	font-weight:bold;
	margin-left:5px;
}
/* =================== */
/* = ROUNDED CORNERS = */
/* =================== */

.bt {
	position: relative;
	top: -1px;
	right: -1px;
	height:7px;
	}
	
.bb {
	position: relative;
	bottom: -1px;
	right: -1px;
	height: 7px;
	}
	
.orange .bt {
	background: url('../images/cb_orange_tr.gif') no-repeat right top;
	}
	
.orange .bb {
	background:url('../images/cb_orange_br.gif') no-repeat right top;
	}
	
.green .bt {
	background: url('../images/cb_green_tr.gif') no-repeat right top;
	}
	
.green .bb {
	background:url('../images/cb_green_br.gif') no-repeat right top;
	}
	
.bt div, .bb div {
	position:relative;
	top: 0;
	left: -2px;
	width:7px;
	height:7px;
	font-size:0;
	line-height:0;
	}
	
.orange .bt div {
	background: url('../images/cb_orange_tl.gif') no-repeat left top;
	}
	
.orange .bb div {
	background:url('../images/cb_orange_bl.gif') no-repeat left top;
	}
	
.green .bt div {
	background: url('../images/cb_green_tl.gif') no-repeat left top;
	}
	
.green .bb div {
	background:url('../images/cb_green_bl.gif') no-repeat left top;
	}
	
	
	/**************************************************************************
	 **************************************************************************/
   	
	  .pointer{
      cursor:pointer;
    }
    
    .green_header{
        font-family:'helvetica narrow','arial narrow',helvetica,arial;
        font-size:36pt;
        letter-spacing:0.01em;
        color:#75C000;
        font-weight:100;
        }
        
    .clear{
        clear:both;
        }
      
      .review_section{
          clear:both;
          padding-top:.5em;
          padding-bottom:.5em;
         
        }
        
      .review_header{
          color:green;
          font-weight:bold;
          font-size:14pt;
          padding-bottom:.2em;
        }
        
      .review_left{
          width:300px;
          float:left
      }
      
      .review_right{
          width:200px;
          float:right;
          text-align:right;
          padding-right:1em;
      }
      
      .chkout_header{
          color:green;
          font-weight:bold;
          font-size:14pt;
          padding-bottom:.2em;
        }
        
      .checkout_default{
            color:black;
            font-size:11pt;
            padding-bottom:1em;
            font-weight:normal;
          }
        
      .form_row{
          width:450px;
         
      }
      
      .form_left{
          width:175px;
          float:left;
          font-size:14pt;
          text-align:right;
          padding-right:.5em;
      }
      
      .form_right{
          width:260px;
          float:left;
           font-size:8pt;
      }
      
      .form_right input{
          width:200px;
        }
      
      .form_notes{
          clear:both;
          padding-bottom:1em;
          padding-left:185px;
          font-size:11pt;
          }