* {
 margin: 0;
 padding: 0;
}

body {
 color: #2d3641;
 background: #fff url(../../images/bg.jpg) repeat-x top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
}

img {
 border: none;
}

a:link, a:visited {
 color: #0045a2;
 text-decoration: none;
}

a:hover, a:active {
 text-decoration: underline;
}

.warning {
    color: red;
}

#container {
 background: #efefef;
 padding: 0;
}

#header {
 background: #fff url(../../images/header_bg.jpg) repeat-y left top;
}

#header.row {
 margin-bottom: 0;
}

#header img {
 display: inline;
}

#login {
 padding: 10px 10px 0 0;
}

#login p,
#loginmobile p {
 float: right;
 text-align: right;
 margin: 0 20px 0 0;
}

#login p#facebook,
#loginmobile p#facebook {
 float: left;
 margin: 5px 0 5px -40px;
}

#login input[type=text],
#login input[type=password],
#loginmobile input[type=text],
#loginmobile input[type=password] {
 width: 142px;
 border: 1px solid #333;
 border-radius: 6px;
 padding: 4px 0 3px 7px;
}

#login input[type=text],
#loginmobile input[type=text] {
 margin: 1px 3px 0 0;
}

#login input[type=submit],
#loginmobile input[type=submit],
.formfield input[type=button],
a.loginbutton, .login,
.formfield input[type=submit],
#fbloginpop input[type=submit] {
 color: #fff;
 background: #34774b;
 border: 1px solid #fff;
 border-radius: 6px;
 margin: 4px 0 0 0;
 padding: 5px 10px;
 font-weight: bold;
}

a.loginbutton {
 padding: 3px 8px;
}

#login .fb-link,
#loginmobile .fb-link {
 width: 148px;
 float: right;
 margin: 2px 23px 2px 0;
}

#nav-mobile {
 display: none;
}

#nav {
 min-height: 21px;
 color: #fff;
 background: #003b73 url(../../images/header_bar.jpg) repeat-x top;
 text-align: right;
 padding: 0 5px 0 0;
}

p#calcsurl {
 margin: 5px 0 0 10px;
}

#nav img {
 display: inline;
}

#nav p#calcsurl a {
 border: none;
}

#nav ul li {
 list-style: none;
 display: inline;
 font-size: 1.1em;
 font-family: Arial, Helvetica, sans-serif;
}

#nav a {
 color: #fff;
 padding: 0 13px;
 border-right: 1px solid #fff; 
}

#homebanner {
 width: 100%;
 min-height: 171px;
 color: #666666;
 background: #fff url(../../images/banner_bg.jpg) no-repeat top;
 background-size: cover;
 padding: 8px 20px 0 20px;
}

#homebanner #freeship {
 float:right;
 margin:-3px 0px -15px 0;
}

#homebanner h2 {
 color: #fff;
 font-size: 1.4em;
 font-family: Arial, Helvetica, sans-serif;
}

#homebanner .step {
 width: 25%;
 float: left;
 margin: 35px 30px 0 0;
 line-height: 1.5em;
}

#homebanner .step img {
 float: left;
 margin-right: 10px;
}

#homebanner .step h3 {
 color: #4c6e4f;
 font-size: 1.4em;
}

#homebanner .step h3 span {
 display: none;
}

#homebanner .step p {
 font-size: 1.1em;
 margin-top: 2px;
}

#homebanner .step p span {
 color: #ff6c00;
 font-weight: bold;
}

#homebanner #step1.step {
 margin: 35px 0 0 0;
}

#homebanner #step2.step {
 margin: 35px 80px 0 0;
}

.clear {
 clear: both;
}

#homequotetitle {
 margin-top: 25px;
}

#homequotetitle p {
 text-transform: uppercase;
 font-size: 1.6em;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 margin-left: 20px;
}

#homequotetitle p img {
 display: inline;
 position: relative;
 margin: 0 0 -8px 0;
}

#homequotetitle p span {
 color: #009212;
}

#homemodel {
 min-height:500px;
 background: #fff;
 float: left;
 margin: 0 0 0 0;
 border: 1px solid #d7d7d7;
 padding: 10px;
}

#homemodel #selectmodel {
 width: 207px;
 float: left;
}

#homemodel #selectmodel h4 {
 width: 207px;
 min-height: 20px;
 background: #274529 url(../../images/home_select_bg.jpg) repeat-x top;
 color: #fff;
 font-size: 1em;
 padding: 2px 0 0 5px;
 margin-bottom: 2px;
}

#homemodel #selectmodel select {
 width: 207px;
 height: 440px;
 color: #0045a2;
 font-weight: bold;
 border: 1px solid #d7d7d7;
 font-size: 0.9em;
}

#homemodel #selectedmodel {
 width: 140px;
 float: left;
 text-align: center;
 font-size: 1.2em;
 margin: 0 30px;
}

#homemodel #selectedmodel p {
 margin-bottom: 10px;
 line-height: 1.2em;
}

#homemodel #selectcondition {
 width: 469px;
 float: right;
 border-bottom: 1px solid #d7d7d7;
 margin-bottom: 3px;
}

#homemodel #selectcondition h4 {
 min-height: 20px;
 background: #274529 url(../../images/home_select_bg.jpg) repeat-x top;
 color: #fff;
 font-size: 1em;
 padding: 2px 0 0 5px;
 margin-bottom: 2px;
}

