/* CSS Document */
/* Design by offpeak - www.offpeakonline.com */
/* Designer: Mat Dickinson */
/* Especially Crafted for SpiceGuru */

body{margin:0px; padding:0px; background:url(images/bg_ink.gif) 0 0 no-repeat #F2F0DC; color:#5D5B46; font:14px/18px Georgia, "Times New Roman", Times, serif;}
div, p, ul, h2, img{margin:0px; padding:0px;}
table {v-align: top;}

/*----TOP PANEL----*/
#topPan{width:778px; height:134px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
#topPan ul{width:125px; height:22px; position:absolute; top:0px; right:130px; list-style-type:none; }
#topPan ul li{float:left; width:45px; height:22px; list-style-type:none;}
#topPan ul li a{width:45px; height:16px; display:block;  list-style-type:none; 40px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan ul li a:hover{background: #FBC652; color:#000; list-style-type:none; text-decoration:none;}

#topPan img.logo{width:250px; height:130px; position:absolute; top:2px; left:29px;}
#topPan img.stockists{width:400px; height:130px; position:absolute; top:2px; right:29px;}

/*----/TOP PANEL----*/

/*----Menu Panel----*/
#menuPan{width:720px; height:33px; background:url(images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto;}
#menuPan ul{width:720px; height:28px; position:absolute; top:2px; left:14px; }
#menuPan ul li{width:100px; height:28px; float:left; list-style-type:none;}
#menuPan ul li a{width:100px; height:28px; display:block; list-style-type:none; background:#fff; color:#2F2A28; font:13px/28px Trebuchet MS, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li a:hover{width:100px; height:28px; list-style-type:none; background:#FBC652; color:#000; border:none; text-decoration:none;}

/*----/Menu Panel----*/
#headerbodyPan{width:686px; height:130px; position:absolute; top:0px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;}


/*----BODY PANEL----*/

#bodyimg {background:url(images/bgtop.gif) 0 0 repeat-x #F2F0DC;}
#bodyPan{width:686px; height: 580px; position:relative; margin:20px auto;}
#bodyPan h2{width:686px; height:54px; background:#F2F0DC; color:#D80000; font:26px/54px "Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodyPan a{color: #A30005; text-decoration:none;}
#bodyPan p{padding:10px 0 0;}
#bodyPan ul{padding:0 20px 0;}
#bodyPan ol{padding:0 20px 0;}
#bodyPan img{border: 1px solid #CCC; padding:2px 2px 2px;}

/*----FOOTER PANEL----*/
#footermainPan{height:100px; background: #F2F0DC; color:#000; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:25px 0 0; border-top: 1px solid #000;}

#footerPan{width:686px; position:relative; margin:0 auto;}

#footerPan ul{width:480px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; list-style-type:none;}
#footerPan ul li a{padding:0 10px 0; list-style-type:none; color:#000; background: #F2F0DC; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;list-style-type:none; }

#footerPan p.copyright{width:220px; position:relative; margin:0 auto; background: #F2F0DC; color:#000;  font-size:11px;}
#footerPan a{color: #A30005; text-decoration:none; }
/*----/FOOTER PANEL----*/

