/*  layout styles */ 

/* holy grail 3 column layout */

	/* column container */
	.homepage_mainwrapper {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    	clear:both;
	 /*  float:left; */
	    width:960px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.homepagelayout {
	    background-color:transparent;    	/* Right column background colour */
	}
    .homepagelayout .homepage_mainwrapper2 {
        float:left;
        width:200%;
        margin-left:-273px; 	/* Width of right column */
        position:relative;
        right:100%;
        background-color:transparent;    	/* Centre column background colour */
    }
    .homepagelayout .homepage_center_wrapper {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:273px;         	/* Left column width + right column width */
        background-color:transparent;    	/* Left column background colour */
    }
    .homepagelayout .homepage_center_wrapper2 {
        float:left;
	    width:50%;
	    position:relative;
	    right:0px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.homepagelayout .homepage_center {
        margin:0px 273px 0px 15px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .homepagelayout .homepage_left {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:0px;       	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .homepagelayout .homepage_right {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:188px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:67px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
    
    <!--[if lt IE 7]>
    .homepage_center {
	    width:100%;
	}
    <![endif]-->

	/* column container */
	.subpage_mainwrapper {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
  /*  float:left; */
    width:960px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.subpagelayout {
	    background-color:transparent;    	/* Right column background colour */
	}
    .subpagelayout .subpage_mainwrapper2 {
        float:left;
        width:200%;
        margin-left:-273px; 	/* Width of right column */
        position:relative;
        right:100%;
        background-color: #FFFFFF;   	/* Centre column background colour */
		border: 1px #e5b83e solid;
    }
    .subpagelayout .subpage_center_wrapper {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:288px;         	/* Left column width + right column width */
        background-color:transparent;    	/* Left column background colour */
    }
    .subpagelayout .subpage_center_wrapper2 {
        float:left;
	    width:50%;
	    position:relative;
	    right:15px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.subpagelayout .subpage_center {
        margin:0px 273px 0px 15px;      	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .subpagelayout .subpage_left {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:15px;       	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .subpagelayout .subpage_right {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:188px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:67px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
    
    <!--[if lt IE 7]>
    .subpage_center {
	    width:100%;
	}
    <![endif]-->


/*  layout styles */ 

#container {
	width: 100%;  
	margin: 0; 
	padding: 0;
	background-color:#fef9f1;
	text-align: left;
}


#container_real {
	width: 960px;  
	text-align: left;
	background-color:#fef9f1;
}

#header {
	width: 100%;
	min-height: 280px;
	background-color: #fef9f1;	
	background-image:url('/gui/header-bg-pattern2.png');
	background-position: 960px 0;
	background-repeat:no-repeat;
}

#header_real {
	width: 960px;
	height: 160px;
	background-color: #fef9f1;	
	position: relative;
	background-image:url('/gui/header.png');
	background-position: 0px 0px;
	background-repeat:no-repeat;
	clear:both;
}

#logo {
	width: 250px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 20px;
	text-align:left;
	float: left;
}

#header_right {
	width: 660px;
	float: left;
	text-align:right;	
}


#footer {
	margin-top: 20px;
	width:100%;
	background-image:url('/gui/footer-bg-pattern.png');
	background-color: #fef9f1;
	text-align: left;
}


#footer_real {
	width: 960px;
	height: 99px;
	position: relative;
}

#footer_left {
	width: 180px;
	height: 99px;
	float: left;
}

#footer_center {
	width: 400px;
	height: 99px;	
	float: left;
	text-align: center;
}

#footer_right {
	width: 380px;
	height: 99px;
	float: left;
	background-image:url('/gui/footer-bg-right.png');
}

#disclaimer {
	width: 150px;
	padding-left: 30px;
	padding-top: 15px;
	text-align:left;
}

#disclaimer p {
	text-align:left;	
}


#auxmenu {
	width: 560px;
	text-align:right;
	padding-top: 10px;
	padding-right: 0px;
}

#textmenu {
	width: 370px;
	text-align:center;
	padding-top: 30px;
	padding-left: 15px;
	padding-right: 15px;
}

#poweredby {
	width: 196px;
	text-align:center;
	padding-top: 15px;
	padding-left: 107px;
	padding-right: 67px;
	position: relative;
}

#mainmenucontainer {
	width: 960px;
	position:relative;
}

#mainmenucontainer2 {
	width: 734px;
	height: 64px;
	float: left;
	background-image:url('/gui/bg-mainmenu.png');
}

#mainmenu {
	margin-top: 10px;
	width: 734px;
	height: 64px;
}

