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;
}
p {margin-bottom:10px}
hr {display:none}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

.clearfix:after, .box:after, .details li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix, .box, .details li {
	display: inline-block;
}
 
html[xmlns] .clearfix, html[xmlns] .box, html[xmlns] .details li {
	display: block;
}
 
* html .clearfix, * html .box, * html .details li {
	height: 1%;
}
/* end reset, end clearfix. Start layout */

/* colors, fonts */
body {font:normal 12px/1.6 arial, helvetica, sans-serif;color:#32323d;background-color:#fff;background:#fff url(../images/layout/back-body.gif) 0 0 repeat-x;}
a {color:#A72E37;text-decoration:none;color:#70939E;color:#22788E}
#footer a {color:#D5EAF4}
a:hover {text-decoration:underline;color:#A72E37}
#footer a:hover {color:#eee}
h1,h2,h3,h4,h5,h6 {font-family:trebuchet MS;line-height:1.4;color:#A72E37}
h1,h2, h3,h4 {font-size:1.4em}
h5,h6 {font-size:1.2em}
h7 {font-size:1em;font-family:trebuchet MS;color:#A72E37} 
.center {text-align:center !important}
.alignright {text-align:right !important}
.alignleft {text-align:left !important}
.slideshow { height: 160px; width: 160px;}

/* layout */
#wrapper,#footer-inner{width:960px;margin:0 auto;position:relative}
	#content-wrap {padding:40px 20px 0 20px;background:url(../images/layout/main.jpg) no-repeat;}
		#main {float:left;width:920px;min-height:540px;height:auto !important;height:540px;background-image:url(../images/layout/tree.png) !important;background:url(../images/layout/tree.gif) left bottom no-repeat;}

		
			#content {float:right;width:720px;padding: 0 0 50px 0}
				#content  #home-content-main {float:left;width:520px;}
				#content  #home-content-right {float:right;width:180px;}
			#sidebar-a {float:left;width:180px;padding-bottom:200px}

	#footer {background:#575757 url(../images/layout/back-footer-dark.jpg) left top repeat-x;padding:30px 0;color:#eee;line-height:1.4;min-height:100px}
	.box {margin-bottom:10px;padding-bottom:10px;background:url(../images/layout/endsection.gif) center bottom no-repeat}
	#sidebar-a .box,#home-content-right .box  {background:url(../images/layout/inner-box2.gif) left bottom no-repeat;border-top:1px solid #ccc}
	
		#sidebar-a .box .box-inner,#home-content-right .box  .box-inner {padding:5px 10px;background:url(../images/layout/inner-box-center2.gif) repeat-y;}
		#sidebar-a .box .box-inner img,#home-content-right .box  .box-inner img {max-width:160px}
		#sidebar-a .box .box-inner p,#home-content-right .box  .box-inner p {margin:0;padding:3px 0;line-height:1.4}
		#sidebar-a .box h2,#sidebar-a .box h3, #sidebar-a .box h4,#sidebar-a .box h5,#home-content-right .box h4 {padding:5px 10px;background:url(../images/layout/inner-box-center2.gif) repeat-y;}
		
/* header */	
#header {height:150px;background-image:url(../images/layout/slogan.png) !important;background:url(../images/layout/slogan.gif) 10px 130px no-repeat;}
#header h1 a {float:left;height:100px;width:100px;position:relative;font-size:10px;margin-left:10px;display:inline}
#header h1 a span {position:absolute;z-index:99;height:122px;width:122px;left:0;top:0;background:url(../images/layout/logo2.gif) no-repeat;cursor:pointer}
	


/* main content */
#promo {border:1px dotted #ccc;margin:0 0 20px 0;padding:10px;background:#efefef;line-height:1;}
#promo img {max-width:898px}

.jcarousel-skin-tango {line-height:1.4}
.jcarousel-skin-tango h3 {font-size:1em}
.jcarousel-skin-tango p {margin:0}
.jcarousel-skin-tango .image a,.products-list li .image a{background-color:#fff;display:block;background-position:50% 50%;background-repeat:no-repeat;height:70px;width:110px;padding-bottom:5px;margin-bottom:5px;}
.jcarousel-skin-tango .image a img,.products-list li .image a img {display:none}
.products-list li .image {width:auto;}

.price  {font-size:1.3em;font-weight:bold;color:#A72E37;}
#sidebar-a  #basket h4 {padding:10px 0 14px 45px;background-image:url(../images/layout/bag-small.png) !important;background:url(../images/layout/bag-small.gif) 10px center no-repeat;font-weight:bold;}
.products-list li {float:left;width:130px;padding:5px;margin:0 4px 4px 0;height:200px;overflow:hidden;text-align:center;background:url(../images/layout/list-back.gif) 0 0 no-repeat}
.products-list li:hover{background-position:100% 0}
.products-list h3 {font-size:1em;line-height:1.2}
.products-list li .image a {display:block;width:130px}
.pagination {margin-bottom:10px;line-height:1.2}
.pagination h4 {float:left;margin-bottom:0;color:#777;font-weight:bold;font-size:1em;line-height:1.2;margin-right:5px}
.pagination ul {float:left;margin-right:5px}
.pagination ul li {float:left;margin-right:3px}
.pagination ul li.selected span{float:left;background:#fafafa;padding:0 2px}
.pagination ul a {float:left;padding:0 2px;font-weight:bold}


/*detail page*/

.detail-box {margin-bottom:20px}
.detail-image {float:left;width:395px;padding-top:400px;background-image:url(../images/layout/big-pic-back.png) !important;background:url(../images/layout/big-pic-back.gif) no-repeat;}
.detail-image span {text-indent:-9999px}
.detail-image ul#gallery {position:relative;}
.detail-image ul#gallery li{float:left;display:inline;}
.detail-image ul#gallery li a {float:left;padding:4px 2px}
.detail-image ul#gallery li:first-child  a {padding-left:0}
.detail-image ul#gallery img{height:50px;float:left;border:1px solid #eee;padding:4px}


.detail-image ul#gallery li span {position:absolute;left:5px;top:-395px;z-index:10;display:block;visibility:hidden;width:380px;height:380px;background-position:50% 50%;background-repeat:no-repeat;background-color:#fff}
.detail-image ul#gallery li:first-child a span {visibility:visible}
.detail-image ul#gallery li a:hover span {visibility:visible}
.detail-image a span {position:relative;left:0;top:-3px;color:#c00;font-weight:bold;font-size:.95em;}


.detail-text {float:right;width:298px;}
.detail-text  p {color:#888;line-height:1.4}
.detail-text  p.price {color:#A72E37}
 h2.detail-title {font-size:2em;font-weight:bold}
.detail-text .colors li {display:inline-block;margin-right:3px;border:1px solid #eee;height:20px;width:20px;text-indent:-9999px}
.detail-text .details {margin-bottom:15px;border-bottom:1px solid #eee}
.detail-text .details li{border-top:1px solid #eee;clear:both;}
.detail-text .details dt {float:left;width:100px;padding-right:10px;font-weight:bold;}



.detail-text .price {font-size:1.8em}
.detail-text .buy {padding:0 5px 0 20px;width:200px;border:1px solid #aaa;background:url(../images/layout/back-header-dark.jpg) 0 -30px repeat-x;} 
.detail-text .buy a {display:block;background-image:url(../images/layout/bag-small.png) !important;background:url(../images/layout/bag-small.gif) left center no-repeat;padding: 20px 0 14px 35px;font-weight:bold;font-size:1.3em;}
.detail-text .promote {margin-left: 5px; margin-top:15px}
.detail-text .note {padding:0 5px 0 20px;width:200px;border:1px solid #aaa;background:url(../images/layout/back-header-dark.jpg) 0 -30px repeat-x;} 
 
.note {font-size:0.8em;padding:0 5px 0 20px;width:700px;border:1px solid #aaa;background:url(../images/layout/back-header-dark.jpg) 0 -30px repeat-x;} 
.product-comments {margin-right:200px}

.comments-list {margin-bottom:40px}
.comments-list li {border:1px dotted #aaa;padding:0 0 10px 0;margin-bottom:20px;background:#fff}
.comments-list li:nth-child(2n+1) {background-color:#fafafa;}
.comments-list li h5 {padding: 20px 20px 0 20px;background:transparent url(../images/layout/box-back.gif) 0 0 repeat-x}
.comments-list li .comment-body {padding: 5px 50px 0 50px;line-height:1.4;font-family:georgia, serif;}
.comments-list li .comment-user {padding: 0 20px;color:#888;font-size:.95em;margin:0}
#comment,#forgotpass, #registerform, .form, #content form table{padding:10px;border:1px dotted #aaa;background:#fff;margin-right:180px}
#comment {margin-right:0}
#comment  li,#forgotpass li, #registerform li, .form li {clear:both;padding: 3px 0}

.captcha img{float:left}
.errormessage {color:#c33;font-weight:bold;padding:5px;background:#fafafa;margin-bottom:10px}
#registerform .errormessage,#forgotpass .errormessage, .form .errormessage  {padding-left:155px;clear:both}



/* sidebar-a */	
#sidebar-a li {border-bottom:1px dotted #ddd;position:relative}
#sidebar-a li a{padding:2px 10px;display:block;font-weight:bold;/*text-transform:uppercase;*/}
#sidebar-a li:first-child {border-top:1px dotted #ddd}
#sidebar-a li:hover  a,#sidebar-a li:hover  li a:hover{text-decoration:none;background:#fff;color:#A72E37}

/* nested lists for left nav */



/* version 1 - dropdown

#sidebar-a ul li:hover  li a {color:#22788E;border-bottom:none;font-weight:normal}
#sidebar-a li ul {position:absolute;top:-1px;left:100px;display:none;width:200px;z-index:100;background:transparent url(../images/layout/shadow-under.png) right bottom no-repeat;padding-bottom:8px;}
#sidebar-a li:hover ul {display:block}
#sidebar-a li ul li{background:transparent url(../images/layout/shadow-right.png) right center repeat-y;padding-right:5px;width:195px;border:none}
#sidebar-a li ul li:first-child {background:url(../images/layout/shadow-right-first.png) right top no-repeat;border-top:none}
#sidebar-a li ul li a {width:175px;}
#sidebar-a li ul li:first-child  a{border-top:1px dotted #ddd;}
 */

/* version 2 - simple nested list  */
#sidebar-a li ul {padding-left:20px;margin-bottom:10px}
#sidebar-a li li {border:none}
#sidebar-a li li a {font-weight:normal;padding: 0}
#sidebar-a li li:first-child {border-top:none}
 
/* shopping cart */
#cart, .order {border:1px solid #ccc;background:#fff;margin-bottom:20px;width:100%}
#cart th, .order th {background:#777;color:#fff;padding:2px 4px;text-align:center}
#cart th.price-head {text-align:right}
#cart td, .order td {vertical-align:top;padding:2px 4px;border-bottom:1px solid #ccc}
#cart tr:nth-child(2n) td, .order tr:nth-child(2n){background:#fafafa}
#cart td.product-image {width:100px;overflow:hidden}
#cart td.quantity  {text-align:center}
#cart td.quantity input{width:30px;text-align:right}
#cart td.price {font-size:1em;text-align:right}
#cart td.delete-article a{width:20px;height:0;padding-top:20px;display:block;background:transparent url(../images/layout/delete.gif) no-repeat;overflow:hidden}

.order td{text-align:center}
.history h3 {font-size:1.2em}

#send-order li {float:left;padding:0 0 0 10px;margin-right:10px;background:#888 url(../images/layout/bar.gif) 0 0 no-repeat;}
#send-order a {float:left;padding:0 10px 0 0;line-height:30px;background:#888 url(../images/layout/bar.gif) 100% 0 no-repeat;color:#fff;font-weight:bold}
#send-order a:hover {color:#A72E37;text-decoration:none}
 
/*metanav*/
#extralinks {position:absolute;right:0;top:5px;font-size:.95em;text-align:right;width:600px}
#extralinks li {display:inline;margin-right:5px}
#extralinks a {color:#eee;padding:2px 4px;font-weight:bold}
#extralinks a span {position:relative;left:0;top:-3px;color:#c00;font-weight:bold;font-size:.95em;}
#meta {position:absolute;right:10px;top:30px;font-size:.95em}
#meta ul {float:right;}
#meta li {display:inline;float:left;padding:0 2px;color:#777;font-weight:bold;}
#meta a {color:#777}
#meta p {position:absolute;right:0;top:60px}
#meta input {font-size:1em}




sup {font-size: 3px; veertical-align: super;}


/* footer */
#footer li {display:inline;padding:2px 5px;font-weight:bold}
#footer li a {color:#fff}



/* forms */
form li {padding:3px 0}
label {margin-right:5px;cursor:pointer;font-weight:bold}
#registerform .captcha label {line-height:40px}
input, textarea, select {padding: 1px 2px;border:1px solid #ccc;margin:0;vertical-align:middle;line-height:1.1}
#registerform .captcha input {margin-top:10px}
input:focus, textarea:focus, select:focus {border-color:#A72E37}
input[type="submit"], input.button {cursor:pointer;font-weight:bold;color:#fff;padding:0;background:#bbb url(../images/layout/back-footer-dark.jpg) left -40px repeat-x;}
input[type="radio"],input[type="checkbox"]{border:none}
#comment label, #forgotpass label, #registerform label, .form label {float:left;width:150px;}
#comment input, #forgotpass input, #registerform input, .form input{width:200px}
#registerform #s_value, #s_value {width:20px}
#comment input.button, #forgotpass input.button, #registerform input.button, .form input.button {width:auto;}
#comment textarea {width:300px;height:140px}

.wrap-input {float:left;background:url(../images/layout/red-bar.gif) 0 0 no-repeat;padding: 0 0 0 10px;margin-left:155px;display:inline}
.wrap-input input {float:left;background:url(../images/layout/red-bar.gif) 100% 0 no-repeat;padding: 0 10px 2px 0;border:none;height:28px;vertical-align:middle}
.wrap-input input:focus, .wrap-input input:hover {color:#ddd}
