/*
----------------------------
RESET / GENERAL
GLOBAL STRUCTURE ETC
HOME 
LOWER
----------------------------
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b
, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
	color:#666666;
	font: normal normal normal 12px/18px "Lucida Grande", Arial, sans-serif;
	min-height:100%;
}
body {
	min-width:934px;
	background: #333333 url('../images/bg-body-bottom.png') repeat-x bottom left;
	min-height:100%;
}
ul {
	margin:8px 0px;
	padding:0px 0px 0px 0px;
}

ol {
	margin:8px 0px;
	padding:0px 0px 0px 25px;
}
ul li {
	margin:3px 0px;
	padding:0px 0px 0px 14px;
	/*min-height:20px;*/
	height:auto !important;
	height:20px;
}
p {
	margin:8px 0px 25px;
	padding:0px;
}
a,
a:link,
a:visited {
	color:#66cc33;
	text-decoration: underline;
}
a:hover,
a:active {
	color:#0099cc;
	text-decoration: underline;
}
a:focus {
	outline:none;
}
h1, h2, h3, h4, h5 {
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	color:#006699;
}
h1 {
	font-size: 24px;
	line-height:30px;
	margin: 0px 0px 20px;
}
h2 {
	font-size: 22px;
	line-height:36px;
	margin:0px 0px 8px;
}
div#content-white h2 {
	margin-bottom:-5px;
}
h3 {
	font-size: 18px;
	line-height:22px;
	margin:0px 0px 8px;
}
h4 {
	font-size: 15px;
	line-height:19px;
	margin:0px 0px 8px;
}
h5 {
	font-size: 14px;
	line-height:18px;
	margin:0px 0px 8px;
}
stockstatus {
	font-size: 14px;
	line-height:22px;
	margin:0px 0px 8px;
	color:#F00;
}
input[type=text],
input[type=password],
textarea {
	
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	outline:none;
}
button {
	cursor:pointer;
	padding:0px;
}
button::-moz-focus-inner {
	padding:0;
	border:none;
}
::-moz-selection {
	background: #00789b;
	color: #fff;
}
::selection {
	background: #00789b;
	color: #fff;
}
.clearfix {
	min-height:10px;
	height:auto !important;
	height:10px;
	zoom:1;
}
.clearfix:after {
	content:'.';
	visibility:hidden;
	display:block;
	clear:both;
	height:0px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.error {
	color:#E12A18;
	font-style: italic;
}
.small {
	font-size: 80%;
}
.inline-block {
	display: -moz-inline-box;
	display: inline-table;
	display: inline-block;
}
table.padded_table {
	
}
table.padded_table td,
table.padded_table th {
	padding:3px 4px;
}
.sIFR-alternate {
	display:none;
}
.ta_left {
	text-align: left;
}
.ta_right {
	text-align: right;
}
.ta_center {
	text-align: center;
}
.va_top,
table.va_top tr {
	vertical-align: top;
}
.va_middle,
table.va_middle tr {
	vertical-align: middle;
}
.va_bottom,
table.va_bottom tr {
	vertical-align: bottom;
}

strong {
	color:#333333; 
	font-weight:bold;
}

em {
	font-style:italic;
}

.blue {
	font-style:italic;
	color:#1170a0;
}

/*
----------------------------
GLOBAL
----------------------------
*/

#fullwrap {
	background: url('../images/bg-body.png') repeat-x 0 37px;	
}	
#wrapper {
	width:934px;
	margin:0 auto;
}	
#header {
	width:934px;
	position:relative;
	height:52px;
}
a.logo, div.right-links {
	position:absolute; 
}
a.logo {
	top:7px;
	left:50px;
}
div.right-links {
	width:330px;
	top:16px;
	right:53px;
	text-align:right;
}
div.right-links a {
	color:#fff;
	font: bold 10px 'Arial', sans-serif;
	text-transform: uppercase;
	text-decoration:none;
}	
div.right-links a:hover {
	color:#0099cc;
}
#container {
	width:934px;
	min-height: 690px;
	margin:0 auto;
	background: url('../images/bg-container.png') repeat-y;
}
#navigation {
	width:816px;
	margin:0 0 5px;
	background:#2e8b01;
	height:21px;
	position:absolute;
	top:6px;
	left:6px;
}

