@charset "utf-8";
/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, object, blockquote, pre, address {
border:0 none;
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
caption, th, td {
text-align:left;
vertical-align:top;
}
blockquote, q {
quotes:none;
}
a img {
border:medium none;
}
hr {
border:0 none;
height:0;
margin:0;
padding:0;
width:0;
}
body {
font-size:75%;
line-height:1.5em;
background: url('../images/bodybg.jpg') repeat-x top #000;
}
ul, li {
list-style-type:none;
}
/* END OF COPIED HILLCREST CSS FROM MAIN SITE  */



/* BEGIN -- BLOCKS CONTAINERS */
#container #send_page{
	 position: relative;
	 left: -200px;

}
#containerrich {
	 margin: 0 auto;
	 overflow: visible;
	 text-align: left;
	 width: 945px;
}
body.loopmain #shell{background: url("../images/bottom.jpg") no-repeat #e1e0e0; min-height: 350px; width: 945px; overflow: hidden;}
#shell {
     background: url("../images/gradation_top.jpg") #FFF;
	 background-repeat: no-repeat;
	 min-height: 665px;
     width: 945px;
}
/* END -- BLOCKS CONTAINERS */

/* BEGIN -- MAIN NAVIGATION */
#header a#logo {
	display:block;
	height:32px;
	left:20px;
	position:absolute;
	text-indent:-10000px;
	top:27px;
	width:255px;
}
#header {
     background: url("../images/header_top.jpg");
	 background-repeat: no-repeat;
     margin: 0 auto;
	 overflow: visible;
	 position:relative;
	 width: 945px;
	 height: 80px;
}
#header li a {
     display: block;
	 color: #f70000;
     padding-top: 0pt;
     padding-right: 4px;
     padding-bottom: 0pt;
     padding-left: 4px;
     line-height: 20px;
     text-decoration: none;
     border-bottom-width: 7px;
     border-bottom-style: solid;
     border-bottom-color: #ffffff;
     text-transform: uppercase;
}
#header li a:hover {
     color: #9fd2e5;
	 border-bottom-width: 7px;
     border-bottom-style: solid;
     border-bottom-color: #9fd2e5;
}



#headersub a#logo {
	display:block;
	height:32px;
	left:20px;
	position:absolute;
	text-indent:-10000px;
	top:27px;
	width:200px;
}
#headersub {
     background: url("../images/header_top.jpg");
	 background-repeat: no-repeat;
     margin: 0 auto;
	 overflow: visible;
	 position:relative;
	 width: 945px;
	 height: 80px;
}
#headersub li a {
     display: block;
	 color: #f70000;
     padding-top: 0pt;
     padding-right: 4px;
     padding-bottom: 0pt;
     padding-left: 4px;
     line-height: 20px;
     text-decoration: none;
     border-bottom-width: 7px;
     border-bottom-style: solid;
     border-bottom-color: #ffffff;
     text-transform: uppercase;
}
#headersub li a:hover {
     color: #9fd2e5;
	 border-bottom-width: 7px;
     border-bottom-style: solid;
     border-bottom-color: #9fd2e5;
}


body.loopmain #header li#loopmain a, body.loopdetails #headersub li#loopdetails a, body.loopnews #headersub li#loopnews a, body.looptips #headersub li#looptips a, body.loopsupport #headersub li#loopsupport a, body.loopkylo #headersub li#loopkylo a, body.loopconnecting #headersub li#loopconnecting a {
     color: #676767;
     border-bottom-width: 7px;
     border-bottom-style: solid;
     border-bottom-color: #676767;
}
#mainnav {
	top: 30px;
	margin:0;
	padding:0;
	position:absolute;
	left: 425px;
	width: 500px;
}
#mainnav li {
    background:transparent none repeat scroll 0 0;
    font: 11px arial, sans-serif;
    color:#ffffff;
    float:left;
    line-height:1.1em;
    margin:0 2px 0 0;
    padding:0;
}
#mainnav li a {
    border-bottom:7px solid #FFFFFF;
    font: 11px arial, sans-serif;
	color:#ffffff;
    display:block;
    line-height:20px;
    padding:0 4px;
    text-decoration:none;
	text-align: middle;
    text-transform:uppercase;
}
#mainnav li a:hover {
    border-bottom:7px solid #676767;
    color:#676767;
}
/* END -- MAIN NAVIGATION */


