/* $Id: style.css,v 1.9 2013/09/12 04:15:01 usermelissa Exp $ */
@import url("reset.css");
@import url("layout.css");
@import url("navigation.css");
@import url("form.css");
@import url("table.css");

body{
	line-height: 1.5;
	font-size: 16px; /* 1em = 16px = 12pt */
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #333333 ; /* Dark Grey old/#717073 */
	height:100%;
}

b, strong {
	font-weight:bold;
}
em{
  font-style: italic;
}

/*Clear FLoats */

/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}



/*-------- Paragraph Styles --------*/

.left {
	float:left;
}

.right {
	float:right;
}
.tableGap {
	height: 70px;
}

p {
	clear:both;
	font-size: 0.9em; /* Used to be .8em/13px */
	padding: 5px;
}

.social_networks p{
	color:#f89828; /*Golden Orange*/
	font-size: .8em; /*16x.8em=13px*/

}

.modtext1 p{
	font-size: .8em;/*used to be 16x.7em=11.2px*/
	padding: 0px;
	margin:0px;
}

.pbullet li{
	list-style-type:disc;
	list-style-position:inside;
	font-size: 0.9em;
	padding-left:50px;
	text-indent:-13px;

}
.pbullet2 li{
	list-style-type:disc;
	list-style-position:inside;
	font-size: 0.9em;
	padding-left:25px;
	text-indent:-13px;
	
}

.pnum li {
	list-style-type: decimal;
	list-style-position:inside;
	font-size: 0.9em;
	padding-left:50px;
	text-indent:-18px;
}

.pb li {
	list-style-type: none;
	list-style-position:inside;
	font-size: 0.9em;
	padding-left:50px;
	text-indent:-18px;
	font-weight: bold;
}

.plet li {
	list-style-type: lower-latin;
	list-style-position:inside;
	font-size: 1em;
	padding-left:50px;
	text-indent:-18px;
}
	
.prom li {
	list-style-type:lower-roman;
	list-style-position:inside;
	font-size: 1em;
	padding-left:50px;
	text-indent:-18px;
}

.pbullet3 li {
	padding:4px 0;
	list-style-type:disc;
	list-style-position:inside;
	font-size: 1em;
	padding-left:50px;
	text-indent:-18px;
}

.ptext li {
	font-size: 0.9em;
	padding:0px;
	margin:0px;
	}

.qual li{
	margin-left:20px;
	font-size:0.9em;
	list-style-type:square;
	list-style:inside;
}

.custh{
	font-weight: bold;
}
	
.custh2{
  font-weight:bold;
  color:#007071; /*green blue*/
  font-size:15px;
}

.custh3{
  font-weight:bold;
  color:#007071; /*green blue*/
  font-size:13px;
  text-transform:uppercase;
  padding: 4px 0px;
  display:block;
}

.custh4{
  color:#f89828; /*Golden Orange*/
  font-size:16px;
  text-transform:uppercase;
  padding: 4px 0px;
  font-weight:bold;
  display:block;
}

.custcolor{
 color:#007071; /*green blue*/
 font-weight:bold;
 text-transform: uppercase;
 font-size:13px;
}
.cursor {
	cursor:pointer;
}

/*-------- styles for headers --------*/

h1 {
	float: left;
	text-indent:-9999px; /* move text off view, so you can use an image and not lose accessibility*/
	background:url("../site_images/secretshopper_logo.gif") no-repeat;
	height:105px;
	width: 280px;
}

h2{
	font-size: 1.6em; /*16x1.5=24px\18pt*/
	color:#f89828; /*Golden Orange*/
	padding: 10px 0 10px 0;
}

h3 {
	font-size: 1em; /*16x0.8=13px\10pt*/
	color:#007071; /*green blue*/
	padding: 5px 5px 5px 5px;
	font-weight:bold;
}

.wrap1 h3 {
  font-size:.95em;
}

.wrap2 h3 {
  font-size: 14px;
	padding: 10px 0px 5px 0px;
	font-weight:bold;
}
.wrap2 h2 {
  font-size: 1em;
  padding:0 0;
  font-weight:bold;
}

h2, h3 {
  text-transform:uppercase;
}

h4 {
	color:#f89728; /*golden orange*/
	text-align: left;
	font-size: .75em;
	font-weight:bold;
}
.co h4 {
	font-size: .9em;
}

.col2 h4 a {
	color:#f89728; /*golden orange*/
	text-align: left;
	font-weight:bold;
}

.col1 ul {
	margin:5px 0;
}

.col1 ul ul{
	margin:0px;
}

.col1 h4 {
	color:#f89728; /*golden orange*/
	text-align: left;
	font-size: .9em;
	font-weight:bold;
	margin: 5px;
	width:85%;
}

