body {
background-color : #ffffff;
margin: 0;
padding : 0 ;
font-family : Verdana, Arial, Helvetica, sans-serif ;
font-size : 11px ;
color : #333333;
}

#frame {
width:800px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
}

#contentleft {
width:175px;
padding:0px;
float:left;
background:#fff;
}

#contentcenter {
width:625px;
padding:0px;
float:left;
background:#eee;
}

#contentright {
width:175px;
padding:0px;
float:left;
background:#fff;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif ;
font-size : 11px ;
color : #333333 ;
}

.rowheader {
border-top-width: 0px;
border-right-width: 0;
border-bottom-width: 1px;
border-left-width: 0;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #96B03C;
background-color: #99CC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

p {
font-size : 11px ;
margin-top:0.5em;
margin-bottom:0.5em;
}

a {text-decoration : none ;}
a:link { color : #397A91 ;}
a:visited {color : #397A91 ;}
a:active {color : #003333 ;}
a:hover {color : #003333;
}

h1, h2, h3, h4, h5, h6 {
margin-top:0.5em;
margin-bottom:0.5em;
}
h1 {
font-size : 21px ;
font-weight : bold ;
}
h2 {
font-size : 18px ;
font-weight : bold ;
}
h3 {
font-size : 14px ;
font-weight : bold ;
}
h4 {
font-size : 13px ;
/*font-weight : bold ;*/
}
h5 {
font-size : 12px ;
font-weight : bold ;
}
h6 {
font-size : 11px ;
font-weight : bold ;
}

/*
input, select, textarea {
font-family : Verdana, Arial, Helvetica, sans-serif ;
font-size:9px;
color : #003333;
border:1px solid #99CC01;
background-color : #ffffff;
padding:2px;
}
*/

input, textarea {
padding:2px;
}

input.highlight, select.highlight, submit.highlight, textarea.highlight, radio.highlight, checkbox.highlight  {
font-family : Verdana, Arial, Helvetica, sans-serif ;
font-size:12px;
color : #003333;
/*border:1px solid #99CC01;*/
background-color : #ffffff;
padding:2px;
}

.form_font {
font-family : Verdana, Arial, Helvetica, sans-serif ;
font-size:12px;
color : #003333;
}

.neg {color:#FFFFFF;}
.neg h1, .neg h2, .neg h3, .neg h4, .neg h5, .neg h6, .neg p {color:#FFFFFF;}
.neg a:link { color : #BFFF00 ;}
.neg a:visited { color : #BFFF00 ;}
.neg a:active { color : #FFFFFF ;}
.neg a:hover { color : #FFFFFF ;}


.errorMessage {
font-size : 13px;
font-weight : bold;
color: #FF0000;
}
/* LAYOUT
---------------------------------------*/

#page {
width:960px;
margin:8px auto;
}
#pageWide {
width:100%;
}
#top {
width:100%;
height:96px;
/*background:#fff url(/images/share/top_bg.jpg) top right no-repeat;*/
background:#fff
margin:0 0 0 0px;
padding:0;
	 }
div.headerWrapper {
margin:0;
padding: 0 ;
}
div.header {

/*background-image: url(/images/share/dwa_logo.gif);*/
background-position: top left ;
background-repeat:no-repeat;
margin:0 0 0 0px;
padding: 0 ;
height:auto;
}
div.header h1, div.header h2 {
display:none;
}
div.header h3 {
display:block;
float:right;
text-align:right;
font-size:24px;
color:#99cc00;
margin:32px 24px 0 0 ;
/*margin:0 0 0 0 ;*/
}
div.header h3 span {
color:#005447;
font-weight:normal;
}
div.headerSearch {
float:right;
width:256px;
/*margin:30px 16px 0 0;*/
margin:1px;
text-align:right;
}


/* NAV */

div.menu {
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #669240;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #96b03d, #669240);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#96b03d), to(#669240));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#96b03d', EndColorStr='#669240', GradientType=0);
    height:32px;
    margin:0 0 0 0;
    padding:0 0 0 10px;
    line-height:3em;
    border:0px solid #D1D1D1;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-ms-border-radius: 4px; 
	border-radius: 4px; 
	-khtml-border-radius: 4px;
}


div.menu a {
font-size : 14px; 
font-weight:normal;
padding:0 0 0 20px; 

}

div.menu a:link, div.menu a:visited { 
color : #fff ;
}
div.menu a:hover, div.menu a:active { 
color : #003333 ;
}

div.menu a span {
}




/* CONTENT */

#contentstroke {
	border:1px solid #D1D1D1;
	padding:10px;
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
	-ms-border-radius: 12px; 
	border-radius: 12px; 
	-khtml-border-radius: 12px;
}

.blockborder {
	/*border:1px solid #D1D1D1;*/
	padding:10px 1px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-ms-border-radius: 4px; 
	border-radius: 4px; 
	-khtml-border-radius: 4px;
}

.blockbordertitle {
	border:1px solid #BEBEBE;
	padding:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	background-color: #F5F5F5;
}

.blockbordertitlefont {
	font-size: 19px; 
	/*font-weight: bold;*/
}

#homeheader {
padding:8px 16px;
}

#homeheadertext {
color: #FFFFFF;
}

#homeheadertext h1 {
font-size:24px;
font-weight:normal;
margin:0 0 8px 0;
}


#contentheader {
background-color:#999999;
padding:0px;
background-image:url(/img/content_background.gif);
background-position:right;
background-repeat:no-repeat;
}
#contentheadertext {
padding:16px;
color: #FFFFFF;
}
#contentheadertext h1 {
font-size:24px;
font-weight:normal;
margin:0 0 8px 0;
}


#productheader {

}
#productheadertext {
color: #5C7B00;
border-bottom:2px solid #5C7B00 ;
}
#productheadertext h1 {
font-size:24px;
font-weight:normal;
margin:0 0 8px 0;
}


#serviceheader {
background-color:#99CC00;
background-image:url(/img/services_backround.gif);
background-position:right;
background-repeat:no-repeat;
}
#serviceheadertext {
color: #FFFFFF;
padding:16px;
}
#serviceheadertext h1 {
font-size:24px;
font-weight:normal;
margin:0 0 8px 0;
}