#homelink {
	float: left;
	width: 124px;
	height: 34px;
	background-image:url('/gui/bg-homelink.gif');
	padding-left: 40px;
	padding-right: 62px;
	padding-top: 22px;
	padding-bottom: 44px;
	text-align: center;
	margin-bottom: 0px;
}

#homelink a.homemenu, #homelink a.homemenu:link, #homelink a.homemenu:active, #homelink .homemenu:visited {
	font-size: 10pt;
	font-family: Trebuchet MS;
	font-weight: bold:	
	text-decoration:none;
	color: #FFFFFF;
}

#homelink a.homemenu:hover {
	text-decoration: underline;
	color:#e5b83e;
}

#main {
	width: 620px;
	background-color: #FFFFFF;
	min-height: 520px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: left;
}

#breadcrumbs {
	width: 720px;
	position:relative;
	padding: 4px;
	padding-left: 22px;
	background-color: transparent;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;	
}

/*  box styles */ 

.sidebox_left {
	width: 188px;
	margin-bottom: 15px;
}


.sidebox_right {
	width: 188px;
	margin-bottom: 15px;
}

.sidebox_title1 {
	width: 127px;
	height: 23px;
	background-image:url('/gui/bg-boxtitle1.png');		
	padding-left: 10px;
	padding-right: 50px;
	padding-top: 3px;
	padding-bottom: 14px;	
	margin-bottom: 10px;
}


.sidebox_title2 {
	width: 67px;
	height: 21px;
	background-image:url('/gui/bg-boxtitle2.png');		
	padding-left: 10px;
	padding-right: 110px;
	padding-top: 5px;
	padding-bottom: 14px;	
	margin-bottom: 10px;
}

.sidebox_title3 {
	width: 167px;
	height: 23px;
	background-image:url('/gui/bg-boxtitle3.png');		
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 14px;	
	margin-bottom: 10px;
}


.sidebox_content {
	background-color: #f5e0ad;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 10px;
	padding-right: 10px;
}

.sidebox_content2 {
	background-color: #FFFFFF;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 10px;
	padding-right: 10px;
}

.sidebox_content ul {
	margin: 0px;
	padding-top: 0px;	
	padding-bottom: 0px;	
	padding-left: 25px;
}

.sidebox_content ul li {
	padding: 3px;
	padding-left: 0px;
	list-style-image: url(/gui/bullet.png);
}

.sidebox_title1 p {
	margin: 0px;
	padding: 0px;
}

.sidebox_title2 p {
	margin: 0px;
	padding: 0px;
}

#hpbox_left {
	float:left;
	z-index: 2;
	width: 182px;
	min-height: 320px;
	text-align: left;
	padding: 15px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #f5e0ad;
}

#hpbox_center {
	float:left;
	z-index: 2;
	width: 212px;
	min-height: 400px;
	text-align: left;
	padding: 0px;
	margin-left: 18px;
	margin-right: 18px;
	background-color: #FFFFFF;
}

#nivoslider_hp_kv {
	width: 212px;
	float: none;
	min-height: 400px;
	padding:0;
	margin:0;
}


#hpbox_right {
	float:left;
	z-index: 2;
	width: 180px;
	min-height: 320px;
	text-align: left;
	padding: 15px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FFFFFF;
	border: 1px #e5b83e solid;
}

/*  body & links */ 

body {
	width:100%;
	margin: 0px;
	background-color:#fef9f1;
	font: 9pt Arial;
	color:#111111;
	text-decoration: none;
	padding: 0;
}

p, #main {
	line-height: 150%;
}

a, a:link, a:active, a:visited {
	color:#900220;	
	text-decoration: underline;
}

a:hover {
	color:#111111;
	text-decoration: underline;
}


h1 {
	font-family: Trebuchet MS;
	color: #900220;
	font-size: 18pt;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;	
}

h2 {
	font-family: Trebuchet MS;
	color: #900220;
	font-size: 14pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;	
}

h3 {
	color: #900220;
	font-family: Trebuchet MS;
	font-size: 11pt;
	font-weight: bold;
	margin: 0px;	
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;	
}

h4 {
	color: #ebc34e;
	font-family: Trebuchet MS;
	font-size: 11pt;
	font-weight: bold;
	margin: 0px;	
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;	
}

.txt {
	font: 9pt Arial;
}

.txtSEO {
	font-weight: bold;
}


#main p a, #main p a:link, #main p a:active, #main p a:visited, #main ul li a, #main table tr td a {
	color:#900220;	
	font-size: inherit;
	text-decoration: underline;
}

.clearfloat { 
	clear:both;
	 height:0;
	 font-size: 1px;
	 line-height: 0px;
}

.txtLarge {
	font-size: 10.5pt;	
}

.txtMedium {
	font-size: 8.5pt;	
}