small {
	font-size:12px;
	letter-spacing:normal;
}

/*-------- Icons & Images Style --------*/

a image {border: none;} /* every image used as a link will have no border */

.himg {
	text-indent: -9999px;
	height: 50px;
	width: 900px;
	margin: 0px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position: 0px 15px;
}

.largerButton{
	text-align:center;
}

.largerButton input{
	padding:10px;
	margin-right:60px
	text-align:center;
	vertical-align:center;
}

/* H2 Images */

.shopperapp {
    background-image: url(../site_images/h2-shopperapp.gif);
}
.shopper-login{
    background-image: url(../site_images/h2-shopperlog.gif);
}
.client-login{
    background-image: url(../site_images/h2-clientlog.gif);
}
.home {
    background-image: url(../site_images/h2-index.gif);
}
.apply {
    background-image: url(../site_images/h2-apply.gif);
}
.about {
    background-image: url(../site_images/h2-about.gif);
}
.faq {
    background-image: url(../site_images/h2-faq.gif);
}
.privacy {
    background-image: url(../site_images/h2-privacy.gif);
}
.request {
    background-image: url(../site_images/h2-reqv2.gif);
}
			/* *********** Client Landing Pages *********** */
.bellin {
    background-image: url(../site_images/h2-bellin.gif);
}
.wscare{
	background-image: url(../site_images/wsc/h2-wsc.jpg);
	height:75px;
}
	#wsc1{
		margin: 30px 0 0 0 ;
	}
	#wsc2{
		margin: 38px 0 0 0;
	}

.scam {
    background-image: url(../site_images/h2-scam.gif);
}
.a-policies {
    background-image: url(../site_images/h2-policies.gif);
}
.a-basics {
    background-image: url(../site_images/h2-basics.gif);
}
.a-process{
    background-image: url(../site_images/h2-application.gif);
}
.a-ethics {
    background-image: url(../site_images/h2-ethics.gif);
}
.bctest {
    background-image: url(../site_images/h2-test.gif);
}
.services {
    background-image: url(../site_images/h2-services.gif);
}
.contact {
    background-image: url(../site_images/h2-contact.gif);
}

.contact-shopper {
    background-image: url(../site_images/h2-contactshopper.gif);
}

.contact-client {
    background-image: url(../site_images/h2-contactclient.gif);
}
.reqpass {
    background-image: url(../site_images/h2-lookup.gif);
}

.reqpassclient {
    background-image: url(../site_images/h2-reqpasclient.gif);
}
.industries {
    background-image: url(../site_images/h2-industries.gif);
}
.ctools {
    background-image: url(../site_images/h2-ctools.gif);
}

.mmca{
	background-image: url(../site_images/h2-mmca.gif);
}


/*-------- HR - styles --------*/

.sb-grey{
	background: #E6E6E6;
	height:1px;
	margin: 10;
	padding:1px;
	width:95%;
	border:none !important;
}
.grey{
	background: #E6E6E6;
	height:.5px;
	margin: 0px;
	padding:1px;
	margin:10px 0;
	
	border:none !important;
}
/*-------- Clear Float / Change to Uppercase --------*/
.clear {
	clear:both;
}

.uppercase{
	text-transform: uppercase;
}


/*-------- Icons & Images -------*/

.icon {
	margin: 15px 10px 20px 0px;
	height: 50px;
	width: 50px;
	padding:0px;
}

.icon-2 {
	margin: 10px 5px;
	height: 35px;}

.icon-3 {
	margin: 5px;
	width: auto;
	height: 45px;
}

/*-------- Link Styles --------*/
a:link, a:visited, a:hover, a:active {
    color:#007071; /* Green Blue */
    text-decoration:underline;
    
}
.forget{
	font-size: 0.7em;
    display:block;
}

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
    color:#333333;
    font-size: 1.1em;
}

p a{
    _color: #007071; /*UPDATED : Teal was dark blue = 002D56*/ /*hack for ie 6*/
    _text-decoration: none;  /*hack for ie 6*/
}

p a:link, p a:visited, p a:hover, p a:active{
    color: #007071; /*UPDATED : Teal was dark blue = 002D56*/
}


.c{
    margin-top:35px;
}
    
.c1 li a:link, .c1 li a:visited, .c1 li a:hover, .c1 li a:active{
    color: #002D56; /*dark blue*/
    margin: 5px 0px;

}

.color2 a:link, .color2 a:visited, .color2 a:hover, .color2 a:active {
    color:#002D56;
}

a.c2 {
	color:#f89728 !important; /*golden orange links*/
}

#current li a, #new li a{
    font-size:.9em;
    color: #002D56; /*dark blue*/
    padding:0 5px;
}

