body{
margin:0;
padding:0;
line-height: 1.5em;
background-image:url(../img/bg-body.jpg)
}



#maincontainer{
background: #fff;
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
	font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
	line-height: 14px;
}

#topsection{
background: #fff;
height: 122px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background: #ffffff;
background-image:url(../img/bg_container2.jpg);
}

.contentcolumn{
margin: 0;
padding: 0px;
margin-left: 220px; /*Set left margin to LeftColumnWidth*/
background: #ffffff;

}

#leftcolumn{
float: left;
width: 220px; /*Width of left column*/
margin-left: -950px; /*Set left margin to -(MainContainerWidth)*/
padding-top: 20px;
background: #83764b;
font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #fff;
}

#footer{
clear: left;
width: 100%;
background: #fff;
color: #000;
text-align: center;
padding: 0;	
font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 13px;
	line-height: 14px;
	color: #000;
}

a:link, a:visited{
color:#83764b;
text-decoration: none;
}

a:hover{
color:#900;
text-decoration: none;
}

hr {
height:1px;border-width:0;color:#ccc;background-color:#ccc
}

hr.margin {
	height:1px;
	border-width:0;
	color:#ccc;
	background-color:#ccc
	margin-top:5px;
	margin-bottom: 10px;
}

hr.home {
	height:1px;
	border-width:0;
	color:#ccc;
	background-color:#ccc
	margin-top:10px;
	margin-bottom: 15px;
}

#footer a{

}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.product-tube{
margin: 0px 10px 0px 10px ; 
}

.product-tube2{
margin: 0px 0px 0px 20px ; 
}


.innertube-margin {
margin: 0px;
margin-left: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.productmargin{
margin: 25px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 5px;
margin-bottom: 5px;

}

#productcontainer{
width: 700px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#productcontainer h1{
margin: 0;
padding-top: 0px;
}

#productwrapper{
float: left;
width: 100%;
margin: 0;
}

.productright{
margin: 0;
margin-left: 345px; /*Set left margin to LeftColumnWidth*/
color: #000;
background: #fff;
margin-right: 20px;
}

.productright-border{
margin: 0;
margin-left: 345px; /*Set left margin to LeftColumnWidth*/
color: #000;
background: #fff;
margin-right: 20px;
border-left: 2px solid #ccc;
}

.productleft{
margin: 0;
float: left;
width: 315px; /*Width of left column*/
margin-left: 0px; /*Set left margin to -(MainContainerWidth)*/
margin-right: 15px;
color: #000;
background: #fff;
}

.productleft-border{
margin: 0;
float: left;
width: 315px; /*Width of left column*/
margin-left: 0px; /*Set left margin to -(MainContainerWidth)*/
margin-right: 15px;
color: #000;
background: #fff;
border-right: 2px solid #ccc;
}

#contentcolumn2{

margin: 0;
padding: 0px;
margin-left: 220px; /*Set left margin to LeftColumnWidth*/
background: #ffffff;
}

.contentcolumn2{

margin: 0;
padding: 0px;
margin-left: 0px; /*Set left margin to LeftColumnWidth*/
background: #ffffff;
}

.avatar-footer{

margin: 0;
padding: 0px;
margin-left: 20px; /*Set left margin to LeftColumnWidth*/
background: #ffffff;
}


#subcontent{
margin: 0;
margin-left: 220px; /*Set left margin to LeftColumnWidth*/
background: #ffffff;
}

.productmargin2{
margin: 25px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 5px;
margin-bottom: 5px;
}

#productcontainer2{
width: 700px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#productcontainer2 h1{
margin: 0;
padding-top: 0px;
}

#productwrapper2{
float: left;
width: 100%;
margin: 0;
}

#productright2{
margin: 0;
margin-left: 405px; /*Set left margin to LeftColumnWidth*/
color: #000;
background: #fff;
margin-right: 20px;
}

#productleft2{
margin: 0;
float: left;
width: 380px; /*Width of left column*/
margin-left: 0px; /*Set left margin to -(MainContainerWidth)*/
margin-right: 15px;
color: #000;
background: #fff;
}

.productright2{
margin: 0;
margin-left: 415px; /*Set left margin to LeftColumnWidth*/
color: #000;
background: #fff;
margin-right: 20px;
}

.productleft2{
margin: 0;
float: left;
width: 390px; /*Width of left column*/
margin-left: 0px; /*Set left margin to -(MainContainerWidth)*/
margin-right: 15px;
color: #000;
background: #fff;
}

.productright3{
margin: 0;
margin-left: 400px; /*Set left margin to LeftColumnWidth*/
color: #000;
background: #fff;
margin-right: 20px;
}

