@import url(thickbox.css);

@import url(diolog.css);

@import url(monolog.css);

@import url(tablesort.css);

/****** Body ******/

body {

	background-color: #ffffff;

	font-size: 0.8em;

	color:#5d5d5d;

	padding:0px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	line-height: 18px;

	margin: 0px;

	background-image: url(../img/bg_lefttop.gif);

	background-repeat: repeat-x;

	background-position: left top;

}

#container {

	text-align: left;

	/*width: 777px;*/

	margin: 0 auto 0 auto;





}

img {

	border: none;

}

ul{

	padding-left: 5px;

	margin-left: 7px;

	margin-top: 2px;

	margin-bottom: 2px;

	margin-right: 5px;

	list-style-type: disc;

}

P{

	padding:0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	text-indent: 10px;

}

a:link, a:visited {

color: #357d04;text-decoration: none;

}



a:hover {

	text-decoration: underline;

	color: #024986;

}

/****** Language ******/

.langarea{

	width: 95px;

	height: 60px;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-right: 10px;

	margin-left: 89%;

	position: absolute;

	z-index: 2;

	}

/******  Nav ******/

#tn {

	position: absolute;

	left: 10px;

	top: 94px;

	width: 95%;

	

}

#glowingtabs{

	left: 12px;

	position: absolute;

	top: 94px;

	width: 95%;

	

}



#glowingtabs ul{

list-style-type: none;

margin:0;

margin-left: 5px; /*Left offset of entire tab menu relative to page*/

padding:0;

}



#glowingtabs li{

display:inline;

margin:0;

padding:0;

}



#glowingtabs a{

	float:left;

	background:url(../img/glowtab-left.gif) no-repeat left top;

	margin-right: 0px;

	text-decoration:none;

	margin-top: 0;

	margin-bottom: 0;

	margin-left: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 9px;

}



#glowingtabs a span{

float:left;

display:block;

background:url(../img/glowtab.gif) no-repeat right top;

padding: 4px 12px 2px 3px;

font-weight:bold;

color:#FFFFFF;

}



/* Commented Backslash Hack hides rule from IE5-Mac \*/

#glowingtabs a span {float:none;}

/* End IE5-Mac hack */



#glowingtabs a:hover span {

color: #FFFFFF;

}



#glowingtabs #current a{ /*Selected Tab style*/

	background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/



}



#glowingtabs #current a span{ /*Selected Tab style*/

background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/

color: #FFFFFF;

}



#glowingtabs a:hover{ /*onMouseover style*/

background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/

}



#glowingtabs a:hover span{ /*onMouseover style*/

background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/

}

p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/

padding-top: 1em;

}



/******  WelcomePage Content ******/

#header {

	position: relative;

	z-index: 9000;

	height: 124px;

	width: 777px;

	background-image: url(../img/bg_top.gif);

	background-repeat: no-repeat;

	background-position: left top;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

#headerin {

	position: relative;

	z-index: 99;

	height: 124px;

	width: 100%;

	margin: 0 auto 0 auto;

	background-image: url(../img/bg_top.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

#hcl {

	width: 470px;

	height: 77px;

	z-index: 8000;

	font-size: 11px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



.topproduct{

	background-image: url(../../../stuff/EPLHOUSEFIT/bg_product.jpg);;

	background-repeat: no-repeat;

	background-position: right top;

	height: 118px;

	width: 290px;

	float: right;

}

#main {

	background: #ffffff;

	width: 100%;

	padding: 0px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;	

}

#content {

	width: 750px;

	float: none;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 7px;

}

#contentin {

	width: 98%;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding: 0px;

	display: block;

}

#LeftArea{

	float: left;

	width: 520px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#LeftinArea{

	margin-top: 3px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 235px;

	padding-bottom: 0px;

	padding-left: 0px;

}



#RightArea{

	float: right;

	width: 230px;

	padding-top: 3px;

	margin: 0px;

}

#RightinArea{

	width: 230px;

	right: 6px;

	float: right;

	position: relative;

}



.flasharea{

	height: 216px;

	width: 519px;

	padding-bottom: 10px;

	

}

#hotproduct .box{

	width: 98%;

	margin-bottom: 16px;

	clear: both;

	display: block;

	height: 100px;

	background-image: url(../img/lline_products.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}



#hotproduct .box A IMG {

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

	border: 4px solid #E8E8E6;

	padding: 1px;

	background-color: #FFFFFF;

}

#hotproduct .box A:hover IMG {

	border: 4px solid #C1C1C1;

	background-color: #FFFFFF;

	padding: 1px;

}

#hotproduct .box A:hover {

	BACKGROUND: none transparent scroll repeat 0% 0%

}



#hotproduct .more{

	float: right;

	width: 10%;

}

#hotproduct .more a img{

	margin-right: 10px;

	margin-bottom: 10px;

	border: 3px solid #fff;

	background-color: #FFFFFF;

	padding: 1px;

}

