.nugget {
	background-color:#FFF;
	width:157px;
	margin-bottom:10px;
	}


.nugget_top {
	display:block;
	background-image: url(img/top_nugget_background.gif);
	background-repeat:no-repeat;
	color:#FFF;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
    font-weight:bold;
	padding-left:7px;
	padding-top:3px;
	}

.nugget_content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	border-style:solid;
	border-color:#524941;
	border-width:1px;
	border-top-width:0px;
	border-bottom-width:0px;
	color: #524941;
	width:147px;
	padding:9px 3px 9px 5px;
	overflow:hidden;
	background-color: #FEFEFE;
    }
    
.nugget_bottom {
    display:block;
	background-image:url(img/bottom_nugget_background.gif);
	background-repeat:no-repeat;
	height:4px;
    }
    

.nugget_content p{
	padding-left:.5em;
	padding-right:.5em;
    }
	
.nugget_content th{
background-color:#EBEBEB;
font-weight: normal;
    }


.login .nugget_top{
	display:block;
	background-image: url(img/login_header.gif);
	background-repeat:no-repeat;
	color:#FFF;
	height:20px;
    font-weight:bold;
	padding-left:7px;
	padding-top:1px;
	}

.login .nugget_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	background-color: #FEFEFE;
	border-style:solid;
	border-color:#9D9082;
	border-width:1px;
	border-bottom-width:0px;
	overflow:hidden;
	padding-left:5px;
	color: #524941;
	width:147px;    
	}

.login .nugget_bottom {
	background-image:url(img/bottom_login_nugget.gif);
	background-repeat:no-repeat;
	height:4px;
	}

/*H3 inside the login nugget must be white */
.login .nugget_content h3{
    padding-top:3px;
    padding-bottom:0px;
	color:#FFFFFF;
    }
/*Styles for the links */

.shopping_cart .nugget_top {
	display:block;
	background-image: url(img/shopping_header.gif);
	background-repeat:no-repeat;
	color:#FFF;
	height:20px;
    font-weight:bold;
	padding-left:7px;
	padding-top:1px;    
	}

/****************************************/
/* special offers nugget */
.special_offers .nugget_top {
	display:block;
	background-image: url(img/specialoffer_header.gif);
	background-repeat:no-repeat;
	color:#FFF;
	height:20px;
    font-weight:bold;
	padding-left:7px;
	padding-top:1px;
	}

/**************************/
/**********END LAYOUT SECTION *******************************************/

/* GENERAL STYLES SECTION*/ 


/*divs that clear floated elements - with or without noticeable height */
.clearFixPlain, .clearfixplain {
	clear:both;
	height:0.1px;
	font-size:0.1px;
	border-style: none;
    }

/*******************END CONTAINER SECTION ********************************/

/*styles for the buttons used throught the shop */
.orangeButton{
    background-image:url(img/button_orange_medium.gif);
    background-repeat:no-repeat;
    background-color:transparent;
    width:63px;
    border-style:none;
	font-size:11px;
	color:#FFF;
    padding:1px;
    cursor:pointer;
	text-align:center;
    }


.blueButton {
	background-image:url(img/button_blue_medium.gif);
	background-repeat:no-repeat;
    background-color:transparent;
    border-style:none;
	width:63px;
	font-size:11px;
	color:#FFF;
    padding:1px;
    cursor:pointer;
	text-align:center;
    }

.blueButtonSmall {
    background:url(img/button_blue_small_light.gif);
    background-repeat:no-repeat;
    background-color:transparent;
    width:50px;
    border-style:none;
	font-size:11px;
	color:#FFF;
    padding:1px;
    cursor:pointer;
    }

.blueButtonBig {
	background-image:url(img/button_blue_big.gif);
	background-repeat:no-repeat;
    background-color:transparent;
    text-align:center;
    text-decoration:none;
    border-style:none;
	width:78px;
	font-size:11px;
	color:#FFF;
    padding:1px;
    cursor:pointer;
    }
 
 .blueButtonBigger {
	background-image:url(img/button_blue_bigger.gif);
	background-repeat:no-repeat;
    background-color:transparent;
    text-align:center;
    text-decoration:none;
    border-style:none;
	width:100px;
	font-size:11px;
	color:#FFF;
    padding:1px;
    cursor:pointer;
    }
    
/*buttons in the login nugget use a different style, as they no longer have the white background */

.login .nugget_content input.blueButtonBig {
	background-image:url(img/button_blue_big.gif);
	background-repeat:no-repeat;
    background-color:transparent;
    text-align:center;
    text-decoration:none;
    border-style:none;
	width:78px;
	font-size:11px;
	color:#FFF;
    padding:1px;
    cursor:pointer;
    }



