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

/* Reset styles in all browsers */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* End reset */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background: #0086b8 url(imgs2/bg.jpg) repeat-x top;
}

body#home {background: #0086b8 url(imgs2/bg.gif) repeat-x top;}

p, h4, #secondary #center_col ul li {
	font-size: 12px;
	line-height: 1.4em;
	padding-bottom: 10px;
}

#secondary #center_col ul li {padding-left: 5px; margin-left: 15px;}

#left_col p, #right_col p {color: #000; font-size: 11px;}

h1, h2, h3 {color: #86a638; line-height: 1.2em; padding-bottom: 10px;}
h1 {font-family: "Arial Black"; text-transform: uppercase; font-size: 16px;}
h2 {font-size: 16px; font-weight: normal; color: #245e96;}
h3 {font-size: 16px; font-weight: normal;}
h4 {font-size: 14px; font-family: "Georgia", "Times New Roman", serif; font-style: italic; line-height: 20px; line-height: 1.6em; font-weight: normal;}
.smalltxt {font-size: 10px !important; color: #666 !important; line-height: 11px !important; padding-top: 5px;}

#left_col h3, #right_col h3 {font-weight: bold; font-family: "Arial Black", Arial, Helvetica, sans-serif; text-transform: uppercase;}
#home h3 {font-weight: bold; font-size: 14px; text-transform: uppercase;}

body#home p.highlight {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

a, a:link, a:visited {color: #245e96; text-decoration: none;}
a:hover {text-decoration: underline;}

a.arrow {background: url(imgs2/arrow_green.gif) no-repeat 100% 50%; padding-right: 16px;}

a.nextPg {font-size: 16px;}

.bold {font-weight: bold;}
.large {font-size: 14px;}
.pad_top {padding-top: 10px;}
.no_pad {padding-bottom: 0;}
.clear {clear: both;}
.img_left, .image_left {float: left; padding: 0 10px 10px 0;}
.img_right, .image_right {float: right; padding: 0 0 10px 10px;}
.clear {clear: both;}
.blue {color: #245e96;}
.gray {color: #686868 !important;}
.pad_top_large {padding-top: 60px;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#container {
	background: url(imgs2/bg_container.jpg) no-repeat top center;
	position: relative;
	width: 1160px;
	margin: 0 auto;
}

#header {
	position: relative;
	width: 1030px;
	padding: 0 45px;
	height: 227px;
}

#header h1 {
	width: 310px;
	height: 49px;
	text-indent: -999em;
	position: absolute;
	top: 110px;
	left: 134px;
	background: url(imgs2/logo.gif) no-repeat;
}

#header h1 a {
	display: block;
	width: 310px;
	height: 49px;
}

body#home #header {
	position: relative;
	width: 1030px;
	padding: 0 45px;
	height: 227px;
}

body#home #header h1 {
	top: 140px;
	left: 135px;
}

#nav {
	position: absolute;
	top: 0;
	left: 80px;
	width: 1030px;
}
#nav ul {list-style: none; width: 1030px;}
#nav ul li {
	color: #fff;
	float: left;
	padding: 0 0 15px 0;
	text-transform: uppercase;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 48px;
	height: 48px;
}
#nav ul li a {color: #fff; text-decoration: none; display: block; height: 63px;	padding: 0 13px 0 20px;
	margin-right: -7px; float: left;}
#nav ul li a:hover {color: #fcaf55;}

#nav ul li#about.active,#nav ul li#successes.active, #nav ul li#press.active, #nav ul li#articles.active, #nav ul li#contact.active {background: url(imgs2/nav_bg_left.png) no-repeat left top;}
#nav ul li#about.active a,#nav ul li#successes.active a, #nav ul li#press.active a, #nav ul li#articles.active a, #nav ul li#contact.active a {background: url(imgs2/nav_bg_right.png) no-repeat right top;	color: #245e96;}

#memlogin {
	margin: 0 0 0 80px;
}

#tagline {
	position: absolute;
	top: 115px;
	right: 178px;
	color: #fff;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	text-align: right;
	line-height: 1em;
	font-size: 18px;
}