/* BEGIN -- INDIVIDUAL PAGE HEADERS */
#intromain {
	 background: url('../images/intromain.jpg') no-repeat #fdfcea;
	 width: 945px;
	 height: 573px;
	 position: relative;
}
#quotes{height: 109px; width: 309px; position: absolute; bottom: 10px; left: 200px; display: block; overflow: hidden;}
#quotes img{display: block;}
#introdetails {
     background: url("../images/banner_details.jpg");
	 background-repeat: no-repeat;
	 background-color: #ffd98d;
	 width: 945px;
	 height: 200px;
}
#intronews {
     background: url("../images/banner_news.jpg");
	 background-repeat: no-repeat;
	 background-color: #fbfce8;
	 width: 945px;
	 height: 200px;
}
#intropc {
     background: url("../images/banner_pc.jpg");
	 background-repeat: no-repeat;
	 background-color: #fbfce8;
	 width: 945px;
	 height: 200px;
}
#introtips {
     background: url("../images/banner_tips.jpg");
	 background-repeat: no-repeat;
	 background-color: #fbfce8;
	 width: 945px;
	 height: 200px;
}
#introsupport {
     background: url("../images/banner_support.jpg");
	 background-repeat: no-repeat;
	 background-color: #fbfce8;
	 width: 945px;
	 height: 200px;
}
#loopbrand {
     float: right;
	 width: 500;
	 padding: 25px 24px 0px 0px;
}
#introarea {
     float: right; 
	 text-align: right;
	 padding: 20px 25px 10px 0;
}
#introkylo {
     background: url("../images/header_kylo.jpg");
	 background-repeat: no-repeat;
	 background-color: #fbfce8;
	 width: 945px;
	 height: 200px;
}
#quotetopsmall {
     padding: 25px 298px 0 0;
	 float: right;
	 text-align: right;
	 font: 12px arial, sans-serif;
	 font-style: italic;
	 line-height: 175%;
     color: #010101;
}
#introareaquote em {
	 float: right;
	 font: bold 10.5px arial, sans-serif;
     color: #e62e25;
}
/* END -- INDIVIDUAL PAGE HEADERS */

/* BEGIN -- Amazon Fix */

#emailus {
	 /*background-color: #c71515;*/
	 width: 945px;
	 height: 322px;
	 margin-bottom: 2px;
	 padding: 50px 0 0 22px;
}
/* End -- Amazon Fix */


/* BEGIN -- LEFT COLUMN */
#leftcolumnmain {
	 /*float: right;*/
	 width: 619px;
	 height: 370px;
	 position: relative;
}
#video{width: 360px; height: 198px; position: absolute; top: 92px; left: 136px; overflow: hidden;}
#intro1 {
     font: bold 27px arial, verdana, sans-serif;
	 color: #000000;
	 padding: 29px 20px 0 24px;
}
#intro2 {
     font: 27px arial, verdana, sans-serif;
	 color: #0a64a8;
	 line-height: 30px;
	 padding: 13px 20px 0 24px;
}
#intro3 {
     font: bold 17px arial, verdana, sans-serif;
	 color: #0a64a8;
	 line-height: 24px;
	 padding: 195px 20px 0 230px;
}
#intro4 {
     font: bold 17px arial, verdana, sans-serif;
	 color: #0a64a8;
	 line-height: 24px;
	 padding: 20px 20px 0px 24px;
	 /*min-height: 200px;*/
}
#leftcolumnsub {
	 background: url("../images/divider_619.jpg") #fff;
	 display: inline;
	 background-repeat: no-repeat;
	 width: 619px;
	 min-height: 736px;
}
#leftbody {
     width: 571px;
	 margin-left: 22px;
}

#dottedline {
    padding-top: 9px;
	padding-bottom: 6px;
	clear:left;
}

#userguide {
    background: url("../images/download-userguide_bg.png");
	background-repeat: no-repeat;
	width: 563px;
	height: 63px;
	overflow: hidden;
	text-align: center;
    padding-top: 14px;
}

ul.kfeat li {
    padding-top: 5px;
	padding-bottom: 10px;
}

#wyg {
	padding: 8px 0 15px 0;
}
#ulp {
    color: #5e5e5e;
	font: 13px arial, verdana, sans-serif;
	/*float: right;*/
}
ul.ulpspace li{
    padding: 3px 0 3px 0;
}
ul.ulpspace li strong{
    color:#000000;
	padding: 3px 0 3px 0;
}
ul.whatyouget li {
    background: url("../images/bg_whatyouget2.jpg");
	background-repeat: no-repeat;
	background-color:#ebebeb;
    padding: 1px 1px 1px 1px;
}
#sud {
    margin: 4px 0 0 0;
	height: 223px;
}	
ul.setupdiagram li {
    float: right;
    background-color:#eef5f7;
	border-bottom:1px solid #82b4c0;
	border-top:1px solid #82b4c0;
	width: 210px;
	height: 62px;
	padding: 5px 15px 0 15px; 
	margin-bottom: 0px;
}
ul.setupdiagram li.odd {
    background-color: #ffffff;
	border: 0px;
}
img.floatRight {
	float:right;
}
.diagramtitle {
    color: #007094;
	font: bold 11px arial, verdana, sans-serif;
}
.diagramtext {
    color: #5e5e5e;
	font: 14px arial, verdana, sans-serif;
}