.login .nugget_content .blueButton {
	background-image:url(img/button_blue_medium_nowhite.gif);
	background-repeat:no-repeat;
    background-color:transparent;
    text-align:center;
    border-style:none;
	width:65px;
	font-size:11px;
	color:#FFF;
    padding:1px;
    cursor:pointer;
    }
/*****************************************/


.menu a,.menu a:link,.menu a:visited,.menu {
	font-weight: bold;
	display: block;
	width: 100%;
/*	font-size: 14px; */
	text-decoration: none;
	color: #9D9082;
	padding: 0px 2px 0px 4px;

}
.menu a:hover {
/*	font-weight: normal;
	font-size: 14px; */
	color: #877C65;
	background-color: #EBEBEB;
	padding: 0px 2px 0px 4px;
}
.menu a.catlevel1 {
	font-weight: bold;
	font-size: 12px;
	padding: 0px 2px 0px 4px;
}
.menu a.catlevel1_sel {
	font-weight: bold;
	font-size: 12px;
	background-color: #EBEBEB;
	padding: 0px 2px 0px 4px;
}
.menu a.catlevel2_sel {
	font-weight: normal;
	font-size: 11px;
	background-color: #ECECEC;
	padding: 0px 2px 0px 10px;
}
.menu a.catlevel2 {
	font-weight: normal;

	font-size: 11px;
	padding: 0px 2px 0px 10px;
}



/* how the links for the categories inside the nuggets look like */

.nugget a.menuLink:link, .nugget a.menuLink:visited{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:.5em;
    padding-bottom:1px;
    padding-top:1px;
    display:block;
    text-decoration:none;
    height:1.5em;
    }
/*
.nugget a.menuLink:hover {
    font-size: 14px;
	text-decoration: none;
    color:#FFFFFF;
    }

all links inside the login nugget must be white */
.login .nugget_content a{
	color: #C28F10;
	}


/*links with button styles on them */
a.orangeButton:link, a.orangeButton:visited{
	display:block;
    color:#FFF;
    text-decoration: underline;
	}

a.blueButtonSmall:hover, a.blueButtonSmall:link, a.blueButtonSmall:visited, a.blueButtonBig:hover, a.blueButtonBig:link, a.blueButtonBig:visited, a.blueButton:hover, a.blueButton:link, a.blueButton:visited {
	display:block;
	color: white;
	text-decoration: underline;
	text-align:center;
	}
/*container for the navigation bar */

.productNavigationBar {
    margin-top:.5em;
    text-align:right;
	font-size:14px;
    }


/*how links inside the navigation bar are spaced */
.productNavigationBar * {
    padding-left:3px;
    }

.productNavigationBar  a:link, .productNavigationBar  a:visited, .productNavigationBar  a:hover {
	font-size:14px;
    font-weight:bold;
	text-decoration:none;
    }       

/*how the various forms within the site should look and act like */

/*the main search form displayed on the page header blue bar */

/*style for the form container */
.search_form {
	padding-top:4px;
	padding-bottom:2px;
    border-style:none;
    border-width:0px;
    margin:0px;
    }

/*general definition of the input elements inside the search form */
.search_form input {
	border-style:none; /*set the border style to none - this removes the raised effect*/
    border-color:#333;
    border-width:1px;
	color:#000;
    }

/* style for the textfield where keywords are entered*/

.search_form input.searchText {
    width:103px; 
    }

/*style for the submit button - sets a background and foreground color */
.search_form input.startSearch {
    background-image:url(img/button_orange_small.gif);
	background-color:transparent;
    width:48px;
    height:16px;
    color:#FFFFFF;
    margin-right:4px;
    padding-bottom:2px;
    cursor:pointer;
    }

/*Login form styles */
/*main form container */
.loginForm {
	padding-top:10px;
	padding-bottom:2px;
	margin:0px 2px 0px 0px;
	color:#FFF;
	width:147px; /*the form width must be smaller than the nugget that contains it -  */
    }
form.loginForm td.alignedRight{
	text-align:right;
	}
/*all input elements inside the login form */
.loginForm input{
	border-style:none; /*remove the border on elements */
    margin-bottom:5px;
	color:#000; /*and the text color */
	width:70px; /*each input can be 70px wide */
	font-size:12px;
    }

/* the remember me checkbox has some different properties - like the border and margin */
.loginForm input.rememberMe {
	width:auto;
	
    border:0px;
    margin-left:1px;
    margin-bottom:1px;
    padding:0px;
    }

/*the submit button */
.loginForm input.submitButton {
    background:url(img/button_blue_small.gif);
    background-repeat:no-repeat;
    width:50px;
	background-color:#9D9082;
	color:#FFF;
    margin-top:5px;
    margin-left:5px; margin-right:0px;
    cursor:pointer;
    }


