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















/* HTML tag styles                             */















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















body { margin: 0px; font: 100% "Trebuchet MS",Trebuchet,Verdana,Sans-serif; }















#mainContainer { width: 100%; text-align: center; background-color:#EBEAEA; }















#container { margin: 0 auto; padding:0; width:1000px; text-align: left; border: 1px solid #000000; background-color:#ffffff; }















/*############################################################################  */















/* Layouts















/*############################################################################  */















#masthead {margin: 0px;padding:0px;background-color:#ffffff;width:100%;}















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















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















font: 80%; color: #000000;}















#finalText{width: 90%;}/* In the Index page the  part. */















#footer{width:100%; clear:both;}















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















/* common classes                                */















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















.width100 { width: 100%; }















.width90 { width: 90%; }















.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 { clear: both; }















.padding3 { padding: 3px;}















.padding5 { padding: 5px;}































h1{font-size:110%;COLOR: #C4161C; BACKGROUND-COLOR: none; TEXT-DECORATION: none; margin:0px;}















h2{font-size:100%;FONT: Times New Roman, verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; 















COLOR: #000000; BACKGROUND-COLOR: none; TEXT-DECORATION: none}















a{font-size:90%;COLOR: #000000;TEXT-DECORATION:none;}									















a:hover{font-size:90%;COLOR:  #C4161C; TEXT-DECORATION:underline;}















/*############################################################################  */















/* Masthead















/*############################################################################  */















#masthead .topnav {width:100%;height: 21px;  background-color:#FFCC00;font-weight:bold; }















#masthead .topnav a {color: #000000;padding-right: 13px;padding-left: 10px;background-image: url('http://lib.store.yahoo.net/lib/yhst-12168110897424/sep.gif');background-repeat:no-repeat;background-position: center;















background-position: right;font-weight: bold;}















#masthead .topnav a.nosep{background-image: url('none');}















#masthead .topnav a:hover {color: red;}

















/*#masthead div.logo {margin: 0px;padding:0px;background-image:url('http://lib.store.yahoo.net/lib/yhst-12168110897424//barbecue-banner.gif');background-repeat: no-repeat;background-color:#000000;















background-position: top left;width:100%;height: 141px;background-color:#000000;}*/















#masthead div.logo {margin: 0px;padding:0px;















background-position: top left;width:100%;height: 120px;background-color:#000; background-image: url('http://lib.store.yahoo.net/lib/yhst-12168110897424/barbecue-banner.jpg');}















#masthead div.logo .logoLink {position:absolute;top: 40px;left: 10px;}































#masthead div.logo .skype{width:200px; height:100px; margin-left:290px; margin-top:10px;}







#masthead div#strip{border-top: 1px ridge #c4161c;background-color:#ffffff;margin: 0;padding:0;width: 100%;}















#masthead  div#strip div.marquee{color: #00000;font: bold 110% verdana, 'Trebuchet MS', 'Lucida Grande', sans-serif;















width: 668px;position:absolute;top: 215px;left: 32%;float: left;}















#masthead div#strip div.search{width: 25%;margin: 0;padding: 5px 0 0 5px;}















/*############################################################################  */















/* Left Navigation















/*############################################################################  */















#search { width: 205px; text-align:center; font-size:80%; padding:2px; border: 1px solid #ccc; margin:5px 0 0 5px; text-align:left;}































#search .input { border:1px solid #FFCC00; color: #000; width: 160px; margin-top:5px; height:22px; background-color:#F6F6F6  }















#sectionLinks{margin: 5px 0 0 5px;padding:0px;font-size: 90%;border-top: 1px solid #cccccc;	border-right: 0px solid #cccccc ;border-bottom: 1px solid #cccccc; width: 210px; display: block;}

#sectionLinks a:link {display: block;border-top: 1px solid #cccccc;padding: 2px 0px 2px 10px; background-color:#dddddd; }
#sectionLinks a:visited {display: block;border-top: 1px solid #cccccc;padding: 2px 0px 2px 10px; background-color:#dddddd; }
#sectionLinks a:hover{background-color:#dddddd;}



#sectionLinks1{margin: 5px 0 0 5px;padding:0px;font-size: 90%;border-top: 1px solid #ddd;	border-right: 0px solid #cccccc ;border-bottom: 1px solid #cccccc; width: 210px; display: block; }

#sectionLinks1 a:link {display: block;border-top: 1px solid #F1F2F2;padding: 2px 0px 2px 10px; background-color:#C9CACB; }
#sectionLinks1 a:visited {display: block;border-top: 1px solid #F1F2F2;padding: 2px 0px 2px 10px; background-color:#C9CACB; }

#sectionLinks1 a:hover{background-color:#F1F2F2; color:#FFCB05;}













#navBar{background-color: #666666;border-top: 1px solid #cccccc;border-right: 3px solid #cccccc;border-bottom: 1px solid #cccccc;















}















#navBar ul{line-height:2px;font-size:90%;margin: 0px;padding: 0px;}















#navBar li a:link {COLOR: #F9D900;}, #navBar li a:visited {COLOR: #F9D900;}, #navBar li a:hover {COLOR:#CCCCCC; TEXT-DECORATION:underline;}















#navBar li {list-style-image:url('/lib/yhst-12168110897424/bullet.gif');, vertical-align:middle;, padding-left:2px;}















/***** Leftnav Box after Sectionlinks *****/















#leftnav #box{ background-color:#F1F2F2; width:207px; padding:2px; border: 1px solid #ccc; margin-top:5px;}















#leftnav #newsletter{ border-bottom: 2px dotted #ccc;  padding-bottom:0px; font-size:80%; }















#newsletter .subscribe {margin-top: 10px;}































#leftnav #tell-a-friend{ width:207px; 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 #testimonial{ width:207px; margin-top:0px; font-size:70%;  }















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















#leftnav #testimonial span{ display:block;}















#leftnav #warranty{ width:207px; border-bottom: 2px dotted #ccc; margin-top:7px; font-size:90%; color:#FFCC00; border-bottom: 2px dotted #ccc; padding-bottom:5px; }















#leftnav #warranty a{color:#000}















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















.inputemail{background-color:#FFFFFF;width:130px;border:1px solid #0195DA;padding-left:1px;padding-bottom:5px;}















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















#introText #jumpsearch form{display:inline;}















/***** Leftnav Content  *****/















.leftnav-content {font:"Trebuchet MS",Trebuchet,Verdana,Sans-serif;FONT-SIZE: 12px;color:#ffffff;background-color:#C4161C;















margin:1px;width:75%;text-align:center;padding:1px;margin-left:10px;}















.leftnav-content {font:"Trebuchet MS",Trebuchet,Verdana,Sans-serif;FONT-SIZE: 12px;color:#ffffff;















background-color:#C4161C;margin:1px;width:75%;text-align:center;padding:1px;margin-left:10px;} 















	















































/*############################################################################  */















/* Content















/*############################################################################  */















.imageposition{float:left;}















/* content > spec                                */















#spec{font: 80% Verdana, Arial, Helvetica, sans-serif;}















#content h1.intro-text { font: bold 19px verdana,trebuchet,sans-serif; color: #13406A; 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; }















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















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















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















#introText h3.intro-text { font: 13px 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: #000000; margin-top:5px; margin-bottom:0px; text-align:center; }















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















#introText #jumpsearch form{display:inline;}















/* content > contactus                                */















#content div.contactus{border: 1px solid #FFCC00;width: 440px;text-align:left;font: 80% Verdana, Arial, Helvetica, sans-serif;}















#content div.contactus tbody{font: 80% Verdana, Arial, Helvetica, sans-serif;}















#content div.contactus h2{font: 100% Verdana, Arial, Helvetica, sans-serif;font-weight: bold;text-decoration: none;background-color: #FFCC00;color: #ffffff;margin: 0;text-align:center;}















#content div.contactus textarea{overflow: scroll; overflow-y: scroll;overflow-x: hidden;overflow:-moz-scrollbars-vertical;}















/*############################################################################  */















/* Footer















/*############################################################################  */















#footer #addressStores { margin-left:100px; margin-right:100px;}















#footer .navbarYellow {width:100%;height: 21px;text-align: left;background-color:#FFCC00;font-weight:bold;}















#footer .navbarYellow a {color: #000000;padding-right: 13px;padding-left: 10px;background-image: url('http://lib.store.yahoo.net/lib/yhst-12168110897424/sep.gif');background-repeat:no-repeat;background-position: center;















background-position: right;font-weight: bold;}















#footer .navbarYellow a.nosep{background-image: url('none');}















#footer .navbarYellow a:hover {color: red;}















#footer div.navbarGray {width:100%;height:3px;text-align: left;background-color:#dddddd; margin:0; padding:0;}















#footer #addressStores div.address { background-color:#dddddd;background-image: url('http://lib.store.yahoo.net/lib/yhst-12168110897424/contact-bar.gif');background-repeat:no-repeat;background-position: left;background-position: top; width: 375px; float:left; padding: 22px 0 10px 10px; }















#footer #addressStores div.stores { background-color:#dddddd;background-image: url('http://lib.store.yahoo.net/lib/yhst-12168110897424/visit.gif');background-repeat:no-repeat;background-position: left;background-position: top;width: 386px; float:left; margin-left:10px; padding-top: 5px; }















#footer #addressStores div.stores  a { color:#000;}















#footer #addressStores div.stores a:hover { color:#000; text-decoration:underline; } 















#footer a{COLOR: #C4161C; TEXT-DECORATION:none;}















#footer a:hover{COLOR: #000000;TEXT-DECORATION:underline;}















#footer #footerCopyright{width:100%;height:50 px;font-size:80%;border-top: 1px solid #cccccc;text-align:center;background-image:url('http://lib.store.yahoo.net/lib/yhst-12168110897424/footer-bg.gif');background-repeat:repeat-x;color: #000000; clear:both;}















/*############################################################################  */















/* Mis















/*############################################################################  */















div.center{text-align:center;}















div.box{border:1px solid #C4161C;width:90%;align:center;} 















p.grey{background-color:#cccccc;vertical-align:top;}















p.content{margin-top:0px;color:#000000;}















.blank{background-color:#ffff99;background-image:url('http://lib.store.yahoo.net/lib/yhst-12168110897424/blank.gif');}








/* Resource Style */
#resource ul li
{
color: #333; 
font-size:14px;
}

#resource ul li a:link
{
color: #333; 
font-size:14px;

}

#resource ul li a:visited
{
color: #333; 

}

#resource ul li a:hover
{
color: #CC0000; 

}






#resource ol li
{

color: #333; 
font-size:80%;
}



#resource
{
width:96%;

}

#resourceTitle
{
width:100%;
border:1px solid #ccc;
margin:5px;
padding:5px;
background-color:#F1F2F2;

}

#resourceConditions
{
width:100%;
border:1px solid #ccc;
margin:5px;
padding:5px;

background-color:#F1F2F2;
}

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

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

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

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

#resource-category td
{
font-size:80%;

border:1px solid #ccc;
padding:5px;

background-color:#ffffff;
}




#resource-address
{
font-size:80%;
width:100%;
border:1px solid #ccc;
margin:5px;

background-color:#F1F2F2;
}





#resource-directory td
{
font-size:80%;

border:1px solid #ccc;
padding:5px;
background-color:#ffffff;
}

#resource p
{

font-size:80%;
color: #333; 
margin-top:5px;
}