#homemodel #selectcondition p {
 font-weight: bold;
 margin: 10px 0 5px 5px;
}

#homemodel #selectcondition ul {
 margin-bottom: 10px;
}

#homemodel #selectcondition ul li {
 list-style: none;
 margin: 2px 0 0 8px;
}

#homemodel #addtocart {
 max-width: 469px;	
 float:right;
 text-align: right;
 clear: right;
}

#homemodel #addtocart p.pay,
#homecart p.pay {
 color: #009212;
 font-size: 1.8em;
 text-align: right;
}

#homemodel #addtocart p.addlink {
 padding-top: 10px;
 text-align: right;
 float: right;
}

#homecart {
 background: #fff;
 float: left;
 margin: 0 0 0 0;
 border: 1px solid #d7d7d7;
 padding: 10px 10px 10px 4px;
}

#homecart h4 {
 min-height: 20px;
 background: #274529 url(../../images/home_select_bg.jpg) repeat-x top;
 color: #fff;
 font-size: 1em;
 padding: 2px 0 0 5px;
 margin-bottom: 0;
}

#homecart h4 span {
 color: #e5ffe7;
 float: right;
 padding-right: 5px;
}

#homecart #cartitems {
 background: #f4f4f4;
 overflow: auto;
}

#homecart img {
 display: inline;
}

#homecart table {
 color: #666666;
 background: #f4f4f4;
 border-collapse: collapse;
 margin: 0 auto;
 padding: 5px;
 clear: both;
}

#homecart table th {
 padding: 5px;
 text-align: left;
 border-bottom: 1px solid #d7d7d7;
}

#homecart table td {
 padding: 5px;
 text-align: right;
 border-bottom: 1px solid #d7d7d7;
}

#homecart p {
 text-align: right;
}

#homecart p.sellnow {
 margin-top: 0px;
}

#hometext {
 clear: both;
 padding: 15px;
}

#hometext h1 {
 color: #38456f;
 font-size: 1.5em;
}

#hometext p {
 color: #777777;
 margin: 5px 20px 5px 0;
}

#footer {
 color: #9f9f9f;
 text-align: center;
 position: relative;
}

#footer p {
 margin-bottom: 4px;
}

#footer img {
 display: inline;
}

#footer a {
 color: #9f9f9f;
 margin: 0 15px;
}

.subtitle,
#subtext {
 min-height: 23px;
 height: auto !important;
 height: 23px;
 background: #e4e5e6;
 padding: 10px;
 border-bottom: 1px solid #d4d7da;
}

.subtitle h2,
#subtext h2 {
 color: #4f4f4f;
 font-size: 1.8em;
 font-weight: normal;
}

#subtext p {
 padding: 10px 0;
}

#moretext {
 padding: 0 10px 10px 10px;
}

#moretext h3 {
 font-size: 1.3em;
 padding: 15px 0 0 0;
}

#moretext p {
 padding: 10px 0;
}

#homebanner.subbanner {
 min-height: 123px;
 background: url(../../images/sub_banner_bg.jpg) no-repeat top;
}

#homebanner.subbanner .step,
#homebanner.subbanner #step1.step,
#homebanner.subbanner #step2.step {
 margin-top: 15px;
}

p.small {
 font-size: 0.8em;
 font-weight: bold;
}

#moretext h3.expandable {
 color: #0045a2;
 font-weight: normal;
 cursor: hand;
 cursor: pointer;
 font-size: 1.2em;
}

#moretext .categoryitems {
 background: #fff;
 padding: 2px 5px;
 border-radius: 8px;
 border: 1px solid #97bdde;
}

#moretext table td {
 padding-bottom: 5px;
}

.account table {
 width: 900px;
 border-collapse: collapse;
}

/*
#model {
    min-height: 120px;
}
*/

.account table th {
 background: #c9d3e4;
 padding: 4px;
 text-align: left;
}

.account table td {
 padding: 4px;
 border-bottom: 1px solid #5c5c5c;
}

.account table.infotable {
 width: auto;
 border-collapse: collapse;
}

.account table.infotable td {
 padding: 2px;
 border-bottom: none;
}

a.tiplink {
 color: #00b53c;
 text-decoration: none;
}

a.tiplink span.tooltip {
 display: none;
 font-weight: normal;
}

a.tiplink:hover span.tooltip {
 width: 190px;
 color: #000;
 background: #c9d3e4;
 display: block;
 position: absolute;
 border: 1px solid #000;
 margin: -10px 0 0 70px;
 padding: 5px;
 font-size: 0.8em;
 z-index: 2000;
}

a.tiplink:hover span.newinbox {
 margin: -10px 0 0 110px;
}

#tooltip2 {
 width: 550px;
 height: 270px;
 overflow: auto;
 float: right;
 display: none;
 margin: -270px 0 0 350px;
}

html>/**/body #tooltip2 {
 margin: -250px 0 0 350px;
}

body:last-child #tooltip2 {
 margin: -220px 0 0 350px;
}

#tooltip2 a.closepop {
 color: #ff0000;
 font-weight: bold;
 font-size: 1.1em;
}

#notify {
 width: 555px;
 height: 420px;
 background: url(../../images/calcman_bg.jpg) no-repeat left top;
}

