
* {
	padding:		0;
	margin:			0;
}

body {
	background:		#831F01;
	font-family:	Verdana;
	font-size:		12px;
	color:			#eee;
	cursor:			default;
}

.clear-both {
	clear:			both;
}

a {
	color:			#cc0001;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a img {
	border:			0;
}

#language-selector ul {
	list-style-image:	none;
	list-style-position:inside;
	list-style-type:	none;
	padding-left:		40px;
	padding-top:		10px;
}

#language-selector ul li {
	display:		block;
	float:			left;
}

#language-selector ul li a {
	display:		block;
	float:			left;
	width:			32px;
	height:			32px;
	outline:		none;
}

.language-icon-en {	background: url(/tfiantje/img/language-flags/en.jpg) no-repeat center center; }
.language-icon-nl { background: url(/tfiantje/img/language-flags/nl.jpg) no-repeat center center; }

#header-logo {
	margin:			10px 0 0 100px;
}

#header-logo a {
	outline:		none;
	text-decoration:none;
}

#header-logo a img {
	border:			0;
}

#header-wrapper {
	background:		url(/tfiantje/img/header-wrapper-background.png) repeat-x left top;
	text-align:		center;
}

#header {
	display:		block;
	margin:			0 auto;
	text-align:		left;
	width:			1000px;
	height:			190px;
	background:		url(/tfiantje/img/header-background.jpg) no-repeat left top;
}

body.black-background #content-wrapper-top { background: url(/tfiantje/img/content-wrapper-top-background-black.png) repeat left top;}
body.red-background #content-wrapper-top { background: url(/tfiantje/img/content-wrapper-top-background-red.png) repeat left top; }
body.white-background #content-wrapper-top { background: url(/tfiantje/img/content-wrapper-top-background-white.png) repeat left top; }

body.black-background #content-wrapper-bottom { background: url(/tfiantje/img/content-wrapper-bottom-background-black.png) no-repeat center bottom; }
body.red-background #content-wrapper-bottom { background: url(/tfiantje/img/content-wrapper-bottom-background-red.png) no-repeat center bottom; }
body.white-background #content-wrapper-bottom { background: url(/tfiantje/img/content-wrapper-bottom-background-white.png) no-repeat center bottom; }



#content-wrapper-bottom {
	text-align:		center;
}

#content {
	margin:			0 auto;
	text-align:		left;
	width:			1000px;
}

body.black-background #content { background: url(/tfiantje/img/content-background-black.png) no-repeat left top;}
body.red-background #content { background: url(/tfiantje/img/content-background-red.png) no-repeat left top; }
body.white-background #content { background: url(/tfiantje/img/content-background-white.png) no-repeat left top; }

#footer-wrapper {
	text-align:		center;
}

body.black-background #footer-wrapper { background: url(/tfiantje/img/footer-wrapper-background-black.png) repeat-x left top; }
body.red-background #footer-wrapper { background: url(/tfiantje/img/footer-wrapper-background-red.png) repeat-x left top; }
body.white-background #footer-wrapper { background: url(/tfiantje/img/footer-wrapper-background-white.png) repeat-x left top; }

#footer {
	display:		block;
	margin:			0 auto;
	text-align:		left;
	width:			1000px;
	height:			117px;
	color:			#dc8d6b;
	font-family:	Tahoma;
	font-size:		14px;
}

#footer a {
	color:			#dc8d6b;
	font-family:	Tahoma;
	font-size:		14px;
	text-decoration:underline;
}

#footer a:hover {
	text-decoration:none;
}

#footer-legal {
	float:			left;
	margin:			18px 0 0 100px;
}

#footer-address {
	float:			left;
	margin:			18px 0 0 80px;
}

#footer-contacts {
	float:			left;
	margin:			18px 0 0 40px;
}

#footer-email {
	float:			left;
	margin:			18px 0 0 40px;
}

#footer-FB {
	float:			left;
	margin:			12px 0 0 40px;
}

#footer-createdby {
	padding:		60px 0 0 100px;
	font-size:		10px;
}

#footer-createdby a {
	font-size:		10px;
}

body.black-background #footer { background: url(/tfiantje/img/footer-background-black.png) no-repeat center bottom; }
body.red-background #footer { background: url(/tfiantje/img/footer-background-red.png) no-repeat center bottom; }
body.white-background #footer { background: url(/tfiantje/img/footer-background-white.png) no-repeat center bottom; }

#menu ul {
	list-style-image:	none;
	list-style-position:inside;
	list-style-type:	none;
	padding-left:		120px;
	padding-top:		22px;
}

