body
{
	margin: 0px;
	padding: 0px;
	background: #f6e7b1;
	font-family: Arial, Sans-Serif;
	color: #753614;
	font-size: 11px;
}


.cleaner
{
	clear: both;
}


/* @group containers */

#mainContainer
{
	width: 924px;
	margin: 0px auto;
}

/*logo and home*/

#smallHeader
{
	width: 875px;
	padding-left: 9px;
	padding-right: 40px;
}

#logo
{
	float: left;
}

#topLinks
{
	float: left;
	padding-top: 20px;
}


/*Main header*/

#mainHeader
{
	width: 875px;
	height: 239px;
	padding: 0px 40px 0px 9px;
	background: url(../images/mainheader.jpg);
}


#topLinks
{
	width: 643px;
	height: 45px;
	float: left;
	padding: 0px;
}


#topLinks ul
{
	display: block;
	width: 643px;
	height: 45px;
	margin: 0px;
	padding: 0px;
}


#topLinks ul li
{
	display: block;
	float: left;
	height: 25px;
	text-align: center;
	padding: 20px 0px 0px 0px;
}


#topLinks ul li a
{
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}

#topLinks ul li a:hover
{
	text-decoration: underline;
}


.info
{
	width: 157px;
}

.contact
{
	width: 117px;
}

.terms
{
	width: 158px;
}

.faq
{
	width: 211px;
}

#loginForm
{
	width: 232px;
	float: right;
	padding: 20px 0px 0px 0px;
}

#loginForm a
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #f6e7b1;
}


.textLogin
{
	width: 199px;
	height: 35px;
	border: none;
	background: url(../images/butTxt.jpg) no-repeat top left;
	font-size: 11px;
	font-weight: bold;
	color: #36140d;
}


.textSubmit
{
	width: 94px;
	height: 27px;
	border: none;
	background: url(../images/butSubmit.jpg) no-repeat top left;
	font-size: 12px;
	color: #ffffff;
	padding: 0px;
}


/*Content */

#content
{
	width: 924px;
	background: url(../images/bg_content.gif) repeat-y top left;
}