#tagline span {
	display: block;
	font-size: 14px;
}

#join_now {
	position: absolute;
	top: 124px;
	right: 50px;
}

#banner_bg {
	width: 900px;
	padding: 0 45px 10px 45px;
	height: 179px;
	background: url(imgs2/banner.gif) no-repeat top center;
	position: relative;
}

/* Banner Images */

.banner {width: 900px; height: 179px;}
.arms {background: url(imgs2/banners/arms.jpg) no-repeat top center;}
.beach-couple {background: url(imgs2/banners/beach_couple.jpg) no-repeat top center;}
.beach {background: url(imgs2/banners/beach.jpg) no-repeat top center;}
.family {background: url(imgs2/banners/family.jpg) no-repeat top center;}
.guns {background: url(imgs2/banners/guns.jpg) no-repeat top center;}
.happy-woman {background: url(imgs2/banners/happy-woman.jpg) no-repeat top center;}
.legs {background: url(imgs2/banners/legs.jpg) no-repeat top center;}
.running {background: url(imgs2/banners/running.jpg) no-repeat top center;}
.senior-woman {background: url(imgs2/banners/senior-woman.jpg) no-repeat top center;}
.stretch {background: url(imgs2/banners/sittups.jpg) no-repeat top center;}
.snowboarders {background: url(imgs2/banners/snowboarders.jpg) no-repeat top center;}
.torso {background: url(imgs2/banners/torso.jpg) no-repeat top center;}

#banner_text {
	position: absolute;
	top: 120px;
	left: 175px;
	width: 200px;
	color: #dd5800;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	text-align: right;
	line-height: 1em;
	font-size: 18px;
}

#banner_text span {
	display: block;
	font-size: 14px;
	color: #000;
}

#content_wrapper {
	width: 990px;
	margin: 0 45px;
	float: left;
	background: url(imgs2/content_wrapper_bg.gif) repeat-x top;
}

#content {
	width: 950px;
	background: #fff;
	float: left;
	margin: 10px 0 12px 90px;
	padding: 20px 20px 0 20px;
}

#home #content {
	width: 932px;
	background: #fff url(imgs2/rounded_bottom.gif) no-repeat center bottom;
	float: left;
	margin: 0 59px 12px 100px;
	padding: 20px 16px 0 12px;
}

#left_col {width: 200px; float: left;}
#center_col {width: 420px; padding: 0 35px 0 20px; float: left;}
#right_col {width: 185px; float: left; padding-top: 20px;}

#home #left_col {width: 290px; float: left;}
#home #center_col {width: 410px; padding: 0 28px 0 36px; float: left;}
#home #right_col {width: 108px; float: left; text-align: center; padding-top: 26px;}
#home #right_col small {font-size: 9px; line-height: 15px;}

.bug {margin-bottom: 50px;}

/*subnav*/
#subnav {
	width: 200px;
	background: url(imgs2/subnav_bg.gif) no-repeat bottom left;
	padding-bottom: 8px;
	margin-bottom: 30px;
}

#subnav ul {
	list-style: none;
	font-size: 14px;
	text-transform: uppercase;
}

#subnav ul ul {padding-top: 8px;}

#subnav ul ul ul {padding-top: 0px;}

#subnav ul li {
	width: 200px;
	padding: 00;
	line-height: 28px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(imgs2/subnav_top_bg.gif) no-repeat top left;
}

#subnav li li {font-family: Arial, Helvetica, sans-serif; background: none;}
#subnav li a {color: #fff; display: block; padding: 0 0 0 12px; }
#subnav li li a {color: #245e96;}
#subnav li li.active a, #subnav li li li.active a {background: url(imgs2/subnav_active.gif) no-repeat left 50%; color: #fff; font-weight: bold;}
#subnav li li li a {padding-left: 20px; text-transform: none;}
#subnav li li.active li a {padding-left: 20px; background: none; color: #245e96; font-weight: normal; text-transform: none;}

/*Home Specific*/
#home_sticky {
	width: 290px;
	height: 297px;
	background: url(imgs2/home_sticky.jpg) no-repeat;
	text-indent: -999em;
	list-style: none;
}

