/* LAYOUT */

body 
{
	background:url(/images/layout/body-bg.gif);
	font-family:Helvetica, Arial;
	font-size:8pt;
	margin:0;
}

a 
{
	color:Black;
	
}

form
{
	margin:0;
	padding:0;
}

div.left { float:left; }
div.right { float:right; }
div.clear { clear:both; }
a img { border:0; }



#outer-container 
{
	margin:0 auto;
	width:980px;
}

div.print 
{
	display:none;
}



/*********** TOP BAR *********************************************************/

#top-bar 
{
	background:url(/images/layout/top-bar-bg.gif);
	height:96px;
}

#path-trace 
{
	padding-bottom:5px;
}

#logo
{
	float:left;
}

#path-trace a
{
	text-decoration:none;
	color:Black;
}

#filter-search-container 
{
    padding-left:140px;
    padding-top:10px;
}

#product-filter-container 
{
	margin:28px 0 0 0;
	float:left;
	width:480px;
}

#product-search-container 
{
	float:right;
	margin: 37px 0 0 0;
}

#product-search-container form 
{
    margin:0;
    padding:0;
}

#product-search-container input.textbox
{
	width:100px;
	border:solid 1px White;
}

#product-search-container a
{
	font-size:10pt;
	text-decoration:none;
	color:Black;
	font-weight:bold;
}

/*********** TOP BAR END *****************************************************/






/*********** TOP NAVIGATION START ********************************************/


#top-navigation
{
	padding:5px 10px 0 10px;
}

#top-navigation ul 
{
	margin:0;
	padding:0;
}

#top-navigation ul li 
{
	display:inline;
	
}

#top-navigation ul ul
{
	display:none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index:100;
}

#top-navigation ul li:hover ul,
#top-navigation ul li.hover ul
{
	display:block;
}

#top-navigation ul ul li a
{
	background:#f4eb1a;
	border:0;
	display:block;
	padding:3px 0 3px 5px;
	width:150px;
}

#top-navigation ul ul a:hover
{
	background:#ddd515 url(/images/layout/arrow-left.gif) no-repeat center right;
	color:Black;
	font-weight:bold;
}

#top-navigation li 
{
    position:relative;
}

#top-navigation li ul li
{
    display:block;
}

#top-left-navigation ul li a,
#top-right-navigation ul li a
{
	border-right:solid 1px Black;
	padding-left:5px;
	padding-right:5px;
}

#top-left-navigation li a:hover,
#top-right-navigation li a:hover
{
	color:Green;
}

#top-navigation ul li.last a
{
	border-right:0;
	padding-right:5px;
	padding-left:5px;
}

#top-navigation ul li a
{
	text-decoration:none;
	color:Black;
}

#top-left-navigation 
{
	float:left;
}

#top-right-navigation 
{
	float:right;
}

/*********** TOP NAVIGATION END *********************************************/






/*********** LEFT BAR START **************************************************/


#left-bar
{
	background: transparent url(/images/layout/left-bar-bg.gif) no-repeat bottom left;
	float:left;
	height:522px;
	width:139px;
}

#left-bar #product-types-container 
{
	background:#c0cf00;
}


/*********** LEFT BAR END ****************************************************/






/*********** SMALL SHOPPING BASKET START *************************************/

#basket 
{
	background:#c0cf00 url(/images/layout/left-bar-header-bg.gif) no-repeat top left;
	height:70px;
	padding-top:50px;
}

#basket #basket-content 
{
	padding:5px 10px 4px 12px;
}

#basket a 
{
	margin-left:11px;
}

#basket-total-price 
{
	float:right;
}

#basket-items-text
{
	float:left;
}

/*********** SMALL SHOPPING BASKET END ***************************************/






/*********** PRODUCT TYPES START *********************************************/

#product-types-container 
{
}

#product-types-container ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

#product-types-container ul li
{
	border-bottom:solid 1px #f4eb1a;
}

#product-types-container ul li a
{
	display:block;
	text-decoration:none;
	color:Black;
	padding:2px 0 3px 10px;
}

#product-types-container ul li a:hover
{
	background-color:#f4eb1a;
}

/*********** PRODUCT TYPES END ***********************************************/






/*********** CONTENT START ***************************************************/

#content 
{
	float:left;
	width:688px;
}

.container-with-right-bar
{
	width:477px;
	float:left;
	margin:10px 0 10px 0;
	padding-left:10px;
}