#content {
	width:816px;
	margin:0 53px;
	padding:6px;
	border: 1px solid #333;
	position:relative;
	*height:278px;
}
#table_content {
	width:600px;
	margin:0 53px;
	padding:1px;
	border: 1px solid #333;
	position:relative;
	*height:278px;
}
#content-white {
	width:766px;
	padding:15px 25px;
	background:#fff;
	margin-top: 26px;
}
#content-beige {
	width:766px;
	padding:15px 25px;
	background:#f8f5ec;
	margin-top: 26px;
}
#footer {
	width:934px;
	height: 150px;
	clear:both;
	margin:0 auto;
	background: url('../images/bg-footer.png') no-repeat top left;
	font-size:10px;
	padding:70px 0 0;
	color:#999999;
}

/*BASIC LINK TRANSITIONS*/
div.right-links a,
a.greenmore,
a.newstitle,
#footer a,
#footer div.social a   {
    -moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	-o-transition: all .1s linear;
	-ms-transition: all .1s linear;
	transition: all .1s linear;
}

#navigation ul.nav {
	z-index:9999;
	list-style: none;
	height:21px;
	margin:0;
	padding:0;
}

#navigation .nav li {
	float:left;
	list-style: none;
	padding:0;
	margin:0;
	position:relative;
}

#navigation .nav li a {
	float:left;
	background-position: top left;
	text-indent:-2000px;
}
.nav li a.product { width:164px; height:21px; background: url('../images/btn-product.jpg') no-repeat; }
.nav li a.why { width:163px; height:21px; background: url('../images/btn-inreach.jpg') no-repeat; }
.nav li a.about { width:163px; height:21px; background: url('../images/btn-about.jpg') no-repeat; }
.nav li a.life { width:164px; height:21px; background: url('../images/btn-life.jpg') no-repeat; }
.nav li a.contact { width:164px; height:21px; background: url('../images/btn-contact.jpg') no-repeat; }
.nav li a.where { width:162px; height:21px; background: url('../images/btn-where.jpg') no-repeat; }



#navigation .nav li a:hover {
	background-position: bottom left;
}

#navigation .nav ul {
	margin:0;
	padding:10px 0;
	display:none;
	width:194px;
	clear:left;
	background: #00789b;
	top:21px;
	position: absolute;
}

#navigation .nav li:hover > ul {
	display:block;
	z-index:100;
}

#navigation .nav ul li {
	font-size:10px;
	line-height:15px;
	width:174px;
	padding:2px 10px;
/*	background: #00789b;*/
	clear:left;
}

#navigation .nav ul li + li {
}

div#navigation ul.nav li ul li a { 
	display:block;
	text-indent:30px;
	color:#78c8df;
	text-decoration:none;
	padding-right: 15px;
}

div#navigation ul.nav li ul li a:hover {
	color:#fff;
	background: url('../images/graphic-nav-arrow.gif') no-repeat 100% 50%;
}

span.blue {
	color:#0099cc;
}

#footer div.one, #footer div.two, #footer div.three, #footer div.four, #footer div.five {
		float:left;
}
#footer a {
	display:block;
	color:#999999;
	text-decoration: none;
}
#footer a:hover {
	color:#0099cc;	
}

#footer div.one {
	width:167px;
	margin-left:73px;
}
#footer div.two {
	width:141px;
	float:left;
}
#footer div.three {
	width:123px;
	float:left;
}
#footer div.four {
	width:131px;
	float:left;
}
#footer div.five {
	width:244px;
	float:left;
}

#footer div.social a {
	margin:0 5px 0 0;
	display:inline;
}

#footer div.social a:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
}

#footer div.signup {
	position:relative;
	height: 30px;
	padding: 7px 0 0;
}
.email, .emailbtn {
	position:absolute;
}
input.email {
	left:0;
	width:148px;
	height:11px;
	padding:2px;
}
input.emailbtn {
	right: 17px;
	width:63px;
	height:21px;
	background: #000 url('../images/btn-signup.gif') no-repeat;
	border:none;
	cursor:pointer;
}

div.graybox {background:#e5e5e5; padding:10px;}


#content-white ul	 {
	margin:0 0 15px;
	padding:0;
}

#content-white ul li{
	margin:0 0 0 15px;
	padding:3px 0;
	/*line-height:15px;*/
}

#content-white ul ul {
	margin-left: 20px;
	margin-bottom:0;
}

