HTML,BODY {	font-size:100%;
			background-image: url(../images/PageBackground.gif);
			line-height:1em; 
			color:#4F4F4F; font-family:Arial, Helvetica, sans-serif;} 

body { 
	margin: 0px;
	padding: 0px;
	text-rendering: optimizeLegibility;		
}


/* General Elements */

   
  img { border: none; }
  ul { margin: 8px 0 8px 30px; padding: 0; }
  ol { margin: 8px 0 8px 30px; padding: 0; }
  li {font-size:0.875em; line-height:1.5em;}
  
  
  
  TEXTAREA,INPUT  {  font-family:Arial, Helvetica, sans-serif; font-size:0.875em; color:#707066; margin:1px; padding:3px;}
  SELECT { font-size:0.875em; color:#707066;; margin:1px; padding:1px; }
  INPUT:focus,SELECT:focus ,TEXTAREA:focus {background:url(../images/backText.jpg) repeat-x #F3EF85}
  
  
  h1 { font-size: 1.5em; font-weight: bold; color:#A40103; line-height:1em; margin:0 0 5px 0 /*padding:0 0 20px 0;*/}
  h2 { font-size: 1.5em; font-weight: bold;  color:#FBAA1E; line-height:1em;  margin:0 0 5px 0}
  h3 { font-size: 1.25em; font-weight: bold; line-height:1em; margin:0 0 5px 0}
  /*p  {font-size:1em; line-height:1.5em; padding:0px; margin:5px 0 5px 0px}*/
  p  {font-size:0.875em; line-height:1.5em; padding:0px; margin:5px 0 5px 0px}
  hr {border-top : 1px dashed #788;}

/* CUFON FONT */

  a.Nav:link,a.Nav:visited    {color:#FFFFFF; font-size:14px; font-weight:bold/* font-weight:600; margin:0 13px 0 13px*/}
  a.Nav:hover     { color:#CCCCCC; text-decoration: none} 
  
  h5 { font-size: 1.875em; padding:0px; line-height:1em;  color:#A40103;  margin:0 0 0 0}
  h6 { font-size: 1.5em; padding:0px; margin:0px;  /*padding:10px 0 0 0; margin:20px 0 5px 0;*/ line-height:1em;    color:#FFF}

/* ID elements */

  #DIVtop { background:url(../images/Top.png) no-repeat; height:263px}
  #DIVContent{width:1020px; margin-left: auto ;  margin-right: auto ;  height:100%; }
  
  #theNAV TR TD  { padding:0 5px 0 5px}
  #DivPanelFoot {background:url(../images/Panelfoot.png) no-repeat; height:60px;}
  #DivPanelFootIndex {background:url(../images/Panelfoot.png) no-repeat; height:30px;}
  
  #DIVCopyAll { background:url(../images/CopyMid.png) repeat-y; padding-top:0px}
  #DIVCopyAll2 { background:url(../images/CopyMid2.png) repeat-y; padding-top:0px}
  
  #DIVMargin {width:300px; float:right;margin-right:20px; border-color:#666666;  }
  #DIVCopy {width:670px; margin-left:20px; float:left;}
  #DIVCopyInner {padding:0 12px 0 12px; }

/* Class elements */

  .h5SM { font-size:20px; margin:10px 0 10px 0 }
  .copy { padding:10px 10px 10px 10px;}
  .txtdate { color:#999999;  }
  .CatTitle { color:#999999;  font-size:11px }
  
  .TableA { font-size:0.75em; line-height:1.125em; }
  .space {height:10px}
  .fit IMG {width:100%;}
  
  .CellLine {border:dashed #999999; border-width: 0px 0px 1px 0px}
  .CellBread {padding:20px 0 0 30px; font-size:0.75em}
  .SomeRow {cursor: pointer; }
  .SearchRow {border-color:#666666; border-style: solid; border-width: 0px 0px 1px 0px; cursor:pointer; color:#999999; font-size:10px}
  .someGridOut {border-color:#999999; border-style: solid; border-width: 1px 1px 0px 0px}
  .someGridIn {border-color:#999999; border-style: solid; border-width: 0px 0px 1px 1px}
  .FindMore {cursor:pointer;  margin:10px 0 20px 0; border:1px solid #CCCCCC; padding:5px; background-color:#FFFFCC; font-size:12px; font-weight: bold}
  
  .orange {color:#FE7740; }
  .grey { color:#999999}

/* Looper styles */

  .loopSign {clear:right;  font-size:0.75em; color:#999999; /*font-variant:small-caps; width:300px; background-color:#CCCCCC*/ }
  .VideoList {width:190px; font-size:10px; line-height:12px; border-color:#CCCCCC;  border-style: solid; border-width: 1px 0px 0px 0px; padding:5px 0 0 0 }
  .ForumLoop {font-size:0.75em; width:300px; height:17px; padding:2px; color:#666666; float:right; text-align:right; clear:both}


/* LINKS */

	a, a:link, a:visited {font-size:1em; color: #A40103; text-decoration: none; outline:none; }
	a:hover { color: #4F4F4F; text-decoration: none; outline:none; }
	
	a.LinkFooter:link,a.LinkFooter:visited    {font-size:1em; color:#FFFFFF; font-weight:600;}
	a.LinkFooter:hover     { color:#FFCC33; text-decoration: none}
	
	a.LinkBread:link,a.LinkBread:visited    {color:#999999; font-weight:600;}
	a.LinkBread:hover     {color: #FE7740; text-decoration: none}
	
	a.linkH2:link,a.linkH2:visited    {font-size:1.25em;  font-weight: bold; line-height:1.25em; color:#FE7740;}
	a.linkH2:hover     {color: #FF0000; text-decoration: none}
	
	a.LinkW1:link,a.LinkW1:visited    {font-size:1em;  font-weight: bold; line-height:1.25em; color:#FFFFFF;}
	a.LinkW1:hover     {color: #FF0000; text-decoration: none}


/* Rollover elements */


.LearnWin{clear:both; margin-top:100px;
	 
	width:600px;
	background:#EFEFEF; 
	background: -moz-linear-gradient(top, #F3F1F1 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E4E3), to(#FFFFFF));
	border: 1px solid #999999;  
	margin:20px 0 10px 10px; padding:10px;
	-moz-border-radius: 14px;
  	-webkit-border-radius: 14px;
  	border-radius: 14px;}

.LearnWin:hover {
  background: #EFEFEF;
  background: -moz-linear-gradient(top, #CEC1D5 0%, #FFFFFF 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CEC1D5), to(#FFFFFF));
  border: 1px solid#4B1563;
  cursor: pointer;
  color: #333;
}


.someComment{ clear:both;	
	background:#EFEFEF; 
	background: -moz-linear-gradient(top, #F3F1F1 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E4E3), to(#FFFFFF));
	border: 1px solid #999999;  margin:0 10px 10px 0; padding:10px;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
 	 border-radius: 4px;	
	}

.someComment:hover {
  background: #EBB701;
  background: -moz-linear-gradient(top, #FDDC6C 0%, #EBB701 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDDC6C), to(#EBB701));
  border: 1px solid#D19405;
  cursor: pointer;
  color: #333;
}

.someCommentItem{ cursor: pointer; width:270px; 
	background:#EFEFEF; 
	background: -moz-linear-gradient(top, #F3F1F1 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E4E3), to(#FFFFFF));
	border: 1px solid #999999;  margin:0 10px 10px 0; padding:10px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
  	border-radius: 4px;	
	}

.someCommentItem:hover {
  background: #EBB701;
  background: -moz-linear-gradient(top, #FDDC6C 0%, #EBB701 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDDC6C), to(#EBB701));
  border: 1px solid#D19405;
  cursor: pointer;
  color: #333;
}



.someReply{ background:#EFEFEF; 
	border: 1px solid #999999;  margin:0 10px 10px 0; padding:10px;
	box-shadow:  0 0 10px #a5b9d9;
  	-moz-box-shadow:  0 0 10px #a5b9d9;
	-webkit-box-shadow:  0 0 10px #a5b9d9; 
	-moz-border-radius: 8px;
  	-webkit-border-radius:8px;
  	border-radius: 8px;
	}

.someReply:hover {
  background: #FFFFFF;
  color: #333;  
  
}

a.bLike{
 	background:transparent url(http://www.hometesterclub.com/images/bLike.png) no-repeat top left; width:18px; height:20px; float:left      }
a.bLike:hover{
    background:transparent url(http://www.hometesterclub.com/images/bLike.png) no-repeat bottom left;
}

a.bUnLike{
 	background:transparent url(http://www.hometesterclub.com/images/bUnLike.png) no-repeat top left; width:18px; height:20px; float:left    }
a.bUnLike:hover{
    background:transparent url(http://www.hometesterclub.com/images/bUnLike.png) no-repeat bottom left;
}




button:hover {
  cursor: pointer;
}

button::-moz-focus-inner {
  border:0;
}


button.header {
  background: #950109;
  background: -moz-linear-gradient(top, #F22244 0%, #950109 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F22244), to(#950109));
  border: 1px solid #FFFFFF;
 
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /*-moz-box-shadow: inset 0 1px 0 0 #FEE78E;
  -webkit-box-shadow: inset 0 1px 0 0 #FEE78E;
  box-shadow: inset 0 1px 0 0 #FEE78E;*/
  color: #FFFFFF;
  /*margin:3px 0 3px 0;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1;
  padding: 6px 10px 6px 10px;
  text-align: center;
  /*text-shadow: 1px 1px 1px #FFFFFF;
  text-transform: uppercase;
  width: 150px;*/
}

button.header:hover {
  background: #EBB701;
  background: -moz-linear-gradient(top, #FDDC6C 0%, #EBB701 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDDC6C), to(#EBB701));
  border: 1px solid#D19405;
 /* -moz-box-shadow: inset 0 1px 0 0 #a5b9d9;
  -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;
  box-shadow: inset 0 1px 0 0 #a5b9d9;
  text-shadow: 1px 1px 1px #999999;*/
  cursor: pointer;
  color: #ffffff;
}

button.header:active {
  border: 1px solid #546685;
  -moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
  -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
}



/*






* div { border:1px solid #333333;}

12	0.75
14	0.875
16	1
18	1.125
20	1.25
22	1.375
24	1.5
26	1.625
28	1.75
30	1.875
32	2
34	2.125
36	2.25
38	2.375
40	2.5
42	2.625
44	2.75
46	2.875
48	3
50	3.125
52	3.25




*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}