.container-without-right-bar 
{
	margin:10px 10px 0 10px;
}

/*********** CONTENT END *****************************************************/






/*********** CONTENT SIDEBAR START *********************************************/

#content-sidebar 
{
	width:162px;
	float:right;
	background:#f4eb1a url(/images/layout/content-sidebar-bg.gif) no-repeat;
	position:relative;
	padding:0 10px 0 20px;
	height:528px;
}

#content-sidebar p 
{
	margin:0;
	padding:8px 0;
}


#content-sidebar-header 
{
	background:url(/images/layout/logo-footer.png) no-repeat;
	width:220px;
	height:30px;
	position:absolute;
	z-index:100;
	top:0;
	left:-14px;
}

* html #content-sidebar-header /* IE6 Hack*/
{
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/logo-footer.png", sizingMethod="crop");
}


#content-ecology 
{
	padding-top:50px;
}

#content-sidebar-competition 
{
	padding-top:40px;
}

#content-sidebar-competition 
{
	padding-top:40px;
}

#content-sidebar-news 
{
	padding:35px 15px 0 5px;
	line-height:9pt;
	color:White;
}

#content-sidebar-news div.news-item 
{
	padding-bottom:8px;
}

#content-sidebar-news a 
{
	color:White;
	text-decoration:none;
}

#content-sidebar-news a:hover
{
	color:#666666;
}

#content-sidebar-news div.date
{
	color:#574d00;
	font-weight:bold;
}

#content-sidebar-news div.link
{
	height:25px;
	overflow:hidden;
}

/*********** CONTENT SIDEBAR END *********************************************/






/*********** PRODUCT COLLECTIONS BAR START ***********************************/

#product-collections-bar
{
	width:153px;
	float:right;
	background-color:#f4eb1a;
}

#product-collections-bar img
{
	display:block;
}

/*********** PRODUCT COLLECTIONS BAR END *************************************/






/*********** FOOTER START ****************************************************/

#footer 
{
	background-color:#f4eb1a;
	height:30px;
}

#footer a 
{
	color:Black;
	text-decoration:none;
}


#footer a:hover
{
	color:Green;
}

#footer #credit-cards 
{
	float:left;
	padding:3px 0 0 3px;
}

#footer #contant-info 
{
	padding-left:90px;
	float:left;
	padding-top:7px;
	font-size:8pt;
}

#footer #newsletter
{
	float:right;
	background:url(/images/layout/footer-newsletter-bg.gif) no-repeat;
	padding:5px 5px 5px 15px;
	width:400px;
}

#footer #newsletter .textbox 
{
	border:solid 1px White;
	font-size:8pt;
	vertical-align:top;
	margin-left:40px;
	width:135px;
}

#footer #newsletter a
{
	text-decoration:none;
	margin-right:30px;
	color:#5e5907;
	font-size:8pt;
	font-weight:bold;
}

/*********** FOOTER END ******************************************************/






/*********** ROUND CORNERS CONTAINER START ***********************************/

.round-corners .top-left {
    background:url(/images/layout/round-corners-box.png) no-repeat top left;
    _background:url(/images/layout/round-corners-box.gif) no-repeat top left; /* IE6 */
    width:15px;
    height:15px;
    font-size:1px;
}

.round-corners .top-right 
{
	background:url(/images/layout/round-corners-box.png) no-repeat top right;
    _background:url(/images/layout/round-corners-box.gif) no-repeat top right;
    width:20px;
    height:15px;
    font-size:1px;
}

.round-corners .bottom-right {
    background:url(/images/layout/round-corners-box.png) no-repeat bottom right;
    _background:url(/images/layout/round-corners-box.gif) no-repeat bottom right;
}

.round-corners .bottom-left {
    background:url(/images/layout/round-corners-box.png) no-repeat bottom left;
    _background:url(/images/layout/round-corners-box.gif) no-repeat bottom left;
}

.round-corners .top-center {
    font-size:1px;
}

.round-corners .top-center,
.round-corners .bottom-center,
.round-corners .middle-left,
.round-corners .middle-center,
.round-corners .middle-right {
    background:White;
}

.round-corners .bottom-center {
    height:20px;
}

.round-corners .middle-center {
    vertical-align:top;
    height:473px;
    margin:0;
    padding:0;
}

.round-corners .middle-center h2 
{
	padding:5px 10px;
    background-color:Black;
	font-size:12pt;
    color:White;
}

