/* CSS Document */
/***** Global Settings *****/
 
html, body {
    border:0;
    margin:0;
    padding:0;
}
 
body {
    font:100%/1.25 arial, helvetica, sans-serif;
	background:#1b1616/* url(../img/page_bg.gif) repeat-y center*/;
	margin:0; padding:0;
}
 
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    font-weight:normal;
}
 
h1 {
    padding:30px 0 25px 0;
    letter-spacing:-1px;
    font:2em arial, helvetica, sans-serif;
}
 
h2 {
    padding:20px 0;
    letter-spacing:-1px;
    font:1.5em arial, helvetica, sans-serif;
}
 
h3 {
    font:1em arial, helvetica, sans-serif;
    font-weight:bold;
}
 
p, ul, ol {
    margin:0;
    padding:0 0 18px 0;
}
 
ul, ol {
    list-style:none;
    padding:0 0 18px 40px;
}
 
blockquote {
    margin:22px 40px;
    padding:0;
}
 
small {
    font-size:0.85em;
}
 
img {
    border:0;
}
 
sup {
    position:relative;
    bottom:0.3em;
    vertical-align:baseline;
}
 
sub {
    position:relative;
    bottom:-0.2em;
    vertical-align:baseline;
}
 
acronym, abbr {
    cursor:help;
    letter-spacing:1px;
    border-bottom:1px dashed;
}
 
/***** Links *****/
 
a, a:visited {
    text-decoration:none;
}
 
/***** Forms *****/
 
form {
    margin:0;
    padding:0;
    display:inline;
}
 
input, select, textarea {
    font:1em arial, helvetica, sans-serif;
}
 
textarea {
    line-height:1.25;
}
 
label {
    cursor:pointer;
}
 
/***** Tables *****/
 
table {
    border:0;
    margin:0 0 18px 0;
    padding:0;
}
 
table tr td {
    padding:2px;
}
 
/***** Wrapper *****/
 
#wrap {
    width:960px;
    margin:0 auto;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding		{ padding:0; }
.noindent		{ margin-left:0;padding-left:0; }
.nobullet		{ list-style:none;list-style-image:none; }

/***** Custom Divs *****/
#top {
	background:#fff url(../img/top_bg.gif) repeat-x bottom;
	text-align:center;
	padding:12px 20px 4px 10px;
	
}
#top img{ vertical-align:middle;}
#top input{ border:1px solid #000; font-size:12px; vertical-align:middle;}
#top #prod_search{ margin-left:410px;font:80%/1.15 arial, helvetica, sans-serif;}
#top #menu{ margin-left:245px; margin-top:10px;}
#top #menu a{ background:#fff url(../img/menu_bg_off.gif) repeat-x bottom; text-decoration:none; color:#000; font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px 15px; margin-right:1px; }
#top #menu a:hover{ background:#b3b3b3 url(../img/menu_bg_on.gif) repeat-x bottom;}
#top #menu .active{background:#b3b3b3 url(../img/menu_bg_on.gif) repeat-x bottom;}

#middle{ margin:auto; padding:0; margin-top:1px; width:930px; background:#fff; min-height:460px; font-size:12px; border:3px solid #000;border-top:0;}
#middle object{ float:left;}
#desc{ padding:20px; width:350px; float:left;}
#middle h1{ margin:0; padding:0; padding-bottom:5px;}
#middle a{ display:block; float:left; width:105px; color:#fff; background:url(../img/prod_link_bg.gif) no-repeat bottom; font-size:11px; text-align:center; margin:13px;padding-bottom:3px;}
#middle a img{ border:3px solid #000; padding-bottom:3px;}
#middle .readmore{ background:none; color:#000; float:right; margin:0; padding:0; padding-top:10px; font-size:12px;}

#prod_category{padding:30px; width:870px; display:block; clear:both; background:#565455 url(../img/prod_categ_bg.gif) repeat-x; color:#fff; border-top:3px solid #000; min-height:200px;}
#prod_category div{ width:180px; float:left; margin-left:25px;}
#prod_category h1{}
#prod_category h2{ color:#000; font-size:13px; font-weight:bold;letter-spacing:0px;}
#prod_category li{ list-style-image:url(../img/arrow1.gif); color:#bebcbd; text-align:left;}
#prod_category li a{ display:inline; background:none; margin:0; padding:0; float:none;color:#bebcbd; font-size:12px;}
#prod_category li a:hover{ text-decoration:underline;}
#prod_category ul{border-right:1px dotted #c7c6c7; padding:0; margin-left:25px; }

#contents_panel{ margin:auto; padding:0; margin-top:1px; width:930px; background:#fff; min-height:460px; font-size:12px; border:3px solid #000;border-top:0;}

#leftpanel{ display:block; width:280px; background:#4e4a4b; float:left; min-height:500px;}
#leftpanel a{ float:none;  display:block; width:250px; margin:0; padding:8px 0; font-size:13px; font-weight:bold; text-align:left; padding-left:30px; font-family:Arial, Helvetica, sans-serif; color:#fff;background:url(../img/arrow2.gif) no-repeat left ;}
#leftpanel a:hover{;background:url(../img/arrow3.gif) no-repeat left ;}
#leftpanel ul{ margin:0; padding:0;}
#leftpanel li{ margin:0; padding:0;background:url(../img/submenu_bg_off.gif) repeat-x bottom; padding-left:20px;}
#leftpanel li:hover{background:url(../img/submenu_bg_on.gif) repeat-x;}
#leftpanel .adv{ border:3px solid #fff; margin:3px 4px; }

#footer{ width:100%; clear:both; background:#1b1616; color:#afafaf; text-align:center; font-size:12px; padding:15px;}
#footer a{color:#afafaf; text-decoration:underline;}
#footer a:hover{ color:#fff;}