/* ----- reset ----- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 11px;
    font-family: Verdana;
    vertical-align: baseline;
    text-align: left;
}

:focus 
{
    outline: 0;
}

body 
{
    line-height: 1;
    color: black;
    background: white;
}

ol, ul 
{
    list-style: none;
}

table 
{
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td 
{
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after 
{
    content: "";
}

blockquote, q 
{
    quotes: "" "";
}
/* ----- milkbox ----- */
#mbOverlay 
{
    position: absolute;
    left: 0;
    width:100%;
    background-color: #000;
    z-index:100;
    cursor: pointer;
}

#mbCenter 
{
    position: absolute;
    z-index:101;
    overflow:hidden;
    left: 50%;
    top:10%;
    background-color: #fff;
    border: 5px solid #fff;
    margin:0; padding:5px;
}

.mbLoading
{ 
    background: #fff url(images/loading.gif) no-repeat center; 
}

#mbCanvas
{ 
    margin:0; 
    padding:0; 
    height:0; 
    border:none; 
    font-size:0; 
    overflow:hidden; 
}

.clear
{ 
    clear:both; 
    height:0; 
    margin:0; 
    padding:0; 
    font-size:0; 
    overflow:hidden; 
}
    
#mbBottom 
{ 
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    padding-top:8px;
    margin:0;
}

#mbNavigation
{
    float:right;
    width:27px;
    padding-top:3px;
    border-left:1px solid #9c9c9c;
}

#mbCount
{ 
    width:55px; 
    overflow:hidden;
    padding-top:1px;
    float:right;
    text-align:right;
    font-size:9px;
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause
{
    outline:none;
    display:block;
    float:right;
    height:19px;
    cursor: pointer;
}

#mbPrevLink, #mbNextLink
{ 
    width:15px; 
}

#mbPrevLink
{ 
    background: transparent url(images/prev.gif) no-repeat;
}

#mbNextLink
{ 
    background: transparent url(images/next.gif) no-repeat; 
}

#mbPlayPause
{ 
    width:13px; 
}
#mbPlayPause
{ 
    background: transparent url(images/play-pause.gif) no-repeat; 
}

a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover 
{ 
    background-position: 0 -22px; 
}

#mbCloseLink 
{
    width:17px;
    background: transparent url(images/close.gif) no-repeat;
}

#mbDescription
{
    margin-right:27px;
    padding:0px 10px 0 0;
    font-weight: normal;
    text-align:justify;
}
/* ----- global ----- */
html, body
{
    width: 100%;
    height: 100%;
}       

body
{
    text-align: center;
}

input, select, textarea, button
{
    border: 1px solid;
    font-family: Verdana;
    font-size: 11px;
    padding: 2px; 
}

a
{
    text-decoration: none;
}
/* ----- global notice ----- */
div.globalNotice
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 2px 0px 2px 0px;
    padding: 4px;
    background-color: #ebe9dd;
    border: 1px solid #d8d6ca;
    overflow: auto;
}

div.globalNotice span
{
    float: right;
    font-size: 9px;
}

div.globalAccept, div.globalError, div.globalIdea, div.globalInfo, div.globalHelp, div.globalWarrning
{
    background-repeat: no-repeat;
    background-position: 4px 2px;
    padding-left: 25px;
}

div.globalAccept
{
    background-color: #b4e1ad;
    background-image: url( /resources/icons/accept.png );
    border-color: #4d9a40;
    color: #4d9a40;
}

div.globalError
{
    background-color: #ffd8d8;
    background-image: url( /resources/icons/exclamation.png );
    border-color: #d64949;
    color: #e12929;
}

div.globalIdea
{
    background-image: url( /resources/icons/lightbulb.png );
}

div.globalInfo
{
    background-image: url( /resources/icons/information.png );
}

div.globalHelp
{
    background-image: url( /resources/icons/help.png );
}

div.globalWarrning
{
    background-color: #feeddb;
    background-image: url( /resources/icons/error.png );
    border-color: #f2b272;
    color: #c63300;
}
/* ----- global form ----- */
form.global
{
    margin: 10px 0px 10px 0px;
    overflow: auto;
}

form.global div.buttons
{
    padding: 5px;
}

form.global div.buttons button.submit
{
    float: right;
    text-align: center;
}

form.global div.buttons button.reset
{
    float: left;
    text-align: center;
}

form.global fieldset
{
    border: none;
    margin: 5px 0px 0px 0px;
    padding: 3px;
}

form.global fieldset button
{
    text-align: center;
}

form.global fieldset legend
{
    font-weight: bold;
    margin-left: 10px;
    padding-left: 2px;
    padding-right: 2px;
}

form.global fieldset div.captcha, div.checkbox, div.checkboxlist, div.date, div.input, div.select, div.radio, div.textarea
{
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 1px;
    padding: 2px;
    position: relative;
    overflow: auto;    
}