/*********** ROUND CORNERS CONTAINER END *************************************/






/*********** ROUND BUTTONS START *********************************************/

.round-button {
	cursor:pointer; 
	cursor:hand; 
	line-height:23px;
	background:url(/images/layout/button-bg.gif) no-repeat right top;
	padding-right:28px; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
	color:White;
	font-weight:bold;
	font-family:Arial;
	font-size:8pt;
}

.round-button span { 
	background:url(/images/layout/button-bg.gif) no-repeat left top;
	height:25px;
	display:block;
	display:inline-block;
	padding-left:15px; 
	text-decoration:none;
}

.black-forward { background:url(/images/layout/button-bg.gif) no-repeat right top; }
.black-forward span { background:url(/images/layout/button-bg.gif) no-repeat left top; }

.red-forward { background:url(/images/layout/button-bg.gif) no-repeat right -25px ; }
.red-forward span { background:url(/images/layout/button-bg.gif) no-repeat left -25px ; }

.yellow-forward { background:url(/images/layout/button-bg.gif) no-repeat right -50px; }
.yellow-forward span { background:url(/images/layout/button-bg.gif) no-repeat left -50px; }

.yellow-backward
{
	background:url(/images/layout/button-bg.gif) no-repeat left -75px;
    padding-left:20px;
    padding-right:0;
}

.yellow-backward span
{
    background:url(/images/layout/button-bg.gif) no-repeat right -75px;
    padding-left:5px;
    padding-right:20px;
}

.yellow-blank
{
	background:url(/images/layout/button-bg.gif) no-repeat left -100px;
    padding-left:20px;
    padding-right:0;
}

.yellow-blank span
{
    background:url(/images/layout/button-bg.gif) no-repeat right -100px;
    padding-left:5px;
    padding-right:20px;
}

.yellow2-forward { background:url(/images/layout/button-bg.gif) no-repeat right -125px; }
.yellow2-forward span { background:url(/images/layout/button-bg.gif) no-repeat left -125px; }

.yellow3-forward { background:url(/images/layout/button-bg.gif) no-repeat right -150px; }
.yellow3-forward span { background:url(/images/layout/button-bg.gif) no-repeat left -150px; color:#666666; }

.yellow-forward-small 
{
	background:url(/images/layout/button-yellow-small.gif) no-repeat right top;
	padding-right:15px;
}

.yellow-forward-small span
{
	background:url(/images/layout/button-yellow-small.gif) no-repeat left top;
	height:15px;
	line-height:15px;
	padding-left:5px;
}


/*********** ROUND BUTTONS END ***********************************************/






/*********** NICE FORMS START ************************************************/

.select-container 
{
    width:200px;
    float:left;
    margin-right:5px;
    background-color:White;
}

.select-container .options 
{
    border:solid 1px Silver;
    clear:both;
}

.select-container .options ul 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

.select-container a 
{
    text-decoration:none;
    font-family:Arial;
    font-size:8pt;
    color:Black;
    border-color:Blue;
}

div.select-container div.options a 
{
    display:block;
    padding:3px 0 3px 5px;
    color:Red;
    height:1%;
}

.select-container .options li a:hover 
{
    background:#efee00;
    color:Black;
}


.select-container a.selected-text 
{
    display:block;
    padding:1px 10px 1px 5px;
    background:url(/images/layout/arrow-down.gif) no-repeat center right;
    height:1%;
}	

.select-container li.selected a 
{
    background-color:White;
}

.select-container .options 
{
    background-color:#eee;
    width:200px;
}

/*********** NICE FORMS END **************************************************/






/*********** NICE FORMS SPECIFICS START **************************************/

#select-for-filter-size,
#select-for-filter-size .options {
    width:90px;
}

#select-for-filter-type,
#select-for-filter-type .options {
    width:150px;
}

#select-for-filter-gender,
#select-for-filter-gender .options {
    width:70px;
}

/*********** NICE FORMS SPECIFICS END ****************************************/





/*********** USED BY ProductList.ascx START **********************************/

.product-list-container
{
    /*margin:10px 0 10px 10px;*/
	padding:10px 0 0 10px;
	margin-bottom:10px;
}


div#no-products-found 
{
	background:url(/images/layout/small-card-with-green-border-bg.gif) no-repeat center bottom;
	width:280px;
	height:130px;
	margin:0 auto;
	padding:100px 20px 20px 30px;
	
	
}

