/* - css info -
author: Mateusz Jastrzebski
contact: contact.pordesign@gmail.com
- */


.clear { width:100%; clear:both; float:none; line-height:0; font-size:0; }
/* - general - */
body {	font: 10pt/130% Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #666; background: #fff url(../images/gr1.jpg) 0 0 repeat;}

a {	color: #11a0cf; }
a:hover,
a:focus { text-decoration: underline; }
a:active { color: red; }
a img {	border: none; }

form ul, form li { margin: 0; padding: 0; list-style: none; float: left; clear: left;}
form li { margin: 2px 0; }
form, fieldset { margin: 0; padding: 0; border: none;}
fieldset:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
label { padding: 0 5px; margin: 0; width: 150px; text-align: right; }
textarea { font: 11pt/1.1em Arial, Helvetica, sans-serif; padding: 5px;}
label, input, select, textarea { float: left; margin: 0; }
input[type="checkbox"], input[type="radio"] { margin: 3px; }
.mac input[type="checkbox"], .mac.ff3 input[type="radio"] { margin:0 3px; }
input[type="text"]{ width: 150px; }
select { width: 154px; }
textarea { width: 300px; }

table { border-collapse: collapse; border: 1px solid #333;}
table td, table th { border: 1px solid #555; padding: 2px 5px;}

h2,h3,h4,h5,h6 { margin: 10px 0; line-height: 100%; padding: 0; }
h2{ font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

p { margin: 14px 0; line-height: 1.3em;}
p strong { font-size: 1.1em; }

hr { display: block; border-top: 1px solid #dadbd6; font-size: 0; line-height: 0; height: 0; margin: 10px 0;}

abbr { font-size: 150%; }

dl { margin: 10px 0; }
dt { float: left; font-weight: bold; margin: 0; padding: 5px 5px 5px 0;}
dd { margin: 0; padding: 5px 0; }

ul { margin: 10px 0; padding: 0; }
ul li { margin: 5px 0 0 10px; padding: 0 0 5px; }

/* header */
#header { float: left; width: 960px; margin: -50px 0 0/*-380px*/; padding: 50px 0 0; /*height: 550px;*/ position: relative; z-index: 999;}

/* header > logo */
h1 { margin: 15px 0 0 30px; padding: 0; float: left; display: inline; }

/* header > nav */
ul#nav { margin: 70px 0 0 30px; padding: 0; list-style: none; float: left; position: relative; z-index: 9999;}
ul#nav > li { margin: 0 3px; padding: 0; list-style: none; float: left; display: inline; position: relative;}
ul#nav > li > a { text-decoration: none; color: #f06da2; line-height: 42px;  float: left; padding: 0 10px; font-size: 1.6em; font-weight: bold;}
ul#nav > li:hover,
ul#nav > li:focus,
ul#nav > li.current { background: url(../images/nav-item.png) 0 0 no-repeat; }
ul#nav > li:hover > a,
ul#nav > li:focus > a,
ul#nav > li.current > a { background: url(../images/nav-item.png) 100% -42px no-repeat !important; background: url(../images/nav-item.gif) 100% -42px no-repeat; color: #fff !important; }

/*ul#nav > li ul {*/ /*background: url(../images/subnav-bg.gif) 100% 0 no-repeat;*/ /*display: block; list-style: none; margin: 0; padding: 0; position: absolute; top: 39px; left: 0px; z-index: 999;right: -30px;

-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; display: none;}
ul#nav > li ul li { margin: 0; padding: 0; clear: left;overflow: hidden; float: left; width: 100%;}
ul#nav > li ul li a { color: #fff; text-decoration: none; font-weight: bold; font-size: 1.1em; background: #f06da2; padding: 5px 0px 5px 10px; display: block; margin: 0; position: relative; right: 0;border: 1px solid #f06da2; margin: 0;}
ul#nav > li ul li a:hover,
ul#nav > li ul li a:focus { background: #fff; color: #f06da2; }
*/ /* good ol' */

/*new*/
ul#nav > li ul { /*background: url(../images/subnav-bg.gif) 100% 0 no-repeat;*/ display: block; list-style: none; margin: 0; padding: 0; position: absolute; top: 39px; left: 0px; z-index: 999;right: -24px; display: none;}
ul#nav > li ul li { margin: 0; padding: 0; clear: left;float: left; width: 100%; cursor:pointer; }
ul#nav > li ul li a { color: #fff; text-decoration: none;  background: #FBB6D2; display: block; margin: 0; position: relative; right: 0; margin: 0; z-index: 9999;}
ul#nav > li ul li a span { display: block; margin: 0 -5px 0 0; padding: 5px 0px 5px 10px; font-weight: bold; font-size: 1.1em;background: #FBB6D2; float: left; width: 100%; cursor:pointer; }
ul#nav > li ul li a:hover span,
ul#nav > li ul li a:focus span { background: #ffedf4; color: #f06da2; }
/*ul#nav > li:hover ul,
ul#nav > li:focus ul { display: block; } */
ul#nav > li ul li:first-child a span { background: #FBB6D2 url(../images/nav-top-bg.gif) 100% 0 no-repeat; padding-top: 16px; }
ul#nav > li ul li.last a span { background: #FBB6D2 url(../images/nav-top-bg.gif) 100% 0 no-repeat;  }

ul#nav > li ul li:first-child a:hover span,
ul#nav > li ul li:first-child a:focus span { background: #ffedf4 url(../images/nav-top-bg.gif) 100% -188px no-repeat; color: #f06da2;}
ul#nav > li ul li.last { }
ul#nav > li ul li.last a span { background: url(../images/nav-bottom-right-bg.gif) 100% 100% no-repeat;}
ul#nav > li ul li.last a{ background: url(../images/nav-bottom-left-bg.gif) 0 100% no-repeat; float: left; width: 100%;}
ul#nav > li ul li.last a:hover,
ul#nav > li ul li.last a:focus { background: url(../images/nav-bottom-left-bg.gif) -476px 100% no-repeat; color: #f06da2;}
ul#nav > li ul li.last a:hover span,
ul#nav > li ul li.last a:focus span { background: url(../images/nav-bottom-right-bg.gif) 100% -173px no-repeat; color: #f06da2;}
ul#nav > li ul { -moz-border-radius-bottomright: 6px; }

/* header > donate */
ul.donate { margin: 0; padding: 0; float: left; display: inline; position: absolute; top: 15px; right: 20px;}
ul.donate li { margin: 0 5px; padding: 0; float: left; display: inline; }
ul.donate img {float: left; }

/* site wide styles */
a.news-archive { background: url(../images/news-archive.gif) 0 0 no-repeat; line-height: 19px; padding: 0 0 0 20px;float: left; margin: 5px 0;}
.bordered-box-1 { width: 265px; height: 210px; background: url(../images/bordered-box-1.png) 0 0 no-repeat; padding: 10px; float: left;}
.bordered-box-2 { width: 895px; height: 140px; padding: 10px 0; background: url(../images/bordered-box-2.png) 0 0 no-repeat; }

ul.thumbs { margin: 15px -20px 0 0px; padding: 0 0 15px; display: inline; float: left; width: 105%; position: relative;}
ul.thumbs li { margin: 0 15px 0 0px; padding: 0; display: inline; float: left; }
ul.thumbs img { float: left;  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
ul.thumbs .mask { float: left; width: 77px; height: 65px; float: left; clear: left; margin: -65px 0 0px;  position: relative; z-index: 999; background: url(../images/thumb-img-mask.png) 0 0 no-repeat; cursor: pointer; }

.main-box-a2 h2 { float: left; margin: 0; width: 100%;}
.main-box-a2 p { margin: 0; }
.bordered-box-2 h2 { color: #319f9f; }
.bordered-box-1 h2 { margin: 0; }
.bordered-box-1 p { margin: 0; }
.main-box-a .sub-box-b .bordered-box-1 { margin: 10px 0 0; }

.article h2 { color: #f06da2; font-size: 2.6em; font-weight: normal;}

.pagination-1 { float: right; margin: 10px 0 0; font-size: 0.9em;}
.pagination-1 a { color: #f06da2; text-decoration: none;}
.pagination-1 a:hover,
.pagination-1 a:focus { text-decoration: underline; }

.pagination-1 ul { display: inline; margin: 0; padding: 0; }
.pagination-1 ul li { display: inline; margin: 0; padding: 0; }

.intro-img { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; margin: 0;}

.article-img-mask { float: left; width: 590px; height: 284px; float: left; margin: -284px 0 -2px;  position: relative; z-index: 999; background: url(../images/article-img-mask.png) 0 0 no-repeat; padding: 0 0 20px;}

/* structure */
#container { margin: 70px auto; width: 960px; border: 1px solid #ebebeb; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; box-shadow: rgba(100, 100, 100, .15) 4px 4px 4px; -webkit-box-shadow: rgba(0, 0, 0, .15) 0 0 16px; -moz-box-shadow: rgba(0, 0, 0, .15) 0 0 16px; background: #fff; padding: 0 0 10px;}
#container:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }

.main-box-a { /*float: left;*/ width: 910px; margin: 10px -5px 0;  position: relative; left: 5px;}
.main-box-a2 { float: left; width: 100%; margin: 10px 0 0;}

.sub-box-a { float: left; width: 590px; margin: 0 10px 0 0;}
.sub-box-b { float: left; width: 285px; position: relative; left: 10px; }
.sub-box-c { float: left; width:305px;}

.sub-box-c a { text-decoration:none; }
.box-a { float: left; width:285px; margin: 10px 0 0;}

.bordered-box-2 .sub-box-c { border-right: 1px solid #ededed; width: 265px; margin: 0 10px 0 0; padding: 0 15px; height: 140px;}
.bordered-box-2 .sub-box-b { width: 275px; padding: 0 0 0 10px; }

/* content */
#content { float: left; display: inline; width: 900px; margin: -220px 0 0; padding: 220px 30px 0; position: relative; z-index: 1; background: url(../images/bg1.png) 50% 10px no-repeat !important;  background: url(../images/bg1.gif) 50% 10px no-repeat;  }

/* content > hero */
#hero { background: url(../images/hero-bg.png) 0 0 no-repeat; height: 361px; width: 568px; padding: 30px 11px 0; float: left; margin: 0;}
#hero ul.photos { margin: 0; padding: 0; list-style: none; position: relative; float: left; width: 567px; height: 252px; overflow: hidden;}
#hero ul.photos li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; left: 0;}
#hero h2 { color: #fff; font-weight: normal; font-size: 30px; line-height: 30px; float: left; position:relative; margin: -269px 0 0; padding: 260px 0 0 10px; background:url(../images/hero-photo-mask.png) 0 0 no-repeat;width: 557px; position: relative; z-index: 1;}
.safari3 #hero h2{margin-top:-259px;}
#hero p { float: left; margin: 2px 0 0; padding: 0px 0 0 10px; color: #fff; line-height: 1.3em; width: 557px; font-size: 1.3em;}
#hero a { float: right; color: #fff; margin: 0 10px; text-decoration: none;}

/* content > newsletter signup */
h2.newsletter-signup { width: 235px; height: 36px; background: url(../images/newsletter-signup.png) 0 0 no-repeat; padding: 0 0 0 50px; line-height: 36px; float: left; display: inline; color: #fff; font-size: 1em; margin: 0;}
h2.newsletter-signup a { text-decoration: none; color: #fff; }

/* content > news overview */
ul.news { margin: 10px 0 0; float: left; display: inline; border-top: 1px solid #ededed; padding: 10px 0 0;}
ul.news li { margin: 10px 0 0; padding: 0px 0 10px; float: left; display: inline; border-bottom: 1px solid #ededed; overflow: hidden; }
ul.news img { float: left; margin: 0 10px 0px 0; }
ul.news h2 { float: left; width: 180px; margin: 0 0 -45px -104px; padding: 0 0 50px 105px; font-size: 1.1em;background: url(../images/news-photo-mask.png) 0 0 no-repeat; display: inline;}
ul.news p { margin: 0; padding: 0; font-size: 0.9em; line-height: 1.2em; float: left; width: 181px;}

/* content > shop box */
.shop-box { position: relative; width: 220px; height: 170px; float: left; overflow: hidden; margin: 0 20px; display: inline;}
.shop-box ul { width: 6666px; /* < this is reset with js*/ float: left; display: inline; margin: 45px 0 0; padding: 0; }
.shop-box li { float: left;  display: inline; width: 220px; text-align: center; margin: 0; padding: 0;}
.shop-box li a  { display:block; position: relative; }
.shop-box li a img { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.shop-box li a .mask {left:49px; text-indent:-1000px; width: 121px; height: 94px; position: absolute; z-index: 999; background: url(../images/thumb-img-mask-121x94.png) 0 0 no-repeat; cursor: pointer; top:0; margin: 0 auto; }

ul.shop-nav { margin: 0; padding: 0; float: left; display: inline; margin: -90px 0 0; width: 100%;}
ul.shop-nav li { margin: 0; padding: 0; float: left; display: inline; text-indent: -9999px; width: 16px; height: 16px; }
ul.shop-nav li.next { float: right; }
ul.shop-nav li.prev a { float: left; width: 16px; height: 16px; background: url(../images/arrows-1.gif) 0 0 no-repeat; }
ul.shop-nav li.next a { float: left; width: 16px; height: 16px; background: url(../images/arrows-1.gif) 0 -16px no-repeat; }

/* content > note */
.note { float: left; }
.note .col-a { float: left; width: 100px;}
.note .col-b { float: left; width: 160px; }
.note .col-a h2 { font-size: 1em; padding: 0 0 5px;}
.note .col-a p { padding: 0 0 10px;}
.note .col-b h2 { font-size: 1.2em; padding: 0 0 5px;}
.note img { float: left; }
.note .mask { float: left; clear: left; width: 86px; height: 111px; background: url(../images/custom-mask-1.png) 0 0 no-repeat;margin: -111px 0 0; position: relative; z-index: 1; padding: 0 0 5px;}

/* content > newsletter signup form */
form#nl-signup { position: absolute; top; 0;left: 0; width: 400px; height: 380px; padding: 20px; background: url(../images/nl-signup-form-bg.png) 0 0 no-repeat !important; background: url(../images/nl-signup-form-bg.gif) 0 0 no-repeat; z-index: 1; display: none;}
form#nl-signup p { color: #11a0cf; font-size: 0.9em; font-weight: bold; line-height: 1.4em; margin: 30px 10px 0 150px;}
form#nl-signup ul { margin: 107px 0 0 30px; display: inline; width: 100%;}
form#nl-signup ul li{ width: 100%;}
form#nl-signup label { color: #11a0cf; text-align: left; width: 100px; font-size: 1.2em; font-weight: bold; line-height: 41px; padding: 0; margin: 0; }
form#nl-signup input { background: url(../images/input-bg-1.gif) 0 0 no-repeat; width: 235px; padding: 10px 0 0 10px;height: 24px; border: none; font-weight: bold; color: #11a0cf; }
form#nl-signup input.invalid{background-image:url(../images/input-bg-1-bad.gif) !important;}
form#nl-signup li { margin: 6px 0; }
form#nl-signup li.button { margin: 15px 0 0; width: 350px; }
form#nl-signup li.button input { width: 148px; height: 41px; background: url(../images/signup-button.png) 0 0 no-repeat; text-indent: -9999px; font-size: 0; line-height: 0; float: right;cursor: pointer;}

form#nl-signup a.close { width: 22px; height: 22px; background:url(../images/close-button.gif) 0 0 no-repeat; text-indent: -9999px; float: right; margin: -364px 0 0;}


/* content > default form */
form#default-1{ padding: 20px 0 20px 20px; }
form#default-1 ul { margin: 0px 0 0 10px; display: inline; width: 99%;}
form#default-1 ul li{ width: 100%;}
form#default-1 label { color: #11a0cf; text-align: left; width: 150px; font-size: 1.2em; font-weight: bold; line-height: 41px; padding: 0; margin: 0; }
form#default-1 input { background: url(../images/input-bg-2.gif) 0 0 no-repeat; width: 325px; padding: 10px 0 0 10px;height: 24px; border: none; font-weight: bold; color: #11a0cf; }
form#default-1 input.invalid{background-image:url(../images/input-bg-2-bad.gif) !important;}
form#default-1 li { margin: 6px 0; }
form#default-1 li.button { margin: 15px 0 0; width: 520px; }
form#default-1 li.register input { width: 148px; height: 41px; background: url(../images/register-button.png) 0 0 no-repeat; text-indent: -9999px; font-size: 0; line-height: 0; float: right;cursor: pointer;}

/* content > product_form */

form#product_form label { color: #11a0cf; text-align: left; width: 100px; font-size: 1.2em; font-weight: bold; line-height: 34px; padding: 0; margin: 0; }
form#product_form input.text { background: url(../images/input-bg-1.gif) 0 0 no-repeat; width: 245px; padding: 10px 0 0 10px;height: 24px; border: none; font-weight: bold; color: #11a0cf; }



/* content > breadcrumb */
ul#breadcrumb { margin: 0; padding: 8px 0 10px; list-style: none; font-size: 12px; color: #666; width: 590px; border-top: 1px solid #dfdfdf;}
ul#breadcrumb li { margin: 0; padding: 0; list-style: none; display: inline; color: #11a0cf;}
ul#breadcrumb ul { display: inline; list-style: none; margin: 0; padding: 0;}
ul#breadcrumb a { text-decoration: none; }
ul#breadcrumb a:hover,
ul#breadcrumb a:focus {text-decoration: underline;  }

/* conent > gallery */
ul.gallery { margin: -10px 0 0 -10px; padding: 0; float: left; clear:left; display: inline; }
ul.gallery li { margin: 19px 0 0 10px; padding: 0 0 11px; float: left; display: inline; width: 190px; border-bottom: 1px solid #dfdfdf; height: 240px;position:relative;}
ul.gallery li .buttons{position:absolute;bottom:15px;width:100%;}
ul.gallery h3 { color: #f06da2; margin: 5px 0 0; padding: 0 0 5px; float: left; width: 100%; background: url(../images/gallery-img-mask-1.gif) 0 0 no-repeat; }
ul.gallery p { margin: 0; }
ul.gallery img { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left;}
ul.gallery .mask { float: left; width: 190px; height: 130px; float: left; margin: -128px 0 -2px;  position: relative; z-index: 999; background: url(../images/gallery-img-mask-1.png) 0 0 no-repeat; cursor: pointer;}
/*
table.gallery { margin:-10px 0 0 -10px; padding:0; float:left;  border:none;}
table.gallery tr td { width:190px; border:none; padding:19px 0 0 10px; position:relative;  float: left;}
table.gallery tr td h3 { color: #f06da2; margin: 5px 0 0; padding: 0 0 5px; float: left; width: 100%; background: url(../images/gallery-img-mask-1.gif) 0 0 no-repeat; } }
table.gallery tr td p { margin:0; }
table.gallery tr td img  { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left;}
table.gallery tr td .mask { float: left; width: 190px; height: 130px; float: left; margin: -128px 0 -2px;  position: relative; z-index: 999; background: url(../images/gallery-img-mask-1.png) 0 0 no-repeat; cursor: pointer;}
table.gallery tr td .line { width: 100%; height: 1px; float: none;clear: both; background: #dfdfdf; line-height: 1px;bottom: 0; position: absolute; }
*/
/* content > details-1; detailed list */
ul.details-1 { margin: -10px 0 0; padding: 0; float: left; display: inline; width: 590px; }
ul.details-1 li { margin: 20px 0 0; padding: 0 0 20px 210px; float: left; display: inline; border-bottom: 1px solid #dfdfdf; width: 380px; position: relative;}
ul.details-1 li:last-child { border: none; }
ul.details-1 img { float: left; margin: 0 0 0 -210px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
ul.details-1 h3 { margin: 0; color: #f06da2; }
ul.details-1 p.add-1 { color: #f06da2; margin: 0;}
ul.details-1 .mask { float: left; width: 197px; height: 183px; left:0;  position: absolute; z-index: 999; background: url(../images/details-1-img-mask.png) 0 0 no-repeat; display: inline;}

/* content > details-1; detailed list */
ul.details-2 { margin: -10px 0 0; padding: 0; float: left; display: inline; width: 590px; }
ul.details-2 li { margin: 20px 0 0; padding: 0 0 20px 110px; float: left; display: inline; border-bottom: 1px solid #dfdfdf; width: 480px; position: relative;}
ul.details-2 li:last-child { border: none; }
ul.details-2 img { float: left; margin: 0 0 0 -110px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
ul.details-2 h3 { margin: 0; color: #f06da2; }
ul.details-2 p.add-1 { color: #f06da2; margin: 0;}
ul.details-2 .mask { float: left; width: 95px; height: 95px; left:0; margin: 0;  position: absolute; z-index: 999; background: url(../images/thumb-img-mask-team.png) 0 0 no-repeat;  }

/* content > big night in box */
.big-night-in { float: left; display: inline; width: 285px; height: 230px; background: url(../images/big-night-in-bg.png) 0 0 no-repeat; position: relative;}
.big-night-in h2 { color: #fff; margin: 20px 0 0 116px; width: 150px;font-size: 1.4em; font-weight: normal; line-height: 1.2em; display: inline; float: left;}
.big-night-in p { position: absolute; bottom: 40px; left: 15px; width: 180px; color: #fff; font-size: 0.9em; line-height: 1.2em; margin: 0;}

/* footer */
#footer { width: 900px; float: left; padding: 40px 30px 0;}

p#copy { float: left; margin: 0; padding: 0 0 3px; }

p#author { float: right; line-height: 1em; position: relative; padding: 0 0 3px; display: inline; margin: 0 3px 0 0;}
p#author span { margin: 0 0 0 0; padding: 0 0 3px; float: left; }
p#author img { }

#footer_link {font-size:12px;margin:0;}
#footer_link li{float:left;list-style:none;margin:0;}
#footer_link li a{margin-left:5px;}

/* Shop css */
table.cart { width: 100%; clear: both; border-collapse: collapse; font-size: 100%; border: none; }
table.cart td form { display: inline; }
table.cart a { color: inherit; }
table.cart th { background-color: #83CCE4; color: #FFFFFF; padding: 5px 2px; border: none; vertical-align: top;}
table.cart .numerical { text-align: right; }
table.cart td { color: #333333; border: none; padding: 5px 2px; }
table.cart td input { width: 4em; }
table.cart .action { padding-right: 10px; text-align: right; color: #FFFFFF; float: right; }
table.cart .light { background-color: #F7F9FB; }
table.cart .dark { background-color: #DFE9F2; }
table.cart .lightbottom { background-color: #F7F9FB; border-bottom: 2px solid #83CCE4; }
table.cart .darkbottom { background-color: #DFE9F2; border-bottom: 2px solid #83CCE4; }

.cartfooter { margin-top: 20px; }
.cartfooter a, .cartfooter input { float: right; margin-right: 10px; }

th#donate label{ position:relative; overflow:visible; text-align:right; float:right; }

th#donate #tooltip { display:none;  position:absolute; left:150px; top:-48px; z-index:1; width:220px; height:65px; color:#898783; font-size:11px; font-family:Colibri, Arial, sans-serif; background:url('../images/tooltip-donate-empty_big.gif') no-repeat; padding:5px; line-height:11px; text-align:left; }
th#donate a#toolTipTrigger{ font-size:10px; }
input.add { margin-right:5px; }

input#paypal_submit{ margin:12px 0 16px 0; }