@charset "utf-8";
/* CSS Document */

/*--CSS RESET--*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{/*display: block;*/} /*ie6 & ie7 fix*/

/*--/CSS RESET--*/

html{background-color: white;}
body{background: url(../images/bg.jpg) center 0 fixed; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;}

h1{font-size: 2.2em; line-height: 1.2em; margin: 10px 0 20px 0; text-decoration: underline;}
h2{font-size: 1.4em; text-decoration: underline;}
h3{font-size: 1.2em; text-decoration: underline;}

p{font-size: 1.1em; line-height: 1.3em; padding: 0 0 20px 0;}

a:link, a:visited, a:active{text-decoration: underline;}
a:hover{text-decoration: none;}

.floatleft{float: left;}
.floatright{float: right;}
.textcenter{text-align: center;}
.clear{clear: both; overflow: hidden;}

#container{background-color: #2F2A53; margin: 0 auto; width: 950px;}

#header{background:url(../images/bg-header.jpg) no-repeat;}
.header-left{width: 250px;}
.header-right{width: 250px;}
.email{margin: 20px 0 0 5px; padding: 0;}
#logo{float: left; margin: 0 0 0 83px; width: 289px;}

#checkout{color: white; font-size: 1.4em; font-weight: bold; margin: 2px 5px 0 0; text-align: right;}
#checkout-bag{margin: 0 5px 0 0;}
#checkout li{padding: 5px 0;}
#checkout a{color: white;}

#body{background-image: url(../images/bg-body.jpg); background-repeat: repeat-y; border-top: white solid 2px;}

#menu{color: #FDC75D; float: left; font-size: 1.2em; font-weight: bold; padding: 5px; width: 146px;}
#menu li{margin: 0 0 10px 5px;}
#menu a, #navigation a{color: #FDC75D; text-decoration: none;}
#menu a:hover, #navigation a:hover{text-decoration: underline;}

#content-container{
background-color: white;
float: right;
min-height: 700px;
padding: 0 0 10px 0;
width: 767px;
}

#content{float: left; font-size: 1.2em; line-height: 1.2em; padding: 10px 3px; width: 556px;}
#content-box{margin: 5px 2px;}

#flash{float: left; height: 246px; width: 562px;}

#featured{float: right; padding: 10px; width: 185px;}

.title{font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0;}
.price{font-size: 1.2em; font-weight: bold; margin: 10px 0 0 0; text-align: right;}

/*--FEATURED PRODUCT BOXES--*/
.featured-box{
background-image: url(../images/bg-featured-product.jpg);
background-repeat: repeat-y;
margin: 10px 0;
padding: 0;
width: 183px;}

.featured-box-top{height: 7px; width: 183px;}
.featured-box-bottom{height: 7px; width: 183px;}

.featured-box p{padding: 0 10px;}
.featured-box-image{margin: 0 auto 10px auto; text-align: center; width: 170px;}
/*--/FEATURED PRODUCT BOXES--*/

/*--CATEGORY BOXES--*/
#category-container{
float: left;
margin: 0 0 0 4px;	
width: 556px;
}

#category-container a{color: #2F2A53; font-weight: bold;}
#category-container td{padding: 0;}
#category-container tr{margin: 2px 0;}

.category-box{
background-image: url(../images/bg-category.jpg);
background-repeat: repeat-y;
float: left;
margin: 5px 1px;
padding: 0;
width: 183px;}

.category-box p{padding: 0;}

.category-box-top{height: 7px; width: 183px;}
.category-box-bottom{height: 7px; width: 183px;}

.category-box-image{background-image: url(../images/bg-category.jpg);
background-repeat: repeat-y; margin: 0 auto; padding: 0 1px; text-align: center; width: 170px;}
.category-box-image img{padding: 5px 0;}
.category-title{background-image: url(../images/bg-category.jpg);
background-repeat: repeat-y; border-top: solid 3px white; color: #2F2A53; padding: 0 1px; text-align: center;}
.category-title a{color: #2F2A53;}
.category-title p{font-size: 1.3em; padding: 0;}
/*--/CATEGORY BOXES--*/

#footer{background-color: #2F2A53; color: white; font-size: 1.2em; line-height: 1.2em; padding: 10px; text-align: center;}
#footer a{color: white;}

.catname{text-align: center;}
.product{padding: 15px 0; width: 190px;}

.tdbg{background-color: #CCCAD5 !important;}
.checkoutform td, .cartform td{border: solid 1px #CCCAD5; background-color: white; padding: 3px;}
.cartform input{width: 147px;}

.cobtbl .cobhl{background-color: #CCCAD5 !important;}

img.catimage{border: #CCCAD5 solid 1px; margin: 0 auto; max-width: 160px; padding: 5px;}
.detailimage{overflow: hidden; margin: 10px 0; width: 300px;}

.clearpixel{border: 0 !important;}
.menuheader{color: white; font-size: 1.1em; margin: 5px 0 10px 0; text-decoration: underline;}



#navigation{background-color: #2F2A53; border-left: white solid 2px; color: #FDC75D; font-size: 1.4em; font-weight: bold; padding: 5px;}
#navigation li{
display: inline;
line-height: 1.5em;
padding: 5px 6px;
float: left;
font-size: 0.7em;
list-style: none;
text-align: center;
}

#navigation li a{
display: block;
text-decoration: none;
white-space: nowrap;
}
	
#navigation li ul{
background-color:#000040;
margin: 0 0 0 -6px;
padding: 0;
position: absolute;
visibility: hidden;
}

#navigation li ul li{
float: none;
display: inline;
padding: 0;
margin: 0;
}

#navigation li ul li a{
font-size: 1.8em;
padding: 10px;
text-align: left;
width: auto;
}

#navigation li ul li a:hover{background-color: #2F2A53;}

#searchbox{margin: -5px 0 0 5px;}
.searchinput{float: left; margin: 11px 5px 0 0;}
.bt-search{float: left; margin: 10px 0 0 0;}
#signupform{margin: 10px 0 0 0;}

#contentpad td{border: solid 1px grey;}

#contentpad table td{padding: 2px;}
#contentpad table table td{border: 0;}
#contentpad table .cobtbl td{border: 1px solid grey;}
#contentpad table .cobtbl td td{border: 0;}
#contentpad table .cobtbl td input{margin: 2px;}

#contentpad input{width: 140px;}

.paymentoptions{margin: 0 0 0 17px;}