/* ============================ common ============================== */

body { 
	margin: 0; padding: 0; 
	color: #fff; background: #4c4c4c url(./img/bg-body.gif) repeat-x 0 0; 
	text-align: center; font: normal 70% Tahoma, Verdana, Helvetica, sans-serif; 
}
html * { margin: 0; padding: 0; }

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

img { display: block; } 
a img { border: none; }

p {
    margin-bottom: 8px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
    font-family: Arial,Sans-serif;
    font-size: 12px;
    line-height: 18px;
}

table{ border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; }
.clearfix{ display: block; }
.clearfix{height: 1%;} /* ie */

/* ========================== common end ============================ */

/* ============================ layout ============================== */


/* The Nivo Slider styles */

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#9b0537;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0 10px 0 0;
	text-align: right;
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {
    position:absolute;
    display:block;
    top:25%;
    z-index:99;
    width:30px;
    height:60px;
    background:url(./img/arrows.png) no-repeat;
    text-indent:-9999px;
    cursor:pointer;
}


.nivoSlider {
    position:relative;
    width:30px;
    height:30px;
    margin:0 0 0 0;
    background:#202834 url(./img/loading.gif) no-repeat 50% 50%;
}

.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

.nivoSlider a {
    border:0;
}
/*
.nivo-directionNav a {
    position:absolute;
    display:block;
    width:30px;
    height:30px;
    background:url(./img/arrows.png) no-repeat;
    text-indent:-9999px;
}
*/
a.nivo-nextNav {
    background-position:-30px 50%;
    right:15px;
}

a.nivo-prevNav {
    background-position: 0 50%;
    left:15px;
}

.nivo-caption a { 
    text-decoration:underline;
}


#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(./img/loading.gif) no-repeat 50% 50%; 
	left: 222px;
	top:0px;
	width: 557px;
	height: 197px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}



#hhh {
	position: relative; 
	float: left;
	width: 220px;
}


#holder{
	width: 779px;
	margin: 0 auto;
	text-align: left;
}

#header{
	position: relative; 
	width: 100%; height: 197px; 
	border-bottom: 1px solid #fff;
	background: transparent url(./img/bg-header.jpg) no-repeat 100% 0;
}

#header2{
	position: relative; 
	width: 100%; height: 197px; 
	border-bottom: 1px solid #fff;
}

#main-content{
	float: right;
	width: 558px;
	color: #726c63; background: #fff url(./img/bg-main-content.gif) repeat-x 0 34px;
	border-left: 1px solid #fff;
}

#shipping_cart{
	margin-bottom: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0;
}

#side-bar{
	float: left;
	width: 220px;
}

#side-bar-admin{
	float: left;
	width: 220px;
}

#footer{
	clear: both;
	padding: 1em 0;
	text-align: center;
	color: #8a8a8a;
	font-size: 10px;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#top-nav{
	height: 40px;
	margin: 0 0 10px 0;
	list-style: none;
}
#top-nav li{
	float: left;
	height: 20px;
	padding: 20px 10px 0 10px;
	border-left: 1px solid #5b5b45; 
}
#top-nav li a{
	color: #ffff99;
	font: bold 10px Tahoma, sans-serif;
	text-decoration: none;
}

#header h1{ width: 221px; }

#featured-item{
	position: absolute;
	top: 111px; right: 27px;
	width: 310px; height: 68px;	
}
#featured-item h2{
	margin:9px 12px;
	color: #ffff99;
	font: normal 19px Tahoma, sans-serif;
}
#featured-item a{
	padding-left: 18px;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

/* ========================== header end ============================ */

/* ============================ content ============================= */

#main-nav{
	width: 100%; height: 24px;
	padding: 11px 0 0 0;
	background: #242424 url(./img/bg-main-nav.gif) no-repeat 100% 0;
	list-style: none;
}
#main-nav li{
	float: left;
	padding: 0 15px;
	border-right: 1px solid #000;
	border-left: 1px solid #585858;
}
#main-nav li.first{ border-left: none; }
#main-nav li.last{ 
	padding: 0 0 0 50px;
	border-right: none;
}
#main-nav li a{
	color: #ffff99;
	font: bold 11px Tahoma, sans-serif;
	text-decoration: none;
}
#main-nav li.last a{ font-size: 10px; }
#main-nav li a strong{
	color: red;
	font-weight: normal
}

