body {
  background: url("../images/bk_repeat.gif") repeat;
  padding: 0;
  margin: 0;
  font-family: "Lato", arial;
  font-size: 16px; }

h2.formhead{
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}

.main {
  background: url("") white;
  width: 950px;
  margin: 0 auto;
  box-shadow: 6px 7px 4px -4px #c6c6c6, -6px 7px 4px -4px #c6c6c6;
  -moz-box-shadow: 6px 7px 4px -4px #c6c6c6, -6px 7px 4px -4px #c6c6c6;
  -webkit-box-shadow: 6px 7px 4px -4px #c6c6c6, -6px 7px 4px -4px #c6c6c6; }

header.top {
  border-bottom: 2px solid #2d6ab3;
  padding: 10px 20px; }

.logo-left {
  float: left;
  padding: 10px 0 0 0; }

.logo-right {
  float: right; }

.clear {
  clear: both; }

header.shout {
  margin: 20px auto;
  text-align: center; }

.bonus {
  text-align: center;
  margin: 0px auto 20px auto; }

.shout-it {
  font: bold 30px/1.3 "Lato", Arial;
  color: #2d6ab3; }
  .shout-it .small-grey {
    color: #4c4c4c;
    font: bold 21px/1.3 "Lato", Arial; }

.mag-area, .mag-area-small {
  text-align: center;
  width: 820px;
  margin: 0 auto;
  font: normal 16px/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.mag-area .title, .mag-area-small .title {
  font-weight: bold; }
.mag-area .issues, .mag-area-small .issues {
  font-size: 14px;
}

.small-mag-item {
  float: left;
  padding: 10px 10px 10px 0px;
  min-height:110px;
  }

.mag-item {
  float: left;
  padding: 10px 30px; }

.mag-img img {
  border: 4px solid #dad8cf; }

.mag-img-small img {
  border: 2px solid #dad8cf; }

.mag-area-small {
  font-size: 14px;
  border-top: 1px solid #dad8cf;
  margin-top: 20px;
  padding-top: 20px;
  text-align: left; }
.mag-area-small .issues {
    font-size: 12px; }

.mag-img-small, .mag-info {
  float: left; }

.mag-img-small {
  width: 65px; }

.mag-info {
  padding: 0px 0 0 7px;
  width: 190px; }

.sel-t {
	color: #231f20;
	margin: 0 auto;
	text-align: center; 
	margin-top: 20px;}
.sel-t h1 {
  color: #1367a3;
  font: normal 18px/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}
.sel-exp {
  font: normal 16px/1.3 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}
.line-list {
  font: bold 14px/1.5 Arial;
  width: 820px;
  margin: 0 auto;
  padding: 10px 0px; 
}
.line-list h1 {
  color: #000000; 
}
.line-list header {
  border-bottom: 1px solid #dad8cf;
  margin: 0 0 20px 0; 
}
.selecttxt{
  float: left;
  width: 80%;
  height: 37px;
  line-height: 35px;
}
.remove{
	padding:10px 0;
}
.remove:hover{
	cursor:pointer;
}
ul.ul-line{
	width:50%;
	float:left;
}
ul li {
  width: 92%;
  margin: 0 auto;
  text-decoration: none;
  padding: 10px 20px 0px 10px; }
ul li .cbox-hold, ul li .title, ul li .issues {
  float: left; }
ul li .select {
  float: right; }
ul li .title {
  font-size: 13px;
  color: #111;
  margin: 0 5px; }
ul li .issues {
  font-size: 11px;
  color: #444;
  font-weight: normal;
  margin: 2px 5px; }
ul li.grey-bk {
  background-color: #f8f8f6; }

.selections {
  width: 820px;
  margin: 20px auto; }
.selections ul li {
  color: #999;
  background: url("../images/back-slice.png") repeat-x;
  margin: 0 7px;
  float: left;
  width: 188px;
  padding: 0;
  text-align: center;
  border: 1px solid #b9c6cd;
  box-shadow: 2px 3px 2px -2px #d9d9d9, 2px 3px 2px -2px #d9d9d9, 2px 3px 2px -2px #d9d9d9; }
.selections ul li.has-title {
  color: #000; }
.selections ul li.l {
  margin-right: 0px; }
.selections ul li.r {
  margin-left: 0px; }

.checkout {
	width: 820px;
	margin: 0 auto; 
	margin-top: 40px;}

.checkout-head {
  border-bottom: 1px solid #d6d6d6;margin:0 0 10px 0;padding-bottom: 5px;}
.checkout-head .magout-logo, .checkout-head .secure-t {
  float: left; }
.checkout-head .magout-logo {
  width: 360px; color: #565656;}
.checkout-head .secure-t {
  font: bold 16px/1.5 Arial; }

/*
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
 Helvetica, Arial, "Lucida Grande", sans-serif
 */

.ara{
	float:left;
	text-align:justify;
	font-family:Arial;
	font-size:13px;
	line-height:18px;
	width:385px;
	margin:2px 0 0 0;
}
.form{float:left;margin: 0 0 0 20px; width:415px;font-family:Arial;}
.b{font-weight:bold;}
#myform{
	float: left;
}
.padded{
	float: left;
}
div .field-space{
	margin: 3px 0;
	color: #000;
	width: 191px;
	padding: 4px 5px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 14px;
}
div input.full-field{
	width: 400px;
}
.form-left{
	float: left;
  	width: 205px;
}
.quarter-width{
	width: 210px;
}
.selectBox {
	background: url('../images/select-short.gif') 0% 2px no-repeat;
	width: 100px;
	padding: 0 0 0 6px;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	height: 32px;
	float: left;
	margin: 1px 0 0 5px;
}
div.select-exp{
	background: url('../images/select-exp.gif') 0% 2px no-repeat;
	width: 82px;
}
span.value {
	font-family: Helvetica, Arial, sans-serif;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 32px;
	color: #000;
	width: 100px;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
}
.selectBox select {
	position: absolute;
	top: 6px;
	left: 0px;
	padding-left: 5px;
	z-index: 2;
	width: 100px;
	border: none;
	cursor: pointer;
	font-weight: normal;
	font-size: 14px;
	color: #000;
	opacity: 0;
	height: 65%;
	line-height: 60px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.form .select{
	display:block;
	width:95px;
	border: 1px solid #d6d6d6;
	float:left;
	line-height:20px;
	height:26px;
	font-size:12px;
	color:#444444;
}
.selectBox select {
	position: absolute;
	top: 6px;
	left: 0px;
	padding-left: 5px;
	z-index: 2;
	width: 100%;
	border: none;
	cursor: pointer;
	font-weight: normal;
	font-size: 14px;
	color: #000;
	opacity: 0;
	height: 65%;
	line-height: 60px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.field-space{
	margin-right:9px;
}
.selectBox.long {
	background: url('../images/select-long.gif') 0% 2px no-repeat;
	width: 225px;
	padding-top: 0;
	padding: 0 5px 0 6px;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	height: 32px;
	margin-left: 0;
}
.select-btn{
	width:74px;
	display:block;
	height:22px;
	cursor:pointer;
	background:url('../images/select.gif') center left no-repeat;
}
.selected-btn{
	width:74px;
	display:block;
	height:22px;
	cursor:pointer;
	background:url('../images/selected.gif') center left no-repeat;
}
.centered{
	margin:0 auto;
}

#comodo{
	background:url('../images/comodo.jpg') right bottom no-repeat;
	padding:20px 0 20px 0;
	margin:5px 0;
	font-size:12px;
}

#ccnum{
	padding:0 0 2px 0;
	font-size:12px;	
}

#cc-expire{
	margin:10px 0 5px;
	padding:0 0 10px 0;
	font-size:12px;	
}

.form h2.expdate{
	font-size: 10px;
	line-height: 10px;
	margin-left: 11px;
}
.form .expmonth{
	margin-top: 0;
	margin-right: 0;
}

.form .expyear{
	margin-top: 0;
  	margin-left: 5px;
}

#submit-btn{
	display:block;
	width:237px;
	height:63px;
	background:url('../images/ship-btn.jpg') top left no-repeat;
	text-decoration:none;
	cursor:pointer;
	margin-top: 120px;
}

#confirm-section{
	padding:30px;
	font-size:14px;
}

#confirm-section h1{
	font-size:28px;
	font-weight:bold;
	margin:0 0 10px 0;
}

#confirm-list{
	margin:30px 0;
}
#confirm-list li{
	width:300px;
	float:left;
	font-size:18px;
	line-height:24px;
}

#confirm-list h2{
	font-size:24px;
	color:#999999;
	font-weight:bold;
	margin: 0 0 10px 0;
}
.greycconf{
	color:#565656;
	font-weight:bold;
}
footer{
	margin:25px;
	border-top:1px solid #d6d6d6;
	padding:15px 0;
	font-family: Arial;
}
#footer-left{
	float:left;
	width:350px;
	font-size:12px;
}
#footer-right{
	float:right;
	width:310px;
	text-align:right;
}

#footer-right a{
	color:#000000;
	text-decoration:none;
	font-size:12px;
}

.h100{
	margin-bottom:500px;
}
.black{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}

.line-shade{
	background:#f8f8f6;
}

#please_wait{
	display:none;
}

strong{
	font-weight:bold;
}
.secure-lock{
	margin-left: 10px;  
	position: absolute;
	top: 10%;
	right: -10%;
}
.exp-slash{
	float:left;
	font-size:21px;
	line-height:35px;
	margin-left:7px;
	margin-right:3px;
}