/***************************************************
 * stylesheet/frontend/Frontend.css
 ***************************************************/

/* resets */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0; 
	padding: 0; border: 0 solid; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit; 
	vertical-align: baseline; 
	background-repeat: no-repeat; 
	background-position: center left;
	zoom:1;
}

body
{
	line-height: 1.5; 
	color: black; 
	background: white;
	background-color:#CCCCCC; 
}

ul, ul li
{
	list-style: none;
}

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

caption, th, td
{
	font-weight: normal;
}

.descr li,
.newsEntry li,
#productDescription li,
.message li
{
	list-style-type: disc;
	margin-left: 1.5em;
}

.descr ol li,
.newsEntry ol li,
#productDescription ol li,
.message ol li
{
	list-style-type: decimal;
}

/* 100% height layout start >> */
html, body
{
	height: 100%;
}

div#container
{
	position: relative; /* needed for footer positioning*/
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */
}

div#footer
{
	position: relative;
	bottom: 0; /* stick to bottom */
	margin-top:10px;
}

div#content
{
    padding-bottom: 150px;
}
/* << 100% height layout end */

body, h4
{
    font-family: Verdana;
    font-size: small;
}

a
{
	color: #143788;
}

h1, h2, h3
{
	font-family: "Trebuchet MS";
}

h1
{
	font-size: 200%;
	margin-bottom: 10px;
}

h2
{
	margin-top: 20px;
	margin-bottom: 1em;
	padding-top: 7px;
	border-top-width: 1px;
	border-style: dashed;
    font-size: 150%;
}

h3
{
	margin-bottom: 10px;
    margin-top: 7px;
    font-size: 150%;
}

td
{
	vertical-align: top;
}

p
{
	margin: 10px 0;
}

.clear
{
    clear: both;
    width: 100%;
    height: 0;
    overflow: hidden;
    float: none !important;
}

/*****************************
	Common declarations
*****************************/

/* 100% width labels */
label.checkbox, label.radio,
.productOptions label.field,
.productVariations label,
.reviewForm label,
#noteForm label,
label.cancel,
.eavAttributes label
{
	float: none;
	width: auto;
}

/* bold things */
h4,
div.box .title,
.price,
#addToCart,
.errorText,
.eavAttributes .attrName,
.featured .title a,
.currentName,
.filterGroup .showAll,
.subCatName,
.notFoundMain,
.currentPage,
.spec,
.returnToCategory,
tr.specificationGroup,
.overallRating,
.ratingCategoryName,
.reviewTitle,
#rateProduct .heading,
.readAllReviews,
div.checkout a,
.subTotalCalc,
.continueShopping,
.proceedToCheckout,
.shipment .subTotal,
#cart .subTotal,
#payTotal .subTotal,
#invoicePaymentInfo .grandTotal td.amount,
#invoicePaymentInfo .amountDue td.amount,
.multiAddress .shipmentAddress,
#userMenu li.selected,
.cancelled,
#checkoutProgress a.active,
ul.downloadFile li.fileGroup
{
	font-weight: bold;
}

/* red things */
a.messages,
.cancelled,
a.cancel,
.errorMsg,
.errorText,
.discount .actualPrice
{
	color: red;
}

/* auto-width select boxes */
.quickSearch select,
#language select,
#productSort,
.cartLinks select,
#ccExpiryMonth, #ccExpiryYear, #ccType
{
	width: auto;
}

/* smaller input fields */
.quickSearch select,
.quickSearch input.text,
.quickSearch input.submit,
#language select,
.cartName small
#productSort
{
	font-size: 0.85em;
	padding: 0;
}

/* smaller text */
.logout,
.latestNewsSide .date,
#currency, #language,
.newsReadMore,
.count,
li.moreSubCats,
a.layoutSetList, a.layoutSetGrid,
.spec,
a.addToCart,
.listPrice,
.productListRating a,
.overallRating a,
.noStock, .lowStock,
.forgottenPassword,
#cart .productOptionsMenu,
.cartControl a,
.subTotalCalc,
.fieldDescription,
.progressOrder,
a.cvv,
.multiAddress .shipmentAddress
{
	font-size: smaller;
}