form.global fieldset div.captcha label, div.checkboxlist label, div.date label, div.input label, div.select label, div.radio label, div.textarea label
{
    float: left;
    margin-top: 3px;
    padding-left: 3px;
    width: 150px;
}

form.global fieldset div.captcha div.globalFormContener, div.checkboxlist div.globalFormContener, div.date div.globalFormContener, div.input div.globalFormContener, div.select div.globalFormContener, div.radio div.globalFormContener, div.textarea div.globalFormContener
{
    padding-left: 5px;
    overflow: auto;
}

form.global fieldset div.checkbox label
{
    display: block;
    height: 20px;
    line-height: 20px;
    padding-left: 170px;
}

form.global fieldset div.checkbox label input
{
    border: none;
    margin-right: 5px; 
    width: auto;
}

form.global fieldset div.checkboxlist ul
{
    float: left;
    overflow: auto;
    list-style-position: outside;
    list-style-type: none;
}

form.global fieldset div.checkboxlist ul label
{
    padding-right: 5px;
    width: auto;
}

form.global fieldset div.checkboxlist ul input
{
    margin-right: 5px;
} 
 /* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(/resources/libs/milkbox/2.3.0/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.mbClear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(/resources/libs/milkbox/2.3.0/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(/resources/libs/milkbox/2.3.0/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(/resources/libs/milkbox/2.3.0/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(/resources/libs/milkbox/2.3.0/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
} 
 html
{
    overflow-y: scroll;
}

body
{
    background-color: #2a2116;
    background-image: url( /frontend/views/default/images/background.png );
    background-position: 9px 0;
    background-repeat: repeat-x;
}

#container
{
    height: auto !important;
    margin: 0 auto -45px;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 900px;
    z-index: 2;
}

div#logo
{
    background-image: url( /frontend/views/default/images/logo.png );
    height: 320px;
    margin: 0 auto;
    position: relative;
    width: 900px;
    background-position: 0px 263px;
    background-repeat: no-repeat;
}

div#logo a
{
    color: transparent;
    font-size: 0;
    height: 116px;
    left: 248px;
    position: absolute;
    width: 404px;
    top: 56px;
}

#navigation
{
    margin: 0 auto;
    padding-left: 11px;
    position: relative;
    top: -38px;
    width: 889px;
    z-index: 3;
}

#navigation li
{
    background-image: url( /frontend/views/default/images/navigation.png );
    background-repeat: no-repeat;
    float: left;
    height: 68px;
}

#navigation li a
{
    color: transparent;
    display: block;
    height: 68px;
    font-size: 0;
    height: inherit;
}

#navigation li.btnStart
{
    background-position: 0 0;   
    margin-right: 11px;
    width: 133px;
}

#navigation li.btnOffer
{
    background-position: -133px 0;   
    margin-right: 9px;
    width: 136px;
}

#navigation li.btnAbout
{
    background-position: -269px 0;
    margin-right: 5px;   
    width: 133px;
}

#navigation li.btnPrice
{
    background-position: -402px 0;   
    margin-right: 10px;
    width: 135px;
}

#navigation li.btnDownload
{
    background-position: -537px 0;   
    width: 133px;
}

#navigation li.btnMap
{
    background-position: -670px 0;
    height: 194px;
    position: absolute;
    right: -25px;
    top: -89px;
    width: 194px;
}

#navigation li.btnMap a
{
    height: 194px;
}

div#main
{
    background-color: #362b1e;
    margin: 0 auto;
    padding-left: 250px;
    padding-top: 45px;
    padding-bottom: 30px;
    padding-right: 20px;
    position: relative;
    width: 630px;
}

.menu
{
    clear: both;
    float: left;
    left: -250px;
    margin-right: -250px;
    position: relative;
    width: 220px;
}

h2.menu
{
    background-color: #f88601;
    background-image: url( /frontend/views/default/images/menu_head.png );
    color: #ffffff;
    line-height: 31px;
    font-size: 14px;
    height: 34px;
    text-indent: 30px;
}

ul.menu
{
    background-color: #79654B;
    background-image: url( /frontend/views/default/images/menu.png );
    background-position: right top;
    background-repeat: no-repeat;
    margin-top: 1px;
    margin-left: 0 !important;
}

ul.menu li
{
    background-image: url( /frontend/views/default/images/menu_line.png );
    background-position: bottom;
    background-repeat: no-repeat;
    height: 37px;
    position: relative;
    overflow: hidden;
}

ul.menu li:last-child
{
    background-image: none;
}

ul.menu li a
{
    color: #ffffff;
    display: block;
    font-weight: bold;
    line-height: 35px;
    height: 35px;
    position: relative;
    z-index: 2;
    text-indent: 30px;
}

ul.menu li.active a,
ul.menu li:hover a
{
    background-color: #f88601;
    background-image: url( /frontend/views/default/images/menu_active.png );
    background-position: top left;
    background-repeat: no-repeat;
}

ul.menu li span
{
    color: #FFFFFF;
    font-weight: bold;
    left: 10px;
    line-height: 34px;
    position: relative;
    top: -34px;
    z-index: 2;
}

ul.menu li.active span,
ul.menu li:hover span
{
    color: #fdc300;
}

#footer
{
    border-top: 15px solid #7a654b;
    background-color: #725e45;
    margin: 0 auto;
    width: 900px;
    line-height: 0;
    height: 15px;
    position: relative;
    z-index: 1;
}

#footer span
{
    overflow: visible;
    position: relative;
    z-index: 2;
    margin-top: -15px;
    line-height: 30px;
}

#footer span.left
{
    float: left;
    padding-left: 15px;
}

#footer span.right
{
    float: right;
    padding-right: 15px;
}

#footer,
#footer *
{
    color: #ffffff;
    font-weight: bold;
}

#footer a
{
    color: #EC8506;
}

input,
button,
textarea
{
    background-color: #689889;
    background-image: url( /frontend/views/default/images/form.png );
    border: none;
}

input
{
    color: #333333;
    height: 13px;
    padding: 4px;
    width: 154px;
}

textarea
{
    color: #333333;
    background-position:0 -21px;
    height: 171px;
    padding: 4px;
    width: 154px;
}

button
{
    background-position: 99px 0;
    color: #fff;
    cursor: pointer;
    line-height: 0;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    width: 90px;
    overflow: hidden;
}

/* ---- */