#hotproduct .more a:hover img{

	margin-right: 10px;

	margin-bottom: 10px;

	border: 3px solid #fff;

	background-color: #FFFFFF;

	padding: 1px;

}

.marqueebox{

	padding: 3px;

	width: 730px;

	margin-right: auto;

	margin-left: auto;

	font-size: 0.9em;

}



/****** Content ******/



#breadCrumb{

	font-size: 12px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E6F2D2;

	color: #666666;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 5px;

	margin-bottom: 5px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #E6F2D2;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #E6F2D2;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #E6F2D2;

	background-color: #FAFFF1;

	background-image: url(../img/bg_breadCrumb.gif);

	background-repeat: repeat-x;

	background-position: left top;

}



#breadCrumb a{

	color: #528001;

	text-decoration: none;

}

#breadCrumb a:hover{

	color: #3366CC;

	text-decoration: none;

}

#OrderInfo {

	width: 180px;

	line-height: 15px;

	border: 1px solid #DADADA;

	padding: 5px;

	text-align: center;

	color: #146295;

	display: block;

	margin-right: 5px;

	margin-left: 5px;

	margin-bottom: 10px;

	margin-top: 10px;

}



#FaqTable{

	width: 95%;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	background-color: #DAF2FE;

	padding: 13px;

	background-image: url(../img/bg_corner.gif);

	background-repeat: no-repeat;

	background-position: right top;

}



#cartarea .editbox{

	overflow: auto;

	height: 190px;

}

#contactarea{
	float: right;
	width: 215px;
	padding-left: 10px;
	background-image: url(../img/bg_contact.gif);
	background-repeat: no-repeat;
	height: 144px;
	margin-top: 5px;
}

#contactarea a{

	color: #055593;

	text-decoration: underline;

}

#contactarea a:hover{

	color: #01b0d5;

	text-decoration: none;

}

#contactarea .edit{

	padding: 7px;

}

.downline{

	padding-bottom: 4px;

	margin-bottom: 4px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

}





.upperleft{

	width : 99%;

	margin-left : auto;

	margin-right : auto;



	

}



.upperright{

	

}



.lowerleft{

	

}



.lowerright{

	padding : 1%;

}

#DetailBox{

	margin-top: 10px;

	padding-top: 10px;

	background-color: #F5F5F5;

	background-image: url(../img/bg_detail.gif);

	background-repeat: repeat-x;

	background-position: left top;

	padding-bottom: 10px;

}

#DetailBox a{

	color: #0066CC;

}

#titlearea{

	background-image: url(../img/title_bg.gif);

	background-repeat: repeat-x;

	background-position: left top;

	height: 85px;

	width: 99%;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 5px;

}

.rightimg{

	position: relative;

	float: right;

}

/****** Text ******/

h1{

	font-size:1.6em;

	color:#03387A;

	line-height:18px;

	font-weight: 200;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 8px;

	margin-left: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-transform: uppercase;

	

}

h2{

	color:#2B82BB;

	line-height:15px;

	font-weight:100;

	margin-top: 1px;

	margin-right: 0px;

	margin-bottom: 1px;

	margin-left: 0px;

	font-size: 130%;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 2px;

	padding-left: 0px;

}

h3{

	font-size:1em;

	line-height:17px;

	margin:0;

	padding:0;

	font-weight:normal;

}

h4{

	font-size:11px;

	line-height:16px;

	margin:0;

	color: #666666;

	font-weight: normal;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 15px;

	letter-spacing: 1px;

}

h5{

	font-weight:200;

	color:#336699;

	margin:0px;

	line-height: 17px;

	font-size: 1em;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 2px;

	padding-left: 0px;

}

h6{

	font-size:12px;

	line-height:18px;

	font-weight:bold;

	color:#266402;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 5px;

	padding-left: 15px;

	letter-spacing: 1px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #FFFFFF;

	background-color: #95CEDE;

	background-image: url(../img/bg_detail_title.gif);

	background-repeat: repeat-x;

	background-position: left top;

}



a.FaqBox:link{

	padding-top: 8px;

	padding-bottom: 4px;

	padding-left: 17px;

	background-color: #DAF2FE;

	display: block;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #FFFFFF;

	background-image: url(../img/ico_talk.gif);

	background-repeat: no-repeat;

	background-position: left center;

	text-decoration: none;

	font-weight: 200;

	color: #666666;

}

a.FaqBox:visited{

    padding-top: 8px;

	padding-bottom: 4px;

	padding-left: 17px;

	background-color: #DAF2FE;

	display: block;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #FFFFFF;

	background-image: url(../img/ico_talk.gif);

	background-repeat: no-repeat;

	background-position: left center;

	text-decoration: none;

	font-weight: 200;

	color: #666666;

}

a.FaqBox:hover{

	padding-top: 8px;

	padding-bottom: 4px;

	padding-left: 17px;

	background-color: #EFF7FA;

	display: block;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #DDDDDD;

	background-image: url(../img/ico_talk.gif);

	background-repeat: no-repeat;

	background-position: left center;

	font-weight: 200;

	color: #1F80A9;

}