.txtSmall2 {
	font-size: 8pt;	
}

.txtTiny {
	font-size: 7pt;	
}

.txtAlt1 {
	font-family: Times;
	font-style: italic;	
}

.txtSmall {
	font-size: 7.5pt;	
}

.txtSmallLight {
	font-size: 7.5pt;	
	color: #666666;
}

/*  text styles - navigation */ 


.txtAuxMenu {
	font-size: 9pt;
	color:#900220;
}

.txtAuxMenu a, .txtAuxMenu a:link, .txtAuxMenu a:visited, .txtAuxMenu a:active {
	font-size: 8.5pt;
	text-decoration: none;
	font-weight: bold;
	color: #900220;
}

.txtAuxMenu a:hover {
	text-decoration: underline;
}

.txtTextMenu {
	font-size: 8.5pt;
	color:#222222;
	line-height: 11pt;
}

.txtTextMenu a, .txtTextMenu a:link, .txtTextMenu a:visited, .txtTextMenu a:active {
	color: #222222;
	text-decoration: none;
}

.txtTextMenu a:hover {
	color: #900220;
	text-decoration: underline;
}

.txtBreadcrumbs {
	font-size: 8pt;
	color:#111111;
	line-height: 10pt;	
	padding: 0px;
	margin: 0px;
}



/*  text styles - texts */ 

.txtDisclaimer {
	font-size: 8pt;
	color:#222222;
	text-decoration: none;
}

.txtNewsDate {
	color: #958869;
	font-size: 7.5pt;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

.txtNewsTitle, .txtNewsTitle a, .txtNewsTitle a:link, .txtNewsTitle a:active, .txtNewsTitle a:visited {
	color: #900220;
	font-size: 12pt;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*  text styles - boxes */ 

.TDonline {
	background-color: #900220;
	font-weight: bold;
	color: #FFFFFF;
}

.txtBoxTitleHP {
	color: #900220;
	font-family: Trebuchet MS;
	font-size: 12pt;
	font-weight: bold;
	margin: 0px;	
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.txtBoxContentsHP, .txtBoxContentsHP p {
	font-size: 8pt;
}

.txtBoxContentsHP p {
	font-size: 8pt;
}


.txtBoxTitle {
	color: #FFFFFF;
	font-family: Trebuchet MS;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

.txtBoxContents {
	color: #111111;
	font-size: 8pt;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

.txtNewsDateBox {
	color: #958869;
	line-height: 100%;
	font-size: 7.5pt;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

.txtNewsTitleBox, .txtNewsTitleBox a, .txtNewsTitleBox a:link, .txtNewsTitleBox a:active, .txtNewsTitleBox a:visited {
	color: #900220;
	font-size: 9pt;
	line-height: 130%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.txtNewsTitleBox a:hover {
	color: #111111;
}

.txtNewsTeaserBox {
	color: #111111;
	line-height: 130%;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 8px;
}

/*  text styles - catalog */ 


/* colors */ 

.tblColor1 {
	background-color: #caaf9a;
}


/*  button styles */ 

.button {
	background-color:#521a00;
	border-style: solid;
	border-width: 0px;	
	border-color: #521a00;	
	color: #FFFFFF;
	font-size: 8.5pt;
	font-weight: bold;
	padding: 3px;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 3px;
	margin-bottom: 0px;
	cursor:pointer;
}

.button_big {
	background-color:#521a00;
	border-style: solid;
	border-width: 0px;	
	border-color: #521a00;	
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	padding: 3px;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	cursor:pointer;
}

.button_small {
	font-family: Trebuchet MS;
	background-color: #900220;
	border: 0px none;
	color: #FFFFFF;
	font-size: 7pt;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 3px;
	margin-bottom: 3px;
	cursor:pointer;
	text-transform: lowercase;
}

.button_small_alt {
	font-family: Trebuchet MS;
	background-color: #FFFFFF;
	border: 0px none;
	color: #111111;
	font-size: 7pt;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 3px;
	margin-bottom: 3px;
	cursor:pointer;
	text-transform: lowercase;
}

/*  other styles */ 

hr {
	width: 100%;
	height: 1px;
	line-height: 1px;
	border-style: none;
	border-width: 0px;	
	background-color: #900220;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;		
}


.hr1 {
	width: 100%;
	height: 1px;
	line-height: 1px;
	border-style: none;
	border-width: 0px;	
	background-color: #900220;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;		
}

.hr2 {
	width: 100%;
	height: 1px;
	line-height: 1px;
	border-style: none;
	border-width: 0px;	
	background-color: #f5e0ad;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;		
}

.floatleft {
	float:left;	
}

.floatright {
	float:right;	
}

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