@charset "utf-8";
/* CSS Document */

body { background:url(/assets/images/elements/bg.jpg) repeat-x #0999be;}


#recaptcha_area, #recaptcha_table { margin-left:100px;
margin-bottom:10px;
margin-top:5px;}

/* new top nav */

ul#top-nav { font-size:74%;
color:#fff;
list-style:none;
float:right;
padding:10px 0;
.margin:20px 0 10px 0;}

ul#top-nav li { float:left;
padding:0 5px;
border-right:1px solid #fff;}

ul#top-nav li.last { border:none;}

ul#top-nav li a { color:#fff;
text-decoration:none;}

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

ul#top-nav li a.bag { background:url(/assets/images/elements/shopping-bag.jpg) no-repeat center left;
padding:5px 0 0 20px;}

/* new header */

#header { /*position:absolute;
z-index:100;*/
margin:0;
width:963px;
top:60px;}

#header img { float:left;
margin:0px 0 0 0;
position:absolute;
top:0;
z-index:550;
}


/* see nav.css for navigation styles */

/* main header image */

#main-image.home { position:relative;
z-index:0;
margin:0 0 2px 0;
height:378px;
background:url(/assets/images/elements/main-image8.jpg) no-repeat;}


#main-image.home img { position:absolute;
top:0;
left:0;
z-index:8;
opacity:0;}

#main-image.home img.active { z-index:10;
opacity:1.0;}

#main-image.home img.last-active { z-index:9;}

/* feature boxes */

.feature { width:185px;
/*height:151px;*/
height:226px;
float:left;
background:#1b4956;
border:1px solid #5c9eaf;
margin:4px 5px 4px 0;
_margin:4px 0 4px 2px;
padding:0;}

.feature.facebook h3 { font-size:92%;
text-decoration:none;
margin:10px;
padding:0;}

.feature.facebook p { text-transform:none;
font-size:72%;
margin:0 5px;}

.feature.facebook .facebook-like { margin:10px;}

.feature a { width:226px;
height:150px;
position:absolute;
margin:-115px 0 0 0;
z-index:5;
_display:block;
_height:115px;}

.feature a.bigger { width:264px;}

.feature .content { background:url(/assets/images/elements/feature-bg.png) no-repeat;
margin:188px 0 0 0;
height:37px;
overflow:hidden;
border-top:1px solid #496d78;}

.feature#piste .content { background:url(/assets/images/elements/promo-overlay.png) no-repeat;}

.feature .content h3 { margin:0;
padding:2px 2px 0px 5px;
border:none;
color:#fff;
font-weight:bold;
font-size:100%;
text-transform:uppercase;}

.feature p { margin:-8px 0 0 0;
padding:0 2px 2px 5px;
color:#fff;
text-transform:uppercase;
font-size:76%;}

.feature#sale { margin:4px 0;}
.feature#offer { background:url(/assets/images/elements/beach-bunny.jpg) no-repeat;}
.feature#accessories { background:url(/assets/images/elements/accessories.jpg) no-repeat;}
.feature#piste { background:url(/assets/images/elements/blingee.jpg) no-repeat;
width:264px;
}

/* left column */

#left-column { background:url(/assets/images/elements/left-bg.png) repeat;
_background:#0d4e5f;
padding:10px;
margin:0;
width:671px;
_width:665px;
float:left;
color:#fff;}

#left-column.full { width:942px;}
#left-column.full-nopic { width:942px;
margin:0px 0 0 0;}

.feature-column { width:671px;
float:left;}

#left-column.detail-page { width:350px;
height:509px;}

#left-column a { color:#fff;}
#left-column a:hover { color:#82bac9;}

#left-column li { font-size:72%;}

#left-column .stars { background:url(/assets/images/elements/stars.png) no-repeat;
width:28px;
height:26px;
margin:0px 0 0 300px;
position:relative;}

#left-column h1 { font-size:130%;
margin:0;
padding:0;
border-bottom:1px solid #fff;}