#menu ul li {
	display:		block;
	float:			left;
	position:		relative;
}

#menu ul li a {
	display:		block;
	float:			left;
	width:			144px;
	height:			38px;
	line-height:	38px;
	outline:		none;
	background:		url(/tfiantje/img/empty.gif) repeat center center;
	text-align:		center;
	text-decoration:none;
	color:			#fff;
	font-size:		12px;
	font-weight:	bold;
	font-style:		italic;
	font-family:	Verdana;
	text-transform: uppercase;
	margin-right:	3px;
}

#menu ul li.small a {
	width:			100px;
}

#menu ul li a:hover, #menu ul li a.selected {
	background:		url(/tfiantje/img/header-menu-hover.jpg) no-repeat center center;
}

#menu ul li.small a:hover, #menu ul li.small a.selected {
	background:		url(/tfiantje/img/header-menu-hover-small.jpg) no-repeat center center;
}

#menu ul li ul {
	display:		none;
	position:		absolute;
	top:			44px;
	left:			-6px;
	background:		#9D2E00;
	border:			1px solid #111;
	border-top:		0;
	padding:		5px;
	margin:			0;
	z-index:		9999;
	width:			194px;
}

#menu ul li ul li {
	float:			none;
	margin:			0;
	padding:		0;
	text-align:		center;
	height: 20px;
	display: inline;
	line-height: 20px;
	width: 194px !important;
	z-index: 1000;

}

#menu ul li ul li a {
	width:			194px !important;
	float:			none !important;
	margin:			0 auto;
	line-height:20px;
	height: 20px;
	font-weight: normal;
	font-style: normal;
}

#menu ul li ul li.small a {
	width:			100px !important;
}

#menu ul li.small ul li a:hover, #menu ul li ul li a.selected {
/*	background:		url(/tfiantje/img/header-menu-hover.jpg) no-repeat center center !important;*/
	background: #CF5E31;
}

#menu ul li ul li.small a:hover, #menu ul li ul li.small a.selected {
	/*background:		url(/tfiantje/img/header-menu-hover-small.jpg) no-repeat center center !important;*/
}

a.maillink {
	text-decoration: underline;
}

.float-left {
	float:			left;
}

.float-right {
	float:			right;
}

.line-through {
	text-decoration:line-through;
}

#content-inner {
	text-align:		left;
	padding:		60px 40px 60px 80px;
	min-height:		300px;
}

#header-logo h1 {
	display:		none;
}

#promotions h2 {
	font-size:		18px;
	color:			#fff;
	font-family:	Verdana;
	font-weight:	lighter;
}

#login-form {
	text-align:		center;
}

#login-form .login-form, #login-form form {
	display:		block;
	width:			261px;
	height:			120px;
	background:		url(/tfiantje/img/login-form-background.jpg) top left no-repeat;
	text-align:		left;
	margin:			0 auto;
}

#login-form .login-form form {background: none;}

#login-form h2 {
	font-size:		14px;
	font-family:	Verdana;
	color:			#fff;
	margin:			0 10px;
	line-height:	25px;
}

#login-form .content {
	padding-top:	10px;
	font-size:		12px;
	font-family:	Verdana;
	color:			#fff;
	line-height:	25px;
}

#login-form ul.error {
	position:absolute;
top:380px;

}

#login-form table tbody th {
	width:			85px;
	text-align:		right;
	font-weight:	normal;
}

#login-form table tbody td input {
	width:			150px;
	margin-left:	5px;
	border:			1px solid #e8e8e8;
}

#login-form table tfoot td {
	padding:	5px 0 0 10px;
}


#login-form table tfoot td div.float-right input {
	background:		url(/tfiantje/img/login-form-submit-button.jpg) no-repeat left top;
	border:			0;
	width:			60px;
	line-height:	20px;
	height:			20px;
	cursor:			pointer;
}

#login-form .content label {
	font-size:		9px;
	position:		relative;
	top:			-2px;
	cursor:			pointer;
    #position:      static;
    #vertical-align: top;
}

#welcome-text {
	width:			560px;
	float:			left;
	margin-right:	40px;
}

#promotions-wrapper {
	clear:			both;
	text-align:		center;
}

#promotions {
	text-align:		left;
	margin:			0 auto;
	width:			640px;
	margin-bottom:	30px;
	padding-top:	30px;
}

#promotions table th, #promotions table td {
	padding:		2px 5px;
}

#promotions a {
	color:			#fff;
	font-size:		14px;
	font-family:	Verdana;
	text-decoration:none;
}

#promotions a:hover {
	text-decoration:underline;
}