.contentsep {
background-color:#D1D1D1;}
.contentblock {
background-color:#FFFFFF;
border:1px solid #D1D1D1;
padding:8px;
}
.contentblock2 {
border:1px solid #D1D1D1;
padding:8px;
}

/* FOOTER */
#footer {color:#FFFFFF; }
#footer a {}
#footer a:link { color : #FFFFFF ;}
#footer a:visited { color : #FFFFFF ;}
#footer a:active { color : #003333 ;}
#footer a:hover { color : #003333 ;}
#footer1 {background-color:#FFFFFF;}
#footer2 {background-color:#397A91;}

.popup
{
COLOR: #9F141A;
CURSOR: help;
TEXT-DECORATION: none;
}

.jslink{
        cursor: pointer;
        text-decoration: none;
        color:#336699;
}

div.main_div{padding:25px;/*margin:auto;width:600px;*/
border:outset gray 1px;-webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; -khtml-border-radius: 12px;
}

.gradientV{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #008800;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #00FF00, #000000);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#00FF00), to(#000000));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#00FF00', EndColorStr='#000000', GradientType=0);
  }
  
  .gradientH{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
 
    /* fallback (Opera) */
    background: #008800;
    /* Mozilla: */
    background: -moz-linear-gradient(left, #00FF00, #000000);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, right top, from(#00FF00), to(#000000));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#00FF00', EndColorStr='#000000', GradientType=1);
  }
  
  
  
.sortable table {
	border-collapse: collapse;
	table-layout: fixed;
}

.sortable td, th {
	padding: 0.5em;
	border: 1px solid #CCC;
}

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #888888;
	background-image: url(/jstools/tablekit1.2.2/css/up.gif);
}
.sortdesc {
	background-color: #888888;
	background-image: url(/jstools/tablekit1.2.2/css/down.gif);
}
.nosort {
	cursor: default;
}


tr.rowodd {
	background-color: #FFF;
}

tr.roweven {
	background-color: #EEEEEE;
}

input:focus, textarea:focus, select:focus, checkbox:focus, radio:focus{background-color: #FFFFCC;}

.message_div{border: 0.1em dashed #FFD700;background:#FFFFDD;padding:5px;color:#000000;font-weight:bold;}

/* tooltip foo */
a.bubble_tt_trigger{position:relative;text-decoration:none;}
a.bubble_tt_trigger span{display:none;}
a.bubble_tt_trigger:hover{z-index:25;color:#ff0000;background:;}
a.bubble_tt_trigger:hover span.bubble_tooltip
{display:block;position:absolute;top:5px;left:5px;padding:10px;background:#99CC00;color:#fff;width:250px;height:auto;overflow:auto;
border:outset gray 1px;-webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; -khtml-border-radius: 12px;
font-weight:600;font-family:arial;font-size:11px;line-height:12px;text-align:left;filter:alpha(opacity:95);KHTMLOpacity:0.95;MozOpacity:0.95;opacity:0.95;}

/* dropilicious */

/* Droplicous code, change to your liking */
#nav ul.licious{
text-align:left;
width:150px;
font-size:.8em;
background:#397A91;
margin:0;
padding:0;
position:absolute;
left:0px;
top:28px;
opacity:.97;
filter:alpha(opacity=97);
z-index:999;
}

/* ie bs */
html>body #nav ul.licious{
position:absolute;
top:18px;
}
#nav ul.licious a:hover{
position:relative;
/*color:#0A82D0;*/
background:none;
}
#nav ul.licious a{
position:relative;
z-index:999;
font-weight:normal;
margin:0;
padding:5px 0 5px 10px;
background:none;
color:white;
display:block;
}
#nav li a:hover{
/*color:#0A82D0;*/
}
#nav li a{
font-weight:bold;
text-decoration:none;
color:white;
padding:10px 10px 0 10px;
background:none;
text-shadow:none;
}
#nav{
position:relative;
width:100%;
list-style:none;
margin:0 auto;
padding:0;
list-style:none;
font-size:1em;
}
#nav li{
  position:relative;
  display:inline;
margin:0;
padding:0;
}

  
  





/********************************** brand custom html *******************************/




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,
b, u, i, center,
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;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------------------------------------------------------------------------*/


/**
* Clearing Methods
* @see     http://yaml.de/en/documentation/basics/general.html
*/

/* clearfix method for clearing floats */
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}

/* essential for Safari browser !! */
.clearfix { display: block; }

/* overflow method for clearing floats */
.floatbox { overflow:hidden; }

/* older method of adding empty tags for clearing */
.clear { clear: both; height:1px; line-height:1px; }

/*------------------------------------------------------------------------------------------------------*/



/**
* Generic Classes
* @description     Define styles for simple things like floating to the sides, text aligning, image-replacements
*/

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }

/*---- Vertical Alignment ----*/
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

/*---- Hide ----*/
.hide { display: none; }

/*---- Image Replacement Technique ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}

/*------------------------------------------------------------------------------------------------------*/


