/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5349 2006-12-22 20:34:40Z birdbrain $
 */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#666666;
}
a img{
	border:0;
}
.clear{
	clear:both;
	height:0px;
}

body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#7f00a9 url(images/bg.gif) repeat-x top left;
	color:#000000;
}

#page{
	width:1200px;
	margin:0px auto;
}

/* HEADER */

#header{
	width:100%;
	height:306px;
}

#header_top{
	width:100%;
	height:65px;
	background:url(images/header_top.png) no-repeat top left;
}

#header_center{
	width:100%;
	height:129px;
	background:url(images/header_center.png) no-repeat top left;
}

#header_end{
	width:100%;
	height:112px;
	background:url(images/header_end.png) no-repeat top left;
}

#header_logo{
	width:300px;
	position:relative;
	left:147px;
	top:37px;
}

#header_ads{
	text-align:center;
	padding-bottom:2px;
}

/* BODY */

#body{
	width:100%;
	background:url(images/body_bg.gif) repeat-y top left;
	float:left;
}

#body_top{
	width:100%;
	background:url(images/body_top_bg.gif) no-repeat top left;
	float:left;
}

#body_end{
	width:100%;
	background:url(images/body_end_bg.gif) no-repeat bottom left;
	float:left;
}

#body_end_end{
	width:100%;
	height:63px;
	background:url(images/body_end_end_bg.gif) no-repeat bottom left;
	float:left;
}

#body_pad{
	min-height:750px;
	_height:750px;
	width:970px;
	margin-left:104px;
}

#body_end_end div{
	font-size:12px;
	color:#ffffff;
	width:970px;
	margin:0px auto;
	padding-top:10px;
}

#body_end_end div a{
	color:#ffffff;
}

#body_end_end div a:hover{
	text-decoration:underline;
}

#body_left{
	width:178px;
	float:left;
}

#body_center{
	width:614px;
	float:left;
}

#body_right{
	width:178px;
	float:right;
}

/* side box */

.side_box{
	width:178px;
	background:#fbd8fa url(images/side_box_bg.gif) repeat-y top left;
	margin-bottom:5px;
}

.side_box_title{
	width:100%;
	height:33px;
	background:url(images/side_box_title_bg.gif) no-repeat top left;
}

.side_box_title div{
	color:#ffffff;
	font-weight:bold;
	padding-top:6px;
	font-size:12px;
}

.side_box_body{
	width:176px;
	background:url(images/side_box_body_bg.gif) no-repeat top left;
	border-bottom:1px solid #8c06a3;
	border-left:1px solid #8c06a3;
	border-right:1px solid #8c06a3;
}

.side_box_title div{
	padding-left:10px;
	padding-top:6px;
}

.side_box_ads{
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
}

.side_box_nav{
	padding-bottom:2px;
}

.side_box_nav ul{
	width:100%;
}

.side_box_nav li{
	width:176px;
	height:16px;
	padding-top:2px;
	background:url(images/side_box_category_bg.gif) no-repeat top left;
}

.side_box_nav li a{
	padding-left:10px;
	color:#520040;
}

.side_box_nav li a:hover{
	color:#9505c4;
}

#body_center_pad{
	width:600px;
	margin:0px auto;
}

/* index box */

.index_box{
	clear:both;
	width:600px;
	margin-bottom:10px;
	float:left;
}

.index_box_title{
	width:100%;
	height:34px;
	background:url(images/index_box_title_bg.gif) no-repeat top left;
	float:left;
}

.index_box_body{
	width:600px;
	float:left;
	border-top:1px solid #0451d0;
}

.index_box_title div{
	padding-left:10px;
	padding-top:6px;
}

.index_box_items{
	float:left;
}

.index_box_items div{
	width:198px;
	height:21px;
	padding-top:5px;
	background:url(images/index_box_item_bg.gif) repeat-x top left;
	float:left;
	font-size:12px;
	border-left:1px solid #0451d0;
	border-right:1px solid #5d94e5;
	border-bottom:1px solid #0451d0;
}

.index_box_items div a{
	color:#520040;
	padding-left:12px;
}

.index_box_items div a:hover{
	color:#9505c4;
}

/* body_ads */

.body_ads{
	width:100%;
	clear:both;
	background:#fff;
}

.body_ads_left{
	float:left;
	width:300px;
	padding-bottom:5px;
}

.body_ads_right{
	float:right;
	width:300px;
	padding-bottom:4px;
}


/* FOOTER */

#footer{
	clear:both;
	width:100%;
	height:117px;
	background:url(images/footer_bg.gif) no-repeat top left;
}

#footer div{
	font-size:12px;
	color:#ffffff;
	text-align:center;
	padding-top:10px;
	width:970px;
	margin-left:104px;
}

#footer div a{
	color:#ffffff;
}

#footer div a:hover{
	text-decoration:underline;
}