#promotions .line-through {
	color:			#979696;
	margin-left:	10px;
}

#promotions td {
	font-weight:	bold;
	text-align:		center;
	width:			150px;
}

#promotions th {
	font-weight:	normal;
	text-align:		left;
	width:			470px;
}

#promotions table tr.alt th, #promotions table tr.alt td {
	background:		#4E1800;
}

#categories-listing ul {
	list-style-image:	none;
	list-style-position:inside;
	list-style-type:	none;
	width:				300px;
	padding-top:		30px;
}

#categories-listing ul li {
	margin-top:		5px;
	padding:		2px 5px;
}

#categories-listing ul li.alt {
	background:		#4E1800;
}

#categories-listing ul li a {
	line-height:	25px;
	color:			#fff;
	font-size:		15px;
	font-family:	Verdana;
}


#category-products-wrapper {
	text-align:		left;
}

#category-products {
	/*margin:			0 auto;*/
	text-align:		left;
	padding-bottom:	20px;
}

.category .label {
	width:			250px;
	padding-bottom:	10px;
}

.category .subcategory {
	width:			140px;
	text-align:		center;
	padding:	    10px 3px;
	border-left:	1px dotted #666;
}

.product {
	
}

.product .name {
	width:			250px;
	padding-top:	10px;
	border-top:		1px dotted #666;
	padding-bottom:	10px;
}

.product .subcategory-detail {
	width:			140px;
	padding:	    10px 3px;
	text-align:		center;
	border-left:	1px dotted #666;
	border-top:		1px dotted #666;
	cursor:			pointer;
}

.product .subcategory-detail .pricing {
	display:		block;
}

.product .subcategory-detail .extras {
	display:		none;
}

.product .subcategory-detail .actions {
	display:		none;
}

.product .detail-na {
	cursor:			default;
}

.product .highlight-product {
	background:		#333;
}

.category .highlight-subcategory {
	background:		#333;
}

.product .highlight-row {
	background:		#303030;
}

.product .highlight-col {
	background:		#303030;
}

.product .highlight {
	background:		#444;
}

.product .detail-hover {
	background:		#7F2600;
}

.product .detail-helper-opened {
	padding-top:	0;
	cursor:			default;
}

.detail-helper .pricing {
	display:		block;
	text-align:		center;
}

.detail-helper .extras {
	display:		block;
	margin-top:		16px;
}

.detail-helper .extras ul {
	list-style-image:	none;
	list-style-position:inside;
	list-style-type:	none;
	padding-top:		5px;
}

.detail-helper .extras ul li {
	line-height:	22px;
}

.detail-helper .extras ul li label {
	cursor:			pointer;
	position:		relative;
	top:			-2px;
}

.detail-helper .actions {
	display:		block;
	margin-top:		16px;
	text-align:		center;
}

.detail-helper .actions a {
	color:			#fff;
	outline:		none;   
}

.detail-helper .actions a img {
	border:			0;      
}

.detail-helper .actions input {
	border:			1px solid #333;
	width:			30px;
	text-align:		center;
	position:		relative;
	top:			-3px;
}

.detail-helper .actions input.comment {
	width: 100px;
	text-align: left;
}

.open-detail {
	display:		none;
}

.detail-helper {
	position:		absolute;
	border:			1px solid #666;
	background:		#7F2600;
	z-index:		999;
	display:		none;
}

.detail-helper .container {
	padding-top:	20px;
	padding-bottom:	10px;
	padding-left:	8px;
	padding-right:	8px;
}

.detail-helper .close-detail {
	position:		absolute;
	top:			0;
	right:			0;
}

.detail-helper .width-helper {
	width:			130px;
}

#basket table {
	margin-top:		10px;
	margin-bottom:	20px;
}

#basket table .col-id { width: 40px; }
#basket table .col-product { width: 350px; }
#basket table .col-extras { width: 200px; }
#basket table .col-price { width: 60px; }
#basket table .col-quantity { width: 60px; }
#basket table .col-subtotal { width: 60px; }

#basket table th, #basket table td {
	line-height:	25px;
	padding:		2px 5px;
}

#basket table tr.alt th, #basket table tr.alt td {
	background: 	#4E1800;
}

#basket table thead th { text-align: right; }
#basket table thead th.col-id { text-align: left; }
#basket table thead th.col-product { text-align: left; }
#basket table thead th.col-extras { text-align: left; }