h1
{
	font-size: 20px;
	font-weight: bold;
	color: #f57b20;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}


#contentLeft
{
	width: 614px;
	float: left;
	padding-left: 29px;
}

#contentRight
{
	width: 281px;
	float: right;
}


#photos
{
	width: 260px;
	height: 225px; /*	float: left;*/
	background: url(../images/photoContainer.jpg) no-repeat top left;
	padding: 26px 0px 0px 11px;
}


#slider
{
	width: 221px;
	height: 200px;
	overflow: hidden;
}

#slider ul
{
	width: 221px;
	height: 200px;
	display: block;
	margin: 0px;
	padding: 0px;
}

#slider ul li
{
	width: 221px;
	height: 200px;
	float: left;
	display: block;
}

#vordeleen
{
	float: right;
	width: 333px;
	padding-left: 10px;
}

span.brown
{
	color: #38150f;
	font-weight: bold;
}

/* @end */


span.prevBtn
{
	display: block;
	float: left;
}

span.nextBtn
{
	float: right;
}


#footer
{
	width: 924px;
	height: 48px;
}

.vertBox
{
	width: 281px;
}

.vertBoxTop
{
	width: 281px;
	height: 18px;
	background: url(../images/topBox.jpg) no-repeat top left;
}


.vertBoxMiddle
{
	width: 251px;
	background: url(../images/boxMiddle.jpg) repeat-y top left;
	padding: 5px 15px 5px 15px;
}

.vertBoxBottom
{
	width: 281px;
	height: 18px;
	background: url(../images/boxBottom.jpg) no-repeat top left;
}


.vertBox h1
{
	color: #000;
}


.vertBox a
{
	color: #ee9d2d;
	text-decoration: underline;
}

.order
{
	display: block;
	position: absolute;
	z-index: 10;
	margin: 158px 0px 0px 520px;
	width: 133px;
	height: 107px;
}


/* @group pagecustom */

#mainHeaderInside
{
	width: 865px;
	height: 54px;
	padding: 0px 50px 0px 9px;
	background: url(../images/hederInside.gif);
}


#boxPreview
{
	width: 578px;
	height: 275px;
	padding: 13px;
	background: url(../images/boxPreview.gif) no-repeat top left;
}

#contentLeft .vertBox
{
	float: left;
}


#contentLeft .vertBoxTop
{
	width: 281px;
	height: 18px;
	background: url(../images/topBoxa.jpg) no-repeat top left;
}


#contentLeft .vertBoxMiddle
{
	width: 251px;
	background: url(../images/boxMiddlea.jpg) repeat-y top left;
	padding: 5px 15px 5px 15px;
}

#contentLeft .vertBoxBottom
{
	width: 281px;
	height: 18px;
	background: url(../images/boxBottoma.jpg) no-repeat top left;
}

#boxYellow
{
	width: 359px;
	height: 259px;
	background: url(../images/boxYellow.gif) no-repeat top left;
	padding: 10px;
	float: left;
}


#boxUpdate
{
	float: left;
	width: 186px;
	padding-left: 10px;
}

#boxUpdate h2
{
	font-size: 16px;
	color: #38150f;
}

.activeStep
{
	display: block;
	float: left;
	height: 35px;
	padding: 10px 10px 0px 10px;
	text-align: center;
	color: #fff;
	background: #f57b20;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

a.activeStep
{
	display: block;
	height: 35px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	color: #fff;
	background: #f57b20;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.inactiveStep
{
	display: block;
	float: left;
	height: 35px;
	padding: 10px 10px 0px 10px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

a.inactiveStep
{
	display: block;
	height: 35px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}


.inactiveAdmin
{
	display: block;
	float: left;
	height: 15px;
	padding: 10px 3px 0px 3px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

span.login
{
	float: right;
	display: block;
	height: 35px;
	padding-top: 10px;
}
input.smalltext
{
	width: 147px;
	height: 26px;
	border: none;
	background: url(../images/textSmall.png) no-repeat top left;
	font-size: 11px;
	font-weight: bold;
	color: #36140d;
	margin: 0px;
}

.innerPages
{
	width: 840px;
	padding: 0px 55px 0px 29px;
	margin: 0px;
}


/*admin*/

#contentAdmin
{
	width: 820px;
	margin-top: 0px;
	margin-left: 30px;
	font-size: 12px;
}


table.admin td.adminHeading
{
	color: #fff;
	background: #f57b20;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

table.admin td
{
	background: #f6e7b1;
	color: #000;
}

a.edit
{
	float: right;
	display: block;
	display: block;
	height: 19px;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/file_edit.png) no-repeat top left;
	padding-left: 24px;
	padding-top: 5px;
}

a.delete
{
	float: right;
	display: block;
	display: block;
	height: 19px;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/remove.png) no-repeat top left;
	padding-left: 24px;
	padding-top: 5px;
}

a.buttons
{
	display: block;
	background: url(../images/updatepreview.png) no-repeat top left;
	width: 145px;
	height: 22px;
	text-align: center;
	margin-top: 2px;
	padding-top: 5px;
	font-size: 11px;
	border: none;
	text-decoration: none;
	text-transform: uppercase;
}

/*
Start css from Daniel
*/

span.error
{
	float: none;
	color: red;
	padding-left: .5em;
	vertical-align: top;
}

.version
{
	color: #E0D4B1;
	background-color: #f6e7b1;
}

.config_label
{
	color: #000000;
	font-weight: bold;
}

a.poza, div.poza
{
	display: block;
	float: left;
	width: 65px;
	height: 55px;
}

#p_colors
{
	width: 214px;
	height: 110px;
	display: block;
	overflow: auto;
}

#faq
{
	cursor: pointer;
	cursor: hand;
}

.required
{
	color: #ff0000;
	font-weight: bold;
}

div.flash
{
	margin-top: 8px;
	border: 2px solid;
	font-size: 1.1em;
	margin-bottom: 12px;
	padding: 4px 4px 4px 30px;
}

div.flash.notice
{
	background: url(../images/true.png) 8px 5px no-repeat;
	background-color: #dfffdf;
	border-color: #9fcf9f;
	color: #005f00;
}

div.flash.error
{
	background: #FFE3E3 url(../images/false.png) no-repeat scroll 8px 5px;
	border-color: #DD0000;
	color: #550000;

}

#p_materials {line-height: 1.4em;}

input[type=radio], label[for], #p_materials label, select, #materials  label{ cursor: hand; cursor: pointer;}
input[type=radio] {vertical-align: middle; margin: 0 3px;}
label {padding: 5px;}


input.bestelNews
{
	cursor: hand;
	cursor: pointer;
	width: 146px;
	height: 27px;
	background: url(../images/bestel.jpg) no-repeat top left;
	text-align: center;
	font-size: 11px;
	color: white;
	text-align: center;
	border: 0px;
}

.updatepreview
{
	cursor: hand;
	cursor: pointer;
	width: 146px;
	height: 27px;
	border: 0px;
	background: url(../images/updatepreview.png) no-repeat top left;
	color: #38150e;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
	padding-top: 0px;
}

a.back
{
	display: block;
	background: url(../images/updatepreview.png) no-repeat top left;
	width: 145px;
	height: 22px;
	text-align: center;
	margin-top: 2px;
	padding-top: 5px;
	font-size: 11px;
	border: none;
	text-decoration: none;
	text-transform: uppercase;
}

.anchor
{
	cursor: pointer;
	cursor: hand;
}

label.error
{
	float: none;
	color: red;
	padding-left: .5em;
	vertical-align: top;
}

dt
{
	cursor: pointer;
	cursor: hand;
	background: url(../images/toggle_plus.gif) no-repeat top left;
	text-indent: 20px;
	height: 16px;
	width: 450px;
	padding: 3px 0 0 0;
	margin: 7px 0 7px 0;
}

.opened {background: url(../images/toggle_minus.gif) no-repeat top left;}

#faq-list li {list-style-type: none;}

.hidden
{
	visibility: hidden;
	height: 0px;
}

.visible
{
	visibility: visible;
	height: 100%;
}

.underlined
{
	text-decoration: underline;
}

a
{
	color: #000;
}

h2
{
	font-size: 14px;
}

h2.orange a
{
	color: #f57b20;
}

p.titlu
{
	font-weight: bold;
	font-size: 12px;
}

a.up
{
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #753614;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	line-height: 12px;
}

.over
{
	background-color: #F6E7B1;
	font-weight: bold;
}
.out
{
	background-color: none;
}

.required
{
	color: #ff0000;
	font-weight: bold;
}

em
{
	color: #ff0000;
	font-weight: bold;
	vertical-align: middle;
}


.left
{
	width: 135px;
	float: left;
	padding: 7px 0px 0px 7px;
	min-height: 24px;
}

.right
{
	width: 200px;
	float: left;
	padding: 5px;
	min-height: 24px;
}

.error_container
{
	color: #f00;
	float: left;
	padding: 5px;
	display: block;
	text-align: right;
	vertical-align: middle;
}

.clear
{
	float: none;
	clear: both;
	height: 0px;
}

.row
{
	background-color: none;
	display: block;
	min-height: 32px;
	max-width: 520px;
}

.leftContent
{
	padding-left: 5px;
	float: left;
	width: 510px;
}

.rightContent
{
	float: right;
	width: 320px;
	padding-top: 50px;
}

.loggedUser
{
	color: #F6E7B1;
	display: block;
	float: right;
	height: 35px;
	padding: 10px 10px 0px 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.boolColumn
{
	text-align: center;
	padding: 5px;
}

#contentAdmin h2
{
	margin: 0px;
}

.pagination
{
	/* Complete box */
	background-color: #F6E7B1;
	font-size: small;
}

.pagination a
{
	/* links */
	color: red;
}

.disabled
{
	/* disabled "buttons" */
	color: purple;
}

.current
{
	/* current page */
	color: blue;
}

.boxlid, .crayon 
{
	color: #000;
	cursor: pointer;
	border: 1px solid #333;
	float: left;
	font-family: Fixed, monospace;
	margin: 1px;
	text-align: center;
	width: 1em;
}

.orderButton
{
	float: left;
	margin-left: 80px;
}