div#no-products-found p 
{
	font-weight:bold;
	margin:0;
	padding:20px 0 30px 0;
}


* html div#no-products-found /* IE6 Hack*/
{
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/product-card-bg.png", sizingMethod="crop");
}

div#no-products-found h1 
{
	font-size:15pt;
	padding:40px;
}

/*********** USED BY ProductList.ascx END ************************************/







/*********** AVAILABLE SIZES BAR START ***************************************/

div.available-sizes-bar span 
{
	color:#8f8f8f;
}

div.available-sizes-bar ul 
{
	margin:0;
	padding:3px 0;
}

div.available-sizes-bar li
{
	background:url(/images/layout/available-sizes-bar-bg.gif) no-repeat -11px 0px;
	border-right:solid 1px #b8b8b8;
	color:#8f8f8f;
	display:inline;
	font-size:7pt;
	list-style-type:none;
	padding:3px 4px 2px;
}

div.available-sizes-bar li.first
{
	background:url(/images/layout/available-sizes-bar-bg.gif) no-repeat top left;
	padding-left:7px;
}

div.available-sizes-bar li.single,
div.available-sizes-bar li.single-not-available
{
	background:url(/images/layout/available-sizes-bar-bg.gif) no-repeat top left;
	border:0;
	padding:0 0 0 5px;
	margin:0;
	height:20px;
}

div.available-sizes-bar li.single span,
div.available-sizes-bar li.single-not-available span
{
	background:url(/images/layout/available-sizes-bar-bg.gif) no-repeat top right;
	padding:3px 5px 2px 0;
}

div.available-sizes-bar li.single-not-available span
{
	text-decoration:line-through;
}

div.available-sizes-bar li.last
{
	background:url(/images/layout/available-sizes-bar-bg.gif) no-repeat top right;
	border-right:0;
	padding-right:7px;
}

div.available-sizes-bar li.not-available 
{
	background:url(/images/layout/available-sizes-bar-bg.gif) no-repeat bottom center;
}


div.available-sizes-bar li.first-not-available 
{
	background:url(/images/layout/available-sizes-bar-bg.gif) no-repeat bottom left;
	padding-left:7px;
}


div.available-sizes-bar li.last-not-available 
{
	background:url(/images/layout/available-sizes-bar-bg.gif) no-repeat bottom right;
	border-right:0;
	padding-right:7px;
}

/*********** AVAILABLE SIZES BAR START ***************************************/







/*********** PRODUCT CARD START **********************************************/

div.product-card 
{
	width:320px;
	height:157px;
	*height:147px; /* IE6 and IE7 hack */
	float:left;
	padding:10px 5px 0 6px;
	margin-right:7px;
	*margin-right:5px;
	background:url(/images/layout/product-card-bg.png) no-repeat top center;
	
	/* IE6 only hack */
	_background:url(/images/layout/product-card-bg.gif) no-repeat top center;
}

div.product-card a.round-button 
{
	font-size:7pt;
}

div.product-card div.more-info-container 
{
	float:right;
	margin-top:43px;
}

div.product-card div.icon-container
{
	float:left;
	margin-top:10px;
}

div.product-card div.price-container
{
	font-family:Arial;
	font-weight:bold;
	font-size:8pt;
	margin-bottom:5px;
}

div.product-card span.before
{
	color:Silver;
	margin-left:10px;
}

div.product-card span.now
{
	margin-left:5px;
}

div.product-card div.picture 
{
	float:right;
}

div.product-card div.picture img
{
	width:155px;
	height:135px;
}

div.product-card div.details 
{
	float:left;
	width:180px;
	padding-left:3px;
}

div.product-card h2 
{
	background:;
	color:Black;
	font-size:8pt;
	margin:0;
	padding:0;
}

/*********** PRODUCT CARD END ************************************************/







/*********** RECOMMENDED PRODUCTS START **************************************/

#recommended-products 
{
	margin:0;
	width:670px;
	margin-left:8px;
	margin-bottom:10px;
}

#recommended-products div.icons 
{
	padding:0px 0 0 260px;
	margin-bottom:20px;
}

#recommended-products div.footer 
{
	height:15px;
	background:url(/images/layout/recommended-products-bg.gif) no-repeat bottom;
}

#recommended-products div.inner-container 
{
	background:url(/images/layout/recommended-products-bg.gif) no-repeat top;
	border-bottom:solid 1px White;
	padding:5px;
	padding-top:0;
}