#home_30sec {
	width: 290px;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	margin-top: -5px;
}

#home_30sec li {
	list-style: none;
	line-height: 14px;
	margin-left: 25px;
	margin-top: 5px;
}

#home_30sec li a img {margin-left: -5px;}


#home .thumb_list {
	float: left;
	list-style: none;
	margin: 5px 0 12px 0;
}

#home .thumb_list li {
	float: left;
	padding-right: 12px;
}

#home .thumb_list li a img {border: 2px solid #86a638;}

.small {
	font-size: 11px;
	text-transform: none;
	color: #333;
}
#fragment-1, #fragment-2, #fragment-3, #fragment-4, #fragment-5, #fragment-6 {
	height: 260px;
	margin: 20px 0 0 0;
}
#tabs h2 {
	color: #fbc36a;
	font-weight: normal;
	font-size: 30px;
}
#tabs p {
	color: #666;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 6px 0;
	padding: 0;
}
#tabs p em.quote{
	font-size: 11px;
	line-height: 11px;
	margin: 0 0 6px 0;
	padding: 0;
}
#tabsbottom {
	background: url(imgs2/tabs_bottom.gif) top center no-repeat;
	height: 9px;
	margin: 0 0 18px 0;
	width: 1080px;
}
.guarantee {
	float: right;
	margin: 0 0 0 20px;
	width: 60px;
	height: 62px;
}
.joinnumbers {
	position: absolute;
	bottom: 0;
	width: 550px;
	height: 44px;
}
.join {
	float: left;
	width: 400px;
}
.leftarrow {
	float: left;
	height: 230px;
	margin-right: 30px;
	position:relative;
	width: 33px;
}
.rightarrow {
	float: right;
	height: 230px;
	position:relative;
	width: 33px;
}
.leftarrow img, .rightarrow img {
	height:28px; 
	margin-top:-14px;
	position: absolute;
	top:50%;
}
.tableft {
	float: left;
	margin: 0 20px 0 0;
	width: 210px;
}
.tabcenter {
	position: relative;
	left: 0;
	float: left;
	height: 260px;
	width: 550px;
}
.beforeafter {
	float: left;
	margin: 0 30px 0 0;
	width: 185px;
}
.baimages {
	clear: both;
}

#tabs p.batext {
	color: #0086b8;
	font-weight: bold;
	font-size: 13px;
	padding: 8px 0 0 0;
	margin: 12px 20px 0 0px;
}
#tabs p.numbers {
	margin: 0;
	padding: 0;
	height: 28px;
	width: 69px;
	position: absolute;
	bottom: 0;
	right: 0;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Arial, sans-serif;
    font-size: 16px;
}
.ui-tabs-nav {
    list-style: none;
    margin: -12px 0 0 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 38px 0 38px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
}
.ui-tabs-nav a {
    margin: 1px 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #cbcbcb;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0px;
    z-index: 2;
    margin-top: 0;
    color: #000;
	font-weight: bold;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 14px; /* IE 6 treats height as min-height */
    min-height: 14px;
    padding-top: 0;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 0 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
.hidden {
	display: none;
}

.strikethru {
	text-decoration: line-through;
}
.clear {
	clear: both;
	height: 1px;
}
#orangebar {
	margin: 0 0 0 -12px;
}
.bluediv {
	background: #0086b8 url(imgs2/content2_top.jpg) center bottom no-repeat;
	height: 24px;
	margin: 0 -16px 0 -12px;
}
#home_left {
	float: left;
	margin: 0 0 0 22px;
	width: 590px;
}
#home_left h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 30px;
	font-style: italic;
	line-height: 36px;
	color: #000;
}
.lowercase {
	text-transform: none;
}
.lcblack {
	color: #000;
	font-weight: normal;
	text-transform: none;
}
#home_left p {
	font-size: 14px;
}
#testimonials {
	background: url(imgs2/bg_quotes.jpg) top left no-repeat;
	float: left;
	margin: 0 -20px 0 12px;
	min-height: 280px;
	padding: 0 25px;
	width: 276px;
}
#testimonials h3 {
	color: #000;
	font: 14px Georgia, "Times New Roman", Times, serif;
	text-transform: none;
}
#testimonials p {
	font: italic 12px Georgia, "Times New Roman", Times, serif;
}
#sign_in input {
	padding: 1px 2px 1px 2px;
	width: 146px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	color: #ccc;
}
#sign_in button {
	background: url(imgs2/go.gif) no-repeat;
	cursor: pointer;
	width: 43px;
	height: 18px;
	border: 0;
	margin: 0 0 0 7px;
	padding: 0;
	text-indent: -999em;
}
#sign_in #password_reminder {margin-left: 230px; font-size: 9px; line-height: 15px;}