/*-- Other Stuff --*/
.back2top a {
    float:right;
    font-size:.7em;
    color: #002D56; /*dark blue*/
    padding-right:10px;
}

/*-- BUTTON STYLES --*/
.button {
    padding: 5px 0px;
    text-align:center;
    color:#808285;
    background-color:#FFFFFF;
    border-color:#808285;
}

.button2 {
    background-color:#cccccc; /*medium grey*/
    text-transform: uppercase;
    padding:5px;
    border-width: 1;
    border-style: solid;
    font-size:16px;
    height:20px;
    font-weight:normal;
    border-color: #e6e6e6; /*Grey*/
    -moz-border-radius: .3em;  
    -webkit-border-radius: .3em;
    border-radius: .3em;
    color: #007071; 
    behavior: url(PIE.htc); /*To make rounded borders in IE 6,7 */
}

a.button3 {
    background-color:#f89728;
    /*background-color:#ff8328;*/
    text-transform: uppercase;
    padding:10px;
    border-width: 1;
    border-style: solid;
    font-size:16px;
    font-weight:bold;
    
    border-color: #f89728; /*Grey*/
    -moz-border-radius: .3em;  
    -webkit-border-radius: .3em;  
    border-radius: .3em;
    color: #002d56; 
    behavior: url(PIE.htc); /*To make rounded borders in IE 6,7 */
}

.social_networks h4, .modtext1 h4 {
font-size:12px;
}

.anu1 a{
 text-decoration:none;
}

.android_app_link{
	width:auto;
	height:auto;
	margin:0 10px;
}

.android_app_link p{
	font-weight: bold;
	color:#f89828; /*Golden Orange*/
	margin:0px;
	line-height:1.2;
	font-size:12pt;
}

.android_app_link2{   /* Change of margins & size for shopper-side linkbox */
	width:auto;
	height:auto;
	margin:0 0 15px 0;
}

.android_app_link2 p{  /* Change of margins & size for shopper-side linkbox */
	font-weight: bold;
	color:#f89828; /*Golden Orange*/
	margin:0;
	font-size:10pt;
}

.android_app_link2 img{ /* Change of margins & size for shopper-side linkbox */
	width: 61%;
}

.android_app_link3{   /* Change of margins & size for box within sidebar-shopper.inc linkbox */
	width:auto;
	height:auto;
	margin:0 0 0 5px;
}

.android_app_link3 p{  /* Change of margins & size for box within sidebar-shopper.inclinkbox */
	font-weight: bold;
	color:#f89828; /*Golden Orange*/
	margin:0;
	font-size:10pt;
}

.android_app_link3 img{ /* Change of margins & size for box within sidebar-shopper.inclinkbox */
	width: 80%;
}
/*-- Other --*/
.pic-left {
    float:left;
    padding:5px;
    height:40px;
    }
.pic-right {
    float:right;
    padding:5px;
    height: 30px;
}

/* Base code to keep dd.css from over-riding all other form data */
.dd{margin: 0;padding: 0;vertical-align: baseline;border: 0;outline: 0;background: transparent;font-size:100%;}
.dl{margin: 0;padding: 0;vertical-align: baseline;border: 0;outline: 0;background: transparent;font-size:100%;}
.dt{margin: 0;padding: 0;vertical-align: baseline;border: 0;outline: 0;background: transparent;font-size:100%;}

/* other stuffs */
.u{
	text-decoration: underline;
}

.consult{
	float: clear;
	margin-left:30px;
}

#consultOL_DoubleNum{
	list-style-type: decimal-leading-zero;
	font-size:10pt;
	font-weight: bold;
	margin-left:30px;
}

#consultOL_NoBullet{
	list-style-type: none;
	font-size:10pt;
	font-weight:normal;
}	
#consultOL_upperAlpha{	
	list-style-type:upper-alpha;
	font-size:10pt;
	font-weight:normal;
	margin-left:40px;
}

#consultOL_upperRoman{	
	list-style-type:upper-roman;
	font-size:10pt;
	font-weight:normal;
	margin-left:20px;
}

#consultOL_lowerRoman{	
	list-style-type:lower-roman;
	font-size:10pt;
	font-weight:normal;
	margin-left:40px;
}


.normalInput{
	margin:0;
	padding:0;
	height:20px;
}

.normalLabel{
	margin:0;
	padding:0;
	font-size:12pt;
	font-family:inherit;
	color:#000000;
}

.normalSelect{
	margin:0;
	padding:0;
	color:#000;
	border: 1pt #000;
}

.ul_none{
	list-style-type: none;
	font-size:10pt;
}

.ul_disc{
	list-style-type: disc;
	font-size:10pt;
	margin-left:15px;
}

.ul_circle{
	list-style-type: circle;
	font-size:10pt;
	margin-left:30px;
}