#recommended-products div.recommended-product-card 
{
	width:154px;
	float:left;
	padding:5px;
        height:205px;
}

#recommended-products p
{
	font-size:8pt;
	font-weight:bold;
	margin:0;
	padding:0;
}

#recommended-products div.recommended-product-card div.price-container
{
	font-size:8pt;
}

#recommended-products div.recommended-product-card div.price-container span.before
{
	color:#999999;
}

/*********** RECOMMENDED PRODUCTS END ****************************************/







/*********** NEWSLETTER START ***************************************************/

div#newsletter-view 
{
	background:url(/images/layout/small-card-with-green-border-bg.gif) no-repeat center;
	width:280px;
	height:140px;
	padding:20px 15px 20px 25px;
	
	margin:80px auto;
	font-size:8pt;
}

div#newsletter-view h3 
{
	margin:0;
	padding:5px 0 15px 0;
	font-size:8pt;
}


div#newsletter-view h3.center
{
	margin:0;
	padding:60px 0 0 0;
	text-align:center;
}

/*********** NEWSLETTER END ***************************************************/





/*********** SITEMAP START ***************************************************/


/*
div#sitemap-view a
{
	text-decoration:none;
	color:Black;
}

div#sitemap-view a:hover
{
	text-decoration:underline;
	color:Green;
}
*/
div#sitemap-view 
{
	margin-bottom:10px;
}


div.sitemap-container a 
{
	text-decoration:none;
	color:Black;
}

div.sitemap-container ul
{
	margin:0;
	padding:0 0 0 100px;
}

div.sitemap-container ul li 
{
	list-style-type:none;
}

div.sitemap-container ul.level-0 li a
{
	margin:0 0 4px 0;
	padding:2px 0 2px 15px;
	display:block;
	background:#f3eb1a url(/images/layout/arrow-right.gif) no-repeat;
	font-weight:bold;
}

div.sitemap-container ul ul
{
	margin:0 0 10px 0;
	padding:0;
	background-color:White;
	
}

div.sitemap-container ul ul li 
{
	background-color:White;
}

div.sitemap-container ul.level-1 li a 
{
	display:block;
	background-color:White;
	margin:0 0 0 100px;
	padding:2px 0 2px 5px;
	background:White none;
	font-weight:normal;
}

div.sitemap-container ul ul li a:hover
{
	background-color:#ded516;
	text-decoration:none;
	color:Black;
	background:#ddd515 url(/images/layout/top-navigation-selected-bg.gif) no-repeat center right;
}

div.sitemap-container li.no-children-level-0
{
	padding-bottom:20px;
	
}



/*********** SITEMAP END *****************************************************/




/*********** FEEDBACK START **************************************************/

div#feedback-view form div
{
	margin:0;
	padding:0;
	margin-right:130px;
	text-align:right;
}

div#feedback-view textarea
{
	width:99%;
	height:200px;
	border:solid 1px Black;
	margin-bottom:5px;
}

div#feedback-view div.content
{
	padding-left:10px;
}



/*********** FEEDBACK END ****************************************************/








/*********** NEWSARCHIVE START ***********************************************/

div#news-archive-view 
{
	
}

div#news-archive-view h3
{
	margin:0 0 0 110px;
	padding:2px 0 2px 15px;
	background-color:Red;
	font-size:8pt;
	font-weight:bold;
	background:#f3eb1a url(/images/layout/arrow-right.gif) no-repeat;
}

div#news-archive-view ul
{
	margin:0;
	padding:0 0 20px 200px;
}

div#news-archive-view ul li
{
	list-style-type:none;
	margin:5px 0;
}

div#news-archive-view ul li a
{
	display:block;
	text-decoration:none;
	padding:2px 5px;
}

div#news-archive-view ul li a:hover
{
	background:#ddd515 url(/images/layout/arrow-left.gif) no-repeat 100% 90%;
}


/*********** NEWSARCHIVE END *************************************************/







/* SEARCH */


div#search-view div.product-results 
{
	padding:10px 0 0 10px;
}

div#search-view div.page-results 
{
	padding:10px 10px 10px 10px;
}

div#search-view div.page-results td.middle-center 
{
	height:auto;
}















#page-view a 
{
	color:Black;
	text-decoration:none;
}


#page-view a:hover
{
	color:#666666;
}