/* 4 columns in orange container */
#home_4_col {
	width: 940px;
	height: 117px;
	background: #fff url(imgs2/3-col-bg.jpg) no-repeat;
	float: left;
	margin: 0 98px 12px 98px;
	padding: 16px 10px 12px 10px;
}

#home_4_col .column {
	width: 254px;
	float: left;
	padding: 0 29px;
}
#home_4_col .column .adam{
	margin: 0 0 0 95px;
}

#home_4_col {color: #000;}
#home_4_col h3 {
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 4px;
	font-weight: bold;
}

#home_4_col h3 a {
	background: url(imgs2/arrow_white_orange.gif) no-repeat right;
	padding-right: 20px;
}

#home_4_col p {padding: 0; font-size: 11px;}

/* 3 columns in gray containers */
#home_3_col {
	width: 900px;
	height: 116px;
	background: #fff url(imgs2/home_3_col_bg.gif) no-repeat;
	float: left;
	margin: 0 45px 12px 45px;
	padding: 16px 0 12px 0;
}

#home_3_col .column {
	width: 274px;
	height: 116px;
	float: left;
	padding: 0 0 0 12px;
}

#home_3_col .left_column {
	background: url(imgs2/gift_card.gif) no-repeat 100% 30px;
}

#home_3_col .left_column p {padding-right: 126px;}

#home_3_col .center_column {
	width: 282px;
	padding: 0 17px 0 29px;
	background: url(imgs2/shoes.gif) no-repeat 180px 0px;
}

#home_3_col .center_column p {padding-right: 128px;}

#home_3_col {color: #000;}
#home_3_col h3 {
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 4px;
	font-weight: bold;
}

#home_3_col p {padding: 0 0 4px 0; 	font-size: 11px;}

#footer {
	clear: both;
	background: url(imgs2/footer_bg.gif) repeat-x center bottom;
	padding-top: 190px;
	height: 34px;
	color: #fff;
	font-weight: bold;
	line-height: 28px;
}
#footer a {color: #fff;}

#footer_inner {
	width: 960px;
	margin: 0 auto;
}

#footer_left {
	width: 600px;
	float: left;
}

#footer_left ul {
	list-style: none;
}
#footer_left ul li {
	float: left;
	padding-right: 10px;
	text-transform: uppercase;
	font-size: 11px;
	margin: 0px;
	padding-left: 0px;
}

#footer_right {
	float: right;
	font-size: 11px;
}

