/** font **/
body {font:12px/1.22 arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font-size:100%;}
pre,code,kbd,samp,tt{font-family:monospace;}
h1{font-size:18px;}h2{font-size:16px;}h3{font-size:14px;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,h1.featured_text,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style: decimal outside;}ul li{list-style: disc outside;}dl dd{margin-left:1em;}th,td {border:0;padding:.5em;}th {font-weight:bold;text-align:center;}caption {margin-bottom:.5em;text-align:center;}p,fieldset,table {margin-bottom:1em;}
/*** END CSS RESET **/

* 				{ 	margin: 0; padding: 0; border: 0; }
html , body 		{ 	height: 100%; margin: 0; padding: 0; }
body 			{ 	background-color:#fff; font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif; font-size: 12px; 
					padding:0; margin:0; line-height: 150%; color: #444444;
				}
.clear{ clear:both; margin:0; line-height:12px;}
h2.title{ color:#024d80; font-size:17px; font-family:'Trebuchet MS', airal;}

a { text-decoration: none; color: #2b6eb2; }
a:hover { text-decoration: underline; }

.dmn { width: 1092px; margin:0 auto; display: block; }
.BL { float: left; }
.BR { float: right; }
.mainBox_ForMembers { width: 1092px; height: 400px; position: relative;  margin:0 auto; }
.GC { background-color:#f5f3f3; }
	.GC .dmn{ background:#f5f3f3 url("../images/sidebarBg.png") repeat-y 100% 0; padding-bottom: 25px;   }
	.GC .BL { width: 848px; }
	.GC .BR { width: 244px; }
	.GC .customer-sidebar{ background:url("../images/sidebarBg1.gif") no-repeat 100% 0 !important;}
	
.F {}
	.F .dmn {}
	.F .F1 { background-color: #024d80; padding: 12px 0; }
	.F .F2 { padding: 5px 0; }
	

.TH { background-color:#024d80; height: 35px; }
	.TH .tablinks { margin: 0; padding: 0; list-style: none;  }
		.TH .tablinks li { margin: 7px 5px 0 0; list-style: none;  padding: 0; float: left; }
		
		.TH .tablinks li a, .TH .tablinks li a span { 
			background-image: url("../images/header_tab.png"); background-repeat: no-repeat;
			height: 28px; line-height: 28px; display: block; 
		}
	
			.TH .tablinks li a { font-weight: bold;  background-position: 100% -28px; padding-right: 18px; color:#fff; float:left;}
			.TH .tablinks li a span {  padding-left: 18px;  background-position: 0 -28px;  font-size: 14px; float:left; cursor:pointer;}
			
			.TH .tablinks li.active a { background-position: 100% 0; color: #2b6eb2; float:left;}
			.TH .tablinks li.active a span { padding-top: 3px; height: 25px; background-position: 0 0;  font-size: 16px;}
			
	.TH .BR { color:#fff; line-height: 35px; }
		.TH .BR a { color: #fff; }
		.TH .BR a:hover { text-decoration: underline; }
		

.H { height: 90px; margin: 30px 0 0 0; }
	.H .mainNav { margin:30px 0 0 0; padding:0; list-style: none; }
	.H .mainNav li { display: inline; margin:0 40px 0 0; padding:0; list-style: none; float:left;}
	
	.H .mainNav li a { color:#666; font-size: 15px; }
	.H .mainNav li.active a, .H .mainNav li a:hover { color:#006699; text-decoration: none; }


.mainBox {   overflow-y: visible; overflow-x:hidden; }

.mainBox_ForMembers { height: 500px; background: url("../images/mainBox.jpg") no-repeat 0 30px;}
	.mainBox_ForMembers .illustration { 
		background: url("../images/graphic_memberhome.png") no-repeat 0 0;
		width: 842px; height: 472px; 
		position: absolute; top: 0px; right: -130px; 
	}

	.mainBox .featured_text {
		width: 400px; position: absolute; left: 45px; top: 125px; 
	}
		
		.mainBox .featured_text h3, .mainBox .featured_text h4 { padding: 0; }
		.mainBox .featured_text h4 { font-size: 20px; margin:0; color: #406e9f;  }
		.mainBox .featured_text h3 { font-weight: normal;  color:#111; margin:10px 0 5px 0; font-size: 36px;}
		.mainBox .featured_text h5 { font-size: 20px; color:#191919; font-weight: normal; font-family: Arial, Helvetica, sans-serif; line-height: 140%;  }
		.mainBox .featured_text h6 { font-size: 18px; color:#666; font-weight: normal; font-family: Arial, Helvetica, sans-serif; line-height: 140%; margin:0px 0px 0px 0px;}
		.mainBox .btnJoin { position: relative; left: -13px; margin-top: 30px; float:left;}

.mainBox1232 { width: 1250px; margin:0 auto; height: 344px; background: url("../images/how-to-use-it_graphic.png") no-repeat 0 0;}
.mainBox_HowToUse { margin:0 auto; width: 995px; padding-top: 35px; position:relative;  }
.mainBox_HowToUse ul { list-style: none; margin: 0 0 0 10px; padding: 0;  }
.mainBox_HowToUse ul li { 
	width: 250px; height: 235px; padding:20px 20px 0 25px; 
	list-style: none; margin:0; position:absolute; top:45px;
	color:#fff; font-family: Arial, Helvetica, sans-serif; 
}
	
	.mainBox_HowToUse ul li.getit {   left:0; }
	.mainBox_HowToUse ul li.useit {  left:350px; }
	.mainBox_HowToUse ul li.save { left:690px;  }
	.mainBox_HowToUse ul li h3 { margin: 0.65em 0; font-size: 28px; }
	.mainBox_HowToUse ul li p { font-size: 16px; line-height: 1.4em;  }


.mainBoxHeading { padding-bottom: 30px; }
	.memberBenefits { position: relative }
		.memberBenefits h1,
		.memberBenefits h2 {  font-weight:normal; margin:0 0 0 20px ; padding:0; line-height: 1.5em; }
		.memberBenefits h1 {  color: #005d9b; font-size: 30px; font-family: Arial, Helvetica, sans-serif; line-height: 110%}
		.memberBenefits h1 span{ color:#333333;}
		.memberBenefits h2 { font-size: 17px; margin-top:10px;}
		.memberBenefits img.graphic { position: absolute; top:-20px; right: 40px; z-index: 10; }
		.memberBenefits img.get-start-graphic { position: absolute; top:8px; right: -29px; z-index: 10; }
		.memberBenefits img.where-graphic { position: absolute; top:8px; right: 50px; z-index: 10; }
	
	.aboutUs { position: relative }
		.aboutUs h1,
		.aboutUs h2 {  font-weight:normal; margin:0 0 0 20px ; padding:0; line-height: 1.5em; }
		.aboutUs h1 {  color: #005d9b; font-size: 30px; font-family: Arial, Helvetica, sans-serif; }
		.aboutUs h1 span{ color:#333333;}
		.aboutUs h2 { font-size: 17px; }
		.aboutUs img.about-us-graphic { position: absolute; top:8px; right: -11px; z-index: 10; }
	
	
		
		
.memberFeatures { margin:40px 0; padding:0; list-style: none;  }
	.memberFeatures li { 
		background: url("../images/icon_checked.png") no-repeat 0 0;
		list-style: none;  margin:0 70px 0 0; padding:6px 0 50px 46px; width: 300px; float: left;  }
		.memberFeatures li.margin-0{ margin:0; }
		.memberFeatures li.pad-bot-0{ padding-bottom:10px;}
		.memberFeatures li h5 { font-size: 22px; color: #005a99; margin-bottom: 20px; }
		.memberFeatures li p { margin:0; padding:0 0 0 3px; font-size: 16px; line-height: 1.5em ; }
		

.box_ccDiscountJoin { 
	background-image: url("../images/blueBox.png");
	background-repeat: no-repeat;
	background-position: 0 100%;
	width: 211px;
	padding-bottom: 10px; margin:20px 0 30px 30px;
}

	.box_ccDiscountJoin .wrapper {
		background-image: url("../images/blueBox.png");
		background-position: 0 0;
		padding: 10px 16px 0 16px;
		font-family: Arial, Helvetica, sans-serif; 
		color: #fff; font-size: 13px; font-weight: bold; 
	}

	.box_ccDiscountJoin p.buttons { margin:0; padding:0;  font-size: 11px; font-weight: normal; }
		.box_ccDiscountJoin p.buttons a { float: right; }
		.box_ccDiscountJoin p.buttons a.more { line-height: 22px; color: #c1d6f5; }
		.box_ccDiscountJoin p.buttons a.more:hover { color: #fff; }	
		.box_ccDiscountJoin p.buttons a.btnBlue22 { margin-left: 15px; }


.box_ccNews { width: 185px; background: url("../images/newsBg.png") no-repeat 0 0; padding: 15px;  margin:20px 0 30px 25px; }
	.box_ccNews .heading p { float: left; color:#236bb6; font-size: 16px; }
	.box_ccNews .heading a { float: right; font-size: 12px; }
	.box_ccNews .heading a.rss { float: left !important; margin-top: 5px; margin-left: 10px; 
		display: block; width: 11px; height: 11px; background: url("../images/icon_rss.gif") no-repeat 0 0; }
		.box_ccNews .heading a.rss  span { display: none; }
	 
	.box_ccNews ul { margin:0; padding:0; list-style: none; }
	.box_ccNews ul li { margin:0 0 10px 0; padding:0; list-style: none; }
	.box_ccNews ul li small { display: block; }

	
.mainBox_TextNav {
	margin-left: 20px;
}

	.mainBox_TextNav a {
		color:#666; padding-right: 3px; 
	}
	

.F a:hover { text-decoration: underline; }
.F1 ul { float: left; margin:0 0 0 30px; padding:0; list-style: none; }
	.F1 ul li { color: #fff; display: inline; margin:0; padding:0; list-style: none;   }
		.F1 ul li a { color: #fff; line-height: 2em; }
		.F1 ul li span { padding: 0 7px; }

.F1 a.facebook, .F1 a.twitter {
	background-image: url("../images/socialmedia.png");
	background-repeat: no-repeat;
	line-height: 24px; height: 24px; 
	float: right;
	padding-left: 35px; 
	color:#fff; 
	width: 169px; 
}
	
	.F1 a.facebook { background-position: 0 0; }
	.F1 a.twitter{ background-position: 0 -50px; width: 205px;  }
	
.F2 { font-size: 10px; color: #aaaaaa; }
	.F2 p { margin: 0 0 0 30px; }

.width-52{ width:52px !important; margin-left:10px;}
a.btnBlue22,
    a.btnBlue22 span,
    a.btnBlue22:hover,
    a.btnBlue22:hover span {
        background-image: url("../images/btn_blue22.png");
        background-repeat: no-repeat;
        font-size: 11px;
        font-weight: bold;
        color:#fff;
		cursor: pointer; 
		text-decoration: none;
    }
    
    a.btnBlue22 {
        background-position: 100% -22px;
        display: block;
        padding-right: 12px;
        height: 22px;
    }
    
        a.btnBlue22 span {
            background-position: 0 0;
            display: block;
            line-height: 22px;
            padding-left: 12px;
            height: 22px;
			 text-align: center; 
        }
    
    a.btnBlue22:hover {
        background-position: 100% -66px;
		color: #005d9b; 
    }
    
        a.btnBlue22:hover span {
            background-position: 0 -44px; 
        }

ul.bluedot { list-style: none; margin: 0.25em 0 0.75em 0; padding:0; }
ul.bluedot li { list-style: none; margin:0.2em 0; padding:0 0 0 10px; background: url("../images/bluedot.gif") no-repeat 0 5px ; }


h3.heading_line { font-size: 28px; margin:0 0 0.25em 0; padding:0.25em; line-height: 1.25em;  font-weight: normal;  border-bottom: 1px solid #ecebeb;  }
h4.heading {margin-bottom: 1em;  color: #024d80; font-size: 16px; font-weight: normal;  font-family: 'Trebuchet MS', Arial} 
.highlight { color: #024d80; }
.vspacer1 { display:block; height: 1em;  }
.vspacer2 { display:block; height: 2em;   }
.vspacer3 { display:block; height: 3em;  }
.vspacer4 { display:block; height: 4em; }
.highlight b{ font-size:13px;}

a.btnJoin {
	background: url("../images/btn_join.png") no-repeat 0 0;
	font-size: 18px; font-weight: bold; padding-top: 10px; 
	display: block; width: 172px; height: 56px; text-align: center; color:#fff; 
}

.rndBox_viewDemo { margin-left: 40px !important; color: #58585a; }
	.rndBox_viewDemo p { line-height: 1.5em; padding: 0.25em !important; font-size: 18px;  }
	.rndBox_viewDemo .btnBlue22 { width: 80px; }
	.rndBox_viewDemo .container { padding-right: 295px; }
	.rndBox_viewDemo img.BR { margin: 18px 28px 0 0; }
	.rndBox_viewDemo .content,
	.rndBox_viewDemo .t,
	.rndBox_viewDemo .b,
	.rndBox_viewDemo .b div {
		background-image: url("../images/rndbox_viewDemo.png") !important;
	}
	
	.rndBox_viewDemo .content { padding-left: 20px !important; } 



.rndBox_memberBenefits { margin-left: 40px !important; color: #58585a; }
	.rndBox_memberBenefits p { line-height: 1.5em; padding: 0.5em 0.25em !important; font-size: 13px;  }
	.rndBox_memberBenefits .btnBlue22 { width: 70px; }
	.member-form form .btnBlue22 { width: 60px; }
	.rndBox_memberBenefits .container { padding-right: 250px; padding-top: 20px;  }
	.rndBox_memberBenefits img.BR { width:auto; height: auto; margin: 18px 28px 0 0; }
	.rndBox_memberBenefits .content,
	.rndBox_memberBenefits .t,
	.rndBox_memberBenefits .b,
	.rndBox_memberBenefits .b div {
		background-image: url("../images/rndbox_memberBenefits.png") !important;
	}
	
	.rndBox_memberBenefits .content { padding-left: 20px !important; padding-bottom: 20px !important; } 




.rndBox {
	position:relative;
	margin:10px auto;
	min-width:8em;
	max-width:792px; /* based on image dimensions - not quite consistent with drip styles yet */
	z-index:1;
	margin-left:20px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under rndBox */
	font-family: Arial, Helvetica, sans-serif; 
}
.get-start{ max-width:817px !important;}

.rndBox .content,
.rndBox .t,
.rndBox .b,
.rndBox .b div {
 background:transparent url("../images/rndbox_default.png") no-repeat top right;
}

.rndBox .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:15px 20px 0px 0px;
}

.rndBox .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:20px; /* top slice width */
 margin-left:-20px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.rndBox .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rndBox .b,
.rndBox .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}

.rndBox .b {
 background-position:bottom right;
}

.rndBox .b div {
 position:relative;
 width:20px; /* bottom corner width */
 margin-left:-20px;
 background-position:bottom left;
}

.rndBox .hd,
.rndBox .bd,
.rndBox .ft {
 position:relative;
}

.rndBox .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.rndBox h1,
.rndBox p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.rndBox h1 {
 padding-bottom:0px;
}



/* cf hack
-------------------------- */
.cf:after, .TH:after, .TH .dmn:after , .GC .dmn:after, .box_ccDiscountJoin p.buttons:after, .F1 .dmn:after     {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cf, .TH , .TH .dmn, .GC .dmn, .box_ccDiscountJoin p.buttons, .F1 .dmn {display: inline-block;}

/* Hides from IE-mac \*/
* html .cf, * html .TH, * html .TH .dmn, * html .GC .dmn, * html .box_ccDiscountJoin p.buttons, * html .F1 .dmn {height: 1%;}

.cf, .TH, .TH .dmn, .GC .dmn, .box_ccDiscountJoin p.buttons, .F1 .dmn {display: block;}
/* End hide from IE-mac */

/*=====================================getting started css start here========================*/
.signup-box{ padding-right:30px !important;}
.signup-box h2{ color:#58585a; font-size:28px; font-weight:normal; margin:0; padding-bottom:12px;}
.signup-box span.sign-descript{ color:#58585a; font-size:14px;}

.signup-box .member-form{ border-top:1px solid #ecebeb; margin-top:18px; padding-top:17px;}
.signup-box .member-form h3{ color:#444444; font-size:21px; margin:0; font-weight:normal; padding-bottom:26px;}
.signup-box .member-form{ border-top:1px solid #c7c7c7; margin-top:18px; padding-top:17px;}

.member-form form{ padding:0;}
.member-form form div.left-box{ padding-right:20px; float:left; width:342px;}
.member-form form div.right-box{ padding:0; float:left; width:358px;}
.member-form form div{ padding:0 0 10px 0; float:left;}
.member-form form div.captcha-box, .member-form form div.captcha-box div{ padding:0 0 0 0;}
.member-form form div label{ color:#666666; font-size:12px; float:left; width:68px; padding-top:3px;}
.member-form form input{ border:1px solid #c1e1ec; width:265px; height:18px; font-size:12px; color:#444444; padding:3px; float:left;}
.member-form form input.zipcode{ width:78px; height:18px;}
.member-form form select.state{ width:108px; height:26px; border:1px solid #c1e1ec; padding:4px 3px; font-size:11px; font-weight:bold; color:#00609d; text-transform:uppercase;}
.member-form form textarea.comment{ width:263px; height:126px; padding:4px; border:1px solid #c1e1ec; color:#00609d; font-size:11px; text-align:left; text-indent:0; float:left;}

.member-form form div.state-box{ width:180px; padding-right:16px;}
.member-form form div.zipcode-box label{ width:58px;}
.member-form form p{ clear:both; margin: 0 auto; width:62px; padding:0;}
p.join{ width:75px;}

.rndBox .wh-use-box{ padding-right:0 !important; padding-left:0 !important;}
.where-use-box{ padding:21px 0 0 21px;}
.where-use-box div.contain-box{ background:url(../images/round-box.gif) left top no-repeat; width:338px; height:289px; float:left; padding:2px 41px 24px 3px; color:#444444;}

.where-use-box div.contain-box .contain-right{ float:left; padding:17px 17px 0 19px;}
.where-use-box div.contain-box h4{ color:#005a99; font-size:26px; font-weight:normal; font-family:'Gotham', arial; padding-bottom:5px;}
.where-use-box div.contain-box p{ line-height:19px; font-family:Trebuchet MS; font-size:12px;}
.pad-0{ padding-right:0 !important;}
.padding-0{ padding:0 !important;}
.padbot-0{ padding-bottom:0 !important;}


.right-wh{ padding:52px 0 0 29px;}
.right-wh1{ padding:14px 0 0 29px; height:374px; float:right;}
.right-wh2 {padding:0 0 0 29px;}
.right-wh-round-top{ background:url(../images/right-wh-round-top.gif) left top no-repeat; padding-top:16px;}
.right-wh-round-bg{ background:url(../images/right-wh-round-bg.gif) left top repeat-y; padding:0 20px 0 13px;}
.right-wh-round-bottom{ background:url(../images/right-wh-round-bottom.gif) left top no-repeat; height:16px;}
.right-wh_mob{ background:url(../images/where-use-right-bottom.gif) left top no-repeat; width:100%; height:264px; float:left;}
.right-wh-round-bg p.wh-right-content{ margin:0; color:#006699; font-size:16px; font-weight:bold; line-height:20px;}
.right-wh-round-bg p.iphone-content{margin:0; color:#006699; font-size:5px; font-weight:bold; line-height:3px;}
.right-wh-round-bg h4{ color:#005e9c; font-size:13px; font-weight:bold; padding:0 0 6px 6px;}
.right-wh-round-bg p{ color:#58585a; font-size:13px; padding-left:6px;}
.right-wh-round-bg p a{ font-size:14px;}
.toll-free-header{font-family:Trebuchet MS; font-size:25px; margin:0 20px 0 0px; padding:0 10px 0 0; line-height:1.25em;}

/*=============custom page css start here=============*/
.main-gray-gradient{ background:url(../images/custom-left-round.gif) left top no-repeat; padding:25px; padding-bottom:0; width:793px; margin-top:13px;}

.main-contain{ clear:both;}

.custom-graphic{ margin-right:-5px; float:right;}
.retail-graphic{ padding:12px 20px;}
.right-custom_mob{ border:4px solid #007dc3; margin-top:5px;}

.custom-middle-contain{ padding:20px 22px; float:left; width:800px;}
h3.heading{ color:#024d80; font-size:17px; font-family:'Trebuchet MS', arial; margin:0; padding:30px 0 10px 50px;}
.custom-middle-contain h2{ color:#024d80; font-size:13px; font-weight:bold; padding:0 0 10px 31px; margin:0;}

.custom-middle-round-bg{ background:url(../images/custom-round-shad-bg.gif) left top repeat-y; float:left; width:100%;}
.custom-middle-round-top{ background:url(../images/custom-round-shad-top.gif) left top no-repeat; padding:20px 52px 0 46px; float:left; width:700px;}
.custom-middle-round-bottom{ background:url(../images/custom-round-shad-bottom.gif) left top no-repeat; height:58px; width:100%; float:left;}

.custom-box-heading{ border-bottom:1px solid #ecebeb; padding-bottom:6px; float:left; width:100%;}
.custom-box-heading h4{ color:#58585a; font-size:22px; float:left;}


.custom-box-heading ul.links{ float:left; margin:0; padding:2px 0 0 27px;}
.custom-box-heading ul.links li{ float:left; padding-right:5px; list-style:none;}
.custom-box-heading ul.links li a{ background-position:left top; padding-left:7px; color:#999999; font-size:9px; font-weight:bold; text-decoration:none; text-transform:uppercase; float:left; font-family:Arial, Helvetica, sans-serif; line-height:14px; height:15px;}
.custom-box-heading ul.links li a span{ float:left; background-position:left top; padding:0 7px 0 0; height:15px; cursor:pointer;}
.custom-box-heading ul.links li.active a, .custom-box-heading ul.links li a:hover{ background:url(../images/custom-year-green-left.gif) no-repeat;color:#FFFFFF;}
.custom-box-heading ul.links li.active a span, .custom-box-heading ul.links li a:hover span{ background:url(../images/custom-year-green-right.gif) right top no-repeat; color:#FFFFFF;}


.custom-box-heading ul.right-links{ float:right; margin:0; text-align:right;}
.custom-box-heading ul.right-links li{ display:inline; padding-right:10px; list-style:none;}
.custom-box-heading ul.right-links li a{ color:#005d9b; font-size:8px; font-weight:bold; text-decoration:none; text-transform:uppercase; height:13px; padding:0;}
.custom-box-heading ul.right-links li a:hover{ text-decoration:underline;}
.custom-box-heading ul.right-links li.save a{ background:url(../images/save-icon.gif) left top no-repeat; padding-left:15px;}
.custom-box-heading ul.right-links li.print a{ background:url(../images/print.gif) left top no-repeat; padding-left:16px;}
.custom-box-heading ul.right-links li.excell a{ background:url(../images/excell.gif) left top no-repeat; padding-left:13px;}

.custom-box-heading div.button{ float:right; padding-left:10px;}
.custom-box-heading div.button a{ background:url(../images/custom-button-left.gif) left top no-repeat; padding-left:8px; height:22px; float:left; font-size:9px; font-weight:bold; text-transform:uppercase;}
.custom-box-heading div.button a span{ background:url(../images/custom-button-right.gif) right top no-repeat; padding:2px 8px 0 0; height:20px; float:left; cursor:pointer;}
.custom-box-heading div.button a:hover{ text-decoration:underline;}
.custom-box-heading div.button a span b.report{ background:url(../images/create-report.gif) left 2px no-repeat; height:11px; padding-left:16px;}
.custom-box-heading div.button a span b.campaign{ background:url(../images/new-campain.gif) left 2px no-repeat; height:11px; padding-left:15px;}


.custom-box-inner{ padding:16px 0 0 0; float:left; width:100%;}
.custom-box-inner h5{ color:#444444; font-size:17px; padding:0 0 15px 0; line-height:24px;}
.custom-box-inner h5 span{ color:#333333; font-size:25px; font-weight:normal;}
.custom-box-inner h5 span.font-10{ font-size:10px;}
.custom-box-inner h5 span.green{ color:#00609d; font-size:10px;}

.view-report-left{ width:435px; float:left; border-right:1px solid #f4f4f4; padding:0 24px 0 14px;}
.view-report-left select{ border:1px solid #c1e1ec; width:138px; height:20px; color:#00609d; font-size:9px; text-transform:uppercase; padding:2px; margin-bottom:20px;}
.view-graphic{ margin-top:-30px;}

.color-box{ padding:0 0 2px 0; color:#333333; font-size:11px; float:left;}
.color-box div.color-img{ width:25px; float:left; padding-top:4px;}
.color-box div.color-title{ width:65px; padding-right:5px; float:left;}
.color-box div.color-price{ width:55px; float:left;}

.sp-hist-right{ width:205px; float:left; padding-left:20px;}
.chat-box{ border-bottom:1px solid #eeeded; padding-bottom:16px; margin-bottom:}
.sp-hist-right .total-box{ color:#666666; font-size:11px; padding-top:20px; float:left;}
.sp-hist-right .total-box .left{ width:115px; padding:0 8px 4px 0; float:left;}
.sp-hist-right .total-box .right{ width:55px; float:left; padding-bottom:4px;}

.campain-duration{ width:374px; float:left; border-right:1px solid #f4f4f4; padding:0 18px 0 8px;}
.compaign{ padding:0; font-size:10px;}
.compaign label{ color:#666666; font-weight:bold; padding-right:12px;}
.compaign select{ color:#00609d; margin-right:20px; border:1px solid #daedf4; font-size:9px; height:20px; width:80px; margin-bottom:22px; font-size:9px;}
.compaign select.rotaion{ width:132px; padding:3px; height:22px;}
.compaign input.calender{ padding:4px 22px 4px 3px; border:1px solid #daedf4; background:#ffffff url(../images/calender.gif) 62px center no-repeat; width:54px; height:11px; font-size:9px; text-transform:uppercase; color:#00609d; font-weight:bold; margin-right:12px;}

.rotation-box label{ float:left;}

.compaign-creative{ border-top:1px solid #efeeee; padding-top:10px; margin-top:10px;}
.compaign-creative input.textbox{ width:220px; height:16px; border:1px solid #cde7f0; padding:2px; font-size:12px; margin-right:8px; float:left;}

.targeting{ padding:0; width:267px; float:left; padding-left:28px;}
.targeting label{ font-size:10px; color:#666666; width:110px; float:left;}
.targeting select{ border:1px solid #cde7f0; width:154px; height:20px; font-size:9px; font-weight:bold; color:#00609d; text-transform:uppercase; padding:2px; float:left; margin-bottom:10px;}

ul.monthly{ float:right; margin:0;}
span.view{ color:#333333; direction:12px; float:left; font-family:Arial, Helvetica, sans-serif; padding-right:10px;}
ul.monthly li{ float:left; padding-left:0; list-style:none;}
ul.monthly li a{ font-size:12px; color:#999999; font-weight:bold; text-decoration:none; text-transform:uppercase; float:left; padding-left:7px;}
ul.monthly li a span{ padding:1px 7px 0 0; float:left; height:18px; cursor:pointer;}
ul.monthly li.active a, ul.monthly li a:hover{ background:url(../images/gender-green-left.gif) left top no-repeat; color:#ffffff;}
ul.monthly li.active a span, ul.monthly li a:hover span{ background:url(../images/gender-green-right.gif) right top no-repeat;}

div.down-button{ float:right; padding-left:10px; padding-top:12px;}
div.down-button a{ background:url(../images/custom-button-big-left.gif) left top no-repeat; padding-left:9px; height:29px; float:left; font-size:11px; font-weight:bold; text-transform:uppercase; color:#005d9b; margin-left:16px;}
div.down-button a span{ background:url(../images/custom-button-big-right.gif) right top no-repeat; padding:5px 8px 0 0; height:27px; float:left; cursor:pointer;}
div.down-button a span img{ padding-top:0; padding-right:5px;}
.purchaging{ padding-left:9px;}

.custom-middle-right{ float:right; width:215px; padding-top:70px;} 
.custom-middle-right h3{ color:#024d80; font-size:13px; font-weight:bold;}


.retail-middle-round-bg{ background:url(../images/retail-gray-bg.gif) left top repeat-y; float:left; width:100%;}
.retail-middle-round-top{ background:url(../images/retail-gray-top.gif) left top no-repeat; padding:20px 30px 0 30px; float:left; width:688px;}
.retail-middle-round-bottom{ background:url(../images/retail-gray-bottom.gif) left top no-repeat; height:17px; width:100%; float:left;}
.retail-middle-round-bg .image{ float:left; padding-right:28px;}
.retail-middle-round-bg .contain{ float:left; color:#333333; font-size:13px; width:530px; padding-top:6px;}
.retail-middle-round-bg .contain h4{ color:#024d80; font-weight:bold; padding-bottom:10px;}

.retail-right{ padding-top:10px;}
.retail-green{ background:url(../images/retail-right-green.gif) left top no-repeat; height:55px; width:100%; float:left; padding:8px 0 12px 16px;}
.retail-green h4{ color:#FFFFFF; font-size:13px; font-weight:bold; margin:0;}
.retail-green a{ background:url(../images/retail-link-arrow.gif) left 3px no-repeat; color:#c1d6f5; font-size:11px; text-decoration:none; font-family:,arial; padding:0 0 0 12px; margin-left:5px;}
.retail-green a:hover{ text-decoration:underline;}
.retail-right p{ font-size:13px;}
.pad-13{ padding:0 22px 25px 22px!important;}
*+ html .pad-13{ padding:0 22px 10px 22px!important;}
h2.title{ padding-left:26px;}

#pad-10{ padding-left:10px!important;}

.contact-form-right{ width:250px; float:right;}
.contact-form-right div{ float:left;}
.contact-form-right select.number-store{ width:193px; height:24px; border:1px solid #c1e1ec; padding:4px 3px; font-size:11px; font-weight:bold; color:#00609d; text-transform:uppercase;}
.contact-form-right textarea.comment{ width:265px; height:126px; padding:4px; border:1px solid #c1e1ec; color:#00609d; font-size:11px; text-align:left; text-indent:0;}
.contact-form-right label{ width:auto!important; padding-right:12px;}
.signup-box .bor-0{ border:none!important; margin:10px 0 0 0;}

/*=============SiteMap css Starts Here=========================*/

.sitemap_members {float:left;}
.sitemap_retailers {float:left; margin-left:50px;}
.sitemap_info{float:left; margin-left:50px;}



.iphone_app h4{color:#005a99; font-size:16px; font-weight:normal; font-family:'Gotham', arial; padding-bottom:5px;}
.demo_barker h4{color:#005a99; font-size:20px; font-weight:normal; font-family:'Gotham', arial; margin-left:48px; margin-top:35px; padding-bottom:5px;}
.demo_barker { margin:0 auto; padding-bottom:-20px;}
.demo_barker a{margin-left:30px;}

p.benefits-join-btn{ width:75px; margin-bottom:60px;}

.member-form form input.error, .member-form form textarea.error, .member-form form select.error { border: 1px solid #FF0000;  }
.member-form form div label.error {  float: left; margin-left:75px; color:#FF0000; width:auto; }



/*=============Contact Us Css Starts Here======================*/
.contact-header-left {float:left; width:300px; margin-right:100px; padding-bottom:20px;}
.contact-header-right {float:left; width:300px;}
.member-form form div.contact-left-box{ padding:0px; margin-right:20px; float:left; width:342px;}
.member-form form div.contact-right-box{ padding:0; float:left; width:358px; /*margin-left:239px;*/}
.contact-rule{ border-top:1px solid #666; margin-right:20px; margin-top:20px;}
.contact-emails, .contact-location {margin-top:20px; margin-left: 20px; width: 200px;}
.contact-emails h1, .contact-location h1 {margin-left:2px; color: #005d9b; font-size: 20px; font-family: Arial, Helvetica, sans-serif; line-height: .5em;}
.contact-emails h2, .contact-location h2 {margin-left:3px;color: #666; font-size: 15px; font-family: Arial, Helvetica, sans-serif; line-height: .5em;}
.contact-emails p, .contact-location p {margin:0px; padding:0px; color: #666; font-size: 15px; font-family: Arial, Helvetica, sans-serif; line-height: 0%;}
.contact-location {
	float: right;
	width: 410px;
	margin-right: 50px;
}

.captcha-box{
	width:100%;
	text-align:left;
	padding:0;
	float:none;
}

.phone-format-hint{
	color:#999;
	margin-left:70px;	
	font-size:12px;
	padding:0px;
	margin-bottom:0;
	height:5px;
}


/*************/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorBox{}
    #cboxTopLeft{width:25px; height:20px; background:url(../images/colorbox/borders.png) 0 0 no-repeat;margin-right:-16px;}
    #cboxTopCenter{height:20px; background:url(../images/colorbox/borders.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:20px; background:url(../images/colorbox/borders.png) -25px 0 no-repeat;margin-left:-8px;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/borders.png) 0 -25px no-repeat;margin-right:-16px;}
    #cboxBottomCenter{height:25px; background:url(../images/colorbox/borders.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/borders.png) -25px -25px no-repeat;margin-left:-8px;}
    #cboxMiddleLeft{width:25px; background:url(../images/colorbox/borders-v.png) 0 0 repeat-y; margin-right:-16px;}
    #cboxMiddleRight{width:25px; background:url(../images/colorbox/borders-v.png) -25px 0 repeat-y; margin-left:-8px;}
    #cboxContent{background:#fff url(../images/colorbox/bg.jpg) 0 -17px repeat-x;}
        #cboxLoadedContent{ margin:36px 48px 31px 48px; }
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; display:none;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999; display:none;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444; display:none;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; top:0px; right:10px; display:block; color:#444; text-indent:-99999em; width:20px; height:19px; background:url(../images/colorbox/close.png) 0 0 no-repeat;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/*
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
*/