@charset "UTF-8";
/* CHECKOUT PAGE CSS */

/* MAIN CONTENT CONTAINER */
#sphere { 
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}



/* TITLE ROW */
#tip-top {
  width: 960px;
  height: 93px;
}
#simple-logo a {
  width: 326px;
  height: 93px;
  float: left;
}
#benefiq-logo {
  width: 220px;
  height: 93px;
  float: right;
  background: transparent url(images/benefiq_logo.gif) no-repeat scroll;
}
#back-to-home {
  width: 100px;
  height: 41px;
  float: right;
  padding-top: 44px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 300;
  text-align: right;
  color: #666;
  text-decoration: underline;
}
#call-us-now {
  float: right;
	width: 300px;
  height: 93px;
	margin: 0;
	padding: 0;
	border: 0;
}
#chat-now img {
  float: right;
	width: 300px;
  height: 93px;
	margin: 0;
	padding: 0;
	border: 0;
}

/* END TITLE ROW */



/* STEPS */
.steps {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 3px;
  font-size: 21px;
  font-weight: 500;
  color: #15233C;
}
.steps-2and3 {
  padding: 0;
  font-size: 21px;
  font-weight: 500;
  color: #15233C;
}
/* END STEPS */



/* STEP 1 */
#step-1 {
  display: block;
  width: 980px;				/* width of whole page */
  height: 375px;
  margin: 0;
  padding: 0;
  z-index: 1;
  position: relative;
  overflow: auto; 
  overflow-x: hidden; 
  overflow-y: hidden; 
}
#step-uno {
  display: block;
  width: 980px;				/* width of whole page */
  /* height: 390px; */
  margin: 0;
  padding: 0;
  z-index: 1;
  position: relative;
  overflow: auto; 
  overflow-x: hidden; 
  overflow-y: hidden; 
}
#TRES-column-contain {
	width: auto; 
	display: block;
	height: auto;
	overflow: auto;
}
#column_left { 
	width: 300px; 
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#column_center {
	width: 300px; 
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#column_right { 
	width: 300px; 
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 0;
  overflow: auto;
}
#column_major {
	width: 620px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.major-information {
	font-size: 13px;
	color: #333;
	text-align: justify;
}
.major-information img {
	float: left;
	margin: 0px;
}

div.spacer { clear: both; height: 1px; display: block; }

.border-back-class {
	width: 276px;
	border: 2px #e0e0e0 solid;
	padding: 10px;
}
.border-back-single {
	width: 276px;
	border: 2px #e0e0e0 solid;
	background-color: #e5eee8;
	padding: 10px;
}
.simple_plans {
  padding-left: 5px;
  font-size: 19px;
  font-weight: 400;
  color: #396151;
}
ul.simple-package { 
  list-style-type: none;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-top: 6px;
  padding-right: 0;
  padding-bottom: 0;
}
li.highlights {
  background-image: url(images/arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 27px;
  padding-right: 0;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 900;
  color: #265395;
}
li.highlights a:link {color: #265395; }
li.highlights a:hover { color: #7ebf4c; }
li.highlights a:active { color: #81848a; }

li.major-medikal {
  background-image: url(images/arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 27px;
  padding-right: 0;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 100;
  color: #265395;
}
li.major-medikal a { color: #265395; }
li.major-medikal a:hover { color: #7ebf4c; }
li.major-medikal a:active { color: #81848a; }
ul#hilights {
  list-style-type: disc;
  margin-top: 0px;
  margin-left: 24px;
  margin-right: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-top: 6px;
  padding-right: 0;
  padding-bottom: 0;
}
li.hilights {
  padding: 0;
	margin: 0;
}

li.includes-ck {
  background-image: none;
  padding-left: 27px;
  padding-right: 0;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 100;
  color: #265395;
}
li.monthly-ck {
  background-image: url(images/calendar_view_day.png);
  background-repeat: no-repeat;
  background-position: 2px 0px;
  padding-left: 27px;
  padding-right: 0;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 100;
  color: #454545;
}
li.delivery-ck {
  background-image: url(images/delivery.png);
  background-repeat: no-repeat;
  background-position: 2px 0px;
  padding-left: 27px;
  padding-right: 0;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 100;
  color: #454545;
}
li.florida-ck {
  background-image: url(images/asterix.gif);
  background-repeat: no-repeat;
  background-position: 2px 0px;
  padding-left: 27px;
  padding-right: 0;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 900;
  color: #757575;
}

.radio_button-ck {
  margin: 0;
  font-size: 20px;
  font-weight: 900; 
  color: #3A3;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 4px;
}

#floating-congrats {
  width: 620px;
  position: absolute;
  top: 280px;
  left: 10px;
  z-index: 2;
  border: none;
}
.congrats-content {
  font-size: 13px;
  font-weight: 100;
  text-align: justify;
  color: #757575;
}
/* END STEP 1 CSS */



/* STEP 2 AND 3 TITLE CONTAINER */
#step-2and3 {
  display: block;
  width: 960px;				/* width of whole page */
  margin: 0;
}
#DOUGH-column-contain {
	width: auto; 
	display: block;
	height: auto;
	overflow: auto;
}
#column_A { 
	width: 620px; 
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#column_B {
	width: 300px; 
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
div.spacer{ clear: both; height: 1px; display: block; }
/* END STEP 2 AND 3 TITLE CONTAINER */



/* STEP 2 AND 3 CONTAINER */
#step-twoDIVthree {
  display: block;
  width: 960px;				/* width of whole page */
  margin: 0;
}
#three-column-contain {
	width: auto; 
	display: block;
	height: auto;
	overflow: auto;
}
#column_DOS { 
	width: 622px; 
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#column_DIV {
	width: 2px; 
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 8px;
	background: #e0e0e0;
	height: 384px;
}
#column_TRES {
	width: 288px; 
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
/* END STEP 2 AND 3 CONTAINER */



/* THREE COLUMN INSIDE STEP 2 */
#THREE-inside2 {
  display: block;
  width: 622px;				/* width of whole page */
  margin: 0;
}
#Inside2-3column-contain {
	width: auto; 
	display: block;
	height: auto;
}
#column_personal { 
	width: 196px; 
	float: left;
	margin-right: 10px;
}
#column_billing {
	width: 197px; 
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
#column_shipping {
	width: 197px; 
	float: left;
	margin-left: 10px;
	margin-right: 2px;
}
#column_credit {
    width: 197px;
	float: left;
	margin-left: 50px;
	margin-right: 0px;
}
/* END THREE COLUMN INSIDE STEP 2 */




