﻿html, body, div, h1, h2, h3, h4, h5, h6, dt, dd, pre, form, fieldset, table, th, td, hr, object {margin:0; padding:0;} input {margin:0;}

section, article, header, footer, nav, aside, hgroup {display:block;}

body {font-family: Helvetica, Arial, sans-serif; color: #333; font-size: 1em; line-height: 1.5em;background: url(/mobile/images/mobile-site-bg.jpg) no-repeat top center #0D0D0D;}

img {max-width:100%; display:block;}

.pdf {background: url(/global-images/icon-pdf.gif) no-repeat right 50%;padding: 2px 15px 2px 0;}

p {margin:0 0 1em 0;}

.clear {clear:both;}

/*----- Global Links  -----*/

a {color: #B32239;text-decoration: none;outline: none;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-o-transition: color 0.3s ease;transition: color 0.3s ease;}
a:hover img {opacity: .75;}
a:hover {color: #666;text-decoration: underline;}
a:active {color: #999; text-decoration:underline;}
a img {border: 0px;opacity: 1;-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}	


/*---------------- Headings  -----------------*/

h1 {color:#333; margin:0 0 .7em 0; font-size: 1.6em; line-height: 1.1em;} 
h2 {font-size: 1.2em; margin: 0 0 1em 0; color:#666;}
h3 {margin: 0 0 .8em 0;color:#000;}
h4 {color:#333; margin:0 0 1em 0; font-size: 1.3em;} 
h5 {color:#1F742B; margin:1em 0 1em 0; padding: 1em 0 0 0; font-size: 1.5em; border-top: 1px dotted #ccc;}
h6 {}


/*--------------------- Site Wrapper  -----------------*/

.siteWrapper {}



/*------------------------ Site Header ------------------*/

header { background: url(/images/header-bg.gif) repeat-x #DDDDDD;  position:relative; height:100px;}
.headerWrapper {}

.logo {position: absolute; top: 16px; left:50%; margin-left:-70px;}




/*------------------------ Navigation ------------------*/

.listNav {margin:0; padding:0;-moz-border-radius:3px;border-radius:3px;}
.listNav ul {margin:0; padding:0;}
.listNav li {margin: 0; padding:0; list-style:none;}
.listNav a {display:block; margin: 0 0 0 0; line-height:1em; font-size: 1.2em;text-shadow: 0 1px 1px rgba(0,0,0,.3);} 
.listNav span {background: url(/mobile/images/next-button-white.png) no-repeat right; display:block; padding: 12px; }
.listNav ul li:first-child a {-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.listNav ul li:last-child a {-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;border-bottomp-left-radius: 5px;border-bottom-right-radius: 5px;}

.navNavy a {color: #fff;border: 1px solid #801B2E; background-image: #BD3A52; background-image: -moz-linear-gradient(top, #BD3A52, #8B1D31); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #BD3A52),color-stop(1, #8B1D31));}
.navNavy a:hover {background:#8B1D31; text-decoration:none;}

.green {color: #e8f0de!important;border: 1px solid #173551!important; background-image: #009933!important; background-image: -moz-linear-gradient(top, #00CC33, #009933)!important; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #00CC33),color-stop(1, #009933))!important;}


.navGray a {color: #fff;border: 1px solid #949494; background-image: #666; background-image: -moz-linear-gradient(top, #858585, #666); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #858585),color-stop(1, #666));}
.navGray a:hover {background:#8B1D31; text-decoration:none;}

.listTwo {margin:0; padding:0;}
.listTwo li {margin: 0; padding:0; list-style:none;}
.listTwo a {display:block; background: #666; margin: 0 0 10px 0; line-height:1em; color: #fff; font-size: 1.2em; font-weight:bold;
text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: 2em; -moz-border-radius: 2em;border-radius: 2em;
border: 1px solid #666;
background-image: #666;
background-image: -moz-linear-gradient(top, #999, #666);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #999),color-stop(1, #666));}

.listTwo span {background: url(/mobile/images/next-button-white.png) no-repeat right; display:block; padding: 12px; }


.listThree {margin:0 0 1.5em 0!important; padding:0; border:1px solid #ccc;}
.listThree li {margin: 0; padding:0; list-style:none;border-bottom: 1px solid #ccc;}
.listThree a { padding: 12px; display:block;background: url(/mobile/images/next-button-gray.png) no-repeat right; line-height:1.1em;}
.listThree li:last-child {border-bottom: none;}
.listThree span {display:block; font-size: .8em; padding: 0; color: #999;}

.listFour {margin:0 0 1.5em 0!important; padding:0; border:1px solid #ccc;}
.listFour li {margin: 0; padding:0; list-style:none;border-bottom: 1px solid #ccc;}
.listFour a { padding: 8px; display:block; font-size:.9em; line-height:1.2em; height:1%;overflow:hidden;}
.listFour li:last-child {border-bottom: none;}
.listFour span {display:block; font-size: .8em; padding: 0; color: #999;}
.listFour div {float:left;margin: 0 10px 0 0; width: 90px;height: 60px; overflow:hidden;}



/*------------------------ Top Bar ------------------*/

.backButton {background: url(/mobile/images/back-button-gray.png) no-repeat; width:24px; height: 24px; display:block; position:absolute; top: 36px; left: 15px;}
.homeButton {background: url(/mobile/images/home-button-gray.png) no-repeat; width:24px; height: 24px; display:block; position:absolute; top: 36px; right: 15px;}


/*------------------------mobile forms ------------------*/

.mobileForms input.text, textarea.textarea {width: 92%; padding: 10px; margin: 0 0 1em 0;border:1px solid #BBB;font-size:1.2em;outline:none; color:#999;display:block;}
.mobileForms label {display:block;}
.mobileForms select {display:block; margin: 0 0 1em 0;}


.button {width:100%;display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding: .8em 1.5em .8em;text-transform:uppercase;font-weight:400;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover {text-decoration: none;}
.button:active {position: relative;top: 1px;}

.yellow {color: #333;border: solid 1px #D3B84E;background: #0095cd;background: -webkit-gradient(linear, left top, left bottom, from(#FFDE00), to(#EAC505));background: -moz-linear-gradient(top,  #FFDE00,  #EAC505);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDE00', endColorstr='#EAC505');}
.yellow:hover {background: #007ead;background: -webkit-gradient(linear, left top, left bottom, from(#F4D502), to(#DBB805));background: -moz-linear-gradient(top,  #F4D502,  #DBB805);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4D502', endColorstr='#DBB805');}
.yellow:active {color: #333;background: -webkit-gradient(linear, left top, left bottom, from(#CBAA04), to(#F4D502));background: -moz-linear-gradient(top,  #CBAA04,  #F4D502);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CBAA04', endColorstr='#F4D502');}




/*------------------------ Content ------------------*/

.content {background: #fff; padding: 15px;}


.learnBlog {border-top: 1px dotted #ccc; margin: 1.5em 0 0 0; padding: 1.5em 0 0 0; clear:both;}
.learnBlog h2 {}
.learnBlog img {float:left; margin: 0 1em 1em 0;}
.author {font-size:.8em!important; color: #999;}
.learnBlog p {font-size: .9em;}

.blogTags {margin: 1.5em 0 0 0;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc; padding: 5px 0;} .blogTags p {margin: 0!important;} 

.blogAuthorBottom {padding: 1.5em 0 0 0;}
.blogAuthorBottom img {margin: 0 1.5em 0 0; float:left;border: 2px solid #fff;-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);}

.facebookComments {margin: 2em 0 0 0; border-top: 1px dotted #ccc; padding: 1.5em 0 0 0;} 


.featuresList {padding:15px; margin:0 0 1.5em 0;border:1px solid #E3E4E5; background:#F5F5F5;}
.featuresList li {padding:0; margin:0 0 0 15px;}

.page_banner_pad {padding: 18px;}
.pageBanner {position:relative;max-width:500px;height:auto;margin:0 auto;}
.pageBanner img{}
.pageBannerCaption {width:96%;padding:3px 2%;background:#CCC;background:rgba(0,0,0,.3);position:absolute;bottom:0;left:0;color:#FFF;}


/*- Used Detail -*/

.usedPrice {font-size: 1.2em; color:#1F742B; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0;}

.usedMfTable {border-collapse: collapse; width:100%; margin: 0 0 20px 0;}
.usedMfTable td {padding: 8px 8px; border: 1px solid #E3E4E5; width: 49%; vertical-align:top; font-size:.94em; line-height:1.2em;}
.usedMfTable .alt {background:#F5F5F5;}

.mobileForm label {display:block;}
.mobileForm input[type="text"], .usedMfPurchaseForm textarea {display:block;width: 95%;margin:0 0 1em 0;padding:3px;border:1px solid #BBB;font-size:13px;outline:none; color:#999;}
.mobileForm input:focus, textarea:focus {border:1px solid #1F742B;}

.mobilePageBanner {border: 1px solid #ccc; margin: 0 0 1.5em 0;}
.mobilePageBanner img {display:block;}

/*------------------------ Footer ------------------*/


.fullSite {background:#8F908D; padding:15px;}

.fullSite a {display:block; margin:0; line-height:1em; color: #666; font-size: 1.2em; font-weight:bold;
-webkit-border-radius: 2em; -moz-border-radius: 5px;border-radius: 5px;
border: 1px solid #ccc;
background-image: #386B32;
background-image: -moz-linear-gradient(top, #EBECEA, #cccccc);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EBECEA),color-stop(1, #cccccc));
filter: progid:DXImageTransform.Microsoft.gradient
(startColorStr='#EBECEA', EndColorStr='#cccccc');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient
(startColorStr='#EBECEA', EndColorStr='#cccccc')";
}

.fullSite a:hover {text-decoration:none; background: #bbb;}

.fullSite span {background: url(/mobile/images/next-button-gray.png) no-repeat right; display:block; padding: 12px; }

.copyright {padding: 15px; color: #fff;font-size: .8em; width:70%; line-height:1.4em; clear:both;}

.footerIcons {padding:15px 0 0 15px; margin:0;}
.footerIcons li {list-style:none; display:inline;margin: 0 0 0 0; padding:0 0 0 0;}
.footerIcons a {display:block; float:left; width: 40px; height: 40px; padding: 0 8px 0 0;}

.facebook {background: url(/mobile/images/facebook.png) no-repeat;}
.twitter {background: url(/mobile/images/twitter.png) no-repeat;}
.youTube {background: url(/mobile/images/youtube.png) no-repeat;}



@media only screen and (-webkit-min-device-pixel-ratio: 2) {

.logo {background: url(/mobile/images/logo-large.png) no-repeat; width:140px; height: 75px; position: absolute; top: 10px; left:50%; margin-left:-70px;}

.listOne span {background: url(/mobile/images/next-button-white-large.png) no-repeat right; background-size: 30px 23px;}
.listTwo span {background: url(/mobile/images/next-button-white-large.png) no-repeat right; background-size: 30px 23px;}
 
.backButton {background: url(/mobile/images/back-button-gray-large.png) no-repeat; background-size: 24px 24px; } 
.homeButton {background: url(/mobile/images/home-button-gray-large.png) no-repeat; background-size: 24px 24px;}

.fullSite span {background: url(/mobile/images/next-button-gray-large.png) no-repeat right; background-size: 30px 23px;}

.facebook {background: url(/mobile/images/facebook-large.png) no-repeat; background-size: 40px 40px;}
.twitter {background: url(/mobile/images/twitter-large.png) no-repeat; background-size: 40px 40px;}
.youTube {background: url(/mobile/images/youtube-large.png) no-repeat; background-size: 40px 40px;

 
}
}