/**
* Defaults
*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }




/* SCREEN CSS*/
  
  
/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
html, body { height:100%; }
body { background:url(/directory/getdata.php?about_id=F197103FDAFG-3) #257a8b bottom right no-repeat; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }

body.common{ background:url(/directory/getdata.php?about_id=F197103FDAFG-64) repeat left top;}
body.match_body{ background:url(/directory/getdata.php?about_id=F197103FDAFG-35) repeat left top;}

/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container {width:100%; position:relative; display:block;   }

body.common div#page{ width:928px; margin:0 auto; background:url(/directory/getdata.php?about_id=F197103FDAFG-1) repeat-y left top;}
body.common div#container  { width:883px; margin:0 auto; background:#fff url(/directory/getdata.php?about_id=F197103FDAFG-32) no-repeat left top; }
body.common #bottom { width:926px; height:25px; margin:0 auto; background:url(/directory/getdata.php?about_id=F197103FDAFG-31) no-repeat left bottom; }

body.common div#content h2.favorite{margin:0px; height:0px; padding-top:78px; overflow:hidden; background:url("/directory/getdata.php?about_id=F197103FDAFG-108") no-repeat center 0px; position:relative; margin:0px;}
body.common div#content h2.sample{margin:0 0 -60px; top:-58px; position:relative; height:0px; padding-top:49px; overflow:hidden; background:url("/directory/getdata.php?about_id=F197103FDAFG-109") no-repeat center 0px;}

body.common div#content ul.list1{ margin:0px 0px 20px; padding:0px;}
body.common div#content ul.list1 li{float:left; list-style:none; margin:0px; text-align:center;}
body.common div#content ul.list1 li img{ margin-bottom:10px;}

body.common div#content ul.list1 li input { display:none;}
body.common div#content ul.list1 li span.checkbox { display:inline-block; background:url(/directory/getdata.php?about_id=F197103FDAFG-116) left top no-repeat; width:35px; height:37px; margin-right:5px; position:relative; top:3px;}

.box2{width:839px; margin:0 auto 20px; }
.box2 .box-top{background:url(/directory/getdata.php?about_id=F197103FDAFG-117) no-repeat 0px top; height:90px;}
.box2 .box-middle{background:url(/directory/getdata.php?about_id=F197103FDAFG-118) repeat-y 0px 0px; width:839px; padding-bottom:15px;}
.box2 .box-bottom{ background:url(/directory/getdata.php?about_id=F197103FDAFG-119) no-repeat 0px bottom; height:28px; width:839px; margin-left:-1px; position:relative;}

.box3{ background:#595959; padding:20px 10px 5px 10px;}
.box3 p{ font-size:17px; line-height:20px; margin:0px; text-align:center; clear:both; color:#fff;}
.box3 img.stamp{ position:relative; margin:-23px 0 -173px -10px; z-index:99;}

body.common div#content ul.signup-form2{ margin:0px; padding:0px;}
body.common div#content ul.signup-form2 li{float:left; margin:0px 6px 0px 0px;}
body.common div#content ul.signup-form2 li:last-child{ margin:0px;}
body.common div#content ul.signup-form2 li h2{margin:0px; height:0px; padding-top:29px; width:282px; overflow:hidden; background:url(/directory/getdata.php?about_id=F197103FDAFG-122) no-repeat center 0px; position:relative; margin:5px 0px 0px;}
body.common div#content ul.signup-form2 li h4{display:inline;}
body.common div#content ul.signup-form2 .the_question{ font-size:14px; line-height:15px; color:#fff; float:left; text-shadow:none;display:inline;}
/*body.common div#content ul.signup-form2 span.fieldContainer{background:url(/directory/getdata.php?about_id=F197103FDAFG-120) no-repeat left top; height:29px; width:222px; padding:5px 10px; float:left; margin:0px; display:inline;}*/
body.common div#content ul.signup-form2 input.fieldContainer {height:29px; width:100%; line-height:29px; background:none; border:0px; padding:0px; font-size:14px; color:#595959; font-weight:bold;}
body.common div#content ul.signup-form2 .submit-field{ text-align:center;}
body.common div#content ul.signup-form2 .submit-btn2{background:url(/directory/getdata.php?about_id=F197103FDAFG-121) no-repeat 0px 0px; width:207px; height:50px; padding:0px; margin:-1px 0px 0px; top:0px; border:0px; cursor:pointer; position:relative;display:inline;}




/*---- Wrapper ----*/
div.wrapper { width:904px; margin:0 auto; }

/*---- Header ----*/
div#header { background:url(/directory/getdata.php?about_id=F197103FDAFG-10) left top repeat-x; margin-bottom:32px; position:relative; z-index:2;}
div#header .lp4{ margin-bottom:18px;}

body.common div#header{ background:none; height:112px;}
/*---- Main Navigation ----*/
div#main-navigation { padding:60px 0px 0px 183px; }

/*---- Main ----*/
#main{ width:534px; float:left;  position:relative; margin-left:10px;}

/*---- Sidebar ----*/
#sidebar{ width:299px; float:right; background:#ccdec3; padding:5px;  margin:20px 10px 0px 0px;}

/*---- Footer ----*/
dic#footer{ margin-bottom:10px;}
div#footer p{ font-size:8px; color:#060606; line-height:12px; padding-top:10px; padding-left:45px;}

img { max-width:100%; }
img.alignleft{ float:left; margin:0px; display: inline;}
img.alignright{ float:right; margin:-5px 0px 10px 10px; display: inline;}
img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}



/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo { padding:3px 0px 3px 10px; float:left;}
div#header div.logo h1 a { position:relative; width:81px; height:82px; display:block; }
div#header div.logo h1 a span  { background:url(/directory/getdata.php?about_id=F197103FDAFG-56) left top no-repeat; height:0px; padding-top:82px; overflow:hidden; display:block; }
div#header hr.horizontal-line{ width:100%; border:0px; border-bottom:1px solid #f49d43; height:1px; position:absolute; top:45px; box-shadow:0px -2px 2px 2px #7a7c7d; -moz-box-shadow:0px -2px 2px 2px #7a7c7d; -webkit-box-shadow:0px -2px 2px 2px #7a7c7d; }

/*---- Main Navigation ----*/
div#main-navigation ul { list-style:none; float:left; }
div#main-navigation ul li{ float:left; margin-right:55px; position:relative;}
div#main-navigation ul li a {  font-family: 'helvetica_cybold'; font-size:14px; color:#fff; line-height:20px; float:left; text-decoration:none; }
div#main-navigation ul li span.arrow { background:url(/directory/getdata.php?about_id=F197103FDAFG-29) center top no-repeat; width:100%; height:18px; position:absolute; left:0px; bottom:-40px; display:none;}
div#main-navigation ul li.activeSlide span.arrow { display:block;}


/*---- Testimonial ----*/
div#content{ background:#fff; position:relative; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative; box-shadow:-4px -4px 4px rgba(0,0,0,.4); -moz-box-shadow:-4px -4px 4px rgba(0,0,0,.4); -webkit-box-shadow:-4px -4px 4px rgba(0,0,0,.4); padding-bottom:20px; }

div#content span.join-now{ background:url(/directory/getdata.php?about_id=F197103FDAFG-13) right top no-repeat; width:176px; height:145px; position:absolute; top:-2px; right:0px;}
div#content a.prev-btn{ background:url(/directory/getdata.php?about_id=F197103FDAFG-14) left center no-repeat; width:31px; height:46px; display:block; position:absolute; top:210px; left:15px; text-decoration:none; }
div#content a.next-btn{ background:url(/directory/getdata.php?about_id=F197103FDAFG-17) right center no-repeat; width:31px; height:46px; display:block; position:absolute; top:210px; right:15px; text-decoration:none; }
div#content a:hover{ text-decoration:none;}

div#content div.title{ padding-top:20px; padding-bottom:13px; border-bottom:1px solid #5ec4da;}
div#content div.title h2{ font-size:20px; color:#000; line-height:25px; text-align:center; }
div#content div.title h2 span.fetch-deals{font-family: 'hand_of_seanregular'; color:#9fcb99; margin:0px 4px;}
div#content div.title h2 span.fetch-deals span.inner{color:#54bfd3;}
div#content div.two-column-layout{ padding:23px 0px; width:700px; margin:0px auto; }
div#content div.two-column-layout.lp4{ width:725px;}

/*---- Join-Form ----*/
div.join-form{ width:300px; float:left; border:1px solid #ef9a42; position:relative; box-shadow:3px 3px 3px rgba(0,0,0,.4); -moz-box-shadow:3px 3px 3px rgba(0,0,0,.4); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,.4); padding-bottom:16px; background:#fff;}
div.join-form h3{  font-family: 'futuramedium'; font-size:24px; color:#fff; line-height:auto; text-align:center;  background:#f49d43; padding:10px 0px; text-shadow:-2px -1px rgba(0,0,0,.4); margin-bottom:10px;}
div.join-form h3 span.join{ font-size:15px;}
div.join-form h4{  font-family: 'futuramedium'; font-size:24px; color:#414142; line-height:auto; padding-left:10px; margin-bottom:5px;}
div.join-form p{  font-family: 'futuramedium'; font-size:14px; color:#424242; line-height:18px; margin-bottom:13px; padding-left:28px;}
div.join-form p.terms{ font-size:8px; color:#606061; line-height:12px; text-align:left; padding-left:25px;}

div.join-form ul{ list-style:none; padding-left:6px;}
div.join-form ul li{ font-size:8px; color:#606061; line-height:12px; text-align:left; margin-bottom:10px;}
div.join-form ul li.checkbox{ padding-left:7px;}
div.join-form li span.textbox{background:url(/directory/getdata.php?about_id=F197103FDAFG-27) left -33px no-repeat; position:relative; display:inline-block; padding-left:20px; height:33px;}
div.join-form li span.textbox span.inner{background:url(/directory/getdata.php?about_id=F197103FDAFG-27) right -2px no-repeat; display:inline-block; padding-right:20px; height:27px; padding-top:5px; line-height:28px; margin-left:5px; margin-right:-15px; }

div.join-form li span.download-btn{background:url(/directory/getdata.php?about_id=F197103FDAFG-28) left -46px no-repeat; position:relative; display:inline-block; height:45px; padding-left:29px; margin-left:22px;}
div.join-form li span.download-btn span.inner{background:url(/directory/getdata.php?about_id=F197103FDAFG-28) right -3px no-repeat; display:inline-block; padding-right:30px;height:45px; line-height:45px;}
div.join-form li input.textbox{ font-size:14px; color:#414142; background:none; border:0px; width:240px;}
div.join-form li input.submit {  font-family: 'futuramedium'; font-size:14px; color:#fcfcff; line-height:45px; text-transform:uppercase; background:none; border:0px; text-shadow:-1px -1px rgba(0,0,0,.5); cursor:pointer; margin-left:-15px; }
div.join-form input.checkbox{ font-size:8px; color:#606061; line-height:12px; float:left;}
div.join-form label{ float:right; padding-right: 14px; width: 246px; font-size:11px; }
div.join-form label a { color:#606061; }
div.join-form div.fb-like{ background:#f2f2f2; padding:0px 8px 0px 12px; height:50px; width:280px; }
div.join-form div.fb-like span.fb-like{ background:url(/directory/getdata.php?about_id=F197103FDAFG-8) left top no-repeat; height:24px; display:block;}
.fb_iframe_widget span { padding-top:10px; height:30px !important; }
.fb_iframe_widget iframe { height:30px !important; }

/*---- Testimonial ----*/
div.testimonial { width:335px; float:right;}
div.testimonial span.top-arrow{ background:url(/directory/getdata.php?about_id=F197103FDAFG-29) left top no-repeat; width:30px; height:18px; position:absolute; top:-18px; left:200px;}
div.testimonial ul{ list-style:none; position:relative;}
div.testimonial ul li{ margin-bottom:10px; padding: 12px 8px; border-radius:5px; -mox-border-radius:5px; -webkit-border-radius:5px; position:relative; box-shadow:0px 0px 3px 3px #cdcdcd; -moz-box-shadow:0px 0px 3px 3px #cdcdcd; -webkit-box-shadow:0px 0px 3px 3px #cdcdcd; background:#fff;  min-height: 85px; }
div.testimonial ul li img.image{background:#fff; padding:3px; margin-right:10px; position:relative; box-shadow:0px 0px 2px 2px rgba(0,0,0,.4); -moz-box-shadow:0px 0px 2px 2px rgba(0,0,0,.4); -webkit-box-shadow:0px 0px 2px 2px rgba(0,0,0,.4);}
div.testimonial ul li blockquote{ margin-bottom:5px;}
div.testimonial ul li blockquote p{ font-family: 'hand_of_seanregular'; font-size:14px; line-height:17px; color:#363637; position:relative; }
div.testimonial ul li blockquote p cite{  font-family: 'helveticaregular'; font-style:normal;}


/*---- How it Works ----*/
div.use{ background: url(/directory/getdata.php?about_id=F197103FDAFG-30) #fff left bottom no-repeat; width:356px; float:right; padding:10px 0px 35px; border:1px solid #888987; position:relative; box-shadow:0px 0px 2px rgba(0,0,0,.2); -moz-box-shadow:0px 0px 2px rgba(0,0,0,.2); -webkit- box-shadow:0px 0px 2px rgba(0,0,0,.2); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
div.use h5{ font-size:19px; color:#060606; line-height:25px; margin-bottom:25px; text-align:center;}
div.use h5 span.fetch-deals{font-family: 'hand_of_seanregular'; font-size:20px; color:#9fcb99; margin:0px 4px; text-transform:uppercase;}
div.use h5 span.fetch-deals span.inner{color:#54bfd3;}
div.use ul.steps{ list-style:none; padding-right:22px;}
div.use ul li { margin-bottom:25px; padding-left:22px;}
div.use ul li span{ font-size:14px; color:#383837; line-height:20px; font-weight:bold; height:30px; }
div.use ul li:first-child{ margin-bottom:10px;}
div.use ul li.step2 { padding-left:0px;}
div.use ul li span.count{ font-size:25px; color:#52bfd6; font-weight:bold; display:block; float:left; }
div.use ul li.step2 span.count{background:url(/directory/getdata.php?about_id=F197103FDAFG-21) left top no-repeat; display:block; height:57px; line-height:57px; margin-top:-20px; padding-left:22px; padding-right: 5px; float:left; }

/*--- Top Stores ----*/
div.top-stores{ background:#fff; width:330px; float:right;}

#slideshow .slides { height: 404px; margin: 0 auto; position: relative; width: 710px; }
#slideshow .slide { height: 404px; position:absolute; width: 710px; }

/*--- Testimonial ----*/

div#content div.title.lp4{ padding-bottom:10px;}
div#content div.title.lp4 h2{ font-size:23px; color:#2e2e2e; line-height:30px; text-align:center; }
div.testimonial.lp4{ width:735px; padding:0px 30px;  border-radius:5px; -mox-border-radius:5px; -webkit-border-radius:5px; position:relative; box-shadow:0px 0px 2px 2px rgba(0,0,0,.5); -moz-box-shadow:0px 0px 2px 2px rgba(0,0,0,.5); -webkit-box-shadow:0px 0px 2px 2px rgba(0,0,0,.5); margin:0 auto; float:none; background:#fff;}
div.testimonial.lp4 ul{ list-style:none; position:relative;}
div.testimonial.lp4 ul li{ width:325px; float:left; border-radius:none; box-shadow:none; padding-bottom:0px;}
div.testimonial.lp4 ul li:first-child{ width:300px;}
div.testimonial.lp4 ul li.divider{ background:url(/directory/getdata.php?about_id=F197103FDAFG-15) right bottom no-repeat; width:2px; height:94px; margin:10px 30px 0px; padding:0px;}
div.testimonial.lp4 ul li blockquote p{text-shadow:none; line-height:20px; }


/*------------------------------------------
// 4. SURVEY PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- SURVEY ----*/

/*---- Header - Logo ----*/
body.common div#header{ margin-bottom:0;}
body.common div#header div.logo { padding:0px; float:none;}
body.common div#header div.logo h1 a { left:37px; position:relative; width:140px; height:0; background:url(/directory/getdata.php?about_id=F197103FDAFG-56) left top no-repeat; padding-top:138px; overflow:hidden; display:inline-block;}
body.common div#header div.logo h1 span { font-size:22px; color:#fff; line-height:35px; position:absolute; top:58%; margin-left:38px; font-family:CenturyGothic; font-style: italic; font-weight: bold; text-shadow:0px 1px 5px #000;}

body.common div#header span.fd{ background:url(/directory/getdata.php?about_id=F197103FDAFG-53) no-repeat right top; height:107px; width:88px; display:block; position:absolute; right:47px; top:3px;}


/*---- Content ----*/

body.common div#content { padding-top:8px; border-radius:0; box-shadow:none; background:none; padding-bottom:0; }
body.common div#content hr{ border:none; background:url(/directory/getdata.php?about_id=F197103FDAFG-37) no-repeat left bottom; width:685px; margin:0 auto; height:49px;}
body.common  div#content h2{ background:url(/directory/getdata.php?about_id=F197103FDAFG-33) no-repeat left center; padding-left:18px;  font-size:21px; line-height:20px; color:#595959; margin-bottom:10px; margin-top:-18px; position:relative;}
body.common  div#content h4{ font-size:16px; line-height:25px; color:#595959; /*border:none;*/ margin-top:16px; margin-bottom:8px; margin-left:20px; /* text-shadow: 0 1px #CDE7E5;*/}
body.common  div#content h4.heading1{ margin-bottom:0;}
body.common  div#content h6{font-size:14px; line-height:17px; color:#595959; border-bottom:2px solid #efb682; display:inline-block; margin-bottom:0px; margin-left:20px; font-weight:bold;}

body.common div#content ul{ margin-left:20px; padding-bottom:5px;}
body.common div#content ul li{font-size:16px; line-height:25px; color:#595959; font-weight:bold; margin-bottom:23px; }
body.common div#content ul li span.number{color:#399fbe; min-width:20px; display:inline-block;}
body.common div#content ul li div.option1{ width:154px; margin:0 auto; border:none; display:block; padding-top:23px;}
body.common div#content ul li span{  color:#595959; text-shadow:0px 1px 0px #ddd;}

body.common .box1{ width:682px; margin:0 auto 20px; }
body.common .box1 .box-top{ background:url(/directory/getdata.php?about_id=F197103FDAFG-36) no-repeat left top; height:65px;}
body.common .box1 .box-middle{background:url(/directory/getdata.php?about_id=F197103FDAFG-35) repeat left center; width:651px; padding:0px 15px; margin-left:1px; min-height:400px; position:relative; margin-top:-20px; padding-bottom:15px;}
body.common .box1 .box-bottom{ background:url(/directory/getdata.php?about_id=F197103FDAFG-34) no-repeat left top; height:39px; width:683px; margin-left:-1px; position:relative;}


/*---- Footer ----*/
body.common div#footer { padding-bottom:23px;}
.sociable{ width:151px; margin:0 auto 18px;}
.sociable li{ list-style:none; float:left; margin-right:7px;}
.sociable li a{ display:block; height:47px; width:32px; background:url(/directory/getdata.php?about_id=F197103FDAFG-52) no-repeat left top; }
.sociable li a:hover{ text-decoration:none;}
.sociable li.facebook a{ background-position:0 0;}
.sociable li.twitter a{ background-position:-39px 0;}
.sociable li.mail a{ background-position:-79px 0;}
.sociable li.pinterest a{ background-position:-120px 0; } 
.sociable li.pinterest {margin-right:0;}
body.common div#footer p.copy-right{ font-size:14px; color:#3a7988; line-height:18px; width:250px; margin:0 auto; text-align:center; padding:0;}
body.common div#footer p.copy-right a{font-size:14px; color:#3a7988; line-height:18px; text-decoration:underline;}

/*------------------------------------------
// 5. DOWNLOAD PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//---------------------------------------*/


/*---- DOWNLOAD----*/

body.common div#content a.no-thanks{  text-decoration:underline; width:100px; margin:0 auto; display:block; font-weight:bold; font-size:14px; line-height:20px; color:#595959; margin-bottom:20px; }

.section1{ width:198px; padding:10px 10px 0px 10px; float:left;}
.section2{ width:392px; padding:10px 10px 0px 24px; float:right;}
.section1 p, .section2 p{font-size:16px; line-height:40px; text-align:center; color:#fff; font-weight:bold; display:block; border:none; margin:0; clear:both;}
.section1,.section2{ position:relative; background:#e58536; border-radius:20px; -mox-border-radius:20px;  -webkit-border-radius:20px;  }
.step1{ position:relative;  width:198px; background:#fff; border-radius:15px 15px 0px 0px; -mox-border-radius:15px 15px 0px 0px;  -webkit-border-radius:15px 15px 0px 0px;}

body.common .step2{ float:right; width:211px;  background:#fff; border-radius:0px 15px 0px 0px  ; -mox-border-radius:0px 15px 0px 0px;  -webkit-border-radius:0px 15px 0px 0px; position:relative;}


.step1 div{ display:block; font-size:14px; line-height:15px; text-align:center; color:#595959; padding:10px 0px 0px; font-weight:bold; 	}
.step1 div img{ height:161px;}
.step2 a.button{ display:block; text-align:center; }
.step2 img.loader{ margin-bottom:0;}
	
.step2 span.download{ display:block; margin-bottom:15px; padding-top:10px; font-size:16px; line-height:20px; text-align:center; color:#399fbe; font-weight:bold; text-decoration:underline;}
body.common div#content .section2 h2{ background:none; padding-left:0px;  font-size:22px; line-height:30px; color:#fff; padding-top:75px; width:175px; float:left; margin-top:0; }

/*---- MATCH----*/

.contract_div{ width:550px; padding:10px 10px 0px 40px; background:#FFFFFF; border-radius:20px; -mox-border-radius:20px;  -webkit-border-radius:20px;}
.contract_div h3{font-size:14px; color:#FFFFFF; font-weight:bold; display:block; border:none; margin:0;}
.contract_div #contract_description{width:392px; padding:20px 10px 20px 24px;position:relative; background:#e58536; border-radius:5px; -mox-border-radius:5px;  -webkit-border-radius:5px;}

.contract_div h2{ display:block; margin-bottom:15px; padding-top:10px; font-size:24px; line-height:20px; color:#DBA901; font-family:CenturyGothic; font-style: italic;}

#linkout {text-align: center; padding-top:10px; padding-bottom:20px;}
#iframe{text-align: center; padding-top:10px;padding-bottom:10px;}




/*------------------------------------------
// 6. THANKYOU PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//---------------------------------------*/


/*---- THANKYOU----*/

body.common div#content #main .post h2 ,body.common div#content #sidebar .widget h2{ font-size:18px; color:#595959; line-height:26px; font-weight:bold; padding:0; background:none; margin-bottom:5px; margin-top:0;	}
body.common div#content #main .post p ,body.common div#content #sidebar .widget p{ margin:0; font-size:12px; color:#595959; line-height:15px; border:none; font-weight:normal;}

/*---- Main----*/

body.common div#content #main hr{  width:526px; background-position:-148px 0px;}
body.common div#content #main h2{ margin-bottom:15px;}
body.common  div#content #main p{ font-size:14px; line-height:18px; color:#399fbe; font-weight:bold; margin-bottom:16px; margin-left:20px;  text-shadow: 0 1px #CDE7E5;}

#main .box1 { width:534px; margin-bottom:60px; }
#main .box1 .box-top{ height:72px; background-position:0px -80px;}
#main .box1 .box-middle{ width:501px; margin-left:2px; padding-bottom:20px;}
#main .box1 .box-bottom{ background-position:0px -56px; height:58px; width:533px; margin-left:3px; margin-bottom:30px;}

.article{ background:#fff; margin-bottom:30px}
.post{ margin-bottom:12px;}

.box-middle a.more{ width:50px; margin:0 auto; display:block; font-weight:bold; font-size:14px; line-height:17px; color:#595959; background:url(/directory/getdata.php?about_id=F197103FDAFG-45) no-repeat right 4px; padding-right:6px; }


.post-top{ background:url(/directory/getdata.php?about_id=F197103FDAFG-48) no-repeat left top; height:23px; width:507px;}
.post-middle{ background:url(/directory/getdata.php?about_id=F197103FDAFG-47) repeat-y left top; height:9px; width:479px; min-height:100px; padding:0px 13px; position:relative; margin-top:-10px;}
.post-middle-big{ background:url(/directory/getdata.php?about_id=F197103FDAFG-47) repeat-y left top; height:210px; width:479px; min-height:100px; padding:0px 13px; position:relative; margin-top:-10px;}
.post-bottom{ background:url(/directory/getdata.php?about_id=F197103FDAFG-46) no-repeat left bottom; height:7px; width:507px;}

#main .metadata{font-size:14px; color:#595959; line-height:17px; font-weight:bold; margin-bottom:10px; display:block;}
.post .description{ float:right; width:325px; }
#main .post a.redeem ,#sidebar .widget a.redeem{ float:right; padding-left:11px; font-size:16px; color:#595959; line-height:54px; font-weight:bold; display:block; float:right; background:url(/directory/getdata.php?about_id=F197103FDAFG-49) no-repeat left top; height:42px; width:87px;}

.post a.redeem { margin-top:-18px; padding-right:10px;}
.post span.redeem{ display:block; background:#fafcd9; height:23px; margin-top:12px;} 

/*---- Sidebar----*/
.widget .inner-content{padding:0px 15px 15px 10px; width:275px; background:#ffebcb; margin:0 auto; position:relative; margin-top:-10px; }
.widget img{ float:left; margin-right:7px;}
.widget{  margin-bottom:10px;  }

body.common div#content #sidebar .widget p{  margin-bottom:45px;}
body.common div#container .widget .top{ background:url(/directory/getdata.php?about_id=F197103FDAFG-51) no-repeat left top; height:32px; width:301px;}



/*------------------------------------------
// 7. PROFILEPAGE PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//-----------------------------

/*----Two-Column-Layout1----*/

body.common div#content .two-column-layout1 .column2 hr{  width:440px; background-position:-203px 0px;}

body.common .two-column-layout1 .box1 { width:441px;  }
body.common .two-column-layout1 .box1 .box-top{ height:70px; background-position:0px -249px;}
body.common .two-column-layout1 .box1 .box-middle{ width:409px; margin-left:1px;}
body.common .two-column-layout1 .box1 .box-bottom{ background-position:0px -139px; height:38px; width:441px; margin-left:0px;}

.two-column-layout1 .column1{ float:left; width:348px; padding-top:45px; padding:45px 0px 0px 40px;}
.two-column-layout1 .column1 img{ margin-bottom:30px;}

body.common #content .two-column-layout1 .column1 h2{ text-shadow:0px 1px 4px #333; position:relative; font-size:22px; line-height:26px; color:#fff; font-style:italic; 
background:#e58536; width:295px; height:60px; text-align:center; padding-top:10px;  }
body.common #content .two-column-layout1 .column1 h2 span{background:url(/directory/getdata.php?about_id=F197103FDAFG-18) no-repeat right top; display:inline-block; height:70px; width:39px; position:absolute; right:-37px; top:0;}

.two-column-layout1 .column2{ float:right; width:441px; padding-right:10px; }

/*---- Send-Your-Sample----*/

body.common #content ul.send-sample{ margin:0; }
body.common #content ul.send-sample li{ list-style:none; text-align:center; margin-bottom:10px;}

ul.send-sample label{ float:left; text-align:right; width:132px; font-size:15px; line-height:35px; font-weight:bold; color:#595959; text-shadow:0px 1px #ddd;}
ul.send-sample input{ font-size:15px; line-height:17px; font-weight:bold; color:#595959;}
ul.send-sample span.textbox{ background:url(/directory/getdata.php?about_id=F197103FDAFG-25) no-repeat left top; height:34px; width:211px; display:inline-block;}
ul.send-sample input.textbox{ float:none; background:transparent; border:none; height:24px; padding:5px 10px; width:191px; font-size:12px; color:#595959;}
ul.send-sample input.submit-btn{ background:url(/directory/getdata.php?about_id=F197103FDAFG-23) no-repeat center center; height:56px; width:171px; border:none; font-size:24px; color:#fff; padding:0px 28px 11px 0px; cursor:pointer; font-weight:normal; text-shadow:0px 1px 4px #333; letter-spacing:2px;}
body.common div#content ul.send-sample span.phone{ background:url(/directory/getdata.php?about_id=F197103FDAFG-19) no-repeat left top; height:35px; width:54px; display:inline-block; }
ul.send-sample input.phone{ float:none; background:transparent; border:none; height:31px; line-height:25px; padding:5px 10x; width:34px; font-size:12px; color:#595959;}


ul.send-sample span.select{ width:200px;}
ul.send-sample span.select select{ width:200px; }

body.common #content ul.send-sample span.radio{ float:left; margin:0px 10px 0px 18px; line-height:37px; width:87px; text-shadow: 0 1px #DDDDDD; }

body.common #content ul.send-sample .options{ width:200px; margin:0 auto;}
body.common #content ul.send-sample span.radio1{ width:60px; line-height:24px; float:left;}

body.common #content ul.send-sample li h6{ margin-top:20px; sfont-size:14px; line-height:17px; color:#595959; border-top:2px solid #efb683; border-bottom:none; padding-top:20px; margin-left:0; margin-bottom:0;}
body.common #content ul.send-sample li p{ margin-bottom:20px; font-size:13px; line-height:14px; color:#397a91; text-align:left; margin-left:25px;}



/*------------------------------------------
// 7. NETWORK PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//---


/*----Two-Column-Layout2----*/

body.common div#content .two-column-layout2 .column1 hr{  width:511px; background-position:-165px 0px; height:60px;}

body.common .two-column-layout2 .box1 { width:511px; margin-bottom:30px;  }
body.common .two-column-layout2 .box1 .box-top{ height:49px; background-position:0px -171px;}
body.common .two-column-layout2 .box1 .box-middle{ width:478px; margin-left:1px; min-height:315px; margin-top:0; padding-bottom:10px;}
body.common .two-column-layout2 .box1 .box-bottom{ background-position:0px -190px; height:38px; width:511px; margin-left:0px;}

.two-column-layout2 { position:relative;}
.two-column-layout2 .column1{ float:left; width:511px; z-index:4444; padding:30px 0px 0px 10px; position:relative; }
.two-column-layout2 .column1 h1{ font-size:38px; line-height:40px; position:absolute; top:-18px; left:40px; color:#595959; }
.two-column-layout2 .column1 h1 span{ background:url(/directory/getdata.php?about_id=F197103FDAFG-50) no-repeat 0 0; width:17px; display:inline-block;}
.two-column-layout2 .column1 h1 span.left-arrow{ background-position:0 center; margin-right:10px;}
.two-column-layout2 .column1 h1 span.right-arrow{ background-position:right center; margin-left:10px;}

.two-column-layout2 .column1 p{ width:326px; margin:0 auto; text-align:center;  margin-bottom:20px; font-size:13px; line-height:14px; color:#397a91; padding-top:30px; }

.two-column-layout2 .column2{  width:410px; z-index:2222; float:left; margin-left:-51px; position:relative;  }
.two-column-layout2 span.stamp{ position:absolute; right:29%; bottom:0; background:url(/directory/getdata.php?about_id=F197103FDAFG-20) no-repeat left top; width:150px; height:209px; display:block; z-index:9999;}


/*added to match layout 1*/
.two-column-layout1 span.stamp{ position:absolute; right:29%; bottom:0; background:url(/directory/getdata.php?about_id=F197103FDAFG-20) no-repeat left top; width:150px; height:209px; display:block; z-index:1;}
.two-column-layout1 h1{ font-size:38px; line-height:40px; position:absolute; top:-18px; left:40px; color:#595959; }
.two-column-layout1 h1 span{ background:url(/directory/getdata.php?about_id=F197103FDAFG-50) no-repeat 0 0; width:17px; display:inline-block;}
.two-column-layout1 h1 span.left-arrow{ background-position:0 center; margin-right:10px;}
.two-column-layout1 h1 span.right-arrow{ background-position:right center; margin-left:10px;}
.two-column-layout1 p{ width:326px; margin:0 auto; text-align:center;  margin-bottom:20px; font-size:13px; line-height:14px; color:#397a91; padding-top:30px; }

/***************/


body.common div#content ul.signup-form li span.radio{ position:relative; top:-13px;}
ul.signup-form label{ width:100px; font-size:16px; line-height:35px; font-weight:bold; color:#595959;  position:relative; top:-10px;}

body.common div#content ul.signup-form{ margin-left:0; }
body.common div#content ul.signup-form li{ margin-bottom:13px;}
body.common div#content ul.signup-form span.textbox{ position:relative; top:-9px; background:url(/directory/getdata.php?about_id=F197103FDAFG-26) no-repeat left top; height:45px; width:288px; display:inline-block; margin-right:0;}
body.common div#content ul.signup-form input.textbox{  background:transparent; border:none; height:35px; padding:5px 10px; width:268px; font-size:15px; color:#595959;}
body.common div#content ul.signup-form input.submit-btn{ cursor:pointer; background:url(/directory/getdata.php?about_id=F197103FDAFG-24) no-repeat center center; height:67px; width:280px; border:none; font-size:24px; color:#fff; padding:0px 28px 11px 0px; text-shadow: 0 1px 4px #333333; letter-spacing:1px; position:relative; top:-12px;}

body.common div#content ul.signup-form span.icon{ background:url(/directory/getdata.php?about_id=F197103FDAFG-22) no-repeat left top; height:69px; width:69px; display:inline-block; font-size:15px; font-weight:normal; line-height:33px;  text-align:center;  margin-right:10px; color:#fff; text-shadow:0px 1px 2px #333; }
body.common div#content ul.signup-form span.icon span.step-number{font-size:32px; line-height:13px; display:block; text-align:center; color:#fff; margin-right:0;  text-shadow:0px 1px 2px #333;}

body.common div#content ul.signup-form li h6{ border:none; width:183px; margin:0; text-shadow:0px 1px 0px #ddd; position:relative; top:7px;}



/**********************************************************************************************
PURPOSE
This CSS file provide a clever way to add browser and OS specific css styles.

USAGE
.[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser]

AVAILABLE OS CODES [os]:
win - Microsoft Windows
linux - Linux (x11 and linux)
mac - Mac OS
freebsd - FreeBSD
ipod - iPod Touch
iphone - iPhone
webtv - WebTV
mobile - J2ME Devices (ex: Opera mini)

AVIALABLE BROWSER CODES [browser]:
ie - Internet Explorer (All versions)
ie8 - Internet Explorer 8.x
ie7 - Internet Explorer 7.x
ie6 - Internet Explorer 6.x
ie5 - Internet Explorer 5.x
gecko - Mozilla, Firefox (all versions), Camino
ff2 - Firefox 2
ff3 - Firefox 3
ff3_5 - Firefox 3.5 new
opera - Opera (All versions)
opera8 - Opera 8.x
opera9 - Opera 9.x
opera10 - Opera 10.x
konqueror - Konqueror
webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome
safari3 - Safari 3.x
chrome - Google Chrome
iron - SRWare Iron

EXAMPLES:
html.gecko div#header { margin: 1em; }
.opera #header { margin: 1.2em; }
.ie .mylink { font-weight: bold; }
.mac.ie .mylink { font-weight: bold; }

***********************************************************************************************/

/*------------------------------------------
// IE - All Versions - Windows
//------------------------------------------*/

/* Clearfix Method for containing floats in IE */
.ie .clearfix { display: inline-block; }  /* ... especialy for IE7 */
.ie .clearfix { display: block; }          /* ... for IE5,IE6,IE7 */
* html.ie .clearfix { height: 1%; }       /* ... for IE5 + IE6/Win */

/* Adjustment of .floatbox class for IE */
.ie .floatbox { width:100%; }

/*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */
/*.css3 { behavior: url("resources/js/PIE.htc"); position:relative; }*/

/*------------------------------------------
// IE - IE6.0 - Windows 
//------------------------------------------*/

/* Adds near-native PNG support with alpha opacity in IE6 */
/* ie6 img { behavior: url("resources/js/iepngfix.htc");  } */

/* Adds ability to user :hover selector on any tag in IE6 */
/*.ie6 body { behavior: url("resources/js/csshover.htc"); }*/

.ie div.join-form div.fb-like, .ie div.join-form li span.download-btn { left:-40px; position:relative;  }
.ie div.join-form p { left:-40px; position:relative; white-space:nowrap; }
.ie8 div.join-form p { margin-top:-15px; position:relative;  }
.ie8 div.join-form label { margin-bottom:10px; }

.ie8 body.common div#content ul.signup-form span.textbox { position:absolute; top:90px; }
.ie8 body.common div#content ul.signup-form input.textbox{ padding-top:14px;}
ul.send-sample input.textbox{ padding-top:8px;}


/**
*	Typography CSS
*/


/*
@font-face {
    font-family: 'helvetica_cybold';
    src: url('../typography/helveticacybold-webfont.eot');
    src: url('../typography/helveticacybold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typography/helveticacybold-webfont.woff') format('woff'),
         url('../typography/helveticacybold-webfont.ttf') format('truetype'),
         url('../typography/helveticacybold-webfont.svg#helvetica_cybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futuramedium';
    src: url('../typography/futura_medium-webfont.eot');
    src: url('../typography/futura_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typography/futura_medium-webfont.woff') format('woff'),
         url('../typography/futura_medium-webfont.ttf') format('truetype'),
         url('../typography/futura_medium-webfont.svg#futuramedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hand_of_seanregular';
    src: url('../typography/handsean-webfont.eot');
    src: url('../typography/handsean-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typography/handsean-webfont.woff') format('woff'),
         url('../typography/handsean-webfont.ttf') format('truetype'),
         url('../typography/handsean-webfont.svg#hand_of_seanregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'helveticaneue';
    src: url('../typography/helveticaneue.eot');
    src: url('../typography/helveticaneue.eot?#iefix') format('embedded-opentype'),
         url('../typography/helveticaneue.woff') format('woff'),
         url('../typography/helveticaneue.ttf') format('truetype'),
         url('../typography/helveticaneue.svg#helvetica_cybold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'tt-coolvetica-rg';
    src: url('../typography/tt-coolvetica-rg.eot');
    src: url('../typography/tt-coolvetica-rg.eot?#iefix') format('embedded-opentype'),
         url('../typography/tt-coolvetica-rg.woff') format('woff'),
         url('../typography/tt-coolvetica-rg.ttf') format('truetype'),
         url('../typography/tt-coolvetica-rg.svg#helvetica_cybold') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

ul.send-sample input.submit-btn ,.two-column-layout2 .column1 h1 ,body.common div#content ul.signup-form span.icon span.step-number ,body.common div#content ul.signup-form input.submit-btn {font-family: 'tt-coolvetica-rg';}

body.common div#content h2 {font-family: 'helveticaneue';}

body.common div#content .section2 h2{ font-family:Arial, Helvetica, sans-serif;}


/*---Disclaimer------*/
#disclaimer{
  width:850px;
  margin:8px auto;
}
#disclaimer p{
  margin-bottom:5px;
  font-size:11px;
  text-align:justify;
}

/*IMAGE POPUP*/

/* the next class name can be renamed */

div.img_popup {
  /*max-width: 600px;*/
  /*border: 1px solid black;*/
  /*padding: 5px;*/
  background-color: white;
  /*height:auto;*/
  /* The following properties should not be changed */
  position: fixed;
  /*padding:10px;*/
}

#popup_overlay {
  /*background-color: whitesmoke;*/
  background-color: black;
  /* The following properties should not be changed */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

.popup_draghandle {
  cursor: move;
}

.popup_closebox{
  cursor: pointer;
}

#img_popup_name{
font-size:12px;
}

#img_popup_description{
font-size:12px;
}

#img_popup_button{
text-align:center;
}

.rounded_corner{
-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px;
}

.box_shadow_small {
-moz-box-shadow: 5px 5px 3px #111;
-webkit-box-shadow: 5px 5px 3px #111;
box-shadow: 5px 5px 3px #111;
} 

.box_shadow_big {
-moz-box-shadow: 10px 10px 5px #111;
-webkit-box-shadow: 10px 10px 5px #111;
box-shadow: 10px 10px 5px #111;
} 
/*IMAGE POPUP END*/

/* DOWNLOAD POPUPS CSS*/
/* common styles */
.hide {
	display:none;
}

/* modal window styles */
#simplemodal-overlay {
	background-color:#000; 
}
.simplemodal-container {
	border: 5px solid #E58536;
	background-color:#ffffff;
}
.simplemodal-container a.modalClose {
	display:inline;
	z-index:3200; 
	position:absolute;
	cursor:pointer;
	color: #E58536;
	font-weight: bold;
	font-size: 13px;
}
.simplemodal-container a.modalCloseTop {
	top:9px; 
	right:9px;
}
.simplemodal-container .content {
	margin-top: 25px;
}
.simplemodal-container .content .row {
	overflow: hidden;
	clear: both;
	margin-top:25px;
}
.simplemodal-container .content .row h3 {
	color: #389FBE;
	font-size: 16px;
	font-weight: bold;
}
.simplemodal-container .content .row h3 span {
	font-size: 10px;
}
.simplemodal-container .content .row h3,
.simplemodal-container .content .row img {
	float:left;
}
.simplemodal-container a.modalCloseBottom {
	bottom:9px; 
	right:9px;
	text-decoration: underline;
}

/* specific modal styles */
/* IE */
#simplemodal-container-ie {
	width:978px;
	height: 500px;/*600*/
	overflow-y:auto;
	overflow-x:hidden;
}
.simplemodal-container #Modal_ie {
	height: 960px;
}
.simplemodal-container #Modal_ie a.modalClose {
	right: 27px;
}
.simplemodal-container #Modal_ie .content .row_1 {
	margin-left: 120px;
}
.simplemodal-container #Modal_ie .content .row_1 img {
	margin-right: 40px;
}
.simplemodal-container #Modal_ie .content .row_1 h3{
	margin-top: 75px;
}
.simplemodal-container #Modal_ie .content .row_2 {
	margin-right: 35px;
}
.simplemodal-container #Modal_ie .content .row_2 img {
	float:right;
	margin-left: 10px;
}
.simplemodal-container #Modal_ie .content .row_3 h3{
	margin-left: 75px;
}
.simplemodal-container #Modal_ie .content .row_3 h3 img {
	padding-right: 10px;
	padding-top:2px;
}
.simplemodal-container #Modal_ie .content .row_4 {
	width: 723px;
	margin-left:auto;
	margin-right:auto;
}
.simplemodal-container #Modal_ie .content .row_5 h3 {
	margin-left: 75px;
}
.simplemodal-container #Modal_ie .content .row_6 {
	width: 860px;
	margin-left:auto;
	margin-right:auto;
}
.simplemodal-container #Modal_ie .content .row_7 h3 {
	margin-right: 75px;
	float: right;
}
.simplemodal-container #Modal_ie .content .row_7 h3 img {
	padding-right: 10px;
	padding-top:2px;
}

/* FF */
#simplemodal-container-ff {
	width:648px;
	height: 550px;/*741*/
	overflow-y:auto;
	overflow-x:hidden;
}
.simplemodal-container #Modal_ff {
	height: 741px;
}
.simplemodal-container #Modal_ff a.modalClose {
	right: 27px;
}
.simplemodal-container #Modal_ff .content h3 img {
	padding-left: 3px;
	float: none;
}
.simplemodal-container #Modal_ff .content .row {
	margin-top:10px;
}
.simplemodal-container #Modal_ff .content .row_0 {
	margin-left:175px;
}
.simplemodal-container #Modal_ff .content .row_1 {
	width: 396px;
	margin-left:auto;
	margin-right:auto;
}
.simplemodal-container #Modal_ff .content .row_2 {
	margin-left: 295px;
}
.simplemodal-container #Modal_ff .content .row_3 {
	width: 362px;
	margin-left:auto;
	margin-right:auto;
}
.simplemodal-container #Modal_ff .content .row_4 {
	margin-left: 228px;
}
.simplemodal-container #Modal_ff .content .row_5 {
	width: 391px;
	margin-left:auto;
	margin-right:auto;
}
.simplemodal-container #Modal_ff .content .row_6 {
	margin-left: 250px;
}

/* Safari */
#simplemodal-container-safari {
	width:585px;
	height: 482px;
	overflow-y:auto;
	overflow-x:hidden;
}
.simplemodal-container #Modal_safari .content {
	margin-top:0;
	padding-top: 25px;
}
.simplemodal-container #Modal_safari .content h3 img {
	padding-left: 3px;
	float: none;
}
.simplemodal-container #Modal_safari .content .row {
	margin-top:10px;
}
.simplemodal-container #Modal_safari .content .row_1 {
	width: 426px;
	margin-left:auto;
	margin-right:auto;
}
.simplemodal-container #Modal_safari .content .row_2 {
	margin-left: 145px;
}
.simplemodal-container #Modal_safari .content .row_3 {
	width: 455px;
	margin-left:auto;
	margin-right:auto;
}
.simplemodal-container #Modal_safari .content .row_4 {
	margin-left: 228px;
}

/* Chrome */
#simplemodal-container-chrome {
	width:585px;
	height: 400px;
	overflow-y:auto;
	overflow-x:hidden;
}
.simplemodal-container #Modal_chrome .content {
	margin-top:0;
	padding-top: 25px;
}
.simplemodal-container #Modal_chrome .content h3 img {
	padding-left: 3px;
	float: none;
}
.simplemodal-container #Modal_chrome .content .row {
	margin-top:10px;
}
.simplemodal-container #Modal_chrome .content .row_0 {
	margin-left:152px;
}
.simplemodal-container #Modal_chrome .content .row_1 {
	width: 568px;
	margin-left:auto;
	margin-right:auto;
}
.simplemodal-container #Modal_chrome .content .row_2 {
	margin-left: 152px;
}
.simplemodal-container #Modal_chrome .content .row_3 {
	width: 312px;
	margin-left:auto;
	margin-right:auto;
}
.simplemodal-container #Modal_chrome .content .row_4 {
	margin-left: 206px;
}