/* centered text */
div.box .title,
.subCategories .subCatImage,
.noSubCats .subCatContainer,
.productGrid td,
ul.productList .image,
.overallRating,
.noStock, .lowStock,
.cartQuant,
.cartPrice,
.cartImage,
#cartUpdate,
#couponCodes .container,
#checkoutProgress,
.addressSelector .selector,
.shipment td,
.shipment .subTotal, #cart .subTotal,
#invoiceHeader,
td.amount,
.compactProductList .image,
.compactProductList .pricingInfo
{
	text-align: center;
}

/* left aligned text that needs to be overriden from right/center */
.shipment .productName,
.multiAddress .shipmentAddress
{
	text-align: justify;
}

/* right aligned text */
#mainInfo td.param,
.ratingBreakdown,
td.addToWishList,
.reviewIndex .pagingInfo,
.multiAddressCheckout,
#expressCheckoutMethods,
.orderOverviewControls,
div.addressControl,
#invoicePaymentInfo td.amount,
.multiAddressCheckout
{
    text-align: right;
}

/* vertical centering */
.subCatImage,
.subCategories td.details,
.orderingControls *,
.overallRating *,
#mainInfo td,
.ratingCategoryName,
.ratingPreview,
#cart td, #wishList td,
.addressSelector .selector,
#otherMethods img,
img.calendar_button
{
    vertical-align: middle;
}

/* left floats */
#leftSide,
#leftSideMember,
/*#logoContainer,*/
.quickSearch,
.subCategories,
.allFilters .filterGroup,
.resultStats .pagingInfo, .categoryLayoutSwitch,
ul.productList .image,
#productSummaryContainer,
#ratingSummary,
.ratingBreakdown,
#imageContainer,
#bundle .pricingInfo,
.bundleList, .bundleInfo,
.reviewIndex #ratingSummary,
.continueShopping,
.checkoutHeader h1,
#billingAddressColumn,
#shippingSelector,
#ccForm,
.addressContainer,
#cvvExample,
.newCustomer,
#userMenuContainer,
div.addressBlock,
.orderDetails,
.orderDetails .orderMenu,
.responseUser,
.manufacturerColumn,
.manufacturerAttributes,
label,
input.radio, input.checkbox,
#cvvHelp,
.paymentMethods,
.compactProductList div
{
	float: left;
}

/* right floats */
#rightSide,
#topMenuContainer,
#currency, #language,
.resultStats .sortOptions,
ul.productList a.addToCart, .productGrid a.addToCart,
ul.productList .pricingInfo,
ul.productList .orderingControls,
.specSummary,
div.review .ratingBreakdown,
.checkoutButtons,
.proceedToCheckout,
#checkoutProgress,
.noteDate,
.checkout-pay .completeOverview,
.manufacturerImage
{
	float: right;
}

/* links/menus with background images */
.resultPages .previous,
ul.productList a.addToCart, .productGrid a.addToCart,
ul.attributeList li,
.continueShopping,
#userMenu li,
a.invoice, a.viewOrder, a.reorder, a.messages,
ul.downloadFile li,
.errorText
{
	padding-left: 22px;
}

/* right side background images */
#smallBasket a.checkout,
.resultPages .next,
.proceedToCheckout,
.websiteUrl a
{
	padding-right: 22px;
    background-position: center right;
}

/* background color 1: light grey */
tr.odd,
#searchContainer,
div.box .content,
#userMenuContainer,
fieldset,
div.addressBlock,
.orderDetails,
#productSummaryContainer,
.noteText,
#checkoutProgress a,
.dynamicMenu, .dynamicMenu ul,
.dynamicMenu li:hover li a,
.dynamicMenu li.sfhover li a,
.dynamicMenu li:hover li:hover li a,
.dynamicMenu li.sfhover li:hover li a
{
    background-color: #F9F9F9;
}


.container
{
		background-color: #ffffff;
}
thead,
tr.heading td
{
    background-color: #ddd;
}

tr.even td,
div.box .title
{
    background-color: #eee;
}

/* light yellow background */
.highlight,
#cartFields .container, #couponCodes .container,
span.templateLocator span.templateName,
.proceedToCheckout,
#couponCodes .container,
#payTotal div,
#testHandlerWarning,
#checkoutProgress a.active,
.specSummary
{
	background-color: #fffccc;
}

tr.odd td, tr.even td
{
	border-bottom-width: 1px;
}

/*****************************
	Layout
*****************************/
#container
{
  	margin: 0 auto;
  	width: 950px;
}