#notify a {
 float:left; 
 padding:230px 0 0 10px;
}

#notify p {
 padding: 300px 0 0 20px;
 font-size: 1em;
 font-weight: bold;
}

#notify p.multitext {
 display: none;
}

#notify input[type=checkbox] {
 margin: 0 0 -3px 0;
 position: relative;
}

#delpoplink {
 width: 400px;
 height: 175px;
}

#delpoplink p,
#poplink p {
 width: 90%;
 background: #fff;
 padding: 10px;
}

#delpoplink img,
#poplink img {
 display: inline;
}

#poplink {
 width: 500px;
 height: 258px;
}

.sitemap table {
 margin: 20px 0 0 0;
 border-collapse: collapse;
 font-size: 0.9em;
}

.sitemap table td {
 width: 220px;
 padding: 5px 10px;
 vertical-align: top;
 border: 1px solid #d8d2e3;
}

.sitemap p {
 font-weight: bold;
 margin: 5px 0 0 0 !important;
 padding: 0 !important;
}

.sitemap p a {
 color: #184a20;
}

.sitemap ul {
 margin: 0 0 0 25px;
 padding: 0;
 text-align: left;
}

#mainmap {
 width: 198px;
 float: left;
 margin: 15px 0 0 0;
 padding: 5px 10px;
 border: 1px solid #d8d2e3;
}

#maplist {
 width: 700px;
 float: left;
}

#slider1 {
 width: 600px;
 margin: 25px 0 0 10px;
}

#slider1 li {
 width: 250px;
 margin: 0;
 padding: 0;
}

#maplist ul {
 list-style: none;
 margin: 0 0 0 10px;
}

#maplist ul ul {
 margin: 0;
}

#maplist ul ul li {
 width: 210px;
 float: left;
 list-style: none;
 margin: 5px;
}

#productnav {
 margin: 0px 0 0 0;
 padding: 0 0 0 3px;
 text-align: center;
 display: none;
}

#productnav a {
 color: #4ab00e;
 font-weight: bold;
 text-decoration: none;
 font-size: 1em;
 line-height: 0.5em;
}

html>/**/body #productnav a {
 line-height: 1em;
}

.bx-next,
.bx-prev {
 position: absolute;
 top: 10px;
 color: #5200ce !important;
 font-weight: bold;
 text-decoration: none;
 font-size: 1.2em;
 text-align: center;
}

.bx-next {
 right: 0;
}

.bx-prev {
 margin: 0px 0 0 0px;
 left: 10px;
}

.bx-next:hover,
.bx-prev:hover {
 text-decoration: none;
}

#adpop {
 width: 900px;
 min-height: 650px;
 background: #fff url(../../images/ad-iphones.jpg) no-repeat right 100px;
 padding: 0px 15px;
 font-size: 1.3em;
 font-family: Arial, Helvetica, sans-serif;
 -moz-box-shadow:    inset 0 0 5px #000000;
 -webkit-box-shadow: inset 0 0 5px #000000;
 box-shadow:         inset 0 0 5px #000000;
 border: 3px solid #3b2067;
}

#adpop #closebutton {
 float: right;
 margin: -30px -45px 0 900px;
 z-index: 5000000;
 position: absolute;
 display: inline;
}

#adlink {
 width: 222px;
 height: 74px;
 background: url(../../images/button-bg.jpg) no-repeat top;
 float: right;
 margin: 17px 30px 0 0;
 overflow: hidden;
}

#adpop h1 {
 color: #ec9b01;
 font-size: 2.5em;
 text-align: center;
 margin: 10px 0 5px 0 !important;
 padding: 0 !important;
}

#adpop h2.subtag {
 color: #11518f;
 font-size: 1.4em;
 text-align: center;
 margin: 0 0 10px 0;
}

#adpop a span {
 position: absolute;
 margin-left: -40000px;
}

#adpop #adtext {
 width: 560px;
 float: left;
}

#adpop .poplogo {
 float: left;
 margin: 0px 10px 5px 0;
}

#adtext h2 {
 color: #6d9802;
 font-size: 1em;
}

#adpop span.line1 {
 float: left;
 margin: 25px 0 0 0;
}

#adpop span.line2 {
 float: left;
 clear: left;
 margin: 0 0 15px 0;
}

#adpop p {
 margin: 15px 0;
 clear: both;
}

#adtext h3 {
 color: #512892;
 font-size: 1em;
}

#adtext ol {
 margin: 0 25px;
}

#adpop p.closewindow {
 text-align: center;
 font-weight: bold;
 clear: both;
 padding: 10px 0 0 0;
 font-size: 1.5em;
}

#adpop p.closewindow a {
 color: #512892;
}

a.formpop {
 margin: -40px 0 -20px 0;
 position: relative;
 float: left;
}

#blogcontent {
 font-size: 1em;
}

#blogcontent h2 {
 line-height: 1.4em;
 margin: 10px 0;
}

.blog-body table tr td img {
    margin-right: 7px;
    max-width: 90px !important;
    max-height: 70px !important;
    width: auto !important;
    height: auto !important;
}
a.rssbutton img { position:relative; margin: 8px 0 0 -5px;}