.productleft3{
margin: 0;
float: left;
width: 375px; /*Width of left column*/
margin-left: 0px; /*Set left margin to -(MainContainerWidth)*/
margin-right: 15px;
color: #000;
background: #fff;
}

.productright4{
margin: 0;
margin-left: 250px; /*Set left margin to LeftColumnWidth*/
color: #000;
background: #fff;
margin-right: 20px;
}

.productleft4{
margin: 0;
float: left;
width: 235px; /*Width of left column*/
margin-left: 0px; /*Set left margin to -(MainContainerWidth)*/
margin-right: 15px;
color: #000;
background: #fff;
}




#topnavbar{
background: #454b4c;
height: 35px; /*Height of top section*/
}

div#topnavphone {
float: right;
	font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	padding: 3px;
	padding-right: 10px;
}

div.topnavbuttons {
	font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 11px;
	line-height: 14px;
		font-weight: bold;
		color: #ccc;
	padding: 6px;
	padding-left: 10px;
	padding-top: 10px;
}

.phone {
	font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 15px;
	line-height: 15px;
	color: #fff;
	font-weight: bold;
}

.footer-phone {
	width: 100%;
	background: #454b4c;
	color: #fff;
	text-align: center;
		font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 15px;
		font-size: 15px;
	line-height: 15px;
	height: 35px;
	
}


.topnavbuttons a:link,.topnavbuttons a:visited
{
	color: #ccc;
	text-decoration: none;
}
.topnavbuttons a:hover
{
	color: #fff;
	text-decoration: none;
}
#keywords-footer {
	color: #999;
	text-decoration: none;
}


#keywords-footer a:link,#keywords-footer a:visited
{
	color: #999;
	text-decoration: none;
}
#keywords-footer a:hover
{
	color: #666;
	text-decoration: none;
}

#nav, #nav ul { /* all lists */
		padding: 0;
		padding-top: 2px;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 11em;
		z-index: 500;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 13.1em;
		margin-top : -1.75em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 11em;
		w\idth : 12em;
		display : block;
		color : #eaeaea;
		font-weight : bold;
		text-decoration : none;
		background-color : #83764b;
		border : 1px solid #baad82;
		padding : 0.1em 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : #645a39;
		border : 1px solid #baad82;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}


#sub-links {
font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 10px;
	line-height: 12px;
}

#submenu a:link, #submenu a:visited{
color:#eaeaea;
text-decoration: none;
}

#submenu a:hover{
color:#fff;
text-decoration: none;
}

#submenu {
font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
	line-height: 14px;
}


.submenu-links {
font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 11px;
	line-height: 13px;
}

.clear {
clear: both;
margin: 0;
}

.clear-left {
clear: left;
margin: 0;
}

.clear-right {
clear: right;
margin: 0;
}

h1 {
font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 21px;
	line-height: 24px;
	margin: 0;
	margin-top:2px;
	margin-bottom: 2px;
	font-weight: bold;
}

h2 {
font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 16px;
	line-height: 18px;
			margin: 0;
	margin-top:2px;
	margin-bottom: 2px;
	font-weight: bold;
}

h3 {
font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 15px;
	line-height: 17px;
			margin: 0;
	margin-top:2px;
	margin-bottom: 2px;
	font-weight: bold;
}

h4 {
font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 14px;
	line-height: 16px;
			margin: 0;
	margin-top:2px;
	margin-bottom: 2px;
	padding: 0px;
	font-weight: bold;
}

.product-headline {
margin: 0;
}

#eyetopia {
font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 11px;
	line-height: 13px;
}

.key-text {
	font-size: 13px;
	line-height: 14px;
}









/*  **************  700 PX 5 COL TABLE LAYOUT  ************ */

.table700 {
		width: 677px;
		border-top: 0px solid #ccc;
		margin-left: 5px
		}
		
.table700 p {
		clear: both;
		width: 100%;
		margin: 0;
		font-size: 11px;
		}

.table700 span {
		float: left;
		padding: 0 10px;
		
		}



.table700 span.col1 {
		width: 112px;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		}

.table700 span.col2 {
		width: 112px;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		border-left: 2px solid #ccc;
		}
	
.table700 span.col3 {
		width: 112px;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		border-left: 2px solid #ccc;
		}
.table700 span.col4 {
		width: 112px;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		border-left: 2px solid #ccc;
		}

.table700 span.col5 {
		width: 112px;
		text-align: center;
		border-left: 2px solid #ccc;
		padding-top: 2px;
		padding-bottom: 2px;
		}