#footer
{
	border-top-width: 1px;
  	padding: 20px;
  	text-align:center;
}

#leftSide
{
	width: 190px;
	overflow: visible;
	position: relative;
	margin-bottom: 120px;
}


#leftSideMember
{
	width: 190px;
	overflow: visible;
	position: relative;
	margin-bottom: 120px;
}

#rightSide
{
	width: 210px;
	display: none;
	padding-right: 10px;
}

#content
{
	margin-left: 10px;
	padding: 0 10px;
}

#content.left
{
	margin-left: 0;
}

#content.right,
body.threeColumn #content.right
{
	margin-right: 0;
	padding-right: 0;
}

body.threeColumn #content
{
	padding-right: 240px;
}

/*****************************
	Header
*****************************/
#header
{
  padding-top: 6px;
	z-index: 50;
	position: relative;
	width: 100%;
}

#smallBasket a.checkout
{
	background-image: url(stylesheet/frontend/../../image/silk/gif/cart_go.gif?1247045435) center right no-repeat;
}

#logoContainer
{
	background-color:#ffffff;
}

/*****************************
	Boxes
*****************************/
div.box
{
	margin-bottom: 5px;
	overflow: visible;
	position: relative;
}

div.box .title
{
  	border-bottom-width: 1px;
  	border-top-width: 1px;
  	padding: 3px;
  	color: #143788;
}

div.box .content
{
  	padding: 5px;
  	overflow: visible;
}

fieldset.container
{
    border: 0;
}



/*****************************
    Tables
*****************************/
.table
{
    border-width: 1px;
}

.table th
{
    padding: 3px;
}

.table td
{
    padding: 4px;
}

/*****************************
	Quick search
*****************************/
#searchContainer
{
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-bottom: 10px;
    padding: 3px 1em;
}

.quickSearch .searchQuery
{
	width: 160px;
}

/*****************************
	Category box
*****************************/
.categories .content
{
    padding: 5px 12px 12px 22px !important;
  	border-bottom-width: 1px;
}

.categories .content a
{
    color: black;
}

.categories li
{
    margin-top: 5px;
}

.categories ul ul
{
    padding-left: 12px;
}

.current ul, .subSubCats
{
    padding-left: 0 !important;
}

.current ul li
{
    padding-left: 20px;
}

/*****************************
	Filters
*****************************/
.filterGroup ul
{
	text-indent: 22px;
	font-size: 90%;
}

.filterGroup ul li a
{
    color: #BB5500;
}

.filterGroup h4
{
	margin-top: 5px;
}

.filterGroup .showAll
{
	background-image: url(stylesheet/frontend/../../image/silk/gif/tag_yellow.gif?1247045435);
}

/*****************************
	Information menu
*****************************/
.informationMenu ul li
{
    margin-bottom: 5px;
}

/*****************************
	Latest news block
*****************************/
.latestNewsSide .date
{
	display: block;
	margin-bottom: 0.5em;
}

/*****************************
	Currency switch
*****************************/
#currency, #language
{
	margin: 3px 3px 0;
}

#currency a, #language a
{
	margin-left: 3px;
}

/*****************************
	Breadcrumb
*****************************/
#breadCrumb
{
	
  font-size: 0.8em;
  padding: 5px 0px 5px 5px;
  background: #fff url(../images/bg_separator.gif) repeat-x bottom left; 
}

#breadCrumb *
{
	display: inline;
}

#breadCrumb a,
#breadCrumb li.last
{
	margin: 0 7px;
}

/*****************************
	Home (index) page
*****************************/
.newsDate
{
    font-style: italic;
}

.newsArchive
{
    padding-top: 1em;
}

ul.news li.newsEntry
{
    padding: 0.5em 0;
    border-bottom-width: 1px;
}

/***************************
	Customer account
***************************/
.newCustomer
{
	float: left;
	width: 55%;

}

.newCustomer label
{
	width: 150px;
	
}

.newCustomer input.text
{
	width: 12em;
	padding: 2px;
}
.newCustomer .required
{
	font-weight:bold;
}

.existingCustomer
{
	float: right;
	width: 43%;
	
}
.existingCustomer .container
{

}
.existingCustomer label
{
	width: 150px;
	padding:5px;
}

.existingCustomer input.text
{
	width: 12em;
	padding: 2px;

}