.article { width: 100%; padding: 10px; min-height: 135px; margin: 10px 0; padding: 10px 0 0 0; clear: both; border-top: 1px solid #b5b5b5;}

.article p { line-height: 1.25em; margin: 5px 0 5px 5px;}

.article li { line-height: 1.25em; margin: 2px 0 2px 30px;}

.article p.date,.article h4 { margin: 0; padding: 0;}

.article h2 { font-size: 1.6em !important; background: none !important; line-height: 0.8em; margin: 0 !important; padding: 5px 0px !important; line-height:1.4em; }

.article h2 a { color: #184887; text-decoration: none;}

.article h2 a:hover { text-decoration: underline;}

.article h4 { color:#000; font-size: 1em !important; margin: 0 0 5px 5px !important; font-weight: bold; }

.details { margin: 5px 0 0 -7px; padding: 2px 10px 0 10px;}

.article .details  p { float: left; margin: 0 5px;}

.details .addthis_button img { margin: 0 0 -4px 0;}

#commentsection { padding: 0;}

#commentsection h4 { color: #000; font-weight: normal; font-size: 1em; margin: 0 0 5px 5px;}

#commentsection h4 a { color: #000 !important; }

#commentsection h4 a:hover { text-decoration: none !important;}

.comment { width: 100%; margin: 0 0 15px 5px;  padding: 0 10px 10px 10px;}

.comment p { line-height: 1.25em;}

.comment p span.num { color: #000; font-weight: bold; font-size: 1.3em;}

#postcomment { width: 100%; border-top: 1px solid #64502f; margin: 0 0 0 5px; padding: 5px 0 0 0; font-size: 0.9em;}

#blogright {
}

#blogright h4 {
 margin: 5px 0 10px 15px;
}

#blogright img { margin: 0 0 -3px 0; display:inline;}

#blogright li {
 list-style: none;
 margin: 5px;
}

#blogright .expandable, #blogright .subexpandable {
 cursor: pointer;
}

.formfield {
 clear: both;
}

.formfield label {
 width: 230px;
 float: left;
}

.formfield {
 padding: 7px 0;
}

.formfield input[type=text],
.formfield input[type=password],
.formfield select,
.formfield input[type=radio] {
 margin: 1px 0 0 0;
 padding: 1px 10px;
}

.paytypelist {
 list-style: none;
}

.paytypelist li {
 padding: 0 0 13px 0;
}

.paytypelist img {
 display: inline;
 position: relative;
 margin: 0 0 -7px 0;
}

.paytypelist li span {
 display: block;
 margin: 5px 22px;
}

#moretext img {
 display: inline;
}

#trans img {
 display: inline;
}

#trans .completebtn img {
 margin: 0 0 -5px 0;
 position: relative;
}

#trans #transdesktop table {
 width: 100%;
}

#trans #transmobile {
 display: none !important;
}

#loginmobile {
 display: none;
}

#tip2 {
 width: 900px;
}

#tiptext {
 width: 860px;
 background: #e4e5e6;
 padding: 10px; 
}

#fbloginpop {
 width: 320px;
}

#loginpopcontent {
 height:100%;
 background:#fff;
 padding:10px;
}

#loginpopcontent p {
 margin: 10px 0;
}

p.acctnav a {
 color:#fff;
 background: #04417a;
 padding: 4px 8px;
 font-family: Verdana, Arial, sans-serif;
 text-transform: uppercase;
 font-weight: bold;
 border-radius: 5px;
 -moz-box-shadow:    1px 1px 2px 0px #333;
 -webkit-box-shadow: 1px 1px 2px 0px #333;
 box-shadow:         1px 1px 2px 0px #333; 
}

p.morelink {
 font-size: 0.8em;
}

#calcsurl span,
#mobileinfo, 
#hometagmobile,
#homebannermobile,
#homequotetitlemobile { display:none;}