.PListcheckbox{

	float: left;

}

.PListPage a{

	color: #FFFFFF;

}

.PListPage a:link, a:visited{

	text-decoration: none;

}

.PListPageButton:link{

	background-color: #2C79AB;

	text-align: center;

	border: 1px solid #51A8E1;

	color: #666666;

	text-decoration: none;

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	background-image: url(../img/bg_notice.gif);

	background-repeat: repeat-x;

	background-position: left top;

}

.PListPageButton:visited{

	background-color: #2C79AB;

	text-align: center;

	border: 1px solid #51A8E1;

	color: #666666;

	text-decoration: none;

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	background-image: url(../img/bg_notice.gif);

	background-repeat: repeat-x;

	background-position: left top;

}

.PListPageButton:hover{

	background-color: #FFFF00;

	text-align: center;

	border: 1px solid #8B9F0B;

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	color: #0099CC;

}



.GrayWord{

	color: #996666;

	line-height: 18px;

}

.whiteword{

	color: #FFFFFF;

}



.textbar{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#666666;

	border:2px solid #E1F8F8;

	background-color:#ffffff;

	margin-bottom: 6px;

	vertical-align: text-top;

}

.TopText{

	text-align: right;

	padding-right: 10px;

	padding-top: 2px;

	padding-bottom: 3px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

	margin-top: 5px;

	font-size: 0.9em;

}

.TopText a{

	text-decoration: none;

}

.TopText a:link, a:visited{

	text-decoration: none;

}

.BrownWord{

	color: #092393;

	font-weight: bold;

	line-height: 18px;

	padding-left: 8px;

	background-color: #F3F3F3;

	border-left-width: 7px;

	border-left-style: groove;

	border-left-color: #81BC35;

	padding-right: 10px;

}





/****** Form ******/

form{

	margin:0px;

	padding: 0px;

}

#spacer{

	clear: both;

}

#blank{

	padding-top: 3px;

	padding-bottom: 3px;

	margin-top: 3px;

	margin-bottom: 3px;

	clear: left;

}

.content-editbox{

	width: 100%;

	margin-top: 2px;

	overflow: hidden;

}

/****** Images ******/

.ImgCom{

	float: right;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 10px;

	padding: 0px;

	top: 0px;

}

.ImgRight{

	float: right;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 10px;

	border:0px;

	width: 180px;

	clear: left;

	display: block;

}

.ImgLeft{

	float: left;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 0px;

	width: 180px;

}

.ImgProductRight{

	float: right;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 8px;

	padding: 0px;

	width: 200px;

	text-align: center;

}

/****** Table ******/

table.sortable {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border-collapse: collapse;

	color: #333;

}



table.sortable caption {

	font-size: 1.1em;

	font-weight: bold;

	letter-spacing: -1px;

	margin-bottom: 10px;

	padding: 5px;

	background: #efefef;

	border: 1px none #ccc;

	color: #666;

}



table.sortable a {

	text-decoration: none;

	border-bottom: 1px dotted #f60;

	color: #f60;

	font-weight: bold;

}



table.sortable a:hover {

	text-decoration: none;

	color: #fff;

	background: #f60;

}



table.sortable tr th a {

	color: #369;

	border-bottom: 1px dotted #369;

}



table.sortable tr th a:hover {

	color: #fff;

	background: #369;

}



table.sortable thead tr th {

	text-transform: uppercase;

	color: #FFFFFF;

	background-color: #95CEDE;

	background-image: url(../img/bg_award_iso.gif);

	background-repeat: repeat-x;

	background-position: left top;

}



table.sortable tfoot tr th, table.sortable tfoot tr td {

	text-transform: uppercase;

	color: #000;

	font-weight: bold;

}



table.sortable tfoot tr th {

	width: 20%;

}



table.sortable tfoot tr td {

	width: 80%;

}



table.sortable td, table.sortable th {

	padding: 5px;

	line-height: 1.8em;

	font-size: 0.8em;

	vertical-align: top;

	width: 20%;

	color: #666666;

}



table.sortable tr.odd th, table.sortable tr.odd td {

	color: #3A7CA8;

	background-color: #E6F4FD;

}

#footer{

	font-size: 10px;

	color: #505150;

	height: 37px;

	background-color: #136C9F;

	background-image: url(../img/bg_down.gif);

	background-repeat: repeat-x;

	background-position: left top;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

	text-align: center;

	line-height: 15px;

	letter-spacing: 0.1ex;

	font-family: Arial, Helvetica, sans-serif;

	border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #2A6211;

	width: 100%;

	bottom: 0px;

	float: left;

	}

#footer .fwrap {

	width: 776px;

	float: none !important;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 10px;

}

#footer a{

	color: #D2FF59;

	text-decoration: none;

}

#footer a:hover{

	color: #ffffff;

	text-decoration: none;

	

}