@import url("reset.css");

body {
	font: 12px 	Arial, Helvetica, sans-serif;
	color: #333;
	background: url(images/backer.png) repeat-x left top;
}
a {
    text-decoration: none;
    color:#0066cc;
}
a:hover {
    /*text-decoration: underline;*/
	border-bottom:1px dotted #0066cc;
    color:#0066cc;
}
p {
	margin:5px 0px;
}


/* display styles */
.hidden {
	display: none;
}
.aleft {
	float: left;
}
.aright {
	float: right;
}
.addtocart {
	font-size:11px;
	color:#C00;
	float:right;
	outline:none;
}
.rounded {
	border:1px solid #CCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.padded10 {
	padding:10px;
}
.spc5 {
    height: 5px;
}
.boxed {
    background-color: #990000;
    border:1px solid #CCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    color:#ffcc00;
    padding:15px;
}
span.dotted {
	display:block;
	height:2px;
	border-bottom:1px dotted #CCC;
}
span.bordered {
	display:block;
	height:2px;
	border-bottom:1px solid #CCC;
}

/* Font styling */
.sml {
	font-size:10px;
	padding:0;
}
.bolden {
    font-weight: bold;
}
/* Coloring */
.red {
	color:#C00;
}
.darkred{
    color:#990000;
}

/* Font sizing */
.fs14 {
    font-size: 14px;
}

h2.ptitle {
	background: url(images/contenttop2-right.png) no-repeat right top;
	font-size:28px;
	font-weight:normal;
	color:#C00;
	margin:0px;
	padding:24px 80px 24px 0px;
	display:inline;
	font-family: Georgia, "Times New Roman", Times, serif;	
}
h2.ptitle span {
	padding:24px 0px 24px 35px;
	background: url(images/contenttop2-left.png) no-repeat left top;
	/*display:block;
	margin-top:24px;*/
	
	/*min-width:400px;
	float:left;*/
}


#main {
	margin: 0px auto;
	padding: 0px;
	width: 962px;
}
#logo {
	background: url(images/logo.png) no-repeat left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 81px;
	width: 962px;
}
#logo ul {
	margin: 60px 0px 0px;
	padding: 0px;
	float: right;
	width: 170px;
    list-style: none;
}
#logo ul a {
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 0px 10px;
	float: left;
	margin: 0px;
}

#menus {
	margin: 0px 0px 0px -18px;
	padding: 9px 0px 0px;
	height: 20px;
	clear: both;
	position:relative;
	z-index:15;
}
#menus ul li {
	margin: 0px;
	padding: 0px;
    list-style: none;
}
#menus a {
	display: block;
	margin: 0px;
	padding: 0px 10px;
	float: left;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
#menus ul li.items {
	display: block;
	color:#FFF;
	margin:0px;
	padding:50px 2px 0px 2px;
	float:right;
}
#menus ul li.pushright {
	margin-right:25px;
}
#logo a:hover, #menus a:hover{
	color:#FC0;
	border:none;
}
#banner {
	background: url(../banner.png) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 962px;
}

#contentarea {
	background: url(images/contenttop.png) no-repeat left top;
	margin: -25px 0px 0px;
	padding: 33px 0px 0px;
	height: 33px;
	width: 962px;
	position:relative;
	z-index:10;
}
#contentarea2 {
	background: url(images/contenttop2x.png) no-repeat left 25px;
	margin: 33px 0px 0px;
	padding: 0px;
	width: 962px;
	position:relative;
	z-index:10;
}
#content {
	background: url(images/contentarea.png) repeat-y left top;
	margin: 24px 0px 0px;
	padding: 0px 35px 30px;	
}
#accountmenu {
	float:right;
	list-style:none;
	margin: -5px 0px 3px 0px;	
}
#accountmenu li {
	float:left;
}
#accountmenu li a {
	color:#333;
	display:block;
	margin:0px 4px;
	padding:2px 7px;
	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#accountmenu li a.items {
	color:#C00;
	font-weight:bold;
}
#accountmenu li a:hover {
	color:#CCC;
	background-color:#333;
	border:none;
}
#accountmenu li.items {
	color:#C00;
	margin:0px;
	padding:2px 10px;
}
#content #productmenu {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 180px;
}
#content #productmenu ul {	
	margin:0px 0px 30px;
	padding:0px;
}
#content #productmenu li {
	/*display:block;*/
    list-style: none;
}
#content #productmenu li a {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	display:block;
	margin:10px 0px;
	text-decoration:none;
}
#content #productmenu li a:hover {
	color:#CC0000;
	border:none;
}
#content #productmenu p.callus {
	background: url(images/callus.png) no-repeat left top;
	margin: 0px 0px 0px -18px;
	padding: 0px;
	height: 140px;
	width: 200px;	
}
#content #productmenu p.ccards {
	background: url(images/logos22.gif) no-repeat left top;
	margin: 0px 0px 0px -18px;
	padding: 0px;
	height: 39px;
	width: 200px;
}
#content #productmenu p.announce {
	background: url(images/adspace.png) no-repeat left top;
	font-size:13px;
	margin: 0px 0px 0px -18px;
	padding: 20px;
	height: 205px;
	width: 160px;
	text-align:center;
}
#content #productmenu p span {
	display:none;
}

