/* css style designed by Caty Design Studio http://www.catydesign-studio.com.  */
* {	margin: 0; padding: 0;}
body{	font: 62.5%/150% Verdana, Arial, Helvetica, sans-serif;	color: #454545;	background: #12c3f6 url(/images/blueco_bgmain.gif) no-repeat scroll center top;	text-align: center;	margin: 0 auto;}
table {	font: 103%/1.5em Verdana, Arial, Helvetica, sans-serif;	color: #003E5B; }
a { outline: none; }
a:link {	color: #E81942;	text-decoration: underline;}
a:visited {color: #003E5B;	text-decoration: underline;}
a:hover {color: #0EAAF2;	text-decoration: none;}
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 {	font-size: 1.6em;}
h4 { font-size: 1.4em;}
h5 {	font-size: 1.3em;}
h6 {	font-size: 1.2em;}
h5, h6 {	color: #86D8F7;	line-height: 1.8em;}
.clear {	clear: both; height: 0;}
img {	border: 0;}
p {	padding-bottom: 0.6em;}
.center {
	text-align: center;
}

#mainwrapper {	text-align: left;	width: 770px;	margin: 0 auto;	padding: 0;}

/* HEADER */
#header {	height: 185px;	width: 770px;	background: transparent url(/images/blueco_header.gif) no-repeat;}
#header h1 {	float: left;	margin: 0px;	padding: 0px;	height: 153px;	background: transparent url(none);	}
#header h1 a {	background: transparent url(none) no-repeat;	text-indent: -10000em;	height: 85px;	width: 320px;	display: block;	text-decoration: none;}

#homecontact {	float: right; height: 18px;}
#homecontact a  {	text-decoration: none;}
#homecontact img {
	margin-right: 2em;
	margin-top: 0.2em;
}

/* Main navigation */
#mainnav {	margin: 0;	padding: 0;	width: 770px;	clear: both;}
#mainnav ul {	list-style: url(none) none outside;	background: transparent url(/images/blueco_nav.gif) no-repeat;	margin: 0;	padding: 0;	height: 32px;	position: relative;	left: 0;}
#mainnav ul li {	margin: 0;	padding: 0;	list-style: url(none) none outside;	position: absolute;	top: 0;}
#mainnav ul li, #mainnav a { height: 32px; display: block; }
#mainnav ul li a { text-indent: -10000em; text-decoration: none; }
#home {	width: 86px;	left: 102px;}
#join {	width: 85px;	left: 188px;}
#myaccount {	width: 106px;	left: 273px;}
#faq {	width: 86px;	left: 379px;}
#offers {	width: 87px;	left: 465px;}
#contact {	width: 87px;	left: 552px;}
#home a:hover {	background: transparent url(/images/blueco_nav.gif) no-repeat scroll -102px -32px;}
#join a:hover {	background: transparent url(/images/blueco_nav.gif) no-repeat scroll -188px -32px;}
#myaccount a:hover {	background: transparent url(/images/blueco_nav.gif) no-repeat scroll -273px -32px;} 
#faq a:hover {	background: transparent url(/images/blueco_nav.gif) no-repeat scroll -379px -32px;} 
#offers a:hover {	background: transparent url(/images/blueco_nav.gif) no-repeat scroll -465px -32px;} 
#contact a:hover {	background: transparent url(/images/blueco_nav.gif) no-repeat scroll -552px -32px;} 

.bannerad {	margin: 0 auto 2em;	width: 468px;}


/* CENTER */
#centerwrapper {
	background: #daebf3 url(/images/blueco_ctopbg.gif) repeat-x;
	text-align: center;
}
#contentwrapper {
	position: relative;
	padding: 3em 5px 2em;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font: 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
#contentwrapper h2 {
	line-height: 1.8em;
	background: transparent url(../images/blueco_iwelcome.gif) no-repeat;
	text-indent: -10000em;
	height: 86px;
	width: 460px;
	display: block;
}
#introLine {
	font-weight: bold;
	padding-right: 1em;
	padding-left: 1em;
}
#introLine marquee {
	margin-bottom: 0.5em;
	display: block;
}
marquee.highlight {
	color: #FFFFFF;
	background-color: #76d0fa;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border: 1px dashed #D5EDF9;
}



p.intro {
	font-size: 1.2em;
	padding-left: 0.5em;
}
#steps{
	margin-bottom: 3em;
	margin-top: 2em;
}
.threesteps{
	margin-bottom: 2em;
	background: transparent url(../images/blueco_3stepsbg.gif) no-repeat;
	width: 750px;
}
.threesteps h3 {
	text-decoration: none;
	letter-spacing: 0.1em;
	font: bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	padding: 1.2em 0px 1.2em 5em;
}
h3#step1 {
	background: transparent url(../images/blueco_istep1.png) no-repeat 1em 1em;
	color: #62A700;
	font-weight: bold;
	
}
h3#step2 {
	background: transparent url(../images/blueco_istep2.png) no-repeat 1em 1em;
	color: #F26400;
	font-weight: bold;
}
h3#step3 {
	background: transparent url(../images/blueco_istep3.png) no-repeat 1em 1em;
	color: #CB0029;
	font-weight: bold;
}