/* DOWNLOAD POPUPS CSS END*/


/* SUBQUESTIONS AND QUESTIONS STYLE*/
.subquestion .subquestion_wrapper{
 	width:100%;
}
.subquestion .subquestion_image{
   float:left;
   width:125px;
   padding-top:15px;
}
.subquestion .subquestion_text{
   float:left;
   line-height:100%;
}
.subquestion .subquestion_text p{
   text-align:justify; 
   font-size:10pt; 
   color:#595959; 
   padding:10px 0 0 0; 
   width:400px;
   font-weight:normal;
}

.subquestion .subquestion_text_thin p{
   width:370px;
}

.subquestion .subquestion_text2{
   float:left;
   line-height:100%;
}
.subquestion .subquestion_text2 p{
   text-align:justify; 
   font-size:10pt; 
   color:#595959; 
   padding:10px 0 0 0; 
   width:520px;
   font-weight:normal;
}

.subquestion .radio_question_span{
   padding-left:120px;
}

.the_question .question_wrapper{
 width:550px;
}
.the_question .question_image{
   float:left;
   width:125px;
   padding-top:15px;
}
.the_question .question_text{
   float:left;
   line-height:100%;
   padding-top: 10px;
}
.the_question .question_text p{
   text-align:justify; 
   font-size:10pt; 
   color:#595959; 
   padding:10px 0 0 0; 
   width:400px;
   font-weight:normal;
}