.memberInformation
{

	
}
.memberInformation .container
{

}

.memberInformation label.title
{
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	width:100%;
}

.memberInformation label
{
	width: 150px;
	padding:5px;
}
	
.memberInformation input.text
{
	width: 12em;
	padding: 2px;

}

.memberInformation select
{

	padding: 2px;

}

.memberInformation .dob_item
{
	position:relative;
	width:100%;
}
.memberChangePassword
{
		
}
.memberChangePassword .container
{
	
}
.memberChangePassword label
{
	width: 150px;
	padding:5px;
}

.memberChangePassword input.text
{
	width: 12em;
	padding: 2px;

}




.userLogin .failed
{
    margin: 0;
}

.forgottenPassword
{
	display:block;
}


/***************************
	User addresses
***************************/
div.address,
div.addressBlock
{
    width: 230px;
}

div.addressBlock
{
    border-width: 1px;
    padding: 5px 10px;
    margin-top: 10px;
    cursor: pointer;
}

div.addressControl
{
    width: 250px;
    margin-bottom: 15px;
    margin-top: 5px;
}

/*************************
	Contact form
*************************/
#contactForm textarea
{
	width: 500px;
	height: 200px;
}

/***************************
	Customization
***************************/
span.templateLocator
{
	display: block;
}

span.templateLocator.activeTpl
{
	border: 2px dotted red;
	position: relative;
	z-index: 2;
	padding: 2px;
}

span.templateLocator span.templateName
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 15px;
	padding: 3px;
	z-index: 100;
	padding-left: 25px;
	background-image: url(stylesheet/frontend/../../image/silk/gif/layout_edit.gif?1247045435);
	background-position: 4px center;
}

span.templateLocator.activeTpl:hover > span.templateName:first-child
{
	display: inline;
}

body 
{
	height: 100%; font-family: Helvetica,Arial,Verdana;
}

h1, h2, h3 
{
	font-family: Helvetica,Arial,Verdana;
	text-transform: uppercase;
}

input.text, select, file, form.other 
{
	font-size: 12px;
}

div#footer 
{
	border-top: 2px dotted #000066;
	padding: 5px 20px; 
	width:95%;
	line-height: 1;
}

#container 
{
	background-color: #ffffff;
}


/***************************
         Dropdown Navigation links
***************************/
/* common styling */


.navLinks 
{
	padding: 0 0 0 0;
	width: 940px; 
	height: 24px;
	color:#ffffff; 
	background:#666666 url(../images/banner-bg.jpg) repeat;
        z-index: 100;
        position: relative;
        margin: 0;
        text-align: center;
        font-size: 18px;
        
}

.navLinks ul li a:link, .navLinks ul li a:visited
{
	font-size: 14px;
	text-decoration: none; 
 	font-family:elvetica,arial; 
 	text-align: center;
 	width: 100px;
	overflow:hidden;
 	display: block;
	position: relative;
	/*background:#A4A4A4; */
	color:#ffffff;
}

.navLinks ul 
{
        padding:0; 
        padding-left: 0;
        margin:0;
        list-style-type: none; 
       /* background:#A4A4A4; */
        color:#ffffff;
}


.navLinks ul li 
{
        float:left; 
        margin-right:0px; 
        position:relative;
       /* background:#A4A4A4; */
        color:#ffffff;
}

.navLinks ul li ul 
{
        display: none;
        width: 200px;
}

.navLinks ul li ul li
{
        width: 140px;
        background: #A4A4A4;
        color:#ffffff;
}

.navLinks a:hover 
{
	color: #ffff00;
	background: #000000;
}