/*
----------------------------
HOME
----------------------------
*/

a.slider-learn {
	width:106px;
	height:41px;
	position:absolute;
	left: -26px;
	top: 239px;
	z-index:10;
}

#home-slider {
	width:816px;
	height:253px;
}
#home-lower {
	position:relative;
	width:828px;
	margin:0 53px;
	background: url('../images/home/home-lower-repeat.gif') repeat-y center top;
	color:#fff;
}
#home-lower h2 {
	text-align:left;
	font-size: 15px;
	margin-bottom:20px;
	line-height:15px;
}
#home-lower span.lines {
	color:#0a6781;
	letter-spacing:1px;
	font-weight:normal;
	font-family: Arial;
	font-size:20px;
	margin-left:3px;
}
#home-lower p {
	line-height: 16px;
	font-size: 10px;
}
h3.post-title { 
	font: bold 13px 'Georgia', serif;
	color:#cccccc;
	margin-top:7px;
	}
span.newsdate {
	font-size:10px;
	color:#999;
	display:block;	
}
a.greenmore {
	padding-right:15px;
	background: url('../images/graphic-sm-white-arrow.gif') no-repeat 100% 49%;
	text-decoration:none;
	font-size:10px;
}
div.hl-left, div.hl-mid, div.hl-right {
	float:left;
	margin:20px 0 30px;
} 
div.hl-left {
	width:192px;
	margin-left:10px;
} 
div.hl-left p {margin-bottom:8px;}
div.hl-mid {
	width:318px;
	margin-left:54px;
	text-align:center;
} 
div.hl-right {
	width:185px;
	margin-left:65px;
	text-align:center;
} 

