@charset "utf-8";
/* CSS Document */

body {line-height: 24px; margin: 0px; background-color: #eeeeee; font-family: 'Roboto', sans-serif; color: #231f20;}
footer {clear: both;color: #6d6e71; margin-top: 50px; font-size: 14px; width: 100%; padding: 30px 0px; text-align: center; text-transform: uppercase;}
div.container {width: 1100px; margin: 0 auto;}
div.containerexit {padding: 60px 0px; width: 1100px; margin: 0 auto;}

div.cc2 {float: left; padding: 14px; margin-left: -24px;}
div.cc3 {float: left; width: 10%; margin-right: 6%;}

a {color: #00adef; text-decoration: none;}
a:hover {color: #005581; text-decoration: underline;}
h1 {font-weight: 300; font-size: 34px; color: #231f20;}
.lt {float: left;}
.rt {float: right;}
.clr {clear: both;}
 
a.button2:hover {text-decoration: none !important;}
/******* HEADER *******/
header {background: #fff; border-top: solid 6px #00aeef; height: 100px;}
div.sitelogo {margin-top: 20px;}
div.sitetitle {font-size: 26px; color: #231f20; margin-top: 40px; margin-right: 50px; font-weight: 300;}
div.needhelp {margin-top: 27px; text-align: right; font-size: 16px;}
div.needhelp2 {margin-top: 27px; font-size: 16px; }

input.checkbox {width: 20px; color: #00aeef; height: 20px; margin-right: 15px;}			

div.sectiontitle {font-style: italic; margin: 10px 0px 20px 0px; float: left;}
span.need {color: #005581; font-weight: bold; font-size: 18px;}

/******* BODY *******/
div.breadcrumbs {text-align: center; padding: 50px 0px 20px 0px;}
div.mainContainer {
	text-align: center;
	padding-top: 10%;
	margin: 0 auto;
}
div.container2 {width: 20%; margin: 0 auto;}
div.containermain {padding-top: 60px;width: 1100px; margin: 0 auto;}

select.exit {color:#231f20; padding-left: 20px; height: 50px; width: 100%; border-radius: 4px; background-color: #fff; border: none; margin-bottom: 15px; font-size: 16px;}
textarea.exit {font-family: 'Roboto', sans-serif; color:#231f20; padding: 20px; height: 115px; width: 100%; border-radius: 4px; background-color: #fff; border: none; margin-bottom: 15px; font-size: 16px;}

input.info2 {color:#231f20; padding-left: 20px; height: 50px; width: 95%; border-radius: 4px; background-color: #fff; border: none; margin-bottom: 15px; font-size: 16px;}
select.info2 {color:#231f20; padding-left: 20px; height: 50px; width: 102%; border-radius: 4px; background-color: #fff; border: none; margin-bottom: 15px; font-size: 16px;}
select.info3 {color:#231f20; padding-left: 20px; height: 50px; width: 40%; border-radius: 4px; background-color: #fff; border: none; margin-bottom: 15px; font-size: 16px;}
select.info4 {color:#231f20; padding-left: 20px; height: 50px; width: 50%; border-radius: 4px; background-color: #fff; border: none; margin-bottom: 15px; font-size: 16px;}
option.grey {color: #cfcfcf;}

input.info4 {color:#231f20; padding-left: 20px; height: 50px; width: 60%; border-radius: 4px; background-color: #fff; border: none; margin-bottom: 15px; font-size: 16px;}



input {color:#231f20; padding-left: 20px; height: 50px; width: 100%; border-radius: 4px; background-color: #fff; border: none; margin-bottom: 15px; font-size: 16px;}
button#submit {cursor: pointer; background-color: #00aeef; text-transform: uppercase; font-size: 18px; font-weight: 300; height: 50px; width: 100%; border-radius: 4px; color: #fff; border: none; margin-bottom: 25px; font-size: 16px;}
form {margin: 30px 0px;}
input:focus {outline-offset: -2px; outline:-webkit-focus-ring-color auto 5px; border: 1px solid #0e89d8;}
input::placeholder {color: #231f20;}
textarea::placeholder { color: #231f20;}

div.infobox {margin-bottom: 20px; display: inline-block; width: 96%; border: solid 2px #cfcfcf; border-radius: 4px; padding: 20px;}
div.infobox2 {margin-bottom: 20px;display: inline-block; width: 45%; border: solid 2px #cfcfcf; border-radius: 4px; padding: 20px; }
span.price {font-weight: 700; color: #00aeef;}
div.titlebox h1 {margin-top: 0px; line-height: 32px; color: #005581; font-size: 26px; font-weight: 300;}
div.titlebox {width: 25%; float: left; margin-right: 3%;}
div.regularbox {width: 69%; float: left;}
div.regularbox2 {width: 37%; float: left;}
div.infobox3 {display: inline-block; width: 100%; border: solid 2px #cfcfcf; border-radius: 4px; padding: 10px; text-align: center;}
 
div.cc {width: 10%; margin-right: 6%; float: left;} 
 
 
div.col1 {width: 48%; float: left;} 
div.col2 {width: 48%; float: right;}
div.col31 {width: 30%;  margin-right: 4.5%; float: left;}
div.col32 {width: 30%; margin-right: 0%; float: left;}

div.col {width: 31%;  margin-right: 11%;}
div.coll {width: 15%;margin-right: 0%;}
div.divbox1 {width: 33.3%; }
.lefty {text-align: left;}
.righty {text-align: right;}
.padleftonly {padding-left: 8px;}
input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:31px;
							height:26px; 
							display:inline-block;
							background-repeat:no-repeat;
							background-position: 0 0;
							vertical-align:middle;
							cursor:pointer;
							margin-right: 25px;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -26px;
						}
						label.css-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_928d470f69e881925564509b4be87e4f.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
img.cards {position: absolute; margin-top: 7px; margin-left: -225px;}	
input.checkbox {width: 20px; color: #00aeef; height: 20px; margin-right: 15px;}			
table.radiobutton {margin: 20px 0px;}

h2.due {color: red; font-weight: bold;}
tr.nocolor {background-color: #eeeeee !important;}
td.blue {font-weight: bold;}
td.blue2 {color: red; font-weight: bold;}
td.blue3 {font-style: italic;}

div.green {text-align: right; font-weight: bold; color: #5a922e; font-size: 21px; /*padding-right: 10px;*/ margin: 15px 0px 25px 0px;}

td.red {color: red; font-weight: bold; font-size: 20px;}
div.red {text-align: right; font-weight: bold; color: red; font-size: 21px; padding-right: 10px; margin: 15px 0px 25px 0px;}
div.red2 {text-align: right; font-weight: bold; color: red; font-size: 21px; /*padding-right: 10px;*/ margin: 5px 0px 25px 0px;}
div.total {line-height: 32px; text-align: right; font-size: 21px; padding-right: 10px; margin: 15px 0px 25px 0px;}

table.review {width: 100%;}
a.nounderline:hover {text-decoration: none; color: #fff;}
a.nounderline {color: #fff;}
div.button {width: 33%; float: right; text-align: center;padding: 20px; background-color: #00aeef; border-radius: 4px; }
div.button a {color: #fff; text-decoration: none; text-transform: uppercase;}
div.button:hover {background-color: #009BD6;}
input.number {margin-top: 20px; width: 10%;}
div.button2 {color: #fff; width: 97%; text-align: center;padding: 13px 10px; background-color: #00aeef; border-radius: 4px; margin: 15px 0px; margin-top: 24px;}
div.button2 a {color: #fff; text-decoration: none; text-transform: uppercase;}
div.button2:hover {background-color: #009bd5;}
a:hover div.button2 {color: #fff; text-decoration: none !important;}
div.button3 {border-radius: 4px; width: 25%; text-align: center; padding: 15px; background-color: #00aeef; }
div.button3:hover {background-color: #009BD6;}
div.button3 a {color: #fff; text-decoration: none; text-transform: uppercase;}
div.button3:hover {background-color: #009BD6;}

div.button4 {color: #fff; width: 40%; text-align: center; padding: 13px 10px; background-color: #00aeef; border-radius: 4px; float: left;}
div.button4 img {position: absolute; margin-top: 4px; margin-left: -30px;}
div.button4 a {color: #fff; text-decoration: none; text-transform: uppercase;}
div.button4:hover {background-color: #009bd5;}
a:hover div.button4 {color: #fff; text-decoration: none !important;}

div.button5 {color: #fff; width: 40%; text-align: center; padding: 13px 10px; background-color: #00aeef; border-radius: 4px; float: right;}
div.button5 img {position: absolute; margin-top: 4px; margin-left: 15px;}
div.button5 a {color: #fff; text-decoration: none; text-transform: uppercase;}
div.button5:hover {background-color: #009bd5;}
a:hover div.button5 {color: #fff; text-decoration: none !important;}

div.button6 {color: #fff; width: 97%; text-align: center;padding: 13px 10px; background-color: #00aeef; border-radius: 4px; margin: 0px;}
div.button6 a {color: #fff; text-decoration: none; text-transform: uppercase;}
div.button6:hover {background-color: #009bd5;}
a:hover div.button6 {color: #fff; text-decoration: none !important;}

div.buttonDisabled {background-color: #888 !important; pointer-events: none !important; cursor: default !important;}

div.buttonpurchase {color: #fff; width: 40%; text-align: center; padding: 13px 10px; background-color: #7ac143; border-radius: 4px; float: right;}
div.buttonpurchase img {position: absolute; margin-top: 4px; margin-left: 15px;}
div.buttonpurchase a {color: #fff; text-decoration: none; text-transform: uppercase;}
div.buttonpurchase:hover {background-color: #6BAC39;}
a:hover div.buttonpurchase {color: #fff; text-decoration: none !important;}


div.buttonpart {float: right; color: #fff; width: 65%; text-align: center;padding: 13px 10px; background-color: #7ac143; border-radius: 4px; margin: -15px 0px 15px 0px;}
div.buttonpart a {color: #fff; text-decoration: none; text-transform: uppercase;}
div.buttonpart:hover {background-color: #6FB23A;}
a:hover div.buttonpart {color: #fff; text-decoration: none !important;}

div.buttonbox {width: 100%; text-align: center; margin: 15px 0px 50px 0px;}
a.button3 {border-radius: 4px;text-align: center; display: block; margin: 0 auto; width: 25%; padding: 15px 30px; background-color: #00aeef; color: #fff; margin-bottom: 20px; }
a.button3:hover {background-color: #009BD6; text-decoration: none;}

div.error {float: right; width: 25%; border: solid 1px #bf0000; padding: 20px; border-radius: 4px;}

h1.ordercomplete {text-align: center; color: #00aeef;}
h1.ordercomplete2 {color: #00aeef;}

h2 {font-size: 28px; font-weight: 300; color: #231f20;}

ul li {margin: 5px; margin-bottom: 10px;}
ol li {margin-bottom: 25px;}
/*ul {padding-left: 15px; list-style:url('images/bull_right.png') outside; margin-top: 15px; margin-bottom: 25px;}*/
ul {padding-left: 15px; margin-top: 15px; margin-bottom: 25px;}

footer a {color: #88898C; text-decoration: none;}
div.forgot {text-align: center; padding: 20px;}

div.newpassword {text-align: center;}
div.maincontent {width: 70%;}
div.sidebar {width: 25%; text-align: center;}
div.boxbutton {margin-bottom: 10px; width: 100%; background: #812990; border-radius: 4px; text-align: center; color: #fff; float: left;}
div.boxbutton2 {margin-bottom: 10px;width: 49%; background: #00aeef; border-radius: 4px; text-align: center; color: #fff; float: left;}
div.boxbutton3 {margin-bottom: 10px;width: 49%; background: #00aeef; border-radius: 4px; text-align: center; color: #fff; float: right;}
div.boxbutton2:hover, div.boxbutton3:hover {background: #009BD6;}
div.boxbutton:hover {background: #752583;}
div.boxbutton h2, div.boxbutton2 h2, div.boxbutton3 h2 {color: #fff; font-size: 24px; margin-top: 10px; margin-bottom: 25px;}
div.boxbutton img, div.boxbutton2 img, div.boxbutton3 img {margin-top: 25px;}

div.radioboxcontainer {margin: 42px 0px;}
div.radiobox {width: 27%; float: left; text-align: center; padding: 18px; margin: 15px;}
div.radiobox a {text-decoration: none;}
div.radiobox h2 {margin-bottom: 0px;}
div.radiobox a {color: #6d727d; font-weight: 400; font-size: 20px;}
div.radiobox a:hover {text-decoration: underline;}

div.buttonactive {margin-right: 10px; background: #00aeef; width: 170px; text-align: center; padding: 12px; float: left; border-top-left-radius: 4px; border-top-right-radius: 4px;}
div.buttonoff {margin-right: 10px; background: #7ac143; width: 170px; text-align: center; padding: 12px; float: left; border-top-left-radius: 4px; border-top-right-radius: 4px;}
div.buttonactive:hover {background: #009BD6;}
div.buttonoff:hover {background: #6AAA38;}
div.navbuttons {width: 1100px; margin: 0 auto; color: #fff; margin-top: -48px;}
div.navbuttons a {color: #fff;}
div.navbuttons a:hover {color: #fff; text-decoration: none;}
div.headerimage {background:url('images/bg.jpg');}
div.headercontent {width: 1100px; margin: 0 auto; padding: 85px 0px 100px}
div.headercontent h1 {color: #fff; font-size: 42px;}

div.maincontentinner {float: left; width: 45%;}
div.maincontentinner2 {margin-top: 20px; text-align: right; float: right; width: 55%;}
div.maincontentinner3 {width: 50%;}
div.maincontentinner4 {text-align: right; width: 50%;}

div.blueborder2 {border-radius: 4px; border: solid 2px #00aeef; padding: 10px 30px; margin-top: 35px; margin-bottom: 50px;}

div.blueborder {border-radius: 4px; border: solid 2px #00aeef; padding: 10px 30px; margin-top: 35px; margin-bottom: 50px;}
div.blueborder h2 {font-size: 22px; font-weight: 500; background: #eeeeee; margin-top: -24px; padding: 0px 10px; position: absolute;}
div.bluebordercontent {padding: 20px 0px 0px;}
div.bluebordercontent2 {padding: 0px 0px 20px;}
input.checkbox {height: 20px; margin-bottom: 0px;}
input.checkbox:checked {color: lime;}
table {
    border-collapse: collapse;
    width: 100%;
}
th {background: #eeeeee;}

td, th {
    text-align: center;
    padding: 8px;
}

tr:nth-child(odd) {
    background-color: #e4e4e4;
}
tr:nth-child(even) {
    background-color: #d2d2d2;
}

table.regular {
    border-collapse: collapse;
    width: 100%;
	margin-top: 20px;
}
table.regular th {background: #eeeeee;}

table.regular td, table.regular th {
    text-align: left;
    padding: 6px;
}

table.regular tr:nth-child(odd) {
    background-color: #eeeeee;
}
table.regular tr:nth-child(even) {
    background-color: #eeeeee;
}

table.nopad {
    border-collapse: collapse;
    width: 100%;
}
table.nopad th {background: #eeeeee;}

table.nopad td, table.nopad th {
    text-align: left;
    padding: 0px 8px;
	vertical-align: top;
}

table.nopad img {margin-top: 2px;}

table.nopad tr:nth-child(odd) {
    background-color: #eeeeee;
}
table.nopad tr:nth-child(even) {
    background-color: #eeeeee;
}

span.pay a {background: #00aeef; color: #fff; border-radius: 4px; padding: 5px 15px;}
span.pay a:hover {background: #009BD6; text-decoration: none;}
div.total {text-align: right; margin-top: 20px;}

div.leftside {width: 43%; float: left;}
div.rightside {width: 55%; float: right;}

select {color:#fff; padding-left: 20px; height: 40px; width: 108%; border-radius: 4px; background-color: #737373; border: none; margin-bottom: 0px; font-size: 16px;}

input.info {color:#fff; padding-left: 20px; height: 40px; width: 100%; border-radius: 4px; background-color: #737373; border: none; margin-bottom: 0px; font-size: 16px;}
span.gray {color: #6d6e71;}

div.rightside .blueborder, div.leftside .blueborder {margin-bottom: 25px;}


div.filter {width: 60%; float: left; margin-right: 7%;}
div.filter2 {width: 32%; float: left;}

td.green {color: #7ac143; font-weight: bold;}
input.date {color:#fff; padding-left: 20px; height: 40px; width: 86%; border-radius: 4px; background-color: #737373; border: none; margin-bottom: 0px; font-size: 16px;}

div.buttonpay {margin-bottom: 40px; border-radius: 4px; width: 80%; text-align: center; float: right;padding: 15px; background-color: #00aeef; }
div.buttonpay:hover {background-color: #009BD6;}
div.buttonpay a {color: #fff; text-decoration: none; text-transform: uppercase;}
div.buttonpay:hover {background-color: #009BD6;}

div.link1 {float: left; width: 33.3%; text-align: center; padding: 20px 0px; text-decoration: underline;}

div.totaltext {float: right; width: 300px;}
div.totaltext2 {float: right; width: 140px;}

#ulErrors {width:95%; color: #bf0000; border: solid 1px #bf0000; padding: 20px 0px 20px 47px; border-radius: 4px; text-align: left; list-style: disc;}
#ulErrors li {border:none !important; padding-right: 20px;}
#ulErrorsBilling {width:95%; color: #bf0000; border: solid 1px #bf0000; padding: 20px 0px 20px 47px; border-radius: 4px; text-align: left; list-style: disc;}
#ulErrorsBilling li {border:none !important; padding-right: 20px;}
#ulErrorsContact {width:95%; color: #bf0000; border: solid 1px #bf0000; padding: 20px 0px 20px 47px; border-radius: 4px; text-align: left; list-style: disc;}
#ulErrorsContact li {border:none !important; padding-right: 20px;}
#ulErrorsUPSAddress {width:95%; color: #bf0000; border: solid 1px #bf0000; padding: 20px 0px 20px 47px; border-radius: 4px; text-align: left; list-style: disc;}
#ulErrorsUPSAddress li {border:none !important; padding-right: 20px;}
.errorlist {display: none;}
.errorlistbilling {display: none;}
.errorlistcontact {display: none;}
.errorlistupsaddress {display: none;}
#ulSuccess {width:95%; color: #538a29; border: solid 1px #538a29; padding: 20px 0px 20px 47px; border-radius: 4px; text-align: left; list-style: disc;}
.successlist {display: none;}
.errorHighlight {border:solid 1px #bf0000 !important;}
#divResultErrors {width:95%; padding: 20px; border-radius: 4px; text-align: left; display: none; color: #bf0000;}
#divResultErrors > ul {list-style:disc;margin:0px;}
#divResetMessage {display:none;}
.loggedIn {display:none;}
.nowrap {white-space: nowrap; font-weight: bold;}
.starthidden {display:none;}
td.regularred {color: red; font-weight: bold;}
input:read-only {background-color:#444;color:#AAA;}
input:-moz-read-only {background-color:#444;color:#AAA;}
input[readonly] {background-color:#444;color:#AAA;}
select:disabled {background-color:#444;color:#AAA;}
#spanProcessing {display:none; text-align: center; vertical-align: central; color: #00aeef; font-style: italic;}
.spanProcessingClass {display:none; text-align: center; vertical-align: central; color: #00aeef; font-style: italic;}
div.maincontentinner h1 {line-height:normal;}
form {margin: 0px; padding: 0px;}
#formLogin {margin: 30px 0px;}
.borderbottom {border-bottom: solid 1px #00aeef; margin-bottom: 12px; padding-bottom: 4px; }
.bluedottydivide {border-top: 1px dotted #00AEEF; height: 15px;}
div.buttonforbidden {color: #bf0000; padding: 0px 10px; background-color: #FFDDDD; border: 2px solid #bf0000; border-radius: 4px; cursor: not-allowed;}
div.buttonforbidden img {position: absolute; margin-top: 4px; margin-left: 15px;}

.ajax-icon {float: left; margin-right: 16px;}
.ajax-text {margin-top: 5px;}

.copyBilling {text-align: center; padding-bottom: 16px; font-size: 16px;}
.addNew {text-align:center;margin: 4px 0px 16px 0px;font-weight:bold;}

.modalSave {text-align: center; vertical-align: central; color: #00aeef; font-style: italic;}

div.achInfo {border-radius: 4px; border: solid 2px #00AEEF; background-color: #e4e4e4; padding: 10px 30px; margin-top: 15px; margin-bottom: 15px;}

.chkBxLabel {
	line-height: 20px;
	vertical-align: top;
	padding-right: 10px;
}