#left-column h1#home { margin:-15px 0 0 0;
position:relative;}

#left-column h2 { font-size:100%;}
#left-column h3 { font-size:80%;}


/* right column */

#right-column { float:right;}

/* newsletter */

#right-column .newsletter { background:url(/assets/images/elements/newsletter-bg.png) repeat;
_background:#117792;
padding:8px;
margin:0 0 0 5px;
width:250px;}

#right-column .newsletter a { color:#fff;}
#right-column .newsletter a:hover { text-decoration:none;}

#right-column .newsletter h2 { border:none;
font-size:120%;
text-transform:none;
margin:0;
padding:0;
border-bottom:1px solid #fff;}

#right-column .newsletter p { color:#fff;
padding:5px 30px 0 30px;}

#right-column .newsletter p.name { text-transform:uppercase;
font-weight:bold;
background:url(/assets/images/elements/quote-right.png) no-repeat right top;}

#right-column .newsletter .dyncontent { height:140px;
background:url(/assets/images/elements/quote-left.png) no-repeat top left;
overflow:hidden;
margin:10px 0 0 0;}

#right-column .newsletter p.add { background:url(/assets/images/elements/feedback-bar.png) repeat-x;
margin:20px 0 0 0;
padding:5px 10px;
text-align:right;}

#right-column .newsletter p.add a { color:#fff;
text-decoration:none;
background:url(/assets/images/elements/circel-arrow.png) no-repeat center right;
display:block;
padding:5px 35px 5px 0;
font-weight:bold;}

/* twitter feed */

#twitter-feed { margin:0 0 0 5px;}

/* networking banners */

#right-column .networking { width:130px;
background:url(/assets/images/elements/twitter-bg.png) repeat;
_background:#107a96;
margin:5px 5px 5px 5px;
float:left;}

#right-column .networking#facebook { margin:5px 0;}

#right-column .networking h3 { font-size:100%;
border-bottom:1px solid #fff;
margin:5px 5px 0 5px;
padding:0;
color:#fff;
}

#right-column .networking p { margin:5px;
color:#fff;}

#right-column .networking p a { color:#fff;}
#right-column .networking p a:hover { text-decoration:none;}

#right-column .networking img { float:right;
margin:5px;}

/* footer */

#footer { margin:10px 0;}

#footer .footer-left { float:left;
width:860px;}

#footer ul { margin:0px 0 5px 0;
padding:0;
list-style:none;
font-size:72%;}

#footer ul li { display:inline;
border-right:1px solid #03323e;
padding:0 2px 0 2px;}

#footer ul li.last { border:none;}

#footer ul li a { color:#03323e;
text-decoration:none;}

#footer ul li a:hover { color:#fff;}

#footer ul.seo-links { font-size:70%;
margin:0;}
#footer ul.seo-links li { border-right:1px solid #144f5d;}
#footer ul.seo-links li a { color:#144f5d;}
#footer ul.seo-links li a:hover { color:#fff;}

/* product listing page */

#main-image .listing { background:#fff;
position:relative;
z-index:500;
margin:0 0 5px 0;
padding:1px;}

#main-image .listing#blue { background:url(/assets/images/elements/listing-bg.jpg) no-repeat 0 90% #fff;
color:#fff;}

#main-image .listing p { padding:5px;}

#main-image .listing ul { margin:5px 0;
padding:0;
list-style:none;
font-size:72%;
float:right;}

#main-image .listing ul li { float:left;
padding:5px;}

#main-image .listing ul li.previous { background:url(/assets/images/elements/previous-arrow.jpg) no-repeat 8% 55% #185565;
padding:5px 10px 5px 25px;
margin:0 20px 0 0;}
#main-image .listing ul li.previous a { color:#fff;}
#main-image .listing ul li.previous a:hover { color:#fff;}

#main-image .listing ul li.more { background:url(/assets/images/elements/next-arrow.jpg) no-repeat 95% 55% #185565;
padding:5px 25px 5px 10px;
margin:0 5px 0 20px;}
#main-image .listing ul li.more a { color:#fff;}
#main-image .listing ul li.more a:hover { color:#fff;}