#content #productmenu div.sidebar {
	background: url(images/right_banner_bot.jpg) no-repeat left bottom;
	margin: 0px 0px 0px -18px;
    padding: 0px;
}
#content #productmenu div.sidebar div {
    background: url(images/right_banner.jpg) no-repeat left top;
    padding: 17px 20px 10px;
    width: 160px;
}
#content #productmenu div.sidebar ul {
    margin-left:15px;
}
#content #productmenu div.sidebar li {
    list-style:circle;
    margin: 2px 0px;
}
#content #productmenu div.sidebar li a {
    color:#0066cc;
    font-size: 12px;
    font-weight: normal;
    padding:0px;
    margin:6px 0px;
}

#content #productmenu div.sidebar li a:hover {
    text-decoration: underline;
    color:#0066cc;
}


#content #pagearea {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 530px;
}
#pagearea li.latestnews, #pagearea h2 {
	margin:0px;
	padding:5px 20px 5px;
}
#pagearea li a {
	color:#222;
	text-decoration:none;
}
#pagearea li a:hover {
	color:#900;
}
#pagearea p.homebanner{
	font-size:14px;
	margin: 0px;
	padding: 25px 25px 25px 265px;
	height: 273px;
	width: 248px;
}
#pagearea p.homebanner span {
	display:block;
	height:250px;
}
#pagearea p.homebanner b {
	color:#C00;
	display:block;
	font-size:30px;
	font-weight:normal;
	margin-bottom:-5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#pagearea .homeitem {
	float:left;
	width: 143px;
	margin:0px 0px 0px 10px;
	padding:0px 10px 10px;
	cursor:pointer;
}

#pagearea .homeitem .title {
	color:#C00;
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#pagearea .homeitem strong {
	font-weight:normal;
}
#pagearea .homeitem .desc {
	height:326px; /*overflow:hidden;*/
}
#pagearea .homeitem .price {
	color:#000;
	font-weight:bold;
	margin:10px 0px;
}

#pagearea .borderleft {
	border-left: 1px #CCC solid;
}

#content #promo {
	margin: 0px -18px 0px 0px;
	padding: 0px 0px;
	float: left;
	width: 200px;
}
#content #promo div.sidebar {
	background: url(images/right_banner_bot.jpg) no-repeat left bottom;
	margin: 0px;
	padding: 0px 0px 13px;
}
#content #promo div.sidebar div {
    background: url(images/right_banner.jpg) no-repeat left top;
    padding: 17px 20px 10px;
    width: 160px;
}
#promo .ad a:hover {
	border:none;
}
.sidebar ul {    
    margin-left:-25px;
}
.sidebar li {
    list-style: circle;
    margin: 2px 0px;
}



/* Catalog Area */
#content #catalog {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 711px;
}

#catalog .catitem {
	float:left;
	width: 148px;
	margin:0px 0px 10px 10px;
	padding:0px 10px 10px;	
}

#catalog .catitem .title {
	color:#C00;
	font-size:16px;	
	font-family: Georgia, "Times New Roman", Times, serif;
}
#catalog .catitem strong {
	font-weight:normal;
}
#catalog .catitem .desc {
	height:326px; 
	overflow:hidden;
	cursor:pointer;
}
#catalog .catitem .price {
	color:#000;
	font-weight:bold;
	margin:10px 0px;
}

