/* template.css | Updated: May 29, 2007 */
/* http://arwinclicks.com/template.css  */

body { background-repeat:repeat-y; background-position:top; background-color:#FFFFFF; margin:0px; padding:0px; }
body, td {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1F3856;} /*default font-family and font color*/

/*some standards*/
form, ul, ol, h1, h2, h3, h4, h5 { padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; }
p { margin:0px; }
a img { border: none; } /*default border attribute on images that have a link*/
/*basics*/
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.padleft{ padding-left:33px;}

.b { font-weight:bold; }
.i { font-style:italic; }
.u { text-decoration:underline; /*border-bottom:1px solid #3366FF;*/ }

#left { text-align:left; }
#right { text-align:right; }
#center { text-align:center; }
#justify { text-align:justify; }

/*td's padding or sample padding to be use*/
.main_td { padding:20px 23px 0px 40px; }
.area_a_td { padding:10px 0px 0px 10px; }
.footer_td { padding:15px 30px 5px 35px; }
.pleft { padding-left:10px;}
.p10 { padding:10px;}
.p15 { padding:15px; }
.p20 { padding:20px; }
.ptop{ padding-top:10px; }


/*default color on text-links and text-decoration*/
a:link, a:visited { color:#1F3856; text-decoration:none; }
a:hover { }

/*to override default color on text-links and text-decoration*/
.b:link, .b:visited { color:#1F3856; text-decoration:none;  } 
.b:hover { color:#1F3856; text-decoration:none;  } 

/*.back{ background:url(html/images/border3.jpg) no-repeat;}

/*css navigation | main nav*/
.nav_block { padding:0px 6px 0px 6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1F3856; }
.nav b{ padding:0px 6px 0px 6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; }
.nav b:link, .nav b:visited { color:#FFFFFF; text-decoration:none; }
.nav b:hover {color:#FFFFFF; text-decoration:none; }
#currentnavpage { color:#748250; }

.poptopics { padding: 6px 0px 2px 33px; }

#navfirst { }
#navlast { }
#navfirst:hover { }
#navlast:hover { }
#currentnavfirst { }
#currentnavlast { }

/*footer nav*/

.footer_nav_block { padding:10px 5px 10px 5px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#1F3856; }
.footer_nav a { padding:0px 5px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; }
.footer_nav a:link, .footer_nav a:visited { color:#FFFFFF; text-decoration:none; }
.footer_nav a:hover { }

.footer_block { padding:10px 5px 10px 5px; color:#1F3856; font-weight:normal; font-size:11px; text-align:center; }
.footer a { padding:0px 5px 0px 10px; font-weight:normal;  font-size:11px; color:#FFFFFF; }
.footer a:link, .footer a:visited { color:#FFFFFF; text-decoration:none; }
.footer a:hover { }

.topsearches { color:#FFFFFF; padding:0px 0px 5px 23px;}
.topsearches a { padding:0px 0px 5px 0px; font-weight:normal; color:#FFFFFF; font-size:12px; }
.topsearches a:link, .topsearches a:visited { color:#FFFFFF; text-decoration:none; }

.pop_topics { color:#1F3856; padding:0px 0px 6px 33px;}
.pop_topics a { padding:0px 0px 5px 0px; font-weight:normal; color:#1F3856; font-size:12px; }
.pop_topics a:link, .pop_topics a:visited { color:#1F3856; text-decoration:none; }

.prod_listing { color:#1F3856; padding:0px 0px 6px 22px;}
.prod_listing a { padding:0px 0px 5px 0px; font-weight:normal; color:#1F3856; font-size:12px; }
.prod_listing a:link, .prod_listing a:visited { color:#1F3856; text-decoration:none; }


.power  { color:#1F3856; font-size:10px; text-align:left; text-decoration:none;}
.power a  { padding:0px 10px 0px 0px; font-weight:normal;  font-size:10px; text-decoration:none;}
.power a:link, .footer a:visited { color:#1F3856; text-decoration:none; }
/*CSS Box Model | w3.org standards and explanation, http://www.w3.org/TR/REC-CSS2/box.html */
/*sample css box model hack | Technique no. 3 of Alternate Box Model Hacks, http://css-discuss.incutio.com/?page=BoxModelHack */
.csshack {
padding:10px 20px 10px 20px; 
width: 360px !important; 
width /**/: 400px; 
background-color:#FFFFFF;
}

/*css box model hack alternative | Trick no. 6, http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/ */
#box { width:400px; background-color:yellow; }
#box .box2 { padding:10px 20px 10px 20px;  }

/*add-ons*/
.ff_cs { font-family:"Comic Sans MS"; } /*sample font-family to be use*/
.brown { color:#B29D90; } /*sample font color to be use*/
.form { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; } /*font attrributes for form, e.g., input box, textarea, select*/

/*dropdown Menu*/
#dropmenudiv{
position:absolute;
border:1px solid #96E0E0;
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 0px;
border-bottom: 1px solid #96E0E0;
padding: 1px 0px 0px 0px;
text-decoration: none;
font-weight:normal;
color:#FFFFFF;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:#649798;
}