#basket table tbody td { text-align: right; }
#basket table tbody td.col-id { text-align: center; }
#basket table tbody td.col-id a { text-decoration: none; position: relative; top: 3px; }
#basket table tbody td.col-id a img { border: 0; }
#basket table tbody td.col-product { text-align: left; }
#basket table tbody td.col-extras { text-align: left; }
#basket table tbody td.col-quantity { text-align: center; }
#basket table tbody td.col-quantity input { border: 1px solid #333; width: 40px; text-align: center; }

#basket table tfoot th { text-align: right; }
#basket table tfoot td { text-align: right; }

#ajax-spinner {
    position: fixed;
    _position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
	background: white url(/tfiantje/img/spinner.gif) no-repeat 50% 50%;
	padding: 15px;
	border: 2px solid #CCC;
	z-index: 10000;
	
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px;
}

.flash, .info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 5px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    /*font-family:Arial, Helvetica, sans-serif;*/ 
    font-size: 13px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px;
	opacity: 0.9;
	border: none !important;

}
.info {
    color: #00529B;
    background-color: #C6DBFF;
    background-image: url(/tfiantje/img/info.png);
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(/tfiantje/img/success.png);
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(/tfiantje/img/warning.png);
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(/tfiantje/img/error.png);
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(/tfiantje/img/warning.png);
}


#order-preview table {
	margin-top:		10px;
	margin-bottom:	20px;
}

#order-preview table .col-id { width: 40px; }
#order-preview table .col-product { width: 350px; }
#order-preview table .col-extras { width: 200px; }
#order-preview table .col-price { width: 60px; }
#order-preview table .col-quantity { width: 60px; }
#order-preview table .col-subtotal { width: 60px; }

#order-preview table th, #order-preview table td {
	line-height:	25px;
	padding:		2px 5px;
}

#order-preview table tr.alt th, #order-preview table tr.alt td {
	background: 	#4E1800;
}

#order-preview table thead th { text-align: right; }
#order-preview table thead th.col-id { text-align: left; }
#order-preview table thead th.col-product { text-align: left; }
#order-preview table thead th.col-extras { text-align: left; }

#order-preview table tbody td { text-align: right; }
#order-preview table tbody td.col-id { text-align: center; }
#order-preview table tbody td.col-id a { text-decoration: none; position: relative; top: 3px; }
#order-preview table tbody td.col-id a img { border: 0; }
#order-preview table tbody td.col-product { text-align: left; }
#order-preview table tbody td.col-extras { text-align: left; }
#order-preview table tbody td.col-quantity { text-align: center; }
#order-preview table tbody td.col-quantity input { border: 1px solid #333; width: 40px; text-align: center; }

#order-preview table tfoot th { text-align: right; }
#order-preview table tfoot td { text-align: right; }

#submenu {
	list-style-image:	none;
	list-style-position:inside;
	list-style-type:	none;
	padding:			0;
	display:			block;
}

#submenu ul li {
	display:		block;
	float:			left;
	padding:		2px 5px;
}

#submenu ul li a {
	color:			#fff;
}
    
dl dd {
	clear:		both;
	float:		left; 
}

dl dt {
	float:			left;
	margin-left:	10px;
}
   
dl {
	clear:		both; 
} 


dl.acount dd {
    float: left;
    padding: 0 10px 0 0;
    clear: left;
}

dl.acount dd span {padding: 0 0 0 10px;}

dl.acount dt {
    float: none;
    margin: 0;
}

dl.last {
    padding: 0 0 40px 0;
}

#orders-preview table {
	margin-top:		10px;
	margin-bottom:	20px;
}

#orders-preview table .col-id { width: 40px; }
#orders-preview table .col-product { width: 350px; }
#orders-preview table .col-extras { width: 200px; }
#orders-preview table .col-price { width: 60px; }
#orders-preview table .col-quantity { width: 60px; }
#orders-preview table .col-subtotal { width: 60px; }

#orders-preview table th, #orders-preview table td {
	line-height:	25px;
	padding:		2px 5px;
}

#orders-preview table tr.alt th, #orders-preview table tr.alt td {
	background: 	#4E1800;
}

#orders-preview table thead th { text-align: left; }

#orders-preview table tbody td { text-align: left; }
#orders-preview table tbody td a { text-decoration: underline; }
#orders-preview table tbody td a img { border: 0; }
#orders-preview table tbody td.price { text-align: right; }


#delivery-address table { padding-top: 20px; }
#delivery-address table th { line-height: 25px; width: 120px; }
#delivery-address table td { line-height: 25px; width: 200px; }


#change-password table { padding-top: 20px; }
#change-password table th { line-height: 25px; width: 120px; }
#change-password table td { line-height: 25px; width: 200px; }

.bigger {font-size: 16px}

/** { behavior: url(iepngfix.htc); }*/ 