#catalog .borderleft {
	border-left: 1px #CCC solid;
}


/* Sidebar area */
div.sidebar strong {
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	margin-bottom:10px;
}
div.vitems strong {
	color:#F90;
}
p.boxend {
	background: url(images/contentbottom.png) no-repeat left bottom;
	display: block;
	margin: -15px 0px 0px;
	padding: 0px;
	/*clear: both;*/
	height: 33px;
	width: 962px;
}
#contenthead{
	padding:20px 40px 0px;
	margin:0px;
	height: 61px;
}
#content #contentpanel {
	float:left;
	margin:0px 20px 0px 0px;
	width:587px;
}
#content #contentpanel .componentheading{
	margin:-40px 0px 20px 0px
}
#contentpanel h2 a {
	color:#C00;
}
#contentpanel ul{
	margin:0px;
	padding:0px;
}
#contentpanel ul li{
	margin:6px 25px;
	padding:0px 5px;
	list-style:square;
}
#contentpanel ul li a {
	color:#900;
	font-size:14px;
}
#rightpanel{
	/*width:275px;*/
	margin:0px;
	padding:0px;
	float:left;
}
#footer {
	font-size:10px;
	margin: 0px 0px 0px;
	padding: 0px 20px 0px;
	clear: both;
	width: 922px;
	height: 30px;
}


div.banneritem {
	float:left;
}
div.clr{
	display:none;
}
#products {
	margin:0px;
	padding:0px;
}
#products ul {
	margin:6px 0px 0px;
	padding:0px;
	display:block;
}
#products li{
	margin:1px 0px;
	padding:6px 0px;
	background-color:#600;
	display:block;
}
#products li.parent{
	padding:6px 0px 0px;
	cursor:pointer;
}
#products span{
	padding:5px 5px 5px;
}
#products li li {
	padding:4px 0px;
	background-color:#FFF;
}
#products li a{
	color:#FFF;
	text-decoration:none;
}
#products li li a{
	color:#000;
	text-decoration:none;
}
#products li li a:hover{
	color:#600;
}
#products li.top{
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}
#products li.bottom{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
}

p.counter{
	font-size:10px;
	border-top:1px solid #CAAAAA;
	margin:20px 0px 0px 5px;
	padding:5px 0px;
}
#contentpanel ul.pagination{
	margin:0px;
	padding:5px 0px 0px;
	list-style:none;
}
#contentpanel ul.pagination li{
	font-size:10px;
	display:block;
	float:left;
	margin:0px;
	padding:0px 5px;
}
#contentpanel ul.pagination li a{
	font-size:10px;
	text-decoration:none;
	color:#333;
	display:block;
	padding:0px 5px;
}
#contentpanel ul.pagination li a:hover {
	color:#900;
}

#detail {
	padding:15px 15px 0px 355px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
}
#detail h1 {
	margin-bottom:10px;
	color:#C00;
	font-size:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	white-space:nowrap;	
	display:block;
	position:absolute;
	margin-bottom:15px;
}
#detail h1 span {
	display:block;
	font-size:14px;
	font-weight:normal;
	margin-top:-1px;
}
#detail h3 {
    font-size: 16px;
}
#detail div#scroller {
	height:250px;
	overflow:auto;
	padding-bottom:10px;
    clear:both;
	margin:0;
}
#detail p {
	padding:0px 0px 7px 0px;
}
#detail .setbottom {
	/*position:absolute;*/
	bottom:20px;
	right:20px;
    width:280px;
}
/*#detail p.addtocart {
	width:235px;
}*/


/* special text formatting */
.hismall {
	font-size:10px;
	color:#900;
	margin:5px 0px 0px;
}

input[type=submit], button {
	font-size:11px;
}

/* Catalog Area */
#content #page {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	width: 689px;
	position:relative;
}
#page .story {
	float:left;
	width:270px;
}
#page h2 {
	font-size:22px;
	font-weight:normal;
}
#page h3 {
	font-size:18px;
	font-weight:normal;
}
#page h4 {
	font-size:15px;
	font-weight:normal;
}