#main-content h2{
	margin: 20px 15px;
	font: normal 19px Tahoma, sans-serif;
	color: #9b0537;
}

#main-content h4{
	margin: 20px 0px 15px 0px;
	padding:0px;
	width:auto;
	font: normal 17px Tahoma, sans-serif;
	color: #9b0537;
	border-bottom-color: #B24267;
        border-bottom-style: solid;
        border-bottom-width: 1px;
}

#products-list{ list-style: none; }

#products-list li{
	float: left;
	width: 120px;
	height: 180px;
	padding: 8px;
	text-align: center;
	background: transparent url(./img/bg-products-list.gif) no-repeat 0 50%;
}


#products-list li.clear-item{
	clear: both;
	background: none;
	margin: 5px 0.1px;
}

#products-list li img{ margin: 10px auto 10px auto; }
#products-list li a{ font: bold 11px Tahoma, sans-serif; color:#000000; text-decoration: none;}
#products-list li h3{ font: bold 11px Tahoma, sans-serif; color:#000000;}
#products-list li p{ margin: 0 0 10px 0; }
#products-list li strong{
	font: bold 13px Tahoma, sans-serif;
	color: #9b0537;
}

#products-list li .productOldPrice {
 color:#726c63;
 text-decoration:line-through;
}

#bottom-block{ 
	clear: both;
	margin: 13px; padding: 15px 25px;
	color: #003; background: #f4f2f0; 
	border: 2px solid #9b0537;
}
#bottom-block h3{ font-size: 11px; }
#bottom-block ul{ list-style: none; }
#bottom-block li{ margin-top: 0.5em; }
#bottom-block a{
	color: #003;
	text-decoration: none;
}
#bottom-block #help{ float: left; width: 50%; }
#bottom-block #how-to-buy{ 
	float: left;
	padding: 0 0 0 25px;
	border-left: 1px solid #9b0537;
}

#bottom-nav{
	list-style: none;
	text-align: center;
	margin: 13px; padding: 10px 0;
	border-bottom: 1px solid #e6e1dd;
}
#bottom-nav li{
	display: inline;
	padding: 0 20px;
	border-right: 1px solid #282828;
}
#bottom-nav li.last{ border: none; }
#bottom-nav a{
	color: #282828;
	text-decoration: none;
}


/* ========================== content end =========================== */


/* ORDER DETAILS */
table.orderdetails {
	font-size:11px;
	background-color:#F2EFE9;
	border: #B24267 solid;
	border-width:0px 1px 1px 1px;
}
table.orderdetails tr td {
	padding:4px;
}
table.orderdetails tr.headerrow td {
	background-color:#ccc;
	color:#555;
	font-weight:bold;
	border: #B24267 solid;
	border-width:1px 0px 1px 0px;
}
table.orderdetails tr.headerrow td.left {
	text-align:left;
}
table.orderdetails tr.headerrow td.center {
	text-align:center;
}
table.orderdetails tr.headerrow td.right {
	text-align:right
}
/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {
	background-color:#F2EFE9;
	vertical-align:top;
}
table.orderdetails tr.contentrow1 td.quantity {
	text-align:center;
}

table.orderdetails tr.contentrow1 td.quantity input {
	font-size:11px;
	padding:2px;
	background-color: #F2EFE9;
	border: 1px solid #BFBAB0;
	text-align:right;
}
table.orderdetails tr.contentrow1 td.quantity input:focus{  
    background-color: #ffffff;
    border: 1px #9b0537 solid;
}
table.orderdetails tr.contentrow1 td.quantity input:focus:hover{  
    background-color: #ffffff;
    border: 1px #9b0537 solid;
}
table.orderdetails tr.contentrow1 td.productname {
	text-align:left;
}
table.orderdetails tr.contentrow1 td.delete img{
	margin: 0 auto; 
}
/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {
	background-color:#F2EFE9;
	vertical-align:top;
}
table.orderdetails tr.contentrow2 td.quantity {
	text-align:center;
}
table.orderdetails tr.contentrow2 td.quantity input {
	font-size:11px;
	padding:2px;
	background-color: #F2EFE9;  
	border: 1px solid #BFBAB0;  
	text-align:right;
}
table.orderdetails tr.contentrow2 td.quantity input:focus{  
    background-color: #ffffff;      
    border: 1px #9b0537 solid;  
}
table.orderdetails tr.contentrow2 td.quantity input:focus:hover{  
    background-color: #ffffff;  
    border: 1px #9b0537 solid;  
}
table.orderdetails tr.contentrow2 td.productname {
	text-align:left;
}
table.orderdetails tr.contentrow2 td.delete img{
	margin: 0 auto;
}
/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {
	text-align:right;
	white-space:nowrap;
}
/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {
	text-align:right;
	white-space:nowrap;
}
/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {
	text-align:center;
	white-space:nowrap;
}
/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {
	margin-top:3px;
}
table.orderdetails tr td.productname table.productattributes tr td {
	padding:0px;
}
table.orderdetails tr td.productname table.productattributes tr td.attribute {
	padding-right:4px;
}
table.orderdetails tr td.productname table.productattributes tr td.value {
	width:100%;
}
/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {
	background-color:#F2EFE9;
	text-align:right;
	border: #B24267 solid;
	border-width:1px 0px 0px 0px;
}


