﻿/****************

    ERIC MEYER'S 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, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color:#333;
	background: #F1F1EB;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

strong { font-weight:bold; color:#222; }
em{ font-style:italic; }
.clear{ clear:both; height:1%; font-size:1px; }

/****************

    STRUCTURE

****************/


/* links */
a{ color:#787115; text-decoration:underline; }
a:hover{ color:#333; }


/* headers */
h1{ font:bold 16px "Trebuchet MS",Arial; color:#787115; text-transform:uppercase; }
h2 {font:bold 14px Arial; padding-bottom:5px;}
h2 a{ text-decoration:none; }
h3 { font:normal 13px Arial; padding-bottom:15px; }

/* text styling */
dl, ul{ padding-bottom:15px; }
dt{ font:bold 12px Arial; }
p, li, dd{ font:normal 11px Arial; }
p{ padding-bottom:15px; }

/* tables */
table{ margin-bottom:20px; width:100%; }
th{font:bold 12px Arial; background: #999; color:#fff; text-align:right; padding:7px 10px;}
td{ font:normal 11px Arial; text-align:left; border-bottom: 1px solid #ccc; padding:7px 5px 7px 0;}
    td.price, .quantity, .total td{ text-align:right; }
    .total td{ font-weight:bold; }
td a{ text-decoration:none; }
td a:hover{ text-decoration:underline; }

/* forms */
fieldset{ float:left; width:340px; margin-right:10px; margin-bottom:15px; border:1px dashed #aaa; padding:10px; }
    fieldset ul{ float:left; width:100%; padding-bottom:0; list-style:none; }
        fieldset li{ float:left; padding:5px 0; width:100%; }
legend{ font:italic bold 12px Arial; }
label{ float:left; text-align:right; display:block; width:130px; padding:3px 10px; font:bold 11px Arial; }
input, textarea, select{ width:184px; border:1px solid #ccc; padding:2px; font:normal 11px Arial; }
select{ width:auto; }
.submit-field{ text-align:right; }
.button{ width:auto; border:0; padding:3px 5px; font:bold 11px Arial; text-align:center; text-transform:uppercase; color: #fff; background:#A09920; cursor:pointer; }
.title input{ width:auto; border:0; padding:0; }

.name{ font:bold 12px Arial; }




#top  h1 {font: normal 22px georgia, verdana, arial, sans-serif; color: #fff;}
#top  h1 a {color: inherit; text-decoration:none;}

.AdorShopHidden {display:none;}
.AdorShopContainer .buttonAlt {padding: 5px; margin-bottom: 5px; text-align:center; color: #14466F;background:#CFE6FF; border:1px solid #8BB3DF;cursor:hand;cursor:pointer;}
img {border:0px;}
.contentBox {border: 1px dashed #aeaeae; padding: 5px;}
/* HOMEPAGE */
#homepageSpecial h2 {font: normal 2.1em Georgia,'Times New Roman',Times,serif;font-style:italic; color:#435F00; background: #E3FF9F; margin-bottom: 0;}
#homepageSpecialContainer {width:560px; height: 345px; border: 1px solid #dbdbdb; background: #f6f6f6;}
#homepageSpecialContainer div{width:240px; height:110px; overflow:hidden; float:left; text-align:left; margin-top:5px; margin-left:20px;}
#homepageSpecialContainer img {float:left; margin-right:4px; background: #fff; border: 1px solid #dbdbdb; display:inline;}

/*BREADCRUMBS  */
#breadcrumbs {border-bottom: 2px solid #aaa; padding:10px; }
#breadcrumbs ul li{display:inline; padding-left:5px;}

/* PRODUCTS LIST - CATALOGUE */
#productsTable td {border-bottom: 1px solid #dbdbdb; padding:15px 0; vertical-align:top;}
#productsTable .productName { color:#629F00; display:block;}
#productsTable .productName a{ text-decoration:none;}
#productsTable .productName a:hover{text-decoration:underline;}
#productsTable .price {font-size: 1.1em; font-weight:bold; display:block; margin:5px 0;}
#productsTable .description {font:normal 11px Arial; display:block; padding-top:5px;}
#AddToBasketBox {width: 400px; height: 300px; background: #FDF8F4;padding:10px;}

.productPagingList{ padding:20px 0; text-align:center; }
.productPagingList li{ display:inline; }
.productPagingList a{ text-decoration:none; border:1px solid #ccc; padding:0 3px;}	
.productPagingList a:hover{background: #787115; border:1px solid #787115; color: #fff;}
.productPagingList a.current{border-color: #787115;}
/* podcategories of current category */


#subCategories {width:710px; border: 1px solid #eee; text-align:center; background:#fff; padding:10px; margin:20px 0;}
#subCategories a{ padding:0 10px; font-size:15px; }

/* special products */




#subcategoryProductsNew {width:730px; height:160px; border: 1px solid #eee; text-align:center; padding:10px;margin-bottom:10px;}
#subcategoryProductsSpecial {width:730px; height:160px; border: 1px solid #eee; text-align:center; padding:10px;margin-bottom:10px;}
#subcategoryProductsDiscounted {width:730px; height:160px; border: 1px solid #eee; text-align:center; padding:10px;margin-bottom:10px;}

#subcategoryProductsNew div {width:230px; height:110px; overflow:hidden; float:left; text-align:left; margin-top:5px; margin-right:10px;}
#subcategoryProductsSpecial div {width:230px; height:110px; overflow:hidden; float:left; text-align:left; margin-top:5px; margin-right:10px;}
#subcategoryProductsDiscounted div {width:230px; height:110px; overflow:hidden; float:left; text-align:left; margin-top:5px; margin-right:10px;}

#subcategoryProductsNew img {float:left; margin-right:4px; background: #fff; border: 1px solid #dbdbdb; display:inline;}
#subcategoryProductsSpecial img {float:left; margin-right:4px; background: #fff; border: 1px solid #dbdbdb; display:inline;}
#subcategoryProductsDiscounted img {float:left; margin-right:4px; background: #fff; border: 1px solid #dbdbdb; display:inline;}


#subcategoryProductsNew h1{text-align:left; border-bottom:1px dotted #dbdbdb;}
#subcategoryProductsSpecial h1{text-align:left; border-bottom:1px dotted #dbdbdb;}
#subcategoryProductsDiscounted h1{text-align:left; border-bottom:1px dotted #dbdbdb;}




.name, .priceOld, .price{ font:bold 11px Arial; }
.priceOld {text-decoration:line-through;}

	
/* PRODUCT DETAILS */
#productImageContainer {width: 120px; text-align:center; margin-right:10px; float:left;}
#productValues {width:610px; float:right;}
#productValues .productAuthors a {margin-right: 15px;}
#productValues .price {}
#productValues .priceOld {text-decoration: line-through;}
#productValues .priceDiscount {font-weight: bold;}
#productValues ul{ padding-left:20px; }
/* MINICART */
#miniCartMessage {color:#138F15; font:bold 13px Arial; }
/* SHOPPING CART */
#shoppingCart { margin:20px 0; }
#shoppingCart td { }
#shoppingCart td.price {width:120px; text-align:right;}
#shoppingCart td.quantity {width:70px; text-align:right;}
#shoppingCart td.quantity input {width:30px; text-align:right;}
#shoppingCart td.recalculate {text-align:right;}
#shoppingCart td.recalculate .button{}
#shoppingCart td.recalculate .buttonCreateOrder{background-color: #9ACF19; padding: 5px; margin-bottom: 5px; text-align:center; color: #fff;border:1px solid #749F09;cursor:hand;cursor:pointer;}
#shoppingCart tr.total td {text-align:right; font-weight: bold;}


/* ORDER */
#orderStepsBreadcrumbs { float:left; margin-bottom:20px; padding:15px 0 0; border-bottom:1px solid #aaa; list-style-position:inside;}
#orderStepsBreadcrumbs li{ float:left; margin-right:10px; padding:5px 15px; background:url('images/orderStepsGradient.png') repeat-x 0 100%; font-weight:bold; color:#aaa;}
#orderStepsBreadcrumbs li.selected{ color:#333; }
/* SignIn step*/
#signInContainer {}
/* PersonalData */
.formValidatorMessage {color:#c00; padding-left:150px;}
/* payment options */
#paymentOptions {list-style-type:none;}
#paymentOptions li {}
#paymentOptions li span.title{display:block;font-weight:bold;}
#paymentOptions li span.text{display:block;padding:5px 5px 10px 20px;}
/* confirmation */
/*
#tableOrderItems {}
#tableOrderItems td {text-align:left; border-bottom: 1px solid #dbdbdb;}
#tableOrderItems thead td {font-weight:bold; background: #dbdbdb;}
#tableOrderItems td.price {width:120px; text-align:right;}
#tableOrderItems td.quantity {width:70px; text-align:right;}
#tableOrderItems td.quantity input {width:30px; text-align:right;}
#tableOrderItems tr.total td {text-align:right; font-weight: bold;}
#tableOrderConfirmationUserDetails td.label{text-align:right;}
*/


#categoriesTree{ border-top:1px solid #fff; background:#787115; }

#footerOut p{ padding-bottom:0; }

#footer a{ color:#fff; }
#footer a:hover{ text-decoration:none; }

#tableOrderConfirmationUserDetails .label{ font-weight:bold;  text-align:right; width:150px; }

#footerOut{ position:relative; }
.footer-links{ padding-bottom:0; }
.footer-links li{ display:inline; border-right:1px solid #787115; padding:0 5px; }
.footer-links li:last-child{ border:0; }
#ador{ position:absolute; display:block; right:10px; top:13px; width:21px; height:11px; background:url(ador.png) no-repeat 0 0; border:0; padding:0; }
#ador a{ display:block; width:21px; height:11px; }
#ador span{ display:none; }

.mini-search label{ display:block; font:bold 11px Arial; float:none; text-align:left; padding:3px 0; }
.mini-search input{ width:170px; }
.mini-search select{ width:176px; }
.mini-search .submit{ width:auto; margin-top:10px; cursor:pointer; }