.threesteps p {
	font-size: 1.2em;
	clear: both;
	padding-left: 3em;
	font-weight: bold;
}
.threesteps img {
	margin-right: 5px;
}
h4.benefit {
	background: transparent url(../images/blueco_ibenefit.gif) no-repeat;
	text-indent: -10000em;
	width: 138px;
	margin-top: 1em;
	height: 43px;
	margin-left: 11.5em;
}
ul.adv {
	padding-left: 20em;
	list-style: none;
}
ul.adv li {
	font-size: 1.1em;
	text-decoration: none;
	padding-bottom: 0.5em;
	background: transparent url(../images/blueco_iarrowred.png) no-repeat left center;
	padding-left: 1.3em;
}
p.signupbtn {
	background: transparent url(../images/blueco_isignupbtn.gif) no-repeat;
	margin-left: 17em;
	text-indent: -10000em;
	height: 49px;
	width: 155px;
	display: block;
	padding: 0px;
}
p.signupbtn a {
	height: 49px;
	width: 155px;
	cursor:pointer;
	display: block;
}
p.payoutbtn {
	background: transparent url(../images/blueco_payoutbut.png) no-repeat;
	text-indent: -10000em;
	height: 49px;
	width: 212px;
	display: block;
	padding: 0px;
}
p.payoutbtn a {
	height: 49px;
	width: 212px;
	cursor:pointer;
	display: block;
}


#offersection  {
	padding-left: 2em;
}
#offersection p {
	font-size: 1.1em;
	line-height: 1.5em;
}
.offerbox {
	float: left;
	width: 195px;
	margin-top: 2em;
	padding-left: 3.5em;
	
}
.boxcontent	{	background: transparent url(../images/blueco_ioffboxbg.gif) repeat-y;
	
}
.boxcontent h4 {
	background: transparent url(../images/blueco_ioffboxtop.gif) no-repeat;
	width: 195px;
	color: #FFFFFF;
	font-size: 1em;
	padding-top: 15px;
	text-align: center;
	height: 59px;
}
.boxbott {
	background: transparent url(../images/blueco_ioffboxbott.gif) no-repeat;
	height: 84px;
	width: 195px;
	padding-top: 2em;
	padding-left: 4.5em;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;

}
.box {
	width: 195px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	min-height:250px;
}
/* for Internet Explorer */
/*\*/
* html .box {height: 250px;}
/**/
.box p {
	font-weight: bold;
	text-align: left;
	padding-right: 3px;
	padding-left: 5px;
}


.box img {
	margin-bottom: 1em;
	margin-right: auto;
	margin-left: auto;
}
a.showoffer {
	display: block;
	padding-top: 24px;
}











/* FOOTER */
#footer {	background: #03567c url(/images/blueco_footer.gif) repeat-x;	margin: 0pt;	padding: 3em 0pt 5em;	color: #37B7F4;	text-decoration: none;	clear: both;	width: 100%;	font: 1.1em Tahoma, Verdana, Arial;}
#footer ul {	list-style-type: none;	list-style-image: none;	list-style-position: outside;	text-align: center;	padding-top: 2em;}
#footer li { border-left: 1px solid #37B7F4; padding: 0pt 0.8em; display: inline; }
#footer li.first { border: 0pt none ; }
#footer a {	text-decoration: none;	color: #37B7F4;}
#footer a:hover {	color: #D6F1FC;	text-decoration: none;}
#copyright{	text-align: center;	padding-top: 1em;	padding-bottom: 1em;}
#copyright, #copyright a {	text-decoration: none;}
#copyright span {	padding-left: 2em;}

/* MEMBER MENU */
#membermenu {
	margin: 0 auto;
	width: 442px;
	background: transparent url(/images/blueco_mmenubg.gif) repeat-y scroll;
	font: bold 1.1em Tahoma, Verdana, Arial;
	text-decoration: none;
	padding: 0;
	text-align: left;
}
#membermenu h4 {	background: transparent url(/images/blueco_mmenutop.gif) no-repeat left top;	height: 49px;
	text-indent: -10000em;}
#membermenu .menubott {	background: transparent url(/images/blueco_mmenubott.gif) no-repeat left bottom;	padding-bottom: 3em;}
#membermenu .mleft {	float: left;	width: 50%;	margin: 0;	padding: 0;}
#membermenu .mright {	float: right;	width: 48%;}
.mright ul {	margin: 0;	padding-left: 1em;	list-style: none;}
.mleft ul {	margin: 0;	padding-left: 2em;	list-style: none;}
.mleft li, .mright li {	list-style: none;	padding-left: 1em;	padding-bottom: 0.5em;}
#membermenu a {	text-decoration: none;	color: #86D8F7;}
#membermenu a:hover {	color: #FFFFFF;	text-decoration: none;}


ol {	padding-left: 2em;}
table ul {
	padding-left: 1.5em;
}
/* css style designed by Caty Design Studio http://www.catydesignstudio.com  */