/* ----- Master Style Sheet for Vendesent ----- */
/* ----- Author: mangcreative - 0845 33 12 987  ----- */
/* ----- Year : 2008 ----------------- */
/* ----- Comment : All rights reserved by mangcreative ----------------- */
/* ----- CSS Document -----*/

body { background: url(images/background/header.jpg) top repeat-x; font: 70%/140% Arial, Helvetica, Verdana, Tahoma, sans-serif; margin: 0px auto; text-align: center; }
#wrapper { position: relative; margin-right: auto; margin-left: auto; width: 980px; text-align: left; }
#container { position:relative; margin-bottom: 1.5em; height: auto; }
img { border: 0; }

/************** header styles *****************/

#header { width: 100%; height: 125px; margin: 15px 0 0 0; }

#logo { width: 100%; height: 70px; }
#menu { width: 100%; background: url(images/background/menu.jpg) top repeat-x; height: 50px; }
ul#navlist { margin-left: 0; padding-left: 0; white-space: nowrap; }
#navlist li { display: inline; list-style-type: none; }  

#sub-header { width: 100%; height: 300px; margin: 10px 0 0 0; }
#sub-header-left { width: 225px; float: left; text-align: left; }
#sub-header-right { width: 715px; float: right; text-align: right; margin: 15px 17px 0 0; }

#submenu { width: 100%; background: url(images/background/submenu.gif) left top no-repeat; width: 175px; }
#subnavlist { padding: 40px 0 0 0; margin-left: 10px; border-bottom: 1px solid #AECED6; width: 155px; font-size: 110%; }
#subnavlist li { list-style: none; margin: 0; padding: 0.5em 0.5em 0.5em 1.5em; border-top: 1px solid #AECED6; background: url(images/misc/arrow.gif) left top no-repeat; } 
#subnavlist li a { text-decoration: none; color: #666; }
#subnavlist li a:hover { color: #069; }

/************** content styles *****************/

a.link { color: #069; text-decoration: none; }
a.link:hover { text-decoration: underline; }

/************** layout styles *****************/

#content { width: 100%; margin: 20px 0 0 0; }

#col-left { width: 150px; float: left; line-height: 1.8em; padding: 0 30px 0 10px; }
#col-mid { width: 475px; float: left; line-height: 1.8em; padding: 0 45px 0 45px; }
#col-right { width: 175px; float: left; line-height: 1.8em; padding: 0 0 0 30px; }

#col-left-full { width: 700px; float: left; line-height: 1.8em; padding: 0 45px 0 45px; }

/************** footer styles *****************/

.clear { clear: both; }
#footer { width: 100%; margin: 25px 0 0 0; border-top: 1px solid #ccc; height: 25px; }
.footer { font-size: 100%; color: #666; }
#footer-left { width: 45%; float: left; padding: 10px 0 0 0; }
#footer-right { width: 45%; float: right; text-align: right; padding: 10px 0 0 0; }
.footer a { color: #666; text-decoration: none;  }
.footer a:hover { text-decoration: underline; color: #069; }

/************** menu styles *****************/

.pro_linedrop { width: 970px; position:relative; font-family:arial, verdana, sans-serif;  font-size:11px; z-index:500; }
.pro_linedrop .select { margin:0; padding:0; list-style:none; white-space:nowrap; }
.pro_linedrop li { float:left; }
.pro_linedrop .select a { display:block; height:36px; float:left; padding: 0; text-decoration:none; line-height:25px; white-space:nowrap; color:#ddd; } 
.pro_linedrop .select li.line a {color:#fc0;}

.pro_linedrop .select a b { display:block; padding: 0; }
.pro_linedrop .select a:hover, .pro_linedrop .select li:hover a { padding:0; line-height:27px; cursor:pointer; color:#fff; }
.pro_linedrop .select li.line a:hover, .pro_linedrop .select li.line:hover a { color:#fc6; } 
.pro_linedrop .select a:hover b, .pro_linedrop .select li:hover a b { display:block;  padding:0; cursor:pointer; }
.pro_linedrop .sub { display:none; }
.pro_linedrop ul ul {display:none;}

/* IE6 only */
.pro_linedrop table { border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0; }
.pro_linedrop .sub { margin:0; padding:0; list-style:none; }
.pro_linedrop .sub li {background:transparent; }
.pro_linedrop .select :hover .sub { height:25px; display:block; position:absolute; float:left; width:970px; top:25px; left:0; text-align:center; }
.pro_linedrop .select :hover .rt li {float:right;}
.pro_linedrop .select :hover .sub li a {display:block; height:25px; line-height:22px; float:left; margin:0; white-space:nowrap; color:#888;font-size:10px;}
.pro_linedrop .select :hover .sub li.subline a {color:#c00;}
.pro_linedrop .select :hover .sub li a:hover, .pro_linedrop .select :hover .sub li:hover {color:#000; line-height:20px; position:relative;} 
.pro_linedrop .select :hover .sub li:hover > a {color:#000;}
.pro_linedrop .select :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:112px; position:absolute; left:-1px; top:25px;  border-top:0; }
.pro_linedrop .select :hover .sub :hover ul li a {width:80px; text-align:left; height:20px; line-height:18px;}
.pro_linedrop .select :hover .sub :hover ul li a:hover {line-height:16px;}