/*-- RESPONSIVE CSS CHANGES --*/
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
 #header { background-color:#224f7a; background-image:none;}
 #header #logo, #header #phones { text-align: center;} 
 #header #phones { display:none;}
 #login { display:none;} 
 #loginmobile { display:block;} 
 #loginmobile.c4 { margin: 0 0 10px 0; padding:0 15px;} 
 #loginmobile p { color:#fff; float:none; text-align:left;}
 #loginmobile a { color:#fff;}
 #loginmobile .fb-link { float:left; margin:7px 0 0 20px;}
 #nav { display:none;}
 #nav-mobile { display:block; color:#fff; background:#013c74; border-top:3px solid #4489cc; border-bottom:3px solid #4489cc; text-align:left; font-size:1.2em;}
 #nav-mobile h3.expandable, #loginmobile h3.expandable { color:#fff; padding: 0 13px; font-size: 1.1em; cursor: pointer;}
 #nav-mobile h3.expandable span, #loginmobile h3.expandable span { font-size:0.6em;}
 #loginmobile h3.expandable { padding:0; font-size:1.3em;}
 #nav-mobile ul li { display:block; margin:10px 0;} 
 #nav-mobile a { color:#fff; padding:10px 15px; border:none;}
 #homebanner { color:#fff; background:#224f7a; padding-bottom:20px;}
 #homebanner h2 { color:#fff; padding:10px 20px;} 
 #homebanner #freeship { display:none;} 
 #homebanner .step, #homebanner #step1.step, #homebanner #step2.step { width: 100%; margin:15px 0 0 0;}
 #homebanner .step h3 { color:#caffc1; font-size:1.1em;} 
 #homebanner .step h3 span { font-size:1.3em; display:inline; font-weight:normal;} 
 #homebanner .step p span { color:#ff5a5a;}
 #homequotetitle { background:#caffc1; border:2px solid #2e6437; font-size:1.1em; margin-top:0;} 
 #homequotetitle p { font-size:1.1em;}
 #homequotetitle p img { display:none;}  
 #homemodel { height:auto; font-size:1.1em;}
 #homemodel #selectmodel h4 { width:100%; font-size:1.2em;}
 #homemodel #selectmodel select { width:100%; height:35px; font-size:1.2em;} 
 #homemodel #selectedmodel { width:100%; text-align: center; margin:0;}
 #homemodel #selectcondition { width:100%;}
 #homemodel #addtocart { width:100%;text-align:left;float:none;}
 #homecart { height:auto !important; font-size:1.1em;}
 #homecart #cartitems { height:auto !important;}
 #footer a { display:block;}
 #homebanner.subbanner { display:none;}
 .sharinglinks { display:none;}
 #trans #transdesktop { display:none !important;}
 #trans #transmobile { display:block !important;}
 #transmobile .transaction { margin:5px 0; padding:5px 0; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
 #transmobile .transaction ul { list-style:none;} 
 a.ticketbtn { display:none;} 
 #notify { width:85%; height:270px; background:#fff; position:relative; padding:10px;}
 #notify a { padding:10px 0;}
 #notify a img { width:100%;}  
 #notify p { padding:10px; clear:both;} 
 #notify p.multitext { display:block;}
 #delpoplink p { width: 85%;} 
 #poplink { width: 280px; height: 318px;}
 #poplink p { width: 83%;}
 #tip2 { width:100%; height:30%; overflow-y:auto;}
 #tiptext { width:83%; height:30%; overflow-y:auto;} 
}
/* iPads (portrait) ----------- */
@media only screen
and (max-width : 768px) {
 #header { background-color:#fff; background-image:none;}
 #header #logo, #header #phones { text-align: center;}  
 #header #phones { display:none;} 
 #login { display:none;} 
 #mobileinfo {display:block; margin:0 15px;}
 #mobileinfo #socmed, #mobileinfo #topphone {
    color: #535353;
    float: left;
    text-align: left;
    margin: 5px 10px 5px 0;
    font-size: 1.4em;
    line-height: 1.1em;
}
 #loginmobile { display:block; color:#fff; background:#244e2b; border-top:3px solid #439c52; border-bottom:3px solid #439c52; text-align:left; font-size:1em;}
 #loginmobile.c4 { margin: 0 0 10px 0; padding:0 15px;} 
 #loginmobile p { color:#fff; float:none; text-align:left;}
 #loginmobile a { color:#fff;}
 #loginmobile .fb-link { float:left; margin:7px 0 0 20px; display:none;}
 #nav { display:none;}
 #nav-mobile { display:block; color:#fff; background:#013c74; border-top:3px solid #4489cc; border-bottom:3px solid #4489cc; text-align:left; font-size:1.2em; margin:0 0 20px 0;}
 #nav-mobile h3.expandable, #loginmobile h3.expandable { color:#fff; padding: 0 13px; font-size: 1.1em; cursor: pointer;}
 #nav-mobile h3.expandable span, #loginmobile h3.expandable span { font-size:0.6em;}
 #loginmobile h3.expandable { padding:0; font-size:1.3em;}
 #nav-mobile ul li { display:block; margin:10px 0;} 
 #nav-mobile a { color:#fff; padding:10px 15px; border:none;}
 #homebanner { display:none;}
 #hometagmobile {color: #fff;background: #333;padding: 5px 0;display:block; -moz-box-shadow:    0 3px 7px 0px #000;-webkit-box-shadow: 0 3px 7px 0px #000;box-shadow:         0 3px 7px 0px #000; font-family: "GilSans", Arial, Helvetiva, sans-serif;font-size: 1.1em; position: relative;z-index: 9;}
 #hometagmobile h2 {font-weight: normal;} 
 #homebannermobile { color:#fff; background:#013c74; padding:0 20px 20px 20px; display:block; font-family:Arial, Helvetica, sans-serif; font-size: 1.1em;}
 #homebannermobile h2 { color:#fff; padding:10px 20px;} 
 #homebannermobile #freeship { display:none;} 
 #homebannermobile .step, #homebannermobile #step1.step, #homebannermobile #step2.step { width: 100%; margin:15px 0 0 0;}
 #homebannermobile .step h3 { font-size:1.1em; text-transform:uppercase;} 
 #homebannermobile .step h3 span { font-size:1.3em; display:inline; font-weight:normal;} 
 #homebannermobile .step p span { color:#ff5a5a; font-weight: bold;} 
 #homequotetitle { display:none;}
 #homequotetitlemobile { background:#ffbe3d; font-size:1.1em; margin-top:10px; display:block;} 
 #homequotetitlemobile h3 { color:#000; font-family:Arial,Helvetica,sans-serif; font-size:1.1em; font-weight:bold; padding:10px 20px; text-transform:uppercase;} 
 #homequotetitlemobile h3 img { display:none;} 
 #homequotetitlemobile h3 span {color: #326c3c;font-weight: bold;} 
 #homemodel { height:auto; font-size:1.1em;}
 #homemodel #selectmodel h4 { width:100%; font-size:1.2em;}
 #homemodel #selectmodel select { width:100%; height:35px; font-size:1.2em; overflow: hidden; background: url(../../images/button-drop.png) no-repeat right center;} 
 #homemodel #selectmodel { width:100%;}
 #homemodel #selectedmodel { width:100%; text-align: center; margin:0;}
 #homemodel #selectcondition { width:100%;} 
 #homemodel #addtocart { width:100%;text-align:left;float:none;}
 #homecart { height:auto !important; font-size:1.1em;}
 #homecart #cartitems { height:auto !important;}
 #footer { text-align:left; margin:0 15px;}
 #footer a { display:block;} 
 #homebanner.subbanner { display:none;} 
 .sharinglinks { display:none;} 
 #trans #transdesktop { display:none !important;}
 #trans #transmobile { display:block !important;}
 #transmobile .transaction { margin:5px 0; padding:5px 0; border-bottom:1px solid #bbb;} 
 #transmobile .transaction ul { list-style:none;}
 a.ticketbtn { display:none;} 
 #notify { width:85%; height:270px; background:#fff; position:relative; padding:10px;}
 #notify a { padding:10px 0;}
 #notify a img { width:100%;}  
 #notify p { padding:10px; clear:both;} 
 #notify p.multitext { display:block;} 
 #delpoplink p { width: 85%;} 
 #poplink { width: 280px; height: 318px;}
 #poplink p { width: 83%;}
 #tip2 { width:100%; height:400px; overflow-y:auto;}
 #tiptext { width:83%; height:400px; overflow-y:auto;} 
} 
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 769px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
 #header { background-color:#fff; background-image:none;}
 #header #logo, #header #phones { text-align: center;} 
 #header #phones { display:none;} 
 #login { display:none;} 
 #loginmobile { display:block;}  
 #loginmobile.c4 { margin: 0 0 10px 0; padding:0 15px;} 
 #loginmobile p { color:#fff; float:none; text-align:left;}
 #loginmobile a { color:#fff;} 
 #nav { background:#013c74; border-top:3px solid #4489cc; border-bottom:3px solid #13518e; text-align:left;}
 #nav #calcsurl { display:none;}
 #nav ul li { display:block; margin:10px 0;} 
 #nav a { padding:10px 15px; border:none;} 
 #homebanner { color:#fff; background:#224f7a; padding-bottom:20px;}
 #homebanner h2 { padding:10px 20px;} 
 #homebanner #freeship { display:none;} 
 #homemodel { height:auto;} 
 #homemodel #selectcondition { width:220px;}  
 #homebanner.subbanner { display:none;} 
 a.ticketbtn { display:none;} 
 #tip2 { width:100%; height:30%; overflow-y:auto;}
 #tiptext { width:83%; height:30%; overflow-y:auto;} 
}
/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 769px) 
and (max-width : 960px) {
 #login p { color:#fff; text-align:left;}
 #nav { background:#013c74; border-top:3px solid #4489cc; border-bottom:3px solid #13518e; text-align:left;}
 #nav p { display:none;}
 #nav #calcsurl { display:none;}
 #nav ul li { display:block; margin:10px 0;} 
 #nav a { padding:0 15px; border:none;} 
 #homebanner { color:#fff; background:#224f7a; padding-bottom:20px;}
 #homebanner h2 { padding:10px 20px;} 
 #homebanner #freeship { display:none;} 
 #homebanner .step, #homebanner #step1.step, #homebanner #step2.step { width: 100%; margin:15px 0 0 0;} 
 #homebanner .step h3 { font-size:1.1em;} 
 #homebanner .step h3 span { display:inline;} 
 #homemodel { height:auto; font-size:1.1em;} 
 #homemodel #selectedmodel { width:150px; text-align: center; margin:0;} 
 #homemodel #selectcondition { width:220px;}   
 #homecart { height:auto !important; font-size:1.1em;}
 #homecart #cartitems { height:auto !important;} 
 #homebanner.subbanner { display:none;} 
 a.ticketbtn { display:none;} 
 #tip2 { width:100%; height:30%; overflow-y:auto;}
 #tiptext { width:83%; height:30%; overflow-y:auto;} 
}
/* 960-980 ----------- */
@media only screen 
and (min-width : 960px) 
and (max-width : 1020px) {
 #login p { width:100%;}
 #login p#facebook { float:left; text-align:left;}
 #homebanner .step { margin:25px 50px 10px 0;}
 #homebanner #step1.step { width:100px; margin:25px 80px 10px -20px;}
 #homebanner #step2.step { margin: 25px 100px 10px 40px;}
 #homemodel #selectedmodel { width:170px; text-align: center; margin:0;} 
 #homemodel #selectcondition { width:300px;}    
 #homecart { height:auto !important;}
 #homecart #cartitems { height:auto !important;} 
}
/* Screens 1024 to 1152 ---------- */
@media only screen 
and (min-width : 1024px) 
and (max-width : 1080px) {
 #homebanner .step { margin:25px 50px 10px 0;}
 #homebanner #step1.step { width:100px; margin:25px 80px 10px -20px;}
 #homebanner #step2.step { margin: 25px 150px 10px 40px;}
 #homemodel #selectedmodel { width:170px; text-align: center; margin:0;} 
 #homemodel #selectcondition { width:365px;}    
 #homecart { height:auto !important;}
 #homecart #cartitems { height:auto !important;} 
}