/* specific to non IE browsers*/
.navLinks ul li:hover a {color:#ffffff; background:#000000;height:24px;}
.navLinks ul li:hover ul {display:block; position:absolute; top:19px; left:0; width:105px;}
.navLinks ul li:hover ul li a.hide {background:#A4A4A4; color:#ffffff;font-size: 14px;}
.navLinks ul li:hover ul li:hover a.hide {background:#666666; color:#ffffff;}
.navLinks ul li:hover ul li ul {display: none;}
.navLinks ul li:hover ul li a 
{	display:block; 
	background:#666666; 
	color:#000;
	border:1px solid white;
	width: 205px;
	text-align:left;
	padding: 0 0 0 10;
	font-size: 12px;
}
.navLinks ul li:hover ul li a:hover {background:#666666; color:#ffffff;}
.navLinks ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.navLinks ul li:hover ul li:hover ul.left {left: 0px;}

div.box .title 
{
	border-top: 2px dotted #372823;
	border-bottom: 2px dotted #372823; 
	padding: 8px 0pt 8px 20px; 
	color: #372823; 
	font-family: helvetica,arial; 
	font-size: 12px; 
	font-weight: bold; 
	text-transform: uppercase; 
	background-color: #ffffff; 
	text-align: left;
}

.box 
{
	font-size: 11px;
	text-transform: uppercase;
}

div.box .content 
{
	border: 0pt none;
	padding: 5px 5px 5px 20px; 
	overflow: visible; 
	background-color: #ffffff;
}

/*Content Menu*/
/* common styling */
div.box .section_title
{
	position:relative; 
	background-color: #ffffff;
	font-size: 12px; 
	font-weight: bold;
	color: #372823; 
	font-family: helvetica,arial;
	text-align: left;
	padding: 5px 0px 5px 0px;
}

.leftMenu 
{
	width:106px; 
	position:relative; 
	margin:0px 0; 
	margin-bottom: 80px;
}

.leftMenu ul li a, .leftMenu ul li a:visited {display:block; text-decoration:none; color:#000; width:104px; height:20px; text-align:left; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:19px; padding-left:5px}
.leftMenu ul { margin:0;list-style-type: none; }
.leftMenu ul li {float:left; margin-right:0px; position:relative;}
.leftMenu ul li ul {display: none;}

/* specific to non IE browsers */
.leftMenu ul li:hover a {color:#fff; background:#b3ab79; z-index:100;}
.leftMenu ul li:hover ul {margin-left:5px; display:block; position:absolute; top:0; left:105px; width:105px;z-index:101;}
.leftMenu ul li:hover ul li a.hide {background:#dfc184; color:#000;z-index:102;}
.leftMenu ul li:hover ul li:hover a.hide {width:150px;z-index:103;}
.leftMenu ul li:hover ul li ul {display: none;}
.leftMenu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:150px;z-index:104;}
.leftMenu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.leftMenu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.leftMenu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.leftMenu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}



/*Member Content Menu*/
.hide {display:none;}
.leftMemberMenu {width:80px; height:150px;  position:relative; margin:0px 0;}
.leftMemberMenu ul li a, .leftMemberMenu ul li a:visited {display:block; text-decoration:none; color:#000; width:130px; height:20px; white-space:nowrap; text-align:left; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:19px; padding-left:5px}




#smallBasket 
{
	font-size: 10px;
	float: right; width: 310px; padding-top: 5px; padding-right: 15px; text-align: right;
}
.productGrid img 
{
	border: 5px solid #372823;
	padding: 10px;
}

.productGrid td 
{
	border: 0pt none;
}

fieldset.container 
{
	font-size: 12px;
}


#mainInfo td.param 
{
	text-align: left;
}

#mainInfo .price 
{
	color: #000000;
}

.checkoutButtons 
{
	text-align: right;
}

#expressCheckoutMethods 
{
	padding: 2px 22px;
}

.mailingList 
{
	border-top: 1px solid #cccccc;
	padding-top: 10px; padding-left: 10px; font-size: 11px;
}

.subCategories tr.separator div, .subCategories td.details.verticalSep 
{
	border: 0pt none;
}

#expressCheckoutMethods 
{
	padding: 2px 0px 2px 22px;
}

#relatedProducts 
{
	float: left;
	margin-left: 30px; width: 180px; text-align: center;
}

#relatedProducts h2 
{
	border: 0pt none;
}

#relatedProducts .container img 
{
	border: 5px solid #372823;
	padding: 10px;
}

div#content 
{
	padding-bottom: 30px;
}

#expressCheckoutMethods 
{
	padding: 2px 0px 2px 22px;
}

#leftSide 
{
	margin-bottom: 50px;
}

#expressCheckoutMethods 
{
	padding: 2px 0px 2px 22px;
}

#expressCheckoutMethods 
{
	padding: 2px 0px 2px 22px;
}


/***************************
	Date Picker
***************************/

.date
{
	text-align: center;
	font-size:12px;
}

table .data
{
	border: 2px;
	background-color:#ffffff;
}