#slider {
    margin:25px 0 0;
    width:808px; 
    height:253px; 
}
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
.nivo-controlNav {
	position:absolute;
	right:25px;
	bottom:21px;
    /*margin-left:-40px;  Tweak this to center bullets */
    z-index: 9;
}
.nivo-controlNav a {
	display:block;
	width:15px;
	height:22px;
	background:url('../images/home/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	/*margin-right:3px;*/
	float:left;
	cursor:pointer;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}


/*
----------------------------
LOWER
----------------------------
*/

div.breadcrumb {
	display:block;
	height:40px;
	font-size:10px;
	color:#666666;
	padding-left:3px;
}

div.breadcrumb span {color:#999999;}

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

div.breadcrumb a:hover { color:#666666; }

div.breadcrumb a.active { color:#666666; }

div.left-nav {
	float:left;
	width:139px;
}
div.left-nav ul { 
	list-style: none; 
	margin:0;
	padding:0;
}
div.left-nav ul li { 
	display:block;
	margin:0!important;
	padding: 2px 0 2px 3px;
	border-bottom: 1px solid #dedede;
}
div.left-nav ul li a {
	font-size:10px;
	color:#666666;
	text-decoration:none;
	padding-right: 15px;
}
div.left-nav ul li a:hover {
	color:#006699;
		background: url('../images/graphic-sm-gray-arrow.jpg') no-repeat 100% 50%;
}
div.left-nav ul li a.active {
	color:#006699;
	background: url('../images/graphic-sm-gray-arrow.jpg') no-repeat 100% 50%;
}

div.mid-col {
	float:left;
	width:396px;
	margin-left:30px;
}

div.mid-col_acc {
	float:left;
	width:290px;
	margin-left:30px;
}

div.mid-col_se {
	float:left;
	width:350px;
	margin-left:10px;
}

div.mid-col-twothird {
	float:left;
	width:463px;
}

div.mid-col-full {
	float:right;
	width:600px;
}

div.col-full {
	float:left;
	width:766px;
}

div.col-full-center {
	float:left;
	width:750px;
}
div.mid-bott-calls {
	float:right;
	width:600px;
	margin: 20px 0;
	border-top:1px solid #ccc;
}
div.left-call{
	float:left;
	width:304px;
	border-right:1px solid #ccc;
	height: 192px;
	padding-top:20px;
}
div.right-call{
	width: 280px;
	float:right;
	padding-top:20px;
}

div.right-call_acc{
	width: 386px;
	float:right;
	padding-top:20px;
}

div.contact-calls {
	float:left;
	width:100%;
	margin: 20px 0;
	border-top:1px solid #ccc;
}
div.contact-calls div.left-call {
	float:left;
	border-right:1px solid #ccc;
	height: 192px;
	padding-left: 4%;
	width: 46%;
}
div.contact-calls div.right-call {
	width:49%;
	float:right;
}

div.right-col {
	float:right;
	width:180px;
}

div.right-col-onethird {
	float:right;
	width:243px;
	background:#e5e5e5;
	padding:20px;
	margin:25px 0 0 0;
}

div.product-call {
	width:190px;
	padding: 134px 0 15px;
	text-align:center;
}

div.product-call  h5 {
	color:#333;
	padding: 3px 0;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
}
.psmartphone {
	background: url('../images/products/for-smartphone.jpg') no-repeat center top;
}
.ppn60 {
	background: url('../images/products/for-pn60.jpg') no-repeat center -10px;
}
div.rquotes {
	width:190px;
	padding-top:7px;
	background:url('../images/products/quotes-top.gif') no-repeat;
}
a.toplink {
	padding-right:15px;
	background: url('../images/graphic-arrow-top.gif') no-repeat 100% 50%;
	font-size:10px;
	text-decoration:none;
}
span.title {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	display:block;
	cursor:pointer;
	margin-bottom: 5px;
}

div#answer p {
	margin: -5px 0 20px;
	clear:both;
	font-weight:normal;
}
div.faqwrap {
	padding-bottom:7px;
}

p.caption { 
	font-size:11px;
	color:#666;
	font-style: italic;
	line-height: 13px;
	margin: 0;
	padding: 4px 10px 15px;	
}
div.award {
	padding: 8px 0 12px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
	display:block;
	clear:both;
}
div.award:last-child {
	border:none;
}
div.award img {
	float:left;
	margin: -5px 0 0;
}

div.award div.acontent {
	margin:0;
	float:right;
	width:475px;
}
div.award div.bcontent {
	margin:0;
	float:right;
	width:360px;
}
div.newscol {
	width:175px;
	margin-right:20px;
	float:left;
	line-height: 16px;
}

div.newscol div.post {
	margin: 0 0 7px;
	padding-bottom:7px;
	/*border-bottom:dotted 1px #ddd;*/
}
div.newscol h3 {
	padding: 3px 3px 3px 6px;
	background:#006699;
	color:#fff;
	font-size:14px;
}

a.newstitle {
	font-weight:bold;
	display:block;
	text-decoration:none;
	color:#333;
}
span.newstitle {
	font-weight:bold;
	display:block;
	color:#333;
}
a.newstitle:hover {color:#0099cc;}

div.mid-col-full a.news {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}

div.right-col-onethird p {
	margin: 0 0 15px 0;
}

div#answer table tr td {
	border: solid 1px #ccc;
}

div#answer tr td  {
	padding: 5px;
}
/*
----------------------------
LOWER CALLOUTS
----------------------------
*/

div.contact-calls h5, div.mid-bott-calls h5 {
	margin:10px 0 15px;
	padding:0;
	font: bold 13px 'Georgia',serif;
	color:#333333;	
}

div.contact-calls p, div.mid-bott-calls p {
	margin:0 0 10px;
	padding:0;
	/*font-family: 'Arial';*/
}

div.contact-calls div.left-call a.greenmore ,div.mid-bott-calls a.greenmore, div.newscol a.greenmore, 
div.mid-col-twothird a.greenmore, div.right-col-onethird a.greenmore, div.col-ful a.greenmore{
	background: url('/assets/images/graphic-arrow-black.gif') no-repeat 100% 49%;
	text-decoration:none;
}

div.left-call img {float:right; margin:0 0 0 10px; }

div.right-call img {float:left; margin:0 15px 0 0; }
	
/*
----------------------------
WHERE TO BUY
----------------------------
*/
a.resellers {
	float:left;
	width:249px;
	border:1px solid #ccc;
	text-align:center;	
	height:111px;
	margin:0 0 5px 5px;
	position:relative;
	z-index:2;
}
div.res-overlay {
	z-index:2;
	display:none;
	width:249px;
	height:111px;
	position:absolute;
	left:0;
	top:0;
}
a.resellers:hover .res-overlay {
	display:block;
	background: url('/assets/images/where/reseller-overlay.png');
}

a.first { margin-left:0; }

a.resellers img {
	width:auto;
	margin-top: 17px;
}