#main-image .listing ul li a { color:#185565;
text-decoration:none;
font-weight:bold;}

#main-image .listing ul li a:hover { color:#a6dcea;}

#main-image .listing ul li a.on { background:#185565;
color:#fff;
padding:2px 4px;}



/* new/amends to listing page */


#main-image .listing .product_listing { width:187px;
height:377px;
float:left;
margin:0 6px 2px 0;
_position:relative;}

#main-image .listing .product_listing.last { margin:0;}

#main-image .listing .product_listing .image { width:187px;
height:377px;
overflow:hidden;
position:relative;
z-index:0;
background:#fff;}

/*#main-image .listing .product_listing .image img { width:250px;}*/


#main-image .listing .product_listing .link { height:70px;
margin:-103px 0 0 0;
.margin:-41px 0 0 0;
position:relative;
width:187px;
height:80px;}

#main-image .listing .product_listing .link a.link { display:block;
background:url(/assets/images/elements/prod-listing-bg-big.png) no-repeat;
font-size:120%;}

#main-image .listing .product_listing .link h4 { width:150px;
height:70px;
overflow:hidden;}

/*#main-image .listing .product_listing .link h4 { .width:auto;
.height:auto;}*/


/*#main-image .listing .product_listing p { margin:0;
margin:-73px 0 0 0;
height:70px;
overflow:hidden;
position:relative;
z-index:10;
background:url(/assets/images/elements/prod-listing-bg-big.png) no-repeat;}

#main-image .listing .product_listing p a { 
display:block;
padding:2px 5px;
color:#fff;
text-decoration:none;
font-weight:bold;
height:60px;
.height:auto;
overflow:hidden;
cursor:pointer;}


#main-image .listing .product_listing p a.ltaperto { font-size:120%;
cursor:pointer;
border:1px solid red;
width:140px;}*/

.ltaperto span { display:none;}

#main-image .listing .product_listing .sale { 
width:100px;
height:94px;
background:url(/assets/images/elements/sale-icon.png) no-repeat;
margin:-375px 0 0 0px;
position:relative;
z-index:12;}

#main-image.detail .sale { .display:none;
width:100px;
height:94px;
background:url(/assets/images/elements/sale-icon.png) no-repeat;
margin:0px 0 0 0px;
position:relative;
z-index:600;}


#main-image .listing .product_listing .june { 
width:112px;
height:176px;
background:url(/assets/images/elements/june-icon.png) no-repeat;
margin:-375px 0 0 0px;
position:relative;
z-index:12;}

#main-image.detail .june { .display:none;
width:100px;
height:94px;
background:url(/assets/images/elements/june-icon.png) no-repeat;
margin:0px 0 0 0px;
position:relative;
z-index:600;}


/*#main-image .listing .image { 
width:187px;
height:377px;
float:left;
margin:0 6px 0 0;}

#main-image .listing .image.last { margin:0;}


#main-image .listing .image p { margin:0;
margin:304px 0 0 0;
height:73px;
overflow:hidden;
background:url(/assets/images/elements/prod-listing-bg-big.png) no-repeat;}


#main-image .listing .image p a { 
display:block;
padding:5px;
color:#fff;
text-decoration:none;
font-weight:bold;
height:73px;
.height:auto;
overflow:hidden;
cursor:pointer;}

#main-image .listing .image p a.ltaperto { font-size:140%;
cursor:pointer;}*/



/* press page */
#main-image .press { width:180px;
float:left;
overflow:hidden;
margin:5px;
height:235px;
text-align:center;
_position:relative;}

/*#main-image .press img { position:relative;
z-index:1;
overflow:hidden;}*/

#main-image .press p { margin:-20px 0 0 0;
padding:5px;
background:url(/assets/images/elements/press-bg.png) no-repeat;
height:50px;
text-align:left;
font-size:100%;
position:relative;
z-index:10;}