/*forms within the my account and checkout sections */
.myAccountForm table.noBorder td, .myAccountForm table.noBorder th{
	border-style:none;
    padding-left:5px;
    padding-right:5px;
    }



.myAccountForm {
	border-style:solid;
	border-width:1px;
	border-color:#9D9082;
	width:70%;
    }

.myAccountForm .noBorder, .noBorder {
    border-style:none;
    }

.myAccountForm .myAccountTable input.bigTextField, .myAccountForm select {
	width: 16em;
	border-width:1px;
	border-style:solid;
	border-color:#9D9082;
	height: 1.35em;
	padding-left: 0.3em;
    }

.myAccountForm .myAccountTable textarea.bigTextField {
	width: 16.4em;
	border-width:1px;
	border-style:solid;
	border-color:#9D9082;
	padding-left: .3em;    
    overflow:auto;
    }

* html .myAccountForm .myAccountTable textarea.bigTextField {
    width:16em;
    }

.myAccountForm input.orangeButton, .myAccountForm input.spaced {
    margin:.7em;
    }


.myAccountForm input.regular {
    margin:0em;
    vertical-align:middle;
    }

.myAccountForm .noBorder input.orangeButton {
    margin:0p;
    padding:0;
    }
    
body .myAccountForm select {
	padding: 0;
	width: 16.35em;
	margin: 0;
    }

.myAccountForm select option {
	padding: 0;
	margin: 0;
    }

.myAccountForm .myAccountTable input.smallTextField, input.smallTextField, select.smallTextField {
	border-width:1px;
	border-style:solid;
	border-color:#8D8D8D;
    }

.myAccountForm input.singleRowButton {
	margin:10px;
    }

.myAccountForm input.selectRow{
	width: auto;
    }

.myAccountForm .withBorder  .myAccountTable td, .myAccountForm .withBorder  .myAccountTable th{
    border-style:solid;	
	border-color:#9D9082;
	border-width:1px 1px 1px 1px;
    }


/*style to be applied when displaying an old price, which is no longer valid*/
.oldPrice {
    color:red;
    text-decoration:line-through;
    font-family:Verdana;
	}
/*styles for the tables within nuggets - used for the shopping cart, wish list, etc. */

.nugget_content table {
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
    }

.login .nugget_content table {
	padding-left:0px;
	}

/*styles for the tables in product details and my account sections */
    
.myAccountTable {
	text-align:left;
	font-size:14px;
    border-collapse:collapse;
    margin-bottom:5px;
    }

.myAccountTable .noBorder {
    border-style:none;
    }

.myAccountTable th, .myAccountForm .withBorder .myAccountTable th {
    border-style:solid;	
	border-color:#9D9082;
	border-width:1px 1px 1px 1px;
	background-color:#EBEBEB;
    color:#9D9082;
    text-align:center;    
    padding:5px;
    vertical-align:top;
    }

.myAccountTable td label {
	background-color:#EBEBEB;
    vertical-align:top;
	display: block;
	padding:.15em .5em;
	font-size:14px;
    }

.myAccountTable td {
	border-style:solid;
    vertical-align:top; 
	border-color:#9D9082;
	border-width:1px 1px 1px 1px;
    padding:5px;
    }

.myAccountTable tr.bottom {
	background-color:red;
    }

.noBorder .myAccountTable  td label{
	border:solid 1px #9D9082;
    height:1.1em;
    padding:.1em .3em;
    }

/* how a form inside the nugget body looks like */

.nugget_content form{
    font-size:1em;
    padding:0px;
    margin:0px;
	}

/***********************************************/



/*divs used to display the nuggets buttons - for one or two buttons 
 * after using the two buttons layout, you must add a br with the class = clearFixPlain
*/

.buttonLeft {
	width:auto;
    height:auto;
	float:left;
    padding-bottom:5px;
	}

/*div for the right half */
.buttonRight {
	width:auto;
	float:right;
	text-align:right;
    padding-bottom:5px;
	}


/*MX Kollection inherited styles */
div.KT_operations {
    display:inline;
    }

/*div where the tNG errors are displayed for each field */

.autoLeft {
    width:75px;
    float:left;
    padding:0;
    margin:0;
    overflow:HIDDEN;
	}

.autoRight {
    width:15px;
    text-align:right;
    float:right;
    padding:0;
    margin:0;
    overflow:hidden;
	}

.form_validation_field_error_error_message{
    overflow:hidden;

	}

.nugget_content table td img {
    padding-right:5px;    
	}

tr.bottomBordered td{
    border-bottom:solid 1px silver;
	}
.binding {
    padding:0px;
    margin:0px;
    }

.hint {
    color:white;
    text-align:right;
	}