#s {
    padding:8px 0 15px 0;
}
/* END -- LEFT COLUMN */




/* BEGIN -- RIGHT COLUMN */
body.loopmain #rtcolumn {
	background: #fff;
     float: right;
   	 /*padding-top: 35px;*/
   	 margin-top: 20px;
   	 padding: 20px;
   	 min-height: 310px;
	 width: 279px;
	 position: relative;
}
#rtcolumn {
     float: right;
   	 /*padding-top: 35px;*/
	 width: 320px;
}
body.loopmain #rtcolumn p.date{font-size: 11px; color: #f8931f; margin-top: 0;}
body.loopmain #rtcolumn h3{font-family: Georgia, serif; font-size: 18px; font-weight: bold;}
body.loopmain #rtcolumn a.pdf{background: url('../images/icon_pdf.jpg') no-repeat; width: 44px; height: 44px; position: absolute; right: 40px; top: 10px;}	 
body.loopmain #rtcolumn p{font-family: Georgia, serif; margin-top: 0;}
/*#amazon {
	 height: 159px;
}
#email {
     padding-bottom: 20px;
	 height: 27px;
	 margin-bottom: 20px;
}*/
#buyhillcrest {
     height: 203px;
}
#buyamazon {
     margin-top:9px;
     height: 38px;
}
#email {
     height: 40px;
	 /*float: right;*/
}
#sharethis {
     margin:15px 25px 0 9px;
     /*float: right;*/
}
.stbuttontext {
     font: bold 12px arial, verdana, sans-serif;
}
#outlinebox {
   	border: 1px solid #82b4c0;
	width: 255px;
	padding: 12px;
	margin: 25px 12px 0px 14px;
}

.compatibility {
    font: bold 13px arial, sans-serif;
    color: #5e5e5e;
}
.optionsb li {
	margin: 17px 0 10px 0;
} 
ul.optionsb li a {
    float:right;
	background: transparent url("../images/html_btn_bg.jpg") no-repeat scroll;
	/*font: 11px arial, sans-serif;
	color: #ccff99;8*/
    display: block;
    padding: 4px 14px 6px 14px;
    text-decoration: none;
}

ul.optionsb li a:hover {
    float:right;
	background: transparent url("../images/html_btn_bg.jpg") no-repeat scroll;
    filter: Alpha(opacity=60); -moz-opacity: 0.6;
	/*font: 11px arial, sans-serif;
	color: #ffffff;*/
    display: block;
    padding: 4px 14px 6px 14px;
    text-decoration: none;
}
#randomimage {
     float: none;
}
ul.no-bullet li {
    background:transparent none repeat scroll 0 0;
    padding-left:0;
}
/* END -- RIGHT COLUMN */



/* BEGIN -- TEXT FORMATTING */
h1 {
	color: #000000;
	font: bold 28px arial, verdana, sans-serif;
	padding:25px 0px 0px 0px;
}
h2 {
	color: #e62e25;
	font: bold 15px arial, sans-serif;
	line-height: 25px;
	padding:19px 0px 0px 0px;
}
h3 {
	color: #000000;
	font: 11px arial, sans-serif;
	padding: 0px 0px 20px 0px;
}
h4 {
	color: #e62e25;
	font: 43px arial, sans-serif;
	padding:21px 0px 0px 22px;
	float:left;
}
h5 {
	color: #e62e25;
	font: bold 15px arial, sans-serif;
	padding: 5px 0px 0px 0px;
}
h6 {
	color: #000000;
	font: 13px arial, sans-serif;
	padding: 5px 0px 20px 0px;
}
h7 {
	color: #000000;
	font: 15px arial, sans-serif;
}