h1
{
    color: #FBA300;
    font-family: Myriad Pro light, tahoma;
    font-size: 20px;
    font-style: italic;
    padding: 10px 0 10px 10px;
}

p
{
    color: #998164;
    line-height: 1.2;
    text-indent: 25px;
    padding: 5px 0;
    text-align: justify;
}

p img
{
    border: 1px solid #55796b;
    float: right;
    margin: 10px 0 5px 5px;
}

table
{
    border-spacing: 1px;
    width: 100%;
    margin-top: 20px;
}
th, td
{
    color: #ffffff;
    text-align: center;
    vertical-align: middle;   
    padding: 3px 2px;
}

thead th
{
    background-color: #FCA600;
    font-weight: bold;
}

tbody td
{
    background-color: #7A654B;
}

tbody tr.hl td
{
    background-color: #725E45;
}

sup
{
    font-size: 7px;
    vertical-align: top;
}

ul.list
{
    list-style-type: disc;
    padding-left: 50px;
}

ul.list li
{
    padding: 5px 0;
    color: #998164;
}

ul.list li a
{
    color: #EC8506;
}

ul.list ul
{
    list-style-type: circle;
    padding-left: 50px;
}

#main p table
{
    width: 50%;
}

#map
{
    border: 1px solid #FCA900;
    margin-top: 10px;
    height: 370px;
    padding: 2px;
}

#main .left
{
    width: 39%;
    float: left;
    border-right: 1px solid #998164;
}

#main .right
{
    width: 60%;
    float: right;
}

#main .left ul
{
    padding-top: 30px;
    padding-bottom: 30px;
}

#main .left li
{
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 2;
}

form.global fieldset div.captcha, 
form.global fieldset div.input, 
form.global fieldset div.textarea
{
    border: none;
}

form.global label
{
    color: #998164 !important;
    font-weight: bold;
}

form.global .globalFormContainer
{
    margin-left: 155px !important;
}

div.buttons
{
    margin-right: 85px;
}

div.globalNotice strong
{
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 2;
}

div.text img
{
    float: right;
}

div.text table
{
    width: 50%;
    margin: 0;
}

h4
{
    clear: right;
    color: #FBA300;
    font-family: tahoma;
    font-size: 12px;
    padding: 10px 0 10px 20px;
}

a.schema
{
    color:#EC8506;
    font-weight:bold;
    left:130px;
    position:relative;
    top:10px;
}

.left ul
{
    margin-left: 0 !important;
    list-style-type: none !important;
}

#main ul
{
    list-style-type: disc;
    margin-left: 60px;
}

#main ul li
{
    color: #998164;
    line-height: 1.2;
}

#main dt,
#main dd
{
    color: #998164;
    line-height: 1.2;
}

#main dt
{
    line-height: 1.8;
    font-weight: bold;
}

#main img.center
{
    float: none;
    margin: 0 auto;
}

#main ol.cards li
{
    text-align: center;
    width: 200px;
    line-height: 200px;
    margin-right: 5px;
    overflow: hidden;
    float: left;
}

#main ol.cards li img
{
    vertical-align: middle;
}

#main ol.cards li span
{
    margin-top: 5px;
    line-height: 1;
    display: block;
    text-align: center;
    color: #998164;
    font-weight: bold;
}

#main .center
{
    text-align: center;
}

#main .center img
{
    margin: 0 auto;
}

#main .bold
{
    font-weight: bold;
}

#main ul.offers a
{
    color: #EC8506;
    font-weight: bold;
}