#main-image .press p.ltaperto a { color:#fff;
text-decoration:none;
font-weight:bold;
}

#main-image .press p a:hover { text-decoration:underline;}

/* gonna restyle the breadcrumb */

ul#breadcrumb { margin:0;
padding:2px 0 5px 0;
list-style:none;
border-bottom:1px solid #6d97a3;}

ul#breadcrumb.basket { background:#0b262e;
position:relative;
z-index:600;}

ul#breadcrumb li { display:inline;
color:#6d97a3;}

ul#breadcrumb li a { color:#6d97a3;
text-decoration:none;}

/* product detail page */

#main-image.detail { background:#fff;
width:589px;
padding:4px 0px 4px 4px;
float:left;}

#zoom1-big { float:left;
width:350px;
height:520px;
margin:0 4px 0 0;
padding:0;}

#zoom1 { float:left;
margin:0 0 2px 0;}

.space { height:2px;
margin:10px 0;}

.thumbnails { margin:0 0 10px 0;
padding:0;}

.thumbnails img { margin:0 2px 0 0;
padding:0;
float:left;}

#main-image.detail p { color:#000;
font-weight:bold;
float:left;
margin:5px 0 0 0;
width:225px;}

/* left column form */

#left-column form#contact_form { width:500px;}

#left-column form#contact_form label { color:#fff;
width:100px;
float:left;
margin:0 0 5px 0;}

#left-column form#contact_form label.long { width:390px;}

#left-column form#contact_form input { color:#fff !important;
width:300px;
float:left;
margin:0 0 5px 0;
background:#105467;
border:1px solid #628c97;
padding:2px;}

#left-column form#contact_form input.tick_box { width:20px;}

#left-column form#contact_form input.btn { background:url(/assets/images/button-bg.jpg) repeat-x;
width:306px;}

#left-column form#contact_form textarea { color:#fff !important;
width:300px;
float:left;
margin:0 0 5px 0;
background:#105467;
border:1px solid #628c97;
padding:2px;}

/* left column detail page - form */

#left-column.detail-page form#product {}

#left-column.detail-page form#product .row { background:#295966;
padding:2px;
margin:0 0 5px 0;}

#left-column.detail-page form#product .row label { margin:0 0 0 10px;}
#left-column.detail-page form#product .row input { margin:0;
background:#295966;
border:none;
color:#fff;}

#left-column.detail-page form#product .row select { margin:0 10px;
background:#093743;
border:1px solid #6b8d96;
color:#fff;}


#left-column.detail-page form#product input.btn-bag { background:url(/assets/images/add-bg.jpg) repeat-x #11404c;
border:1px solid #5d8691;
color:#fff;
padding:2px 30px 3px 30px;
margin:5px 0 0 0;
.padding:2px 20px 3px 20px;}

#left-column.detail-page form#product input.btn-send { background:url(/assets/images/send-btn.jpg) repeat-x #093a48;
border:1px solid #0f3642;
color:#fff;
padding:2px 30px 3px 30px;
margin:5px 0 0 45px;
.margin:5px 0 0 10px;
.padding:2px 20px 3px 20px;}

ul#feeback-links { border-top:1px solid #6e949e;
margin:10px 0 0 0;
padding:5px 20px 5px 0;
list-style:none;
text-align:right;}

ul#feeback-links li { margin:0 10px 0 0;
padding:0;
display:inline;}

ul#feeback-links li a { background:url(/assets/images/white-arrow.jpg) no-repeat center left;
padding:0 0 0 15px;}

/* you may also like */

.feature-column { margin:0 0 10px 0;}

.feature-column h2 { border-bottom:1px solid #fff;
margin:10px 0;
padding:0;}

.feature-column .like { width:152px;
float:left;
height:240px;
margin:0 10px 0 0;}

.feature-column .like .like-text { background:url(/assets/images/like-bg.png) no-repeat bottom;
margin:0;
padding:155px 0 0 0;
height:76px;}

.feature-column .like .like-text h3 { font-size:84%;
border:none;
margin:0 5px;
padding:5px 0;}

