/*
	Parktronic

	Author: Mateusz Tokarski
*/

/* `Html tags
----------------------------------------------------------------------------------------------------*/

body,html {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #143313;
	background-image: url(../images/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 14px;
}

h1 { font-size: 30px; line-height: 36px; margin: 25px 0 10px 0; font-weight: normal; letter-spacing: -2px; }
h2 { font-size: 18px; line-height: 24px; margin: 25px 0 10px 0; font-weight: normal; }

p { margin: 10px 0; line-height: 14px; }

/* `page sections
----------------------------------------------------------------------------------------------------*/

.main { background-color: #fff; margin-bottom: 30px; }
#footer { background-color: #444; }
#logo { margin-top: 20px; }
#header-form { float: right; width: 315px; margin-top: 30px; }
#header-form input.input-text { display: block; float: right; background: url(../images/header-input-text.png) no-repeat top left; border: 0; font-size: 15px; height: 32px; width: 200px; padding: 7px 6px 6px 44px; }
#header-form input.input-subm { display: block; float: right; margin-bottom: -14px; }
#header-form p { float: left; color: #fff; margin-bottom: 10px; }

#footer { color: #888888; padding-top: 20px; padding-bottom: 20px; line-height: 15px; }
#footer p { margin: 15px 0; }
#footer h2 { margin: 0 0 15px 0; font-size: 12px; }
#footer a, #footer a:visited { color: #888; text-decoration: none; }
#footer a:hover, #footer a:active { color: #ccc; }
#footer #footer-nav li { float: left; margin-right: 15px; }
#footer #footer-nav li a, #footer #footer-nav li a:visited { color: #cccccc; text-decoration: none; }
#footer #footer-nav li a:hover, #footer #footer-nav li a:active { color: #fff; }
ul.bulleted { list-style: disc outside; padding-left: 20px; margin-left: 10px; }
ul.bulleted li { margin-bottom: 10px; }
ol.numbered { list-style: decimal outside; padding-left: 20px; margin-left: 10px; }
ol.numbered li { margin-bottom: 10px; }

/* `tabs
----------------------------------------------------------------------------------------------------*/

#nav { margin-top: 15px; height: 45px; margin-bottom: 0; padding: 0; border-bottom: 10px solid #041d03; background: none; }

ul#nav { padding: 0; background: none;}

#nav li { background: none; float: left;  margin-right: 1px;  text-align: center; margin-bottom: 0; padding: 0;  }
.last { margin-right: 0px !important; }
#nav li a, #nav li a:visited { display: block; background: url(../images/tab-bg.png) scroll top left; padding: 15px 20px; width: 151px; color: #fff; text-transform: uppercase; text-decoration: none; margin: 0 0 1px 0; margin-bottom: 0px !important;  }
#nav li a:hover, #nav li a:active { color: #fff; text-transform: uppercase; text-decoration: none; background: #041d03 !important; }

#nav li.selected a, #nav li.selected a:active { background: #041d03 !important; padding-bottom: 17px !important;}
.spacer-1 { display: none; background-color: #041d03; height: 10px; margin: 0; padding: 0; clear: both; }


/* `buttons
----------------------------------------------------------------------------------------------------*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;

}

a.button {
    background: transparent url('../images/button-right.gif') no-repeat scroll top right;
    color: #e9651a;
    display: block;
    float: left;
    height: 25px;
    margin-right: 6px;
    padding-right: 32px; /* sliding doors padding */
    text-decoration: none;
	margin-bottom: 15px;
}

a.button span {
    background: transparent url('../images/button-left.gif') no-repeat;
    display: block;
    line-height: 15px;
    padding: 4px 0 6px 10px;
}

a.button:hover {
    background-position: bottom right;
    color: #e9651a;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 10px; /* push text down 1px */
}

/* `contact page
----------------------------------------------------------------------------------------------------*/
table.contact-data { width: 100%; }
table.contact-data td { padding: 5px; }

form.contact-form {  margin-bottom: 15px; }
form.contact-form label { display: block; margin-bottom: 5px;}
form.contact-form label span { display: block; float: left; width: 140px; }
form.contact-form input.submit-button { padding: 5px; font-size: 14px; display: block; margin-left: 140px; }

/* `product page
----------------------------------------------------------------------------------------------------*/
.product-menu { background: url(../images/product-menu-box.jpg) no-repeat top left; margin-top: 10px; margin-bottom: 10px;  }
.product-menu a, .product-menu a:visited { display: block; padding: 10px 0px 15px 10px; border-bottom: 1px #cccccc solid; text-decoration: none; height: 60px; }
.product-menu a:hover, .product-menu a:active { background-color: #eeeeee; }
.product-menu a span.item-name, .product-menu a:visited span.item-name { display: block; color:#000; font-size: 18px; line-height: 24px;  }
.product-menu a span.item-desc, .product-menu a:visited span.item-desc { display: block; color:#666;  }

.product-menu img { display: block; float: right;}

#tabs {margin-top: 10px;}

table.table-simple { width: 100%; border-top: 1px #ccc solid; border-left: 1px #ccc solid; font-size: 11px; }
table.table-simple td { border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; padding: 3px; }

.thumbs { width: 300px; float: right; margin: 25px 0 10px 10px; }
.thumbs img { display: block; float: left; margin: 0 10px 10px 0; border: 1px solid #ccc; }

.thumb-left { display: block; float: left; margin-right: 20px; margin-bottom: 10px; margin-top: 28px; border: 1px solid #ccc;  }
.thumb-right { display: block; float: right; margin-left: 20px; margin-bottom: 10px; margin-top: 28px; border: 1px solid #ccc;  }

/* `partners page
----------------------------------------------------------------------------------------------------*/
table.partners-table { width: 100%; background: url(../images/partners-box.jpg) no-repeat top left; }
table.partners-table td { border: 1px solid #ccc; height: 167px; width: 25%; vertical-align: middle; text-align: center; }

#map { width: 460px; height: 460px; margin-bottom: 10px;}
#message { position:absolute; padding:10px; background:#143313; color:#fff; width:200px; }
#list {border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#list li {cursor:pointer; cursor:hand; padding: 10px 0 10px 25px; border-top: 1px solid #ccc; background: 0 8px no-repeat url(../images/icon-home.gif); }
#list li.current { color: #e9651a; cursor:pointer; cursor:hand; }

/*  boxed notifications
----------------------------------------------------------------------------------------------------*/

.notification {
	display: block;
	padding: 20px 20px 20px 45px;
	border: 1px solid;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 20px 20px;
	}

.n-success {
	background-color: #a3e6bd;
	border-color: #68d59b;
	background-image: url(../images/notification-tick.gif);
	}

.n-information {
	background-color: #9fddea;
	border-color: #5fceea;
	background-image: url(../images/notification-information.gif);
	}

.n-attention {
	background-color: #f9e497;
	border-color: #ffcb4f;
	background-image: url(../images/notification-exclamation.gif);
	}

.n-error {
	background-color: #ffc6ca;
	border-color: #efb9c3;
	background-image: url(../images/notification-slash.gif);
	}