p {
	color: #5e5e5e;
	font: 13px arial, sans-serif;
}
p.intro {
    color: #0a64a8;
	font: bold 15px arial, sans-serif;
	line-height: 26px;
	padding: 19px 0 6px; 0;
	margin: 0px;
}
.titleblack {
    font: bold 15px arial, sans-serif;
	color: #000000;
}
.titleblack2 {
    font: bold 18px arial, sans-serif;
	color: #000000;
}
.titleblackcenter {
    font: bold 15px arial, sans-serif;
	color: #000000;
	line-height: bottom;
}
.titleblue {
    font: bold 15px arial, sans-serif;
	color: #e62e25;
}
.paratext {
    font: 13px arial, sans-serif;
	color: #5e5e5e;
}

/* END -- TEXT FORMATTING */



/* BEGIN -- LINKS */
a {
  outline: none;
}

a:link {
	color: #0072bc;
	font: arial, sans-serif;
	text-decoration:none;
}

a:visited {
	color: #0e97ff;
	font: arial, sans-serif;
	text-decoration:none;
}

a:active {
	outline: none;
}

a:hover {
	color:#000000;
	font: arial, sans-serif;
	text-decoration:underline;
}
a.buynow{height: 40px; width: 195px; position: absolute; bottom: 211px; left:185px;}
a.amazon{height: 25px; width: 80px; position: absolute; bottom: 180px; left: 300px;}
/* END -- LINKS */
#supportfooter {
     font: bold 14px arial, sans-serif;
     text-align: right;
}
#supportfooter a{color: #fff;}
a#support{font: bold 14px arial, san-serif; float: right; color: #fff;}
body.loopmain #footer {background: url('../images/footer.jpg') no-repeat}
#footer{
	background: url('../images/sub_footer.jpg') no-repeat;
	height: 61px;
	width: 925px;
	clear: both;
	padding: 40px 20px 10px 0;
    position:relative;
}
#footer p {
	float: right;
     text-align: right;
     font: bold 11px arial, verdana, sans-serif;
     color: #FFF;
     clear: both;
     margin: 0;
     padding: 1em 0;
}

#footer p a {
     color: #FFF;
     font: bold 11px arial, verdana, sans-serif;
     text-decoration: none;
}	
#footer p a:hover{text-decoration: underline;}

#buyhillcrest-link {
	background: url(../images/buy-hillcrestlabs-over-alt.jpg) top left no-repeat;
	width: 215px;
	height: 36px;
}

#buyhillcrest-link a {
	background: url(../images/buy-hillcrestlabs-alt.jpg) top left no-repeat;
	width: 215px;
	height: 36px;
	display: block;
	text-indent: -10000px;
	zoom: 1;
}

#buyhillcrest-link a:hover {
	background: none;
}


table#standards tr.alt {
	background: #eef5f7;
}

table#standards td, table#standards th {
	padding: 8px 8px;
	color: #5b5b5b;
	line-height: 1.2em;
	font-family: arial;
	border-bottom: 1px solid #82b4c0;
}

ul.list {
	position: relative;
}

ul.list li {
	font-family: arial;
	color: #5e5e5e;
	margin: 12px 0;
	background: url(../images/bullet.gif) 0 .5em no-repeat; 
	padding-left: 1em; 
}

ul.tight li {
	margin: 4px 0;
}

.titleblack2, .titleblack2 a, .titleblack2 a:visited {

    font: bold 18px arial, sans-serif;
	color: #000000;
	margin-right: 12px;

}

.imgleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.imgright {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

div.option {
	padding: 2px 0 2px 80px;
	zoom: 1;
	position: relative;
}

div.option img {
	position: absolute;
	top: 12px;
	left: 0;
}

p.heading {
	margin-top: 12px;
}

/* END LINKS */



form{width: 570px; padding-top: 42px; padding-bottom: 40px; display: block; overflow: hidden;}
	form div{width: 570px; margin-bottom: 18px; clear: both; overflow: hidden;}
	form label{width: 100px; font-size: 14px; color: #32a9c3; float: left; text-align: right; font-weight: bold; font-family: Helvetica, Arial, san-serif;}
	form input{width: 130px; height: 20px; margin: 0 20px; padding: 0 5px; float: left; background-color: #eee; border: solid 1px #d2d2d2;}
		form input#email{height: 20px;}
	form select{margin-left: 20px; width: 142px; height: 20px;}
	form textarea{margin-left: 20px; width: 420px; height: 100px; overflow: auto; background-color: #eee; border: solid 1px #d2d2d2;}
	form button{float: left; clear: both; margin-left: 120px; width: 120px; height: 38px; margin-top: 9px; background: url('../images/btn_submitform.png') no-repeat; text-indent: -7000px; border: none; -webkit-transition: none;}
	form button:hover{background: url('../images/btn_submitform.png') 0 -38px no-repeat; cursor: pointer; border: none; -webkit-transition: none;}