/* BEGIN FORM CSS STYLING */
.simple_information {
  font-size: 18px;
  padding-bottom: 5px;
  font-weight: 100;
  color: #396151;
}
radio {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  width: 190px; 
}
fieldset {
  clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  display: block;
  border: none;
  border-width: 0;
  margin: 0;
  padding: 0px;        /* padding in fieldset support spotty in IE */
}
label { 
  display: block;  /* block float the labels to left column, set a width */ 
  padding: 6px 0 2px 0;
  margin: 0; /* set top margin same as form input - textarea etc. elements */
  font-size: 14px;
  font-weight: 900;
  text-align: left;
  color: #396151;
}
label.error_field {
  color: #f00;
}
input, textarea {
  /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
  display: block;
  width: 186px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
  margin: 0; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
  padding: 1px;
  font-size: 13px;
  color: #454545;
}
.error_message {
  font-size: 13px;
  color: #dd2020;
}
#ship-tog {
  display: block;
  width: 190px;
}
#ship-radio {
  float: left;
  width: 20px;
  font-size: 124px;
  padding: 4px 0 2px 0;
}
#same-as {
  float: left;
  width: 160px;
  padding: 6px 0 2px 10px;
  margin: 0; /* set top margin same as form input - textarea etc. elements */
  font-size: 14px;
  font-weight: 900;
  text-align: left;
  color: #396151;
}
.step2subcontent {
  font-size: 13px;
  font-weight: 100;
  text-align: justify;
  color: #757575;
  padding-top: 14px;
}
.text-form {
  padding: 6px 0 2px 0;
  margin: 0; /* set top margin same as form input - textarea etc. elements */
  font-size: 12px;
  font-weight: 100;
  text-align: center;
  color: #396151;
}
.certs {
  width: 288px;
  display: inline;
}
.certs img {
  float: left;
  padding-top: 30px;
  padding-right: 0;
  padding-bottom: 25px;
  padding-left: 10px;
}
/* END FORM AND CONTENT WITHIN STEP 2 and STEP 3 */



/* BENEFIQ BIG BLUE AND GREY STYLING */
.information {  background: #0F2038 top center no-repeat; width: 880px; padding: 15px 40px; overflow: hidden; color: #7ca790; }
.about_company { float: left; display: inline; width: 530px; border-right: 2px solid #757575; padding-right: 80px; }
.about_company img { float: left; display: inline; }
.company_content { float: right; display: inline; width: 320px; }
.company_content p { margin: 0 0 16px 0; font-size: 12px; color: #757575; }
.company_info { float: right; display: inline; width: 220px; }
.company_info p { font-size: 15px; font-weight: 100; margin: 3px 0 18px 0; color: #fff; }
p.last { margin-bottom: 0; }
.below_fold { font-size: 12px; background-color: #CACCCC; padding: 10px; }
.disclaimers { color: #396151; }
.disclaimers a { color: #396151; }
.disclaimers a:hover { color: #7ebf4c; }
.disclaimers a:active { color: #81848a; }

.footer p { font-size: 13px; margin: 0 0; }
/* BENEFIQ BIG BLUE AND GREY STYLING */



/* FOUNDATION */
#foundation {
  width: 960px;
  height: 14px;
  font-size: 11px;
  text-align: center;
  color: #999;
}
.powered-ck {
  width: 320px;
  text-align: center;
  float: left;
}
.powered-ck a { color: #999; }
.powered-ck a:hover { color: #7ebf4c; }
.powered-ck a:active { color: #81848a; }

.details-ck {
  width: 320px;
  text-align: center;
  float: left;
}
.details-ck a { color: #999; }
.details-ck a:hover { color: #7ebf4c; }
.details-ck a:active { color: #81848a; }

.copyright-ck {
  width: 320px;
  text-align: center; 
  float: left;
}
.copyright-ck a { color: #999; }
.copyright-ck a:hover { color: #7ebf4c; }
.copyright-ck a:active { color: #81848a; }
/* END FOUNDATION */