/* FROM THE TEMPLATE*/

div.survey_content ul {
    margin: 0.5em 1em;
    padding: 0;
}

div.survey_content hr{
    background-color: #CCCCCC;
    border: 0 none;
    color: #CCCCCC;
    height: 1px;
    margin: 1em 0;
    display:none;
}
div.survey_content h4{
    margin-bottom: 0px;

}
div.the_question{
	margin-left: 40px;
}


div.checkbox_div{border: 1px solid rgb(204, 204, 204); overflow: auto; width: 200px; height: 150px;}
div.blue_div {color:white;background:blue;margin-bottom:10px;}
span.blue_text {color:blue;}

.span_button{border:1px solid black;padding:5px;cursor:pointer;}
.span_button_hover{border:1px solid black;padding:5px;cursor:pointer;background:#cccccc;}


/*div.survey_content .fieldContainer{margin-left: 80px;}*/
/*div.survey_content .fieldContainer .radio_question_span{font-size:16px;color:#595959;display:block;}*/
/*div.survey_content .fieldContainer input{margin-top:4px;}*/
div.survey_content .fieldContainer label{font-size:16px;color:#595959;margin-left:2px;cursor:pointer;}


div.survey_content .fieldContainer select{
border: medium none;
color: #595959;
padding: 5px 10px;
font-size:15px;
background: url("/directory/getdata.php?about_id=F197103FDAFG-25") no-repeat scroll left top transparent;
height: 34px;
min-width:211px;
max-width: 217px;
}


.submit-btn{
background: url("/directory/getdata.php?about_id=F197103FDAFG-24") no-repeat scroll center center transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 24px;
    height: 67px;
    letter-spacing: 1px;
    padding: 0 28px 11px 0;
    position: relative;
    text-shadow: 0 1px 4px #333333;
    top: -12px;
    width: 280px;
}

.submit-btn2 {
    background: url("/directory/getdata.php?about_id=F197103FDAFG-23") no-repeat scroll center center transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 24px;
    font-weight: normal;
    height: 56px;
    letter-spacing: 2px;
    padding: 0 28px 11px 0;
    text-shadow: 0 1px 4px #333333;
    width: 171px;
}


.fieldContainer{float:left;width:30%;margin:0px;}
.screen_div .blockborder h4{width:40%;}


.screen_div{width:400px;}

span.icon {
    background: url("/directory/getdata.php?about_id=F197103FDAFG-22") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    height: 69px;
    line-height: 33px;
    margin-right: 0px;
    text-align: center;
    text-shadow: 0 1px 2px #333333;
    width: 69px;
    float:left;
}
span.icon span.step-number {
    color: #FFFFFF;
    display: block;
    font-size: 32px;
    line-height: 13px;
    margin-right: 0;
    text-align: center;
    text-shadow: 0 1px 2px #333333;
}


.fieldContainer2 {
    background: url("/directory/getdata.php?about_id=F197103FDAFG-25") no-repeat scroll left top transparent;
    display: inline-block;
    height: 34px;
    width: 211px;
}
.fieldContainer2 input[type=text] {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #595959;
    float: none;
    font-size: 12px;
    font-weight:bold;
    height: 31px;
    padding: 5px 10px;
    width: 191px;
}


span.phone {
    background: url("/directory/getdata.php?about_id=F197103FDAFG-19") no-repeat scroll left top transparent;
    display: inline-block;
    height: 35px;
    width: 65px;
}
input.phone {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #595959;
    float: none;
    font-size: 12px;
    font-weight:bold;    
    height: 35px;
    line-height: 25px;
    width: 50px;
    padding: 10px;    
}

body.common div#content h4 {margin-top:5px;display:inline;color:#389FC0;}
body.common div#content div.screen_div div.main_question span div ul h4{display:block;margin-top:10px;}

.main_question{margin-bottom:10px;padding:0px;}

div.survey_content .fieldContainer .radio_question_span{
	font-size:16px;
	color:#595959;
	display:block;
}

/* FROM THE TEMPLATE END */


/* DO NOT ENTER ANY MORE CSS HERE THE FILE IS FULL */
/* USE CUSTOM PAGE CSS: /news/view_custom.php?custom_page_id=11&no_header=y&css=y */