/* document style */
* { margin: 0; padding: 0; }
html { height: 100%; }
body { background: #000 url( ../images/background.jpg ) repeat-x top left; height: 100%; overflow: auto; font-family: Arial, Verdana, Sans-Serif;	font-size: 62.5%; }

/* default element style */
a { outline: none; }
ul { padding-left: 20px; }
ol { padding-left: 20px; margin-bottom: 10px; }
li { font-size: 12px; }
p { margin-bottom: 10px; font-size: 1.2em; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
input[type=button],
input[type=submit] { padding: 3px 10px; }

/* container style */
#wrapper { min-width: 1003px; width: 100%; overflow: hidden; margin: auto; height: 100%; }
#page { width: 1050px; position: absolute; left: 50%; margin-left: -525px; background: url( ../images/header.png ) no-repeat left top; }
#header { height: 80px; position: relative; }
#menu { height: 30px; margin: 0 25px; padding-left: 11px; }
#main { min-height: 400px; background: url( ../images/content-body.png ) repeat-y left top; padding: 0px 25px; position: relative; }
#footer { height: 30px; background: url( ../images/content-footer.png ) repeat-y left top; text-align: center; line-height: 30px; padding: 0px 35px; }

/* header */
#logo { display: block; width: 220px; height: 60px; position: absolute; top: 10px; left: 30px; text-decoration: none; color: transparent; }

/* top-menu */
#top-menu { height: 25px; line-height: 25px; text-align: center; color: #ddd; font-size: 1.2em; }
#top-menu a { margin: 0px 10px; color: #ddd; text-decoration: none; }
#top-menu a:hover { text-decoration: underline; }

/* menu style */
#menu ul { display: block; height: 30px; border-left: 1px solid #920000; list-style-type: none; padding: 0px; }
#menu li { display: block; height: 30px; float: left; border-right: 1px solid #920000; font-size: 1em; }
#menu a { display: block; line-height: 30px; padding: 0px 8px; font-size: 1.2em; text-decoration: none; font-weight: bold; color: #f8f8f8; text-shadow: #000 1px 1px 1px; }
#menu a.selected,
#menu a:hover { background: url( ../images/menu-hover.jpg ) repeat-x left top; color: #fff; }

#menu .menu-special a { background: url( ../images/menu-special.jpg ) repeat-x left top; }
#menu .menu-special a.selected,
#menu .menu-special a:hover { background: url( ../images/menu-special-hover.jpg ) repeat-x left top; }

/* main */
#main-table { border-collapse: collapse; width: 100%; }
#sidebar { width: 184px; vertical-align: top; }
#content { vertical-align: top; }

/* sidebar-menu */
.sidebar-menu {  }
.sidebar-menu ul { list-style-type: none; padding: 0px; }
.sidebar-menu li { border-bottom: 1px solid #DCCFC2; border-top: 1px solid transparent; background: #F5EBDF url( ../images/sidebar-shadow.png ) repeat-y right top; font-size: 1em; }
.sidebar-menu li.selected,
.sidebar-menu li:hover { background-color: #888; border-top: 1px solid #666; }
.sidebar-menu li.selected a,
.sidebar-menu li:hover a { color: #fff; }
.sidebar-menu a { display: block; font-size: 1.2em; color: #585858; text-decoration: none; line-height: 25px; padding-left: 27px; background: url( ../images/icons/control_play.png ) no-repeat 7px 4px;}

/* sidebar-menu level-1 */
.sidebar-menu ul ul { border-bottom: 1px solid #666; border-bottom: 1px solid #777; display: none; }
.sidebar-menu li.selected ul { display: block; }
.sidebar-menu ul ul li { border: none; background-color: #888; }
.sidebar-menu ul ul li.selected,
.sidebar-menu ul ul li:hover { background-color: #666; border: none; }
.sidebar-menu ul ul a { color: #fff; padding-left: 10px; background: none; line-height: 20px; }
.sidebar-menu ul ul a:hover { background: none; }

/* content */
#content { border-top: none; height: 400px; background-color: #fff; }
#content-wrapper { }
.content-header { padding: 0 10px; line-height: 20px; float: left; margin-top: 5px; margin-bottom: 5px; }
.content-title { font-weight: bold; font-size: 1.4em; }
.content-description { font-size: 1.2em; }
.content-body { padding: 0px 10px 10px 10px; clear: both; }
.content-footer {}

/* footer */
#copyright { float: left; font-size: 1.1em; color: #333; }
#contact-info { float: right; font-size: 1.1em; color: #333; }

/* home */
.home-image { height: 400px; position: absolute; top: 0; left: 25px;background-repeat: no-repeat; width: 884px; z-index: 90; }
.home-image-description { width: 400px; position: absolute; bottom: 20px; left: 20px; background-color: #000; opacity: 0.8; filter: alpha( opacity=80 ); font-size: 1.8em; 
font-weight: bold; padding: 10px 20px; color: #ccc; }
.home-image-description a { text-decoration: none; color: #f00; }
.home-gradient { background: url( ../images/home-gradient.png ) repeat-y left top; height: 400px; width: 378px; position: absolute; left: 527px; z-index: 100;}
.home-blocks { position: absolute; left: 726px; width: 250px; z-index: 110; height: 360px; padding: 20px; background-color: rgba( 255,255,255, 0.35 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#33FFFFFF, endColorStr=#33FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF, endColorstr=#33FFFFFF)"; }
.home-block { background-color: white; height: 100px; margin-bottom: 15px; }
#home-pager { position: absolute; z-index: 150; top: 10px; right: 335px; text-align: right; padding: 5px; background-color: rgba( 255,255,255, 0.7 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#88FFFFFF, endColorStr=#88FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF, endColorstr=#88FFFFFF)"; }
#home-pager a { font-size: 1.2em; line-height: 20px; text-decoration: none; }
.home-pager-page { display: inline-block; border: 1px solid #DCCFC2; text-align: center; width: 20px; line-height: 20px; background-color: #F5EBDF; color: #333; }
.home-pager-page:hover { border: 1px solid #555; background-color: #DCCFC2; }
.home-pager-page.selected { border: 1px solid #555; background-color: #DCCFC2; font-weight: bold; }

/* product-banner */
.product-banner table { border-collapse: collapse; width: 100%; height: 100px; border: 5px solid #fff; background-color: #fff; }
.product-banner-image { padding: 4px; }
.product-banner-image img { border: none; }
.product-banner-info { padding: 4px 4px 4px 10px; }
.product-banner-name a { font-size: 1.2em; color: #333; text-decoration: none; display: block; border-bottom: 1px solid transparent; }
.product-banner-name a:hover { border-bottom: 1px dotted #DCCFC2; }
.product-banner-price { margin-top: 5px; font-size: 1.5em; font-weight: bold; line-height: 20px; }

/* category */
.category-products { clear: both; height: 435px }
.category-product { float: left; width: 124px; margin: 3px; border: 1px solid #DCCFC2; background-color: #F5EBDF; }
.category-product-image { height: 130px; width: 124px; background-color: white; }
.category-product-image table { border-collapse: collapse; height: 130px; width: 124px; }
.category-product-image img { display: block; margin: auto; border: none; }
.category-product-name { height: 54px; line-height: 18px; text-align: center; padding: 0px 5px; overflow: hidden; }
.category-product-name a { display: block; font-size: 1.1em; color: #333; text-decoration: none; }
.category-product-name a:hover { border-bottom: 1px dotted #DCCFC2; }
.category-product-price { float: right; height: 25px; line-height: 25px; font-weight: bold; font-size: 1.3em; text-align: right; padding: 0px 5px; }
.category-product-icon { float: left; padding: 4px 5px 0px 5px; }
.category-product-icon img { border: none; }
.category-filters { float: right; margin-right: 10px; padding-top: 3px; }
.category-order { float: left; font-size: 1.2em; padding: 0px 5px; line-height: 22px; }
.category-order-label { font-weight: bold; }
.category-pager {}
.category-pager a { font-size: 1.2em; line-height: 20px; text-decoration: none; }
.category-pager-nav { color: #333; margin: 0 5px; }
.category-pager-nav:hover { text-decoration: underline; }
.category-pager-page { display: inline-block; border: 1px solid #DCCFC2; text-align: center; width: 20px; line-height: 20px; background-color: #F5EBDF; color: #333; }
.category-pager-page:hover { border: 1px solid #555; background-color: #DCCFC2; }
.category-pager-page.selected { border: 1px solid #555; background-color: #DCCFC2; font-weight: bold; }

/* product */
.product { border-collapse: collapse; width: 100%; height: 400px; }
.product-images { width: 120px; vertical-align: top; border-right: 1px solid #DCCFC2; padding: 20px 0px; text-align: center; }
.product-images img { margin-bottom: 15px; border: none; }
.product-image { width: 400px; height: 300px; vertical-align: middle; padding: 20px; text-align: center; }
.product-image img { border: none; }
.product-manufacturer-image { text-align: center; vertical-align: top; }
.product-info { border: 1px solid #DCCFC2; background-color: #F5EBDF; vertical-align: top; padding: 10px; }
.product-name { font-weight: bold; font-size: 1.3em; margin-bottom: 10px; }
.product-description { font-size: 1.2em; color: #333; margin-bottom: 10px; }
.product-description a { color: #000; font-weight: bold; text-decoration: none; }
.product-description a:hover { text-decoration: underline; }
.product-price { font-size: 1.4em; line-height: 25px; }
.product-price b { font-size: 1.6em; }
.product-order { margin-top: 10px; }
.product-order a { display: inline-block; background: url( ../images/icons/cart.png ) no-repeat 5px 2px; height: 20px; color: #333; border: 1px solid #DCCFC2; padding: 0px 10px 0px 25px; line-height: 20px; background-color: white; font-size: 1.2em; font-weight: bold; text-decoration: none; }
.product-order a:hover { border: 1px solid #555; }
.product-manufacturer { height: 20px; margin-top: 10px; }
.product-manufacturer a { display: inline-block; background: url( ../images/icons/building.png ) no-repeat 5px 2px; height: 20px; color: #333; border: 1px solid #DCCFC2; padding: 0px 10px 0px 25px; line-height: 20px; background-color: white; font-size: 1.2em; font-weight: bold; text-decoration: none; }
.product-manufacturer a:hover { border: 1px solid #555; }

/* cart */
.cart-products { width:100%; border-collapse: collapse; border: 1px solid #DCCFC2; }
.cart-products th{ line-height: 30px; height: 30px; padding:0 5px; border-bottom:1px solid #999; background-color: #F5EBDF; font-size: 1.2em; }
.cart-products td { border-top: 1px solid #DCCFC2; padding: 5px; font-size: 1.2em; }
.cart-delete-product a img{ border: 0;}
.cart-product-image{vertical-align:middle;}
.cart-product-info{vertical-align:middle;}
.cart-product-price{font-weight:bold;font-size:13px;}

.cart-options { width:100%; border-collapse: collapse; border: 1px solid #DCCFC2; border-top: 0; margin-bottom:10px;}
.cart-options td{ padding:5px; border-top: 1px solid #DCCFC2; font-size: 1.2em; }
.cart-options tr:first-child td{border-top:0;}
.cart-options tr.cart-total td{background-color:#F5EBDF;}
.cart-price{font-weight:bold;padding:5px 5px 5px 0;font-size:13px;}
.cart-option-label{font-weight:bold;}

.cart-buttons{padding:0 0 0 0;}
.cart-error{position:relative;bottom:-2px;}

/* brands */
.brands { margin-bottom: 10px; }
.brands-manufacturer { float: left; border: 1px solid #DCCFC2; margin: 3px; padding: 5px; }
.brands-manufacturer table { height: 90px; width: 90px; }
.brands-manufacturer img { border: none; }

/* form */
.form{ width:100%; border-collapse: collapse; border: 1px solid #DCCFC2; margin-bottom: 10px; }
.form-header{ padding:0 5px; line-height: 25px; height: 25px; border-bottom: 1px solid #DCCFC2; background-color: #F5EBDF; font-size: 1.2em; text-align: left; }
.form-label{ width: 150px; vertical-align: top; padding: 5px; font-weight: bold; font-size: 1.2em; }
.form-field{ padding: 4px 0; font-size: 1.2em; }
.form-status{ padding-left: 18px; background-position: center left; background-repeat: no-repeat; height: 16px;}
.form-buttons{ text-align: left; }

/* drop-down */
.drop-down { display: block; list-style-type: none; float: left; padding: 0px; height: 20px; }
.drop-down-label { padding: 0px 5px; font-size: 1.2em; line-height: 20px; }
.drop-down-expander { padding: 0px 5px; font-size: 1.1em; color: #666; border-left: 1px solid #DCCFC2; }
.drop-down li { display: block; border: 1px solid #DCCFC2; background-color: #F5EBDF; position: relative; height: 20px; font-size: 1em; }
.drop-down dl { display: none; border: 1px solid #DCCFC2; background-color: #F5EBDF; position: absolute; left: -1px; top: 20px; }
.drop-down dl a { display: block; line-height: 18px; color: #333; text-decoration: none; padding: 0px 5px; white-space: nowrap; font-size: 1.2em; }
.drop-down dl a:hover { background-color: #DCCFC2; }

.drop-down li:hover dl { display: block; }

/* jquery */
.ui-dialog { background-color: #fff; }
.ui-dialog-titlebar {  height: 25px; }
.ui-dialog-title { float: left; color: #fff; font-weight: bold; font-size: 1.3em; padding: 0px 10px; line-height: 25px; }
.ui-dialog-content { padding: 10px; }
.ui-dialog-titlebar-close { float: right; color: #000; font-weight: bold; text-decoration: none; line-height: 25px; padding: 0px 10px; font-size: 1.5em; }
.ui-widget-overlay { position: absolute; top: 0px; left: 0px; background-color: black; opacity: 0.6; filter: alpha(opacity=60);}

/* loading */
.loading { background: url( ../images/loading.gif ) no-repeat center center; }
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}