/* ============================ side-bar ============================ */

#side-bar h2{
	height: 24px;
	padding: 11px 0 0 10px;
	background: #242424 url(./img/bg-h2.gif) no-repeat 100% 0;
	color: #ffff99;
	font: bold 11px Tahoma, sans-serif;
}
#category-nav{ 
	padding: 5px;
	background: #9b0537;
	list-style: none;
}
#category-nav li{
	padding: 5px;
	border-bottom: 1px solid #b24267;
}
#category-nav li:hover{
	padding: 5px;
	border-bottom: 1px solid #b24267;
	background: #2d2d2d;
	}
#category-nav li a{
	padding-left: 15px;
	color: #fff; 
	background: #9b0537 url(./img/arrow.gif) no-repeat 0 60%;
	text-decoration: none;
	font-size: 12px;
}
#category-nav li:hover a{
	background: #2d2d2d url(./img/arrow.gif) no-repeat 0 60%;
}
#quick_find fieldset{
	padding: 15px;
	border: none;
	background: #282828;
}
#quick_find label{
	position: absolute;
	left: -6666px;
	font-size: 0;
}
#quick_find input.text{
	display: block;
	width: 184px;
	margin: 0 auto 10px auto; padding: 2px;
	color: #939393;
	border: 1px solid #d3d3d3;
	font-size: 11px;
}
#quick_find input.submit{
	float: right;
}

/* ========================== side-bar end ========================== */

/* ============================= product info ============================= */
#product-name{
	font-size: 20px;
	color: #9b0537;
/*	border:1px solid black; */
}

#product-name h1{
	font-size: 20px;
	font-weight: normal;
	color: #9b0537;
}

#product-price .productOldPrice {
	color:#726c63;
	text-decoration:line-through;
}


#product-images{
	background:white;
	float:left;
	padding:5px;
	text-align: center;
/*	border:1px solid black; */
	width:175px;
	margin:5px 0 5px 0;
}

#product-images img{
	margin-left: auto;
	margin-right: auto;
}

#product-images-zoom{
	background: transparent url(./img/zoom.gif) no-repeat 30% 80%;
	float:center;
	padding:5px;
/*	border:1px solid black; */
}

#product-images-zoom a{
	float:center;
	color:#726c63;
	text-decoration:none;
	padding:5px;
}

#product-desc{
/*	padding:0 5px 5px 10px; */
	margin:5px;
/*	border:1px solid black; */
	font-size: 12px;
}

#product-info{
	background: transparent url(./img/bg-products-list2.gif) repeat-y 0 50%;
	padding:0 5px 5px 10px;
	margin:5px 5px 0 190px; 
/*	border:1px solid red; */
}

#product-info h3{
	font-size: 12px;
	font-weight: normal;
/*	color: #9b0537; */
	padding:0 5px 5px 10px;
	margin:5px 5px 0 170px; 
}


#button2 { position: absolute; }
#button2 a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
        border: 0;
}

#button2 a img.primary { z-index: 1; }
#button2 a img.rollover { z-index: -1; }
#button2 a:hover img.rollover { z-index: 2; }

#product-list-name{
	font-size: 14px;
	font-weight: bolder;
	color: #000000; 
	float: left;
	border:1px solid black; 
}
#product-list-price{
	color: #9b0537;
	font-size: 18px;
	margin:2px 2px 0 250px;
	border:1px solid black; 
}