@media only screen 
and (min-width : 1081px) 
and (max-width : 1200px) {
 #homemodel #selectcondition { width:345px;}   
}

@media only screen 
and (min-width : 1200px) {
 p#calcsurl { position:absolute;}   
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
 #header { background-color:#fff; background-image:none;}
 #header #logo, #header #phones { text-align: center;}  
 #header #phones { display:none;} 
 #login { display:none;} 
 #mobileinfo {display:block; margin:0 15px;}
 #mobileinfo #socmed, #mobileinfo #topphone {
    color: #535353;
    float: left;
    text-align: left;
    margin: 5px 10px 5px 0;
    font-size: 1.4em;
    line-height: 1.1em;
}
 #loginmobile { display:block; color:#fff; background:#244e2b; border-top:3px solid #439c52; border-bottom:3px solid #439c52; text-align:left; font-size:1em;}
 #loginmobile.c4 { margin: 0 0 10px 0; padding:0 15px;} 
 #loginmobile p { color:#fff; float:none; text-align:left;}
 #loginmobile a { color:#fff;}
 #loginmobile .fb-link { float:left; margin:7px 0 0 20px; display:none;}
 #nav { display:none;}
 #nav-mobile { display:block; color:#fff; background:#013c74; border-top:3px solid #4489cc; border-bottom:3px solid #4489cc; text-align:left; font-size:1.2em; margin:0 0 20px 0;}
 #nav-mobile h3.expandable, #loginmobile h3.expandable { color:#fff; padding: 0 13px; font-size: 1.1em; cursor: pointer;}
 #nav-mobile h3.expandable span, #loginmobile h3.expandable span { font-size:0.6em;}
 #loginmobile h3.expandable { padding:0; font-size:1.3em;}
 #nav-mobile ul li { display:block; margin:10px 0;} 
 #nav-mobile a { color:#fff; padding:10px 15px; border:none;}
 #homebanner { display:none;}
 #hometagmobile {color: #fff;background: #333;padding: 5px 0;display:block; -moz-box-shadow:    0 3px 7px 0px #000;-webkit-box-shadow: 0 3px 7px 0px #000;box-shadow:         0 3px 7px 0px #000; font-family: "GilSans", Arial, Helvetiva, sans-serif;font-size: 1.1em; position: relative;z-index: 9;}
 #hometagmobile h2 {font-weight: normal;} 
 #homebannermobile { color:#fff; background:#013c74; padding:0 20px 20px 20px; display:block; font-family:Arial, Helvetica, sans-serif; font-size: 1.1em;}
 #homebannermobile h2 { color:#fff; padding:10px 20px;} 
 #homebannermobile #freeship { display:none;} 
 #homebannermobile .step, #homebannermobile #step1.step, #homebannermobile #step2.step { width: 100%; margin:15px 0 0 0;}
 #homebannermobile .step h3 { font-size:1.1em; text-transform:uppercase;} 
 #homebannermobile .step h3 span { font-size:1.3em; display:inline; font-weight:normal;} 
 #homebannermobile .step p span { color:#ff5a5a; font-weight: bold;} 
 #homequotetitle { display:none;}
 #homequotetitlemobile { background:#ffbe3d; font-size:1.1em; margin-top:10px; display:block;} 
 #homequotetitlemobile h3 { color:#000; font-family:Arial,Helvetica,sans-serif; font-size:1.1em; font-weight:bold; padding:10px 20px; text-transform:uppercase;} 
 #homequotetitlemobile h3 img { display:none;} 
 #homequotetitlemobile h3 span {color: #326c3c;font-weight: bold;} 
 #homemodel { height:auto; font-size:1.1em;}
 #homemodel #selectmodel h4 { width:100%; font-size:1.2em;}
 #homemodel #selectmodel select { width:100%; height:35px; font-size:1.2em; overflow: hidden; background: url(../../images/button-drop.png) no-repeat right center;} 
 #homemodel #selectmodel { width:100%;}
 #homemodel #selectedmodel { width:100%; text-align: center; margin:0;}
 #homemodel #selectcondition { width:100%;} 
 #homemodel #addtocart { width:100%;text-align:left;float:none;}
 #homecart { height:auto !important; font-size:1.1em;}
 #homecart #cartitems { height:auto !important;}
 #footer { text-align:left; margin:0 15px;}
 #footer a { display:block;} 
 #homebanner.subbanner { display:none;} 
 .sharinglinks { display:none;} 
 #trans #transdesktop { display:none !important;}
 #trans #transmobile { display:block !important;}
 #transmobile .transaction { margin:5px 0; padding:5px 0; border-bottom:1px solid #bbb;} 
 #transmobile .transaction ul { list-style:none;}
 a.ticketbtn { display:none;} 
 #notify { width:85%; height:270px; background:#fff; position:relative; padding:10px;}
 #notify a { padding:10px 0;}
 #notify a img { width:100%;}  
 #notify p { padding:10px; clear:both;} 
 #notify p.multitext { display:block;} 
 #delpoplink p { width: 85%;} 
 #poplink { width: 280px; height: 318px;}
 #poplink p { width: 83%;}
 #tip2 { width:100%; height:400px; overflow-y:auto;}
 #tiptext { width:83%; height:400px; overflow-y:auto;}  
}

