/* CSS Document */

/***********************************************/

/* html tag styles                             */

/***********************************************/ 

body  {margin: 0px; padding: 0px; font: 90% verdana,trebuchet,sans-serif; background-color:#F1F2F2;}

#containerOuter { width: 100%; text-align: center; }

#containerInner { margin: 0 auto; padding:0; width:1000px; text-align: left; border: 1px solid #58595B; background-color:#fff; }



/***********************************************/

/* Layout                               */

/***********************************************/

#masthead { margin: 0px; padding: 0px; width: 100%; }

#leftnav { width-maximum: 250px; font: 100% trebuchet,verdana,sans-serif}

#content { margin-top:5px; margin-right:5px;  padding-top:5px; padding-right:5px; padding-left:5px;

text-align:justify; color: #000000; font: 90% Verdana, Arial, Helvetica, sans-serif;}

#footer{ margin: 0; padding: 0; color: #fff; border-bottom: 0px solid #C4261D; font-size:85%; 

/*background-image:url(images/footerbg.gif);*/

background-color:#F37032; text-align:center; }



/***********************************************/

/* common classes                                */

/***********************************************/

.width100 { width: 100%; }

.width75 { width: 75%; }

.width60 { width: 60%; }



.width60 { width: 60%; }

.width50 { width: 50%; }

.width40 { width: 40%; }

.floatLeft { float: left; }

.floatRight { float: right; }

.alignLeft { text-align: left; }

.alignRight { text-align: right; }

.clearLeft { clear: left; }

.clearRight { clear: right; }

.clear { both: right; }

/* BACKGROUND COLORS */

.grey { background-color:#999999; height:1px; }

.white { background-color:#ffffff; height:3px; }

.black { background-color:#000000; height:1px; }

.red{ background-color:#C4261D; }



a { font-size:90%; color: #000000; text-decoration:none;}									

a:hover { font-size:90%; color:  #13406A; text-decoration:underline; }



td a:link { font-size:90%; color: #000000; text-decoration:none;}

td a:visited { font-size:90%; color: #000000; text-decoration:none;}									

td a:hover { font-size:90%; color:  #F37032; text-decoration:underline; }

td a:active { font-size:90%; color: #000000; text-decoration:none;}







h1 { font-size:100%; font-weight: bold; color: #F37032; text-decoration: none; margin-top:5px; margin-bottom:5px; text-decoration:underline; }

/*.sid-nav-bar{ background-image:url(images/left-strip.gif); background-repeat:repeat-y;}*/



/***********************************************/

/* MASTHEAD : DETAILS                               */

/***********************************************/

#masthead div.logo {background-image:url('/lib/yhst-26943241904215/banner-bg.gif'); background-repeat:repeat; height: 120px; margin: 0px auto; font-size:90%; padding:0px;}



#masthead #strip { width: 100%; color:#fff; font-size:80%; text-align:right; font-weight:bold; background-color:#58595B;  margin-top:0px; height:20px; }

#masthead #strip a:link, a:visited{ color:#fff; }

#masthead #strip a:hover, a:active{ color:#C7CBB9; text-decoration:none;  }











#masthead #strip1 { width: 100%; color:#fff; font-size:80%; text-align:right; font-weight:bold; background-color:#EEEEEE;  margin-top:0px; height:20px; padding-bottom:5px; padding-top:5px; margin-right:5px; }

#masthead #strip1 a:link, a:visited{ color:#58595B; }

#masthead #strip1 a:hover, a:active{ color:#F37032; text-decoration:none;  }#masthead brand-logo{width:100%; text-align:center; height:38px;}

/***********************************************/

/* Leftnav : DETAILS                                */

/***********************************************/

#search{ background-color:#EEEEEE; width:190px; padding:2px; border: 1px solid #6D6E71; text-align:center; margin:5px 0 0 5px;}



#leftnav #knowledgebase{ border: 0px groove black; width: 188px; background-image:url('/lib/yhst-26943241904215/knowledgebase-bg.gif'); font: normal 80% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; margin: 0 0 0 0;}

#leftnav #knowledgebase div.menutitle{color: white; border-bottom: 1px solid black; padding: 1px 0; padding-left: 5px; background-image:url('/lib/yhst-26943241904215/address-bg.gif'); font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; width: 185px; }

#leftnav #knowledgebase a { color: #13406A; text-decoration:none; padding-left: .5em; line-height: 2em; font: bold 95% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; }									

#leftnav #knowledgebase a:hover { color:  #0095DA; text-decoration:underline; font: bold 95% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;}

#leftnav #search { width: 188px; text-align:left; font-size:80%; border-bottom: 2px dotted #ccc; padding-bottom:5px;}

#search .input { border:1px groove #6D6E71; color: #6D6E71;

  }

#leftnav #paymentGateway{ text-align:center; margin-left: -5px; }

#leftnav #box{ background-color:#EEEEEE; width:190px; padding:2px; border: 1px solid #6D6E71; margin-top:5px;}

#leftnav #tell-a-friend{ width:188px; border-bottom: 2px dotted #ccc;}

#leftnav #currencyConvertor{color:#FFFFFF; padding-left: 0px; font-size:90%; margin: 0 0 0 0px; border-bottom: 2px dotted #ccc;}

#leftnav #newsletter{ width:188px; border-bottom: 2px dotted #ccc;  }

#leftnav #testimonial{ width:188px; margin-top:7px; font-size:80%;  }

#leftnav #testimonial blockquote{ margin:5px; text-align:left;}

#leftnav #testimonial span{ display:block;}

#leftnav #box #warranty{ width:188px; border-buttom: 2px dotted #ccc; margin-top:7px; font-size:85%; color:#F37032; border-bottom: 2px dotted #ccc; padding-bottom:5px; font-weight:bold; line-height:18px; }

#leftnav #box #warranty a{color:#F37032}

#leftnav #box #warranty a:hover{color:#F37032; text-decoration:underline; }



.inputemail

{

background-color:#FFFFFF;

width:130px;

border:1px solid #F37032;

padding-left:1px;

padding-bottom:5px;

color:#6D6E71;



}





/***********************************************/



/* 

                                */



/***********************************************/



#sectionlinks{



list-style-type: none;

margin-top:5px;

margin-left:5px;

line-height:27px;

padding:0;

width: 197px;

border: 0px solid #9A9A9A;

border-bottom-width: 0;

font-size:70%;

}



#sectionlinks ul{list-style: none; padding: 0; margin: 0;}



#sectionlinks li a{background-color:#EEEEEE;



/*background: white url(/lib/yhst-48936341777063/glossyback.gif) repeat-x bottom left;*/

font-weight:bold;

color:#58595B;

border-bottom:1px solid #58595B;



display: block;

width: auto;

padding:0;

padding-left: 12px;

text-decoration: none;

height:30px;}



#sectionlinks ul li a:visited{color: #58595B;}

#sectionlinks ul li a:hover {background-color:#58595B;

/*

background-image: url(/lib/yhst-48936341777063/glossyback2.gif);*/

color:#EEEEEE;}



html>body #sectionlinks li a #sectionlinks li a:hover{width: 160px;}



/***********************************************/

/* CONTENT : DETAILS                                */

/***********************************************/

#content h1.intro-text { font: bold 17px verdana,trebuchet,sans-serif; color: #F37032; text-decoration: none; margin-top:0px; text-align:center; }

#content h2.intro-text { font: 14px verdana,trebuchet,sans-serif; font-weight: bold; color: #000000; margin-top:5px; margin-bottom:0px; text-align:center; }

#content h3.intro-text { font: 14px verdana,trebuchet,sans-serif; font-weight: bold; color: #000000; margin-top:5px; margin-bottom:0px; text-align:center; font-variant: small-caps; }

#content h4.intro-text { font: 13px verdana,trebuchet,sans-serif; font-weight: bold; color: #F37032; text-decoration: none; margin-top:5px;text-align:center; }

#content #jumpsearch{width: 100%; text-align: center; font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; border: 0px solid #00B9F2; color: #00B9F2; padding:0.2em}

#content #jumpsearch form{display:inline;}

#introText h1.intro-text { font: bold 17px verdana,trebuchet,sans-serif; color: #F37032; text-decoration: none; margin-top:0px; text-align:center; }

#introText h2.intro-text { font: 14px verdana,trebuchet,sans-serif; font-weight: bold; color: #000000; margin-top:5px; margin-bottom:0px; text-align:center; }

#introText h3.intro-text { font: 14px verdana,trebuchet,sans-serif; font-weight: bold; color: #000000; margin-top:5px; margin-bottom:0px; text-align:center; font-variant: small-caps; }

#introText h4.intro-text { font: 13px verdana,trebuchet,sans-serif; font-weight: bold; color: #F37032; text-decoration: none; margin-top:5px;text-align:center; }





/***********************************************/

/* FOOTER : DETAILS                                  */

/***********************************************/

#footer div.address { margin-top: 0px; border-top:1px solid #F37032; border-bottom:0px solid #CCCCCC; background-repeat:repeat-x; padding-top:5px; background-color:#EEEEEE; background-repeat:repeat; color:#F37032; font-weight:bold;

padding-bottom:5px; width: 100%; height:80px; margin-bottom:5px; }

#footer div.address div.company { float: left; width: 40%; margin-right:40px; }

#footer div.address div.telephone { float: right;width: 50%;padding-left:40px; }

#footer div.stores { /*background-image:url('images/footerbg.gif');*/ background-repeat:repeat-x; border-bottom:0px dotted #CCCCCC;

padding-top:5px; padding-bottom:5px; color:#FFF; }

#footer div.stores a { color:#FFF; font-weight:bold; }

#footer div.stores a:hover { color:#C7CBB9; text-decoration:underline; font-weight:bold; } 

#footer a { color:#FFFFFF }

#footer a:hover { color:#C7CBB9; text-decoration:underline; }


/* RESOURCE STYLE */

#resource ul
{color: #333; 
margin: 0;
padding:0;

}

#resource ol 
{
color: #333; 
margin: 0 ;
padding:0;
}


#resource li
{
font-size:80%;
margin-left: 30px;
}



#resource
{
width:90%;

}

#resourceTitle
{
width:95%;
border:1px solid #ccc;
margin:5px;
padding:12px;
background-color:#F1F2F2;
font-size:12px;

}

#resourceConditions
{
width:95%;
border:1px solid #ccc;
margin:5px;
padding:12px;
background-color:#F1F2F2;
font-size:90%;
}

#resourceConditions h1
{

font-weight:bold;
}

#resourceConditions h3
{

font-weight:bold;
margin:0 auto;
padding:0;
}


#resourceRPLCode
{
font-size:90%;
width:95%;
border:1px solid #ccc;
margin:5px;
padding:12px;
background-color:#F1F2F2;}

#resourceRPLCode h1
{
font-size:100%;
font-weight:bold;
}

#resourceRPLCode h3
{
font-size:100%;
font-weight:bold;
}

#resourceRPLForm
{
font-size:90%;
width:95%;
border:1px solid #ccc;
margin:5px;
padding:12px;
background-color:#F1F2F2;}

#resourceRPLForm h1
{
font-size:100%;
font-weight:bold;
}

#resource-directory
{
width:95%;
border:1px solid #ccc;
margin:5px;
padding:12px;
background-color:#F1F2F2;
}

#resource-directory p
{
font-size:90%;

}

#resource-category
{
width:100%;
border:1px solid #ccc;
margin:5px;
padding-left:12px;
background-color:#F1F2F2;
}

#resource-category td
{
	font-size:100%;
font-weight:bold;
border:1px solid #ccc;
background-color:#F1F2F2;
}




#resource-address
{
font-size:90%;
width:100%;
border:1px solid #ccc;
margin:5px;
background-color:#F1F2F2;
}





#resource-directory td
{
font-size:100%;
border:0px solid #ccc;
background-color:#F1F2F2;
}

#resource p
{

font-size:100%;
color: #333; 

}