#product-list-info{
/*	background: transparent url(./img/point.gif) repeat-x 0 50%; */
/*	padding:0 5px 5px 10px; */
	margin:5px 5px 0 140px;
	border:1px solid red; 
}

#product-list-box{
	padding:0 5px 5px 10px;
	margin:5px 5px;
/*	margin-bottom: 10px; */
	border:2px solid #f0e; 
}


#product-list-images{
	float:left;
	border:1px solid green; 
	width:130px;
	margin:5px 5px; 
}

#product-list-images img{
        margin-left: auto;
        margin-right: auto;
}



#product-price{
	color: #9b0537;
	font-size: 18px;
	text-align: center;
	margin: 10px 5px 10px 0px;
	padding: 10px;
	width: 140px;
	float: left;
}

#product-cart-button{
//	float: right;
	//color: #333;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	//position: relative;
}
/*
#product-cart-button{
    min-height: 10em;
    display: table-cell;
    vertical-align: middle;
}
*/


/* =========================== footer end =========================== */

#holder #main-content #products-list {
/*    font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

#navigation {
	color:#000;
	padding: 0 6px;
	padding-top:4px;
	width:540px;
	margin:0 auto;
	text-align:center;
	font-family:Tahoma;
/*	height:22px; */
	line-height:20px;
	background-color:#EEEEEE;
	clear: both;
}

#navigation a {
	color:#726c63;
	font-weight:normal;
	border: 1px solid #CCCCCC; 
	padding: 2px 5px; 
	text-decoration:none; 
	background-color:#F5F5F5;
}

#navigation a:hover {
	color:#000;
	border: 1px solid #CCCCCC; 
	padding: 2px 5px; 
	text-decoration:none; 
	background-color:#FFFFFF;
}

#nav-name{
	font-size: 20px;
	color: #9b0537;
	padding: 5px 10px; 
/*	border:1px solid black; */
}

#prod-family {
	font: bold 13px Tahoma, sans-serif;
	color:#726c63;
	padding: 2px 10px; 
}

#tagcloud {
	font: Tahoma, sans-serif;
	padding: 2px 10px; 
	color:#ffffff;
	text-shadow: black 0.1em 0.1em 0.2em;
	text-decoration:none; 
	background: #9b0537;
	text-align: justify;
}
#tagcloud p {
	padding: 2px 2px; 
	color: #ffff99;
	font: bold 11px Tahoma, sans-serif;
	text-shadow: black 0.1em 0.1em 0.2em;
}

#tagcloud a { 
	padding: 0px; 
	color:#ffffff;
	text-decoration:none;
	text-align: justify;
}

#tagcloud a.tag10{
	font-size: 11px;
	font-weight: 200;
}

#tagcloud a.tag11{
	font-size: 12px;
	font-weight: 300;
}

#tagcloud a.tag12{
	font-size: 13px;
	font-weight: 400;
}

#tagcloud a.tag13{
	font-size: 14px;
	font-weight: 500;
}


/* ERROR MESSAGES */
.errormessage {
	border: solid #ff0000 2px;
	padding:15px;
	background-color:#FFD6D6;
	margin-bottom:10px;
}
/* SUCCESS MESSAGE */
.messageStackSuccess {
	border: solid #B24267 1px;
	font-style: italic;
	padding:10px;
	margin-top: 15px;
	background-color: #F8F8F8;
}

/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {
	padding: 15px;
	border: solid #B24267 1px;
	background-color: #F2EFE9;  
	overflow:auto;
}

div.highlightbox input[type=text]{
	margin-left:10px;
	margin-right:10px;
	border: 1px solid #BFBAB0;
	background-color: #F2EFE9;
}
div.highlightbox input[type=text]:focus{
	background-color: #ffffff;
	border: 1px #9b0537 solid;
}
div.highlightbox input[type=text]:focus:hover{
	background-color: #ffffff;
	border: 1px #9b0537 solid;
}
div.highlightbox ul {
	margin-left:15px;
	padding:0;
	display:block;
	list-style-type:square;
	line-height:20px;
}
div.highlightbox h1 {
	color: #893769;
	padding:0px 0px 10px 0px;
	margin:0;
	border:none;
	font-size:16px;
}
div.highlightbox div.hr {
	height:1px;
	line-height:1px;
	margin:0;
	padding:0;
	display:block;
	border-bottom: solid 1px #eee;
}