﻿.two-thirdsContainer{width:645px;margin-left:3px;float:left}
.one-thirdContainer {width:320px;float:left}
#benefitsvideocontainer{background:#6c6c6c;}

.one-fifthContainer{width:230px;margin-left:3px;float:left}
.four-fifthContainer{width:735px;float:left;}

/*	box is the standard floating box, it should be used to define the 
	outer portion of any type of box 

	box1 - the standard box with the gradient bar it consitst of:
		box1Head: requires an h2 to complete
		box1SubHead: an optional gray bar under the header
		box1Content: the content box, has the padding/margin and border
	
	box2 - the box with the overlapping header and is completely closed
		box2Head: requires h2 to complete like box1, the image should have uniform whitespace
		box2SubHead: an indented sub heading for the box
		box2Content: the content box that has the padding, margin and border

	box3 - the open ended box that has only a top and a bottom
		NOT DONE YET

	box4 - the borderless box
		box4Content: the content box with padding

	box5 - the grey header bg (like on the member center)
*/
.box {margin:10px;float:left;}

.box1Head{background:transparent url(../images/master/box-top-right.jpg) no-repeat right;height:25px;}
.box1Head h2 {padding:0 11px;height:25px;line-height:24px;background:transparent url(../images/master/box-top-left.jpg) no-repeat left;font-weight:bold;font-size:14px;}
.box1SubHead {background-color:#e1e1e1;padding:5px 10px;border:solid 1px #a1a1a1;border-top:none;color:#666}
.box1Content {border:solid 1px #a1a1a1;padding:5px;background-color:#f2f2f2;border-top:none}
.box1ScrollButtons {float:right;height:25px;padding-top:2px;}

.box1HeadGreen{background:transparent url(../images/master/box-top-right-Green.jpg) no-repeat right;height:25px;}
.box1HeadGreen h2 {padding:0 11px;height:25px;line-height:24px;background:transparent url(../images/master/box-top-left-Green.jpg) no-repeat left;font-weight:bold;font-size:14px;color:white}
.box1HeadGrey{background:transparent url(../images/box/box1-top-right-g.jpg) no-repeat right;height:25px;}
.box1HeadGrey h2 {padding:0 11px;height:25px;line-height:24px;background:transparent url(../images/box/box1-top-left-g.jpg) no-repeat left;font-weight:bold;font-size:14px;}




.box2{}
.box2Head{height:20px;background:transparent url(../images/header-overlap-bg.jpg) no-repeat top left;}
.box2Head h2 {margin-left:11px;background:transparent url(../images/header-overlap-bg.jpg) no-repeat top right;}
.box2SubHead {padding:5px 12px 2px 12px;border-right:solid 1px #a1a1a1;border-left:solid 1px #a1a1a1;}
.box2Content {border:solid 1px #a1a1a1;padding:10px;border-top:none;}


.box3{}

.box4{}
.box4Content{padding:0 10px;}

.box5{}
.box5Head{background:transparent url(../images/master/gray-header-right.jpg) no-repeat top right;height:24px;}
.box5Head h2 {padding:0 11px;height:24px;line-height:24px;background:transparent url(../images/master/gray-header-left.jpg) no-repeat top left;font-weight:bold;font-size:14px;}
.box5SubHead {background-color:#e1e1e1;padding:5px 10px;}
.box5Content {padding:5px 25px;background-color:#fff}


.box6 {border:solid 1px #ccc;background-color:#efefef}
.box6Content {padding:20px 20px 0 20px;background:white url(../images/master/gray-to-white-bgtile-up.jpg) repeat-x top;}
.box6Foot {padding:0 20px;background:white url(../images/master/gray-to-white-bgtile-down.jpg) repeat-x bottom;}


.boxColumnsHalf {float:left;width:286px;padding:0 3px;margin:0 3px;}


.gradientWhiteGrayBG {background:white url(../images/master/gray-to-white-bgtile.jpg) repeat-x top;}
.benefit {width:100px;float:left;height:205px;padding:10px;border-left:solid 1px #c5c5c5;} .bFirst {border-left:none;padding-left:5px}
.benefit h3 {margin:5px 0;}
.benefitShort {height:130px;text-align:center;}
.benefit img {margin-left:15px;}
.benefitShort img {margin:0}
.benefitPageBottom {background:url(../images/benefits/benefit-bottom-bg.jpg) no-repeat bottom !important;padding-bottom:20px !important;}
.benefitPageTop {background:url(../images/benefits/benefit-top-bg.jpg) no-repeat top !important;padding-top:20px !important;}
.benefitPageTop2 {background:url(../images/benefits/benefit-top-bg-with-stupid.jpg) no-repeat top !important;padding-top:20px !important;}
.barTestimonial {float:left;width:200px;margin-top:7px;}
.barTestimonialPic {float:left;margin:10px;width:50px;height:50px;}


.miniPartners {float:left;padding:0 5px;margin: 0 5px;border-right:solid 1px #a6a6a6;width:130px;}
.miniPartnersLast {float:left;padding:0 5px;margin: 0 5px;width:130px;}




.boxHeadOverLap{color:#000;height:30px;background:transparent url(../images/header-overlap-bg.jpg) no-repeat top left;width:100%;}
.boxHeadOverLap h2{background:transparent url(../images/header-overlap-bg.jpg) no-repeat top right;margin-left:10px;height:100%}









.boxHead{color:#000;height:24px;background:transparent url(../images/master/box-top-right.jpg) no-repeat top; background-position:right;width:100%;}


.boxHead h2 {margin:0;padding-left:10px;height:24px;line-height:24px;background:transparent url(../images/master/box-top-left.jpg) no-repeat top;background-position:left;width:100%;font-family:Arial;font-weight:bold;font-size:14px;}
.boxSubHead {background-color:#e1e1e1;padding:5px 0px 5px 5px;border-right:solid 1px #a1a1a1;border-left:solid 1px #a1a1a1;color:#2b5286}
.boxContent {border:solid 1px #a1a1a1;padding:5px;background-color:#fff}
.boxBenefit {padding:0 10px;}

 
.fullWidth {width:958px;}
	.three-fifths {width:566px;}
	.two-fifths {width:370px;}
	.one-third { width:300px;}
	.two-third { width:625px;}
	.four-fifths {width:690px;}
	.one-fifth { width:200px}

.colorBox1{background-color:red;}

.fieldBox { background:white url(../images/master/gray-to-white-bgtile.jpg) repeat-x top;}
.fieldBox h3 { padding:5px 0; }
.homeArticles h3 {padding:5px 0; }
.eNewsLetterBox{ background:white url(../images/master/e-weekly-back.jpg) top left no-repeat;padding-top:25px;height:192px;}
	
	
.membersContainer { width:713px;float:left;margin:0 10px }
.membersContainerHead { width:713px;height:153px;background: #fff url(../images/members/icon-header.jpg) no-repeat; }
.membersContainerHead h2 {padding:10px}
.membersContainerHead h3 {margin:35px 0 10px 15px}
.membersContainerHead p {margin:0 15px;}
.membersContainerContent { width:713px;background:#fff url(../images/members/tileWrapper1.jpg) repeat-y; }
.membersContainerBottom { width:713px;height:60px;background:#fff url(../images/members/bottom-grad.jpg) bottom;text-align:center; }


.resellerContainer { width:713px;float:left;margin:0 10px }
.resellerContainerHead { width:713px;height:45px;background: #fff url(../images/master/reseller-box-top.jpg) no-repeat; }
.resellerContainerHead h2 {padding:20px 20px 0px;}
.resellerContainerContent { width:713px;background:#fff url(../images/members/tileWrapper1.jpg) repeat-y; }
.resellerContainerContent h3 {color:#369;}
.resellerContainerContent p {margin:5px 0;}
.resellerContainerContent hr {margin:10px 0;width:99%}
.resellerContainerContent ol {margin-left:35px;}
.resellerContainerContent ol li { list-style-position:outside;margin-bottom:5px}
.resellerContainerBottom { width:713px;height:60px;background:#fff url(../images/members/bottom-grad.jpg) bottom no-repeat;text-align:center;text-align:center;padding-bottom:20px }



.loginBox { background:url(../images/register/login-back.jpg) top left no-repeat;height:262px; }

.boxContainer {border:solid 1px #ccc }








.gradientBox{background: url(../../style/images/box/box-tile-gradient.jpg) top left repeat-y;}
.gradientBoxTop{background:transparent  url(../../style/images/box/box-top-gradient.jpg) top left no-repeat}
.gradientBoxBottom{background:transparent  url(../../style/images/box/box-bottom-gradient.jpg) bottom left no-repeat}
.gradientBox hr{width:96%;text-align:left;margin-left:10px}

