@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,200);

/* CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
:focus { outline:none; }
html {height:100%;min-width:980px;}
body {line-height:1;height:auto;min-width:980px;min-height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
a {margin:0;padding:0;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:700;}
del {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:0;border-top:1px solid #000;border-bottom:1px solid #222;margin:40px 0 15px;}
input,select {vertical-align:middle;color:#222;font:13px 'Source Sans Pro', sans-serif;}
textarea {color:#222;font:13px 'Source Sans Pro', sans-serif;}

/* Global Styles */
body { position:relative; background:#000 url(../imgs/main/mainbg.jpg) top center no-repeat; color:#bbb; font:14px 'Source Sans Pro', sans-serif; font-weight:400; }
body.home { background-image:url(../imgs/main/homebg.jpg); }
a { color:#fff; text-decoration:underline; }
a:hover { text-decoration:none; }
h2 { color:#fff; font-size:44px; font-weight:200; line-height:1.2em; letter-spacing:-.04em; margin-bottom:10px; }
h3 { color:#fff; font-size:19px; margin-bottom:10px; }
ol { list-style:decimal; }
ul { list-style:disc; margin-bottom:1em; }
li { position:relative; margin-left:20px; line-height:1.4em; }
p { text-align:justify; line-height:1.4em; margin-bottom:1.4em; }
small { font-size:11px; }
.clear { clear:both; }
.fleft { float:left; }
.fright { float:right; }

/*--------------*/
/*--- Header ---*/
/*--------------*/
header { position:relative; width:556px; height:90px; margin:0 auto; padding:30px 142px 0 282px; overflow:hidden; }
#logo { display:block; width:320px; height:0; background:url(../imgs/main/logo.png); margin:0 0 0 auto; padding-top:35px; overflow:hidden; }
#flags { position:absolute; top:0; left:142px; }
#flags a { display:block; padding:4px; color:#555; font-size:11px; font-weight:700; text-decoration:none; text-transform:uppercase; }
#flags a span { display:block; float:left; width:30px; height:0; background:url(../imgs/main/flags.png); margin:-4px 8px -4px -4px; padding-top:20px; overflow:hidden; }
a#flag_uk span { background-position:0 0; }
a#flag_pt span { background-position:-30px 0; }
#flags a:hover { color:#fff; cursor:pointer; }
a#flag_uk:hover span { background-position:-60px 0; }
a#flag_pt:hover span { background-position:-90px 0; }
#seohead { padding:20px 0; text-align:right; }
#seohead h1 { display:inline; color:#bbb; font-family:'Source Sans Pro', sans-serif; font-size:11px; line-height:1em; text-transform:uppercase; }
#seohead p { display:inline; color:#818080; font-size:11px; line-height:1em; }
#seohead p strong { font-weight:normal; }
#seohead p strong:before { content:" // "; }

/*----------------*/
/*--- Homepage ---*/
/*----------------*/
#hm_box { position:relative; width:696px; height:416px; background:url(../imgs/main/homeboxbg.png) center no-repeat; margin:0 auto 40px; padding:20px 142px; }
#hm_box a.share { position:absolute; top:-15px; }
#hm_menu a { position:absolute; border:solid #101010; }
#hm_menu a#hm_watches { top:20px; left:142px; background:url(../imgs/main/hm_watches_bw.jpg); border-width:0 4px 4px 0;  }
#hm_menu a#hm_jewels { bottom:20px; right:142px; background:url(../imgs/main/hm_jewels_bw.jpg); border-width:4px 0 0 4px; }
#hm_menu a#hm_pens { top:20px; right:142px; background:url(../imgs/main/hm_pens_bw.jpg); border-width:0 0 4px 4px; }
#hm_menu a#hm_store { bottom:20px; left:278px; background:url(../imgs/main/hm_store_bw.jpg); border-width:4px 4px 0 4px; }
#hm_menu a#hm_services { bottom:20px; left:142px; background:url(../imgs/main/hm_services_bw.jpg); border-width:4px 4px 0 0; }
#hm_menu a img { display:block; }
#hm_menu a span { position:absolute; bottom:6px; right:36px; color:#fff; font-size:16px; font-weight:700; text-decoration:none; text-transform:uppercase; z-index:3; }
#hm_menu a .icon { bottom:5px; right:5px; }

#hm_banner_new { margin-top:100px; text-align:center; display:block; width:100%; height:60px; overflow:hidden;}
#hm_banner_new a { padding-top:155px; }
#hm_banner_new a:hover { padding-top:240px;}
#hm_banner_new a img { opacity:0;}

.hm_footer_spacer { display:block; height:100px;}

/*------------*/
/*--- Menu ---*/
/*------------*/
aside { float:left; position:relative; width:282px; }
#menu { padding:0 2px; }
#menu a { position:relative; display:block; width:136px; height:136px; margin:0 0 4px; color:#fff; font-size:14px; font-weight:700; text-decoration:none; text-transform:uppercase; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; }
#menu a img { position:absolute; top:0; left:0; width:136px; height:136px; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; }
#menu a img.off { z-index:1; }
#menu a img.on { z-index:2; opacity:0; }
#menu a span { position:absolute; bottom:8px; right:35px; z-index:3; opacity:.3; transition:opacity .3s; -webkit-transition:opacity .3s; -moz-transition:opacity .3s; -o-transition:opacity .3s; }
#menu a .icon { bottom:5px; right:5px; }
#menu a:hover,#menu a.active { width:156px; height:156px; box-shadow:1px 1px 4px #000; }
#menu a:hover img,#menu a.active img { width:156px; height:156px; opacity:1; }
#menu a:hover span,#menu a.active span { opacity:1; }

.icon { display:block; width:30px; height:30px; background:url(../imgs/main/menu/menuicons.png); }
.icon.watches {  background-position:0 0; }
.icon.jewels { background-position:0 -30px; }
.icon.pens { background-position:0 -60px; }
.icon.store { background-position:0 -90px; }
.icon.services { background-position:0 -120px; }

/*-----------------*/
/*--- Main Page ---*/
/*-----------------*/
.wrapper { display:block; position:relative; width:980px; margin:0 auto; padding:40px 0 100px; overflow:hidden; }
.main { float:left; width:556px; }
.main .head { position:relative; display:block; height:160px; }
.main .head .share { position:absolute; top:0; left:0; }
.main .head .title { color:#fff; font-size:14px; font-weight:700; text-align:right; text-transform:uppercase; opacity:.3; }
.main .head .title .icon { display:inline-block; margin:-7px 0 -7px 3px; }
.main .head hgroup { position:absolute; bottom:25px; left:0; }
.main article img.fright { margin:5px 0 20px 36px; }

.share { display:block; position:relative; padding:2px 25px 10px; color:#555; font-size:13px; font-weight:700; text-decoration:none; text-transform:uppercase; }
.share .facebook { display:block; position:absolute; top:0; left:0; width:20px; height:0; background:url(../imgs/main/fbshare.gif); padding-top:20px; overflow:hidden; transition:linear .1s; -webkit-transition:linear .1s; -moz-transition:linear .1s; -o-transition:linear .1s; }
.share:hover { color:#fff; }
.share:hover .facebook { background-position:0 -20px; }

/*-------------------*/
/*--- Coda Slider ---*/
/*-------------------*/
.coda-slider-no-js .coda-slider { height:136px; overflow:auto !important; }
.coda-slider-wrapper { position:relative; margin-bottom:35px; }
.coda-slider { position:relative; height:136px; margin:0 -2px; overflow:hidden; }
.coda-slider .panel { display:block; float:left; width:560px; }
.coda-slider a { display:block; float:left; margin:0 2px; }
.coda-slider a img { display:block; }
.coda-nav-left,.coda-nav-right { position:absolute; top:48px; z-index:10; }
.coda-nav-left a,.coda-nav-right a { display:block; width:22px; height:0; background:url(../imgs/main/gallerynav.png); padding-top:40px; overflow:hidden; cursor:pointer; opacity:.5; }
.coda-nav-left { left:-50px; }
.coda-nav-right { right:-50px; }
.coda-nav-left a { background-position:0 0; }
.coda-nav-right a { background-position:-22px 0; }
.coda-nav-left a:hover,.coda-nav-right a:hover { opacity:1; }

/*----------------*/
/*--- Products ---*/
/*----------------*/
#filters { position:absolute; bottom:4px; left:0; }
#filters .title { text-align:left; opacity:.5; }
#filters label.sold { position:absolute; top:0; right:0; height:12px; background:url(../imgs/main/soldbtn.png) left; padding:5px 10px 5px 20px; color:#fff; font-size:12px; line-height:1; opacity:.6; overflow:hidden; cursor:pointer; }
#filters label.sold:hover,#filters label.sold.active { opacity:1; }
#filters label.sold input { position:absolute; top:-40px; }
#filters .cols { list-style:none; margin:12px -4px 0 0; }
#filters .cols li { float:left; width:126px; height:50px; background-color:#161616; margin:0 4px 0 0; padding:5px; }
#filters .cols li label { display:block; margin-bottom:16px; color:#fff; font-size:12px; font-weight:700; line-height:1; text-transform:uppercase; }
#filters .cols li select { width:100%; background-color:#000; border:none; color:#bbb; }

.results { list-style:none; margin:0 -4px 160px 0; overflow:hidden; }
.results li { position:relative; float:left; margin:0 4px 4px 0; overflow:hidden; }
.results li a { display:block; width:136px; height:136px; overflow:hidden; }
.results li a img { display:block; }
.results li a .infobox { display:block; position:absolute; bottom:0; left:0; right:0; height:26px; background:url(../imgs/main/black70.png); padding:5px; transition:ease-in .2s;  -webkit-transition:ease-in .2s; -moz-transition:ease-in .2s; -o-transition:ease-in .2s; }
.results li a .infobox b { display:block; color:#fff; font-size:14px; line-height:1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.results li a .infobox b.brand { color:#bbb; font-size:12px; }
.results li a .infobox b.model { margin-bottom:4px; }
.results li a .infobox b.price { text-align:right; }
.results li a .sold,.results li a .reserved { display:block; position:absolute; top:0; bottom:0; left:0; right:0; }
.results li a .sold.lang_pt { background:url(../imgs/main/sold_pt.png); }
.results li a .sold.lang_en { background:url(../imgs/main/sold_en.png); }
.results li a .reserved.lang_pt { background:url(../imgs/main/reserved_pt.png); }
.results li a .reserved.lang_en { background:url(../imgs/main/reserved_en.png); }
.results li a:hover .infobox { bottom:-52px; }

.tipdetails { display:none; position:absolute; top:116px; left:-4px; width:248px; background:url(../imgs/main/tipdetails.png) top; padding:32px 18px 0; z-index:4; }
.tipdetails h4,.tipdetails h5 { line-height:1.2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tipdetails h4 { color:#bbb; font-size:14px; }
.tipdetails h5 { color:#fff; font-size:16px; font-weight:400; margin-bottom:10px; }
.tipdetails dl { overflow:hidden; margin-bottom:10px; }
.tipdetails dt { clear:both; float:left; width:72px; margin-right:5px; padding-top:4px; color:#bbb; font-size:11px; font-weight:700; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tipdetails dd { float:left; width:165px; padding-top:4px; color:#fff; font-size:13px; font-weight:400; line-height:1.2em; }
.tipdetails .bottom { position:absolute; bottom:-18px; left:0; width:284px; height:18px; background:url(../imgs/main/tipdetails.png) bottom; }

/*----------------*/
/*--- Item Page ---*/
/*----------------*/
#popitem { position:fixed; top:0; left:0; width:100%; height:100%; background:url(../imgs/main/black85.png); z-index:10; overflow:auto; }
#popitem .wrap { width:940px; margin:5% auto; }
#popitem .wrap .head { position:relative; padding:20px 0; }
#popitem .wrap .head h2 { margin:0 0 0 -3px; line-height:1em; }
#popitem .wrap .head h3 { margin:0; color:#888; }
#popitem .wrap .head .close { position:absolute; top:45px; right:0; display:block; width:30px; height:0; background:url(../imgs/main/closepop.png) center; padding-top:30px; overflow:hidden; transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; }
#popitem .wrap .head .close:hover { transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); cursor:pointer; }
#popitem .wrap .tipdetails { display:block; float:left; position:relative; top:-2px; left:-5px; bottom:0; height:515px; margin-right:-20px; padding:28px 18px 0; }
#popitem .wrap .tipdetails .share { margin:0 -5px; text-align:right; }
#popitem .wrap .tipdetails .share span { left:auto; right:0; }
#popitem .wrap .tipdetails dt { width:75px; font-size:12px; }
#popitem .wrap .tipdetails dd { width:163px; font-size:14px; }
#popitem .wrap .sold,#popitem .wrap .reserved { display:block; position:absolute; top:0; left:0; width:100px; height:100px; z-index:10; }
#popitem .wrap .sold.lang_pt { background:url(../imgs/main/sold_pt.png); }
#popitem .wrap .sold.lang_en { background:url(../imgs/main/sold_en.png); }
#popitem .wrap .reserved.lang_pt { background:url(../imgs/main/reserved_pt.png); }
#popitem .wrap .reserved.lang_en { background:url(../imgs/main/reserved_en.png); }
#popitem #contact_form input[type="text"],#popitem #contact_form textarea { width:214px; padding:6px; }
#popitem #contact_form textarea { height:240px; }

/*-----------------*/
/*--- Accordion ---*/
/*-----------------*/
.accordion { list-style:none; margin:0; padding:0; }
.accordion > li { margin:1px -5px 0; }
.accordion .acc_body { height:415px; }
.accordion h2 { margin:0; }
.accordion a { position:relative; display:block; height:26px; background-color:#222; padding:2px 15px 1px; color:#fff; font-size:13px; font-weight:700; line-height:26px;  text-transform:uppercase; cursor:pointer; }
.accordion a:hover,.accordion a.active { background-color:#fff; color:#000; text-decoration:none; }
.accordion a span { position:absolute; top:8px; right:10px; width:13px; height:13px; background:url(../imgs/main/accarrows.png); }
.accordion a:hover span,.accordion a.active span { background-position:0 -13px; }
.accordion ul,.accordion dl,.accordion article { margin:0; padding:8px 15px 10px; overflow:hidden; }
.accordion dl { padding-right:0; }

/*----------------*/
/*--- Contacts ---*/
/*----------------*/
#contacts { overflow:hidden; }
#contacts hgroup { padding:20px 0; }
#contacts div { float:left; margin-right:-10px; }
#contacts div.first { width:246px; margin-right:50px; }
#contacts h5 { margin-bottom:20px; }
#contact_form ul { list-style:none; margin:0; }
#contact_form li { margin:3px 0; overflow:hidden; }
#contact_form li small { float:left; display:block; padding:8px 5px 0; color:#bbb; font-size:11px; }
#contact_form .error,#contact_form .success { display:none; margin:5px 20px; color:#c00; font-size:12px; font-weight:700; }
#contacts #contact_form .error,#contacts #contact_form .success { margin:5px 0; }
#contact_form .success { color:#060; }
#contact_form input[type="text"],#contact_form textarea { position:relative; display:block; width:240px; background-color:#000; border:1px solid #222; padding:9px; color:#bbb; z-index:4; }
#contact_form input[type="text"]:focus,#contact_form textarea:focus { background-color:#fff; color:#262a2b; }
#contact_form input[type="text"].erro,#contact_form textarea.erro { color:#c00; }
#contact_form input[type="button"] { float:right; margin-top:5px; background-color:#222; border:none; padding:5px 9px 5px 12px; color:#fff; font-size:12px; font-weight:700; }
#contact_form input[type="button"]:hover { background-color:#fff; color:#000; cursor:pointer; }
#contact_form input[type="button"][disabled="disabled"] { background-color:#222; color:#818080; cursor:wait; }

#gmap { float:none; width:246px; height:246px; margin-bottom:2px; }

/*--------------*/
/*--- Footer ---*/
/*--------------*/
footer { position:absolute; bottom:0; width:100%; z-index:2; }
footer .wrap { width:696px; margin:0 auto; padding:1px 142px; }
#copy { float:right; color:#555; font-size:12px; padding:10px 30px; }
#social { float:right; }
#social a { display:block; float:left; width:38px; height:0; background:url(../imgs/main/social.gif); margin:0 0 1px 1px; padding-top:38px; overflow:hidden; transition:linear .1s; -webkit-transition:linear .1s; -moz-transition:linear .1s; -o-transition:linear .1s; }
#social a.facebook { background-position:0 0; }
#social a.twitter { background-position:-38px 0; }
#social a.google { background-position:-76px 0; }
#social a.rss { background-position:-114px 0; }
#social a:hover.facebook { background-position:0 -38px; }
#social a:hover.twitter { background-position:-38px -38px; }
#social a:hover.google { background-position:-76px -38px; }
#social a:hover.rss { background-position:-114px -38px; }

/* Sitemap */
#sitemap { overflow:hidden; }
#sitemap .col { float:left; width:50%; }
#sitemap h3 a { color:#fff; font-family:'Source Sans Pro', sans-serif; font-size:17px; }
#sitemap ul { list-style:none; margin-bottom:1.5em; line-height:1.2em; }
#sitemap ul li { width:80%; margin:0 0 1.5em; }
#sitemap ul li a { display:block; font-size:13px; font-weight:400; }
#sitemap ul li .url { margin-bottom:.5em; color:#888; font-size:10px; font-weight:400; line-height:1em; }
#sitemap ul li p { font-size:11px; line-height:1.3em; }

/*---------------------*/
/*--- Webflow Label ---*/
/*---------------------*/
#labelwebflow { display:inline-block; width:80px; height:0; background:url(../imgs/main/labelwebflow.png); padding-top:20px; overflow:hidden; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; }
#labelwebflow:hover { background-position:0 -20px; }
#labelwebflow.lightbg { background-position:0 -40px; }
#labelwebflow.lightbg:hover { background-position:0 -60px; }
/* Site Specific */
#labelwebflow { margin:-2px 0 -6px; }