.feature-column .like .like-text h3 a { color:#fff;
text-decoration:none;}

.feature-column .like .like-text h3 a:hover { color:#fff;}


.feature-column .like .like-text h4 { font-size:84%;
border:none;
margin:0 5px;
padding:5px 0;
color:#fff;}

.feature-column .like .like-text h4.ltaperto a { color:#fff;
text-decoration:none;}

.feature-column .like .like-text h4 a:hover { color:#fff;}

/* basket */

table#basket-content .heading { font-weight:bold;
margin:0;
padding:5px 10px;
background:#205360;}

table#basket-content { font-size:74%;}

table#basket-content td { padding:5px 10px;
background:#0b2b33;}

table#total-basket { width:240px;
float:right;
margin:0;
font-size:74%;}

table#total-basket .heading { font-weight:bold;
margin:0;
padding:5px 10px;
width:90px;
background:#2b6472;}

table#total-basket td { padding:5px 10px;
background:#205360;}

.basket-wrap-divides { float:right;
width:630px;
margin:50px 0 10px 0;}

.buttons { background:url(/assets/images/elements/basket-button.jpg) repeat-x #2893ad;
border:1px solid #36a1bb;
float:left;
width:200px;
color:#fff;
font-size:70%;
padding:3px;
margin:0 5px;
font-weight:bold;}

/* basket voucher code */

.basket-discount-wrap { width:400px;
margin:-65px -284px 10px 5px;
.margin:-105px -284px 10px 5px;
float:right;}

.basket-discount-wrap label { font-size:74%;
font-weight:bold;}

.basket-discount-wrap input { background:#105467;
border:1px solid #628C97;
color:#fff !important;
width:150px;
margin:0 5px;}

.basket-discount-wrap input.button { background:transparent url(/assets/images/button-bg.jpg) repeat-x scroll 0 0;
width:100px;
font-weight:bold;
font-size:74%;}


/* login/register page */

.login { width:420px;
float:left;
margin:0 50px 0 0;}

/* details form */

.details-form { width:420px;
float:left;}

.details-form label { padding:2px;}

.details-form input { background:#105467;
border:1px solid #628C97;
color:#fff !important;
padding:2px;}

.details-form select { background:#105467;
border:1px solid #628C97;
color:#fff !important;
padding:2px;}

#form .details-form input.button { background:url(/assets/images/button-bg.jpg) repeat-x;
border:1px solid #628C97;
color:#fff !important;
padding:0 0 2px 0;
width:305px;}

/* credit cards */

.credit-cards { width:420px;
float:left;}

.credit-cards p.title { font-weight:bold;}

.credit-cards label { font-size:74%;
width:200px;
float:left;
margin:0 0 5px 0;}

.credit-cards input { background:#105467;
border:1px solid #628C97;
color:#fff !important;
padding:2px;
font-size:74%;
width:200px;
margin:0 0 5px 0;}

.credit-cards select { background:#105467;
border:1px solid #628C97;
color:#fff !important;
padding:2px;
font-size:74%;
width:206px;
margin:0 0 5px 0;}

.credit-cards select.little { width:101px;}

.credit-cards p.add { float:left;
width:220px;}

.credit-cards input.btn { background:url(/assets/images/button-bg.jpg) repeat-x;
border:1px solid #628C97;
color:#fff !important;
padding:0 0 2px 0;
width:206px;
margin:0 0 0 200px;}

.credit-cards textarea { background:#105467;
border:1px solid #628C97;
color:#fff !important;
padding:2px;
width:200px;
margin:0 0 5px 0;}


/* blog article */

.article { margin:10px 0;
border-bottom:1px dotted #fff;}

.article h3 { margin:0;
padding:0;
border-bottom:none;}


/* like */

#facebook { color:#fff !important;}

/* promotion text next to paging */

.promotion { float:left; 
width:300px;
border:1px solid red;
position:relative;
z-index:700;
background:#1a4e5c;}

.promotion p { color:#000;}