@media
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {
 #header { background-color:#fff; background-image:none;}
 #header #logo, #header #phones { text-align: center;}  
 #header #phones { display:none;} 
 #login { display:none;} 
 #mobileinfo {display:block; margin:0 15px;}
 #mobileinfo #socmed, #mobileinfo #topphone {
    color: #535353;
    float: left;
    text-align: left;
    margin: 5px 10px 5px 0;
    font-size: 1.4em;
    line-height: 1.1em;
}
 #loginmobile { display:block; color:#fff; background:#244e2b; border-top:3px solid #439c52; border-bottom:3px solid #439c52; text-align:left; font-size:1em;}
 #loginmobile.c4 { margin: 0 0 10px 0; padding:0 15px;} 
 #loginmobile p { color:#fff; float:none; text-align:left;}
 #loginmobile a { color:#fff;}
 #loginmobile .fb-link { float:left; margin:7px 0 0 20px; display:none;}
 #nav { display:none;}
 #nav-mobile { display:block; color:#fff; background:#013c74; border-top:3px solid #4489cc; border-bottom:3px solid #4489cc; text-align:left; font-size:1.2em; margin:0 0 20px 0;}
 #nav-mobile h3.expandable, #loginmobile h3.expandable { color:#fff; padding: 0 13px; font-size: 1.1em; cursor: pointer;}
 #nav-mobile h3.expandable span, #loginmobile h3.expandable span { font-size:0.6em;}
 #loginmobile h3.expandable { padding:0; font-size:1.3em;}
 #nav-mobile ul li { display:block; margin:10px 0;} 
 #nav-mobile a { color:#fff; padding:10px 15px; border:none;}
 #homebanner { display:none;}
 #hometagmobile {color: #fff;background: #333;padding: 5px 0;display:block; -moz-box-shadow:    0 3px 7px 0px #000;-webkit-box-shadow: 0 3px 7px 0px #000;box-shadow:         0 3px 7px 0px #000; font-family: "GilSans", Arial, Helvetiva, sans-serif;font-size: 1.1em; position: relative;z-index: 9;}
 #hometagmobile h2 {font-weight: normal;} 
 #homebannermobile { color:#fff; background:#013c74; padding:0 20px 20px 20px; display:block; font-family:Arial, Helvetica, sans-serif; font-size: 1.1em;}
 #homebannermobile h2 { color:#fff; padding:10px 20px;} 
 #homebannermobile #freeship { display:none;} 
 #homebannermobile .step, #homebannermobile #step1.step, #homebannermobile #step2.step { width: 100%; margin:15px 0 0 0;}
 #homebannermobile .step h3 { font-size:1.1em; text-transform:uppercase;} 
 #homebannermobile .step h3 span { font-size:1.3em; display:inline; font-weight:normal;} 
 #homebannermobile .step p span { color:#ff5a5a; font-weight: bold;} 
 #homequotetitle { display:none;}
 #homequotetitlemobile { background:#ffbe3d; font-size:1.1em; margin-top:10px; display:block;} 
 #homequotetitlemobile h3 { color:#000; font-family:Arial,Helvetica,sans-serif; font-size:1.1em; font-weight:bold; padding:10px 20px; text-transform:uppercase;} 
 #homequotetitlemobile h3 img { display:none;} 
 #homequotetitlemobile h3 span {color: #326c3c;font-weight: bold;} 
 #homemodel { height:auto; font-size:1.1em;}
 #homemodel #selectmodel h4 { width:100%; font-size:1.2em;}
 #homemodel #selectmodel select { width:100%; height:35px; font-size:1.2em; overflow: hidden; background: url(../../images/button-drop.png) no-repeat right center;} 
 #homemodel #selectmodel { width:100%;}
 #homemodel #selectedmodel { width:100%; text-align: center; margin:0;}
 #homemodel #selectcondition { width:100%;} 
 #homemodel #addtocart { width:100%;text-align:left;float:none;}
 #homecart { height:auto !important; font-size:1.1em;}
 #homecart #cartitems { height:auto !important;}
 #footer { text-align:left; margin:0 15px;}
 #footer a { display:block;} 
 #homebanner.subbanner { display:none;} 
 .sharinglinks { display:none;} 
 #trans #transdesktop { display:none !important;}
 #trans #transmobile { display:block !important;}
 #transmobile .transaction { margin:5px 0; padding:5px 0; border-bottom:1px solid #bbb;} 
 #transmobile .transaction ul { list-style:none;}
 a.ticketbtn { display:none;} 
 #notify { width:85%; height:270px; background:#fff; position:relative; padding:10px;}
 #notify a { padding:10px 0;}
 #notify a img { width:100%;}  
 #notify p { padding:10px; clear:both;} 
 #notify p.multitext { display:block;} 
 #delpoplink p { width: 85%;} 
 #poplink { width: 280px; height: 318px;}
 #poplink p { width: 83%;}
 #tip2 { width:100%; height:400px; overflow-y:auto;}
 #tiptext { width:83%; height:400px; overflow-y:auto;} 
}

@media only screen 
and (max-device-width : 1920px)
and (orientation: portrait) {
}