@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;
}

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

/* 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(imgs/bg.gif) repeat-x top;
}

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

p, h4, #secondary #center_col ul li {
	font-size: 14px;
	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(imgs/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 {
	position: relative;
	width: 990px;
	margin: 0 auto;
}

/* Add PNG hacks for these */
#ladies {
	position: absolute;
	top: 33px;
	left: 3px;
	width: 335px;
	height: 238px;
	background: url(imgs/photos/ladies.png) no-repeat;
	z-index: 200;
}

#runner {
	position: absolute;
	top: 4px;
	left: 738px;
	width: 221px;
	height: 344px;
	background: url(imgs/photos/runner.png) no-repeat;
	z-index: 200;
}

#header {
	position: relative;
	width: 900px;
	padding: 0 45px;
	height: 194px;
	background: url(imgs/header_bg.jpg) no-repeat top center;
}

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

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

body#home #header {
	width: 900px;
	padding: 0 45px;
	height: 276px;
	background: url(imgs/header_bg_home.jpg) no-repeat top center;
}

body#home #header h1 {
	top: 168px;
	left: 397px;
}

#nav {
	position: absolute;
	top: 0;
	left: 25px;
}
#nav ul {list-style: none;}
#nav ul li {
	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 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(imgs/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(imgs/nav_bg_right.png) no-repeat right top;	color: #245e96;}

#tagline {
	position: absolute;
	top: 115px;
	right: 198px;
	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: 105px;
	right: 40px;
}

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

/* Banner Images */

.banner {width: 900px; height: 179px;}
.arms {background: url(imgs/banners/arms.jpg) no-repeat top center;}
.beach-couple {background: url(imgs/banners/beach_couple.jpg) no-repeat top center;}
.beach {background: url(imgs/banners/beach.jpg) no-repeat top center;}
.family {background: url(imgs/banners/family.jpg) no-repeat top center;}
.guns {background: url(imgs/banners/guns.jpg) no-repeat top center;}
.happy-woman {background: url(imgs/banners/happy-woman.jpg) no-repeat top center;}
.legs {background: url(imgs/banners/legs.jpg) no-repeat top center;}
.running {background: url(imgs/banners/running.jpg) no-repeat top center;}
.senior-woman {background: url(imgs/banners/senior-woman.jpg) no-repeat top center;}
.stretch {background: url(imgs/banners/sittups.jpg) no-repeat top center;}
.snowboarders {background: url(imgs/banners/snowboarders.jpg) no-repeat top center;}
.torso {background: url(imgs/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: 900px;
	margin: 0 45px;
	float: left;
	background: url(imgs/content_wrapper_bg.gif) repeat-x top;
}

#content {
	width: 860px;
	background: #fff url(imgs/content_bg.gif) no-repeat bottom;
	float: left;
	margin: 10px 0 12px 0;
	padding: 20px 20px 20px 20px;
}

#home #content {
	width: 872px;
	background: #fff url(imgs/content_bg.gif) no-repeat bottom;
	float: left;
	margin: 0 45px 12px 45px;
	padding: 8px 16px 20px 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: 0px;}

#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(imgs/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(imgs/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(imgs/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(imgs/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-bottom: 12px;
}

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

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

.small {
	font-size: 11px;
	text-transform: none;
	color: #333;
}

#sign_in {
	color: #ccc;
	font-size: 11px;
	margin-bottom: 36px;
}
#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(imgs/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: 880px;
	height: 117px;
	background: #fff url(imgs/home_4_col_bg.gif) no-repeat;
	float: left;
	margin: 0 45px 12px 45px;
	padding: 16px 10px 12px 10px;
}

#home_4_col .column {
	width: 180px;
	float: left;
	padding: 0 20px;
}

#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(imgs/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(imgs/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(imgs/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(imgs/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(imgs/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: 900px;
	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(imgs/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 {width: 485px; 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;
}