.testimonial {border-bottom: 1px solid #d9d9d9; margin: 8px 0 14px 0;}
.testimonial h3 {
	color: #fff;
	background: #d9d9d9;
	padding: 4px;
	margin-bottom: 6px;
	line-height: 16px;
	text-transform: uppercase;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
	
.testimonial p {font-size: 12px; line-height: 20px; color: #686868;}

p.clientName {color:#245e96; font-weight: bold;}

.comments_form {width: 183px; padding-top: 6px;}

.comments_form input {
	font-size: 11px;
	border: 1px solid #bfbfbf;
	width: 177px;
	padding: 3px 2px;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	color: #686868;
}
.comments_form textarea, .contactForm textarea {
	width: 177px;
	height: 150px;
	font-size: 11px;
	border: 1px solid #bfbfbf;
	padding: 3px 2px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #686868;
}

.comments_form button {
	background: url(imgs2/send_it.gif) no-repeat;
	width: 63px;
	height: 20px;
	cursor: pointer;
	border: 0;
	text-indent: -999em;
	float: right;
}

.contactForm input.contactField {
	border: 1px solid #bfbfbf;
	width: 400px;
	padding: 3px 2px;
	margin-bottom: 6px;
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #686868;
}

.contactForm textarea {width: 400px;}

.contactForm input.contactCity {width: 250px; margin-right: 5px;}
.contactForm input.contactState {width: 25px; margin-right: 5px;}
.contactForm input.contactZip {width: 95px;}

.submit {border: none; margin-top: 5px; margin-bottom: 15px;}

label {font-size: 12px; height: 14px; line-height: 14px; font-weight: bold;}

/*to hide the spam honeypot form field */

input.setoff {display: none;}


/*   Comparison Table  */

.comparisonTable {
	border: solid #ccc;
	border-width: 1px 0px 0px 1px;
	margin-bottom: 15px;
}

.comparisonTable td,.comparisonTable th {
	border: solid #ccc;
	border-width: 0px 1px 1px 0px;
	padding: 5px;
	font-size: 12px;
	line-height: 15px;
}

.comparisonTable th {
	background: #245e96;
	font-size: 12px;
	color: white;
	font-weight: bold;
}
.centerCell, th {
	vertical-align: middle;
	text-align: center;
}

/* Case Studies Table */

.caseStudies {margin-bottom: 15px; border: #999 solid; border-width: 1px 0px 0px 0px;}

.caseStudies .odd {background: #ffc;}
.caseStudies .odd, .caseStudies .even {padding: 5px; border-bottom: 1px solid #999; vertical-align: top;}
.caseStudies .odd p, .caseStudies .even p {font-size: 11px;}

/*   Ditto Styles   */

.mousetype {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333;
	padding-bottom:4px;
	border-bottom:1px dotted #296caf;
	margin-bottom:15px;
}

#nowshowing {
	background:#fffde6;
	padding:5px;
	border:1px solid #f3ee8b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}

.alertbox {
	border: 1px solid #999966;
	background: #ffc;
	margin: 15px 0px;
	padding: 6px;
}

.alertbox h2 {
	margin: 0;
}

/*Webapp styles for front-end templates*/

dd textarea, .dl-form dd input {
	border: 1px solid #bfbfbf;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	color: #686868;
	padding: 3px 2px;
}

dl-form dl, .dl-form {
	padding: 0;
}
.dl-form {
	margin-bottom: 10px;
}

.dl-form dt {
   clear:both;
   width:150px;
   float:left;
   text-align:left;
   font-size: 12px;
   color: #333;
   margin-top: 5px;
   font-weight: bold;
}

.dl-form dd {
   float:left;
   width:250px;
   margin:0px 0px 8px 10px;
   font-size: 12px;
   color: #000;
}

.dl-form dd p {
	padding: 3px 0px;
	margin-top: 2px;
}

.dl-form dt span {
	color: #ccc;
	font-size: 11px;
	display: block;
	padding-top: 4px;
	font-weight: normal;
}

.dl-form textarea {
	width:250px;
	height:100px;
}
.dl-form dd label {
	font-size: 12px;
	color: #333;
	height: 12px;
	line-height: 12px;
	display: block;
}

.dl-form dd span {font-size: 11px; color: #666; margin-left: 5px;}

#ccVerify {width: 20px;}

#verifyExplained {
	margin-left: -115px;
	width: 350px;
	padding: 8px;
	border: 4px solid #ccc;
	font-size: 11px;
	color: #333;
	background-color: white;
}

#whatsthis {cursor: pointer; color: #245e96; text-decoration: none;}

input#expDateMonth {
    width: 15px;
    margin-right: 5px;
}

input#ccvn {
    width: 30px;
    margin-right: 15px;
}

div#yearFiller {
    width: 18px;
    margin-top:5px;
    margin-left:5px;
}

input#expDateYear {
    width: 15px;
    margin-right: 15px;
}

#primaryPhone, #secondaryPhone {
  width: 100px;
}

#primaryPhone {
  margin-right:5px;
}