/*  Remember that everything inside the containing div (id="table") should add up to its width. Here is a summary of all the widths, padding, and borders:		
Widths: 	112 + 112 + 112 + 112 + 112 = 560
Padding: 	10 + 10 + 10 + 10 + 10 + 10 + 10 + 10 + 10 + 10 = 100
Borders: 	2 + 2 + 2 + 2 + 2 + 2 = 12
Total: 	294 + 100 + 6 = 400 */






/*  **************  3 COLUMN LAYOUT  ************ */


.maincontainer3{
width: 674px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-right: 10px;
}

.topsection3{
background: fff;
color: #000;
}


.contentwrapper3{
float: left;
width: 100%;
}

.contentcolumn3{
margin: 0 220px 0 220px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-left: 2px solid #ccc;
border-right: 2px solid #ccc;
background: fff;
color: #000;
text-align: center;
}

.contentcolumn3a{
margin: 0 220px 0 220px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-left: 2px solid #fff;
border-right: 2px solid #fff;
background: fff;
color: #000;
text-align: center;
}


.leftcolumn3{
float: left;
width: 220px; /*Width of left column in pixel*/
margin-left: -674px; /*Set margin to that of -(MainContainerWidth)*/
background: fff;
color: #000;
text-align: center;

}

.rightcolumn3{
float: left;
width: 220px; /*Width of right column*/
margin-left: -220px; /*Set left margin to -(RightColumnWidth)*/
background: fff;
color: #000;
text-align: center;
}

.contentcolumn4{
margin: 0 220px 0 220px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-left: 2px solid #ccc;
border-right: 2px solid #ccc;
background: fff;
color: #000;
}

.contentcolumn4a{
margin: 0 220px 0 220px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-left: 2px solid #fff;
border-right: 2px solid #fff;
background: fff;
color: #000;
}


.leftcolumn4{
float: left;
width: 220px; /*Width of left column in pixel*/
margin-left: -674px; /*Set margin to that of -(MainContainerWidth)*/
background: fff;
color: #000;

}

.rightcolumn4{
float: left;
width: 220px; /*Width of right column*/
margin-left: -220px; /*Set left margin to -(RightColumnWidth)*/
background: fff;
color: #000;
}

.contentcolumn5{
margin: 0 175px 0 175px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-left: 2px solid #ccc;
border-right: 2px solid #ccc;
background: fff;
color: #000;
text-align: center;
}

.contentcolumn5a{
margin: 0 175px 0 175px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-left: 2px solid #fff;
border-right: 2px solid #fff;
background: fff;
color: #000;
text-align: center;
}


.leftcolumn5{
float: left;
width: 175px; /*Width of left column in pixel*/
margin-left: -674px; /*Set margin to that of -(MainContainerWidth)*/
background: fff;
color: #000;
text-align: center;

}

.rightcolumn5{
float: left;
width: 175px; /*Width of right column*/
margin-left: -175px; /*Set left margin to -(RightColumnWidth)*/
background: fff;
color: #000;
text-align: center;
}

.menu-home {
margin-top: 5px;
}

.home-margin-left {
margin-left: 10px;
}


.balance {
font-size: 4px;
line-height: 4px;;
}

.footer3{
clear: left;
width: 100%;
background: fff;
color: #000;
text-align: center;
padding: 4px 0;
}

.hrtube {
padding-left: 30px;
padding-right: 30px;
clear: left;
margin: 0;
}

.float-left {
float: left;
margin: 0px;
padding: 0px;
}

.float-left-margin-right {
float: left;
margin: 0px;
margin-right: 6px;
padding: 0px;
}



.float-right {
float: right;
margin: 0px;
padding: 0px;
}
.float-right-130 {
float: right;
margin: 10px;
padding: 0px;
width: 130px;
}

.center {
	text-align: center;
}

.center-padded {
	text-align: center;
	padding: 8px;
}

.center-padded-top-padded {
	text-align: center;
	padding: 10px;
	padding-top: 20px;
}


.caption {
	font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 11px;
	line-height: 13px;
}

div.padded-caption {
	font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 11px;
	line-height: 13px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*  **************  PHONE BOXES  ************ */
.phone-box01 {
	border: 2px solid #83764b;
	height: 129px;
}

.phone-box02 {
	border: 2px solid #83764b;
	height: 116px;
}

.phone-box03 {
	border: 2px solid #83764b;
	height: 116px;
	width: 400px;
}


.phone-box-number {
	font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #900;
}

.online-box01 {
	text-align: center;

}

sup {font-size: 0.6em; }

.smallmargin {
margin-left: -5px;
}

.bg-gray{
margin: 0;
padding: 10px;
color: #000;
background: #eaeaea;
}

.video-left {
	margin-left: 50px;
}

ul.margin li {
margin-left: -20px;
}