/*MX Kollection styles */
	.KT_field_error {
		color: #993300;
	}
	.KT_field_hint {
		color:#524941;
		font-size: 10px;
	}
    
/* The server-side error displaying */
/* topmost error div */
#KT_tngerror {
	padding: 5px 10px 5px 50px;
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #993300;
	font-size: 12px;
	border:1px solid red;
	background-color:#FFFFE4;
	background-image:url(img/error.gif);
	background-repeat:no-repeat;
	background-position:left;
	}

/* trace container ( iniitally collapsed), and "Submit this to InterAKT... " area */
#KT_tngdeverror, #KT_tngtrace {
	padding: 5px 10px 5px 5px;
	margin:5px;
	border:1px solid black;
	font-family:Courier, sans-serif;
	font-size: 12px;
	background-color:#FAFAFA;
	}

	/* alignment and borders for the form submit buttons */
	#KT_tngdeverror #KT_needhelp {
		text-align: right;
	}

	#KT_tngdeverror label, #KT_tngtrace label {
		display: block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
	}

	#KT_tngtrace ul {
		padding-left:10px;
		margin-left:10px;
	}

	#KT_tngtrace_details {
		display: none;
	}

#KT_tngwarning {
	padding: 10px 10px 10px 50px;
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #524941;
	font-size: 12px;
	border:1px solid blue;
	background-color:#FCF1D8;
	background-image:url(img/warning.gif) ;
	background-repeat:no-repeat;
	background-position:left;
	}

/* The client-side error displaying */

	/* How the label should change on error */
	.form_validation_field_error_label {
		/* color:#cc0000; */
	}

	/* How the input's container (TD) should change on error */
	.form_validation_field_error_container {
		/* border: 2px solid black; */
	}

	/* How the input textfield should change on error */
	.form_validation_field_error_text {
		/* border:2px solid #cc0000; */
	}

	/* The actial error message style */
	.form_validation_field_error_error_message {
		color:#993300;
		font-weight: bold;
		clear:left;
	
	}
	form.form_validation_form_error table {
		xborder: 2px solid red;
	} 
    
    
a:link img, a:visited img, a:hover img {
    border-style:none;
    
	}

.KT_required {
    color:#993300;
	}

/*overwriting the nextensio KT_Operations style */

div.KT_bottombuttons div.KT_operations {
    text-align:right;
	}
        
.subTitle {
    font-size:1.2em;
	}

.title {
    font-size:1.4em;
	}


* html .myAccountForm div {
    margin-left:.7em;
	}    

.th {
	font-weight:bold;
	}

.nugget_content th, .nugget_content td {
	font-size:12px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.nugget_content table tr {
    border-bottom:solid 1px silver;
	}
a.catlevel2 {
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
	padding: 0px 0px 0px 20px;
	}
a.catlevel2_sel{
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
	padding: 0px 0px 0px 20px;
	text-decoration:none;
	}
.manufacturer .nugget_content .buttonRight {
	margin-right:12px;
	}

.productImage {
    margin-top:0px;
	width:105px;
	float:left;
    height:105px;
    overflow:hidden;
    }

.productLeftLinks a:link,  .productLeftLinks a:visited, .productLeftLinks a:hover{
    font-size:12px;
color:#9D9082;
	}

.fixedTableCell {
	width:147;
	overflow:hidden;
}
.fixed {
	width:82px; 
	overflow:hidden;
}

/* 
 * Overwrite for default MX Kollection styles 
*/

.KT_tngtable th, .KT_tngtable td.KT_th {
	border: 0 !important;
	background-color: white !important;
	font-weight: normal !important;
	vertical-align: top;
}

.KT_tngtable thead *>th {
	border:0 !important;
}

/* the plain cells   */
.KT_tngtable td {
	border: 0 !important;
	vertical-align: top; 
	background-color: #FFFFFF !important;
}
.KT_buttons td {
	border-top: 0 !important;
	padding:0 !important;
	background-color: #FFFFFF !important;
	text-align: default !important;
}

	.KT_tngtable input, .KT_tngtable select {
		font-size: 14px !important;

	}

	.KT_tngtable textarea {
		font-size: 14px !important;
	}
	
.button_big, 
.button_small, 
.button_smallest, 
.KT_tngtable tbody tr.KT_buttons input, 
#KT_tngdeverror input, 
#KT_tngtrace input, 
.KT_tngtable th.KT_sorter input, 
.KT_row_filter_submit_button, 
.KT_tnglist .KT_tngtable tbody tr input, 
.KT_tnglist .KT_tngtable #KT_selAll, 
.KT_bottombuttons input, 
.KT_topbuttons input {
	border: 0 !important;
	font-size: 11px !important;
	font-weight: normal !important;
	background-color: transparent !important;
	margin-right: 0 !important;
	padding:0 !important;
}