body, html { margin: 0; padding: 0; min-width: 760px; height: 90%;}
html { background: #EEEEEE url('/images/layout/backdrop-general.png') top left repeat-x;}
body { font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; font-size: 12px; color: #636363; }

a {outline: none;}
div#header { margin: 10px 20px; height: 32px; padding: 4px 0; background-color: #636363; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
div#header a.home { display: block; width: 120px; height: 25px; line-height: 25px; margin: 0 10px 5px; background: #636363 url('/images/layout/header-logo.png') left center no-repeat; color: #FFFFFF; padding: 5px 5px; text-align: left; text-indent: -100em; overflow: hidden;}
div#header div#testDiv, div#header div#locationSearchDiv { left: 150px; top: 16px;  position: absolute; width: 100px; height: 22px; z-index: 1000; }
div#header div#testDiv label, div#header div#locationSearchDiv label { display: inline; line-height: 18px; color: #FFFFFF;}
div#header div#testDiv input, div#header div#locationSearchDiv input { width: 120px; height: 20px; border: 3px solid #999999; vertical-align: middle; font: bold 16px/20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;  color: #636363; -webkit-border-radius: 5px 5px; -moz-border-radius: 5px; -o-border-radius: 5px 5px; border-radius: 5px; outline: none; }
div#header div#testDiv input:focus, div#header div#locationSearchDiv input:focus { background-color: #ff8a00; color: #FFFFFF; border-color: #3b3b3b;}
div#header div#testDiv input:hover, div#header div#locationSearchDiv input:hover { border-color: #3b3b3b;}
div#header div#locationSearchDiv.increased input { font-size: 64px; line-height: 80px; }
div#header div#locationSearchDiv.decreased input { font-size: 16px; line-height: 20px; }
p#footer { font-size: 9px; margin: 30px auto; padding: 0; width: 30%; text-align: center; min-width: 30em; clear: both;}

div#header a.action { display: block; width: 30px; height: 30px; float: right; margin: 2px 5px 5px; text-indent: -100em; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-color: #ebefef;}
div#header a.widget { background-image: url('/images/layout/header-icon-widget.png');}
div#header a.embed { background-image: url('/images/layout/header-icon-embed.png'); width: 34px; margin-right: 10px; margin-left: 0;}
div#header a.watch { background-image: url('/images/layout/header-icon-watch.png');}
div#header a.action:hover { background-color: #ff8a00;}

div.auto_complete {  border: 2px solid #636363; -webkit-box-shadow: #636363 0 5px 10px;}
div.auto_complete ul li { font-size: 16px;}
h1 a { color: #ff8a00; text-decoration: none;}

/*body * {border: 1px solid #ff0000;}*/


/* HOME */

fieldset#home { position: relative; width: 15.8em; margin: 100px auto 20px; font-size: 32px; line-height: 120%; padding: 0; display: block; border: none; font-weight: bold; }
fieldset#home input, fieldset#home label { line-height: 30px; display: inline; margin: 0; vertical-align: middle;}
fieldset#home label b { color: #c4c4c4;}
fieldset#home input { font-size: 32px;  line-height: 120%; color: #636363; width: 8em; padding: 0 .2em; border: 3px solid #636363; -webkit-border-radius: 10px 10px; -moz-border-radius: 10px; -o-border-radius: 10px 10px; border-radius: 10px 10px; font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; outline: none;}
fieldset#home input[type=submit], fieldset#home input.ask  { display: none;}
fieldset#home input:focus { background-color: #ff8a00; color: #FFFFFF; border-color: #3b3b3b;}
fieldset#home input:hover { border-color: #3b3b3b;}
fieldset#home.try { margin-top: 30px;}

div#featured { height: 210px; min-height: 210px;}
#featured div.location h2 b img { margin: 0 5px; vertical-align: bottom;}

div#navigate { display: block; width: 600px; margin: 0 auto; padding: 0; font-size: 14px; line-height: 100%; font-weight: bold;}
div#navigate a { display: block; width: 90px; margin: 0; padding: 10px 30px 0 80px; float: left; color: #636363; text-decoration: none;}
div#navigate span { display: block; float: left; width: 70px; height: 70px; margin: -10px 0 0 -80px; float: left; background-repeat: none; background-color: #636363; background-position: top left;}
div#navigate a:hover span { background-color: #ff8a00; }
div#navigate a:hover { color: #ff8a00;}
div#navigate a#watches span  { background-image: url('/images/layout/icon-watch-xl.png');}
div#navigate a#widget span  { background-image: url('/images/layout/icon-widget-xl.png');}
div#navigate a#embed span  { background-image: url('/images/layout/icon-embed-xl.png');}
div#navigate br { clear: left;}

/* LOCATION */

div.location { width: 300px; margin: 10px auto 100px; padding: 0; text-align: center; }
div.location div.clock { width: 120px; height: 120px; margin: 20px auto; background-position: center center; background-repeat: no-repeat; overflow: hidden;}
div.location h2 { text-align: center; color: #757c7d; font-size: 21px; text-transform: capitalize; margin: 0 0 10px 0; } 
div.location h2 em { display: none;}

div.location div.time * { margin: auto; display: block; text-align: center; font-style: normal;}
div.location div.time span { font-size: 12px; color: #B2B2B2;}
div.location div.time .day { color: #979c9d; font-size: 11px;}
div.location div.time .day span { display: inline; color: #979c9d; font-size: 11px;}
div.location div.time .timezone { color: #bbc1c2; font-size: 10px;}
div.location div.time p { margin: 3px auto; font-size: 14px; line-height: 21px; font-weight: bold; color: #FFFFFF; background-color: #757c7d; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 7em; padding: 3px; font-weight: bold; text-shadow: #3c3f40 0 -1px 0; position: relative; text-align: center; overflow: hidden;}
div.location div.time p span { font-size: 14px; line-height: 21px; color: #FFFFFF; display: inline;}
div.location div.action  { display: block; width: 116px; height: 25px; margin: 5px auto 10px; padding: 0;}
div.location div.action a { position: relative; width: 25px; height: 25px; margin: 0 2px; padding: 0; float: left; display: block; text-indent: -100em; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-color: transparent;}
div.location div.action a.buy { background-image: url('/images/layout/icon-buy-s.png');}
div.location div.action a.info { background-image: url('/images/layout/icon-info-s.png');}
div.location div.action a.widget { background-image: url('/images/layout/icon-widget-s.png');}
div.location div.action a.embed { background-image: url('/images/layout/icon-embed-s.png');}
div.location div.action br { clear: left; height: 1px; font-size: 1px; line-height: 1px; display: block;}
/*div.location div.time p span.meridiem { position: absolute; top: 0; right: 0;  text-transform: uppercase; color: #FFFFFF; background-color: #989898; font-size: 9px; line-height: 30px; padding: 0 3px; text-shadow: none; -webkit-border-top-right-radius: 5px 5px; -webkit-border-bottom-right-radius: 5px 5px; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}*/
div.location h2 b { display: block; font-size: 11px; color: #A5A5A5;}
div.location h2 a { color: #ff8a00; text-decoration: none;}
div.location h2 a:hover { color: #ff4800; text-decoration: underline;}


/* LOCATION: multiply */

body#Capsa { margin: 0; padding: 0;}
body#Capsa>br { clear: both;}
body#Capsa.una div.location { float: none; width: 100%; margin-bottom: 0px; min-width: 360px;}
body#Capsa.duo div.location { float: left; width: 50%; margin-right: -2px; margin-bottom: 10px; min-width: 300px;}
body#Capsa.tres div.location { float: left; width: 33%; margin-right: -2px; margin-bottom: 20px; min-width: 240px;}
body#Capsa.quattuor div.location { float: left; width: 25%; margin-right: -2px; margin-bottom: 30px; min-width: 180px;}
body#Capsa.quinque div.location { float: left; width: 20%; margin-right: -2px; margin-bottom: 40px; min-width: 120px;}
body#Capsa.sex div.location { float: left; width: 16%; margin-right: -2px; margin-bottom: 50px; min-width: 60px;}
body#Capsa.septem div.location { float: left; width: 14%; margin-right: -2px; margin-bottom: 60px; min-width: 60px;}
body#Capsa.octo div.location { float: left; width: 12%; margin-right: -2px; margin-bottom: 70px; min-width: 60px;}
body#Capsa.novem div.location { float: left; width: 11%; margin-right: -2px; margin-bottom: 80px; min-width: 60px;}
body#Capsa.decem div.location { float: left; width: 10%; margin-right: -2px; margin-bottom: 90px; min-width: 60px;}

body#Capsa.quinque div.location div.time span { font-size: 11px;}
body#Capsa.quinque div.location div.time p, body#Capsa.quinque div.location div.time p span  { font-size: 12px; line-height: 14px; }
body#Capsa.quinque div.location h2 { font-size: 18px;}

body.una { min-width: 360px;}
body.duo { min-width: 600px;}
body.tres { min-width: 720px;}
body.quattuor { min-width: 720px;}
body.quinque { min-width: 600px;}
body.sex { min-width: 360px;}

body#Capsa .una div.location div.clock { width: 360px; height: 360px; margin: 0px auto; /*background-image: url('/images/clock/day-clock-face_c6.png');*/}
body#Capsa .duo div.location div.clock { width:300px; height: 300px; margin: 0px auto; background-image: url('/images/clock/day-clock-face_c5.png');}
body#Capsa .tres div.location div.clock { width:240px; height: 240px; margin: 0px auto; background-image: url('/images/clock/day-clock-face_c4.png');}
body#Capsa .quattuor div.location div.clock { width:180px; height: 180px; margin: 0px auto; background-image: url('/images/clock/day-clock-face_c3.png');}
body#Capsa .quinque div.location div.clock { width:120px; height: 120px; margin: 0px auto; background-image: url('/images/clock/day-clock-face_c2.png');}
body#Capsa .sex div.location div.clock, body#Capsa.septem div.location div.clock, body#Capsa.octo div.location div.clock, body#Capsa.novem div.location div.clock, body#Capsa.decem div.location div.clock {width:60px; height: 60px; margin: 0px auto; background-image: url('/images/clock/day-clock-face_c1.png');}

body#Capsadiv.location div.clock { background-image: none;}

div.location div.modelinfo { display: block; margin-top: 10px; font-size: 10px;}
div.location div.modelinfo span { display: block; color: #4d4d4d; }
div.location div.modelinfo em { letter-spacing: .3em; color: #9c9c9c; font-style: normal; margin-bottom: 5px; display: block;}
div.location div.modelinfo span.collection { font-weight: bold; font-size:11px;}
div.location div.modelinfo span.skin { font-size: 9px; color: #9c9c9c; }

div.location div.modelinfo { display: none;}

body#Capsa .una div.location { position: relative;}
body#Capsa .una div.location h2 { font-size: 30px;}
body#Capsa div div.location h2 b img { margin: 0 5px;}
body#Capsa .una div.location .time { position: absolute; top: 260px; right: 50%; margin-right: -320px; width: 12em; }
body#Capsa .una div.location .action { position: absolute; top: 140px; left: 50%; margin-left: -320px; width: 12em; height: 160px;}
body#Capsa .una div.location div.time p { font-size: 21px; width: 6em; background-color: #636363;}
body#Capsa .una div.location div.time p span { font-size: 18px; line-height: 30px;}
body#Capsa .una div.location .action a { float: none; display: block; height: 40px; margin: 0 0 5px; width: 12em; text-indent: 50px; background-position: 0 center; text-align: left; line-height: 40px; color: #757c7d; text-decoration: none;}
body#Capsa .una div.location .action a:hover { color: #ff8f00;}
body#Capsa .una div.location div.action a.buy { background-image: url('/images/layout/icon-buy-xxl.png');}
body#Capsa .una div.location div.action a.info { background-image: url('/images/layout/icon-info-xxl.png');}
body#Capsa .una div.location div.action a.widget { background-image: url('/images/layout/icon-widget-xxl.png');}
body#Capsa .una div.location div.action a.embed { background-image: url('/images/layout/icon-embed-xxl.png');}
body#Capsa .una div.location div.modelinfo { font-size: 12px; display: block; position: absolute; top: 140px; right: 50%; margin-right: -320px; width: 12em; text-align: center;}
body#Capsa .una div.location div.modelinfo em { font-size: 10px; letter-spacing: .3em; color: #9c9c9c; font-style: normal;}
body#Capsa .una div.location div.modelinfo span { display: block; color: #4d4d4d;}
body#Capsa .una div.location div.modelinfo span.brand {  height: 35px; margin: 4px 4px; text-indent: -100em; overflow: hidden; background-color: #e5e5e5; background-repeat: no-repeat; background-position: center 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
body#Capsa .una div.location div.modelinfo span.collection { font-weight: bold; }
body#Capsa .una div.location div.modelinfo span.skin { font-size: 9px;}

body#Capsa .una div.location div.modelinfo span.lindewerdelin { background-image: url('/images/catalog/brand-lindewerdelin.png');}
body#Capsa .una div.location div.modelinfo span.alessi { background-image: url('/images/catalog/brand-alessi.png');}
body#Capsa .una div.location div.modelinfo span.swatch { background-image: url('/images/catalog/brand-swatch.png');}
body#Capsa .una div.location div.modelinfo span.technomarine { background-image: url('/images/catalog/brand-technomarine.png');}
body#Capsa .una div.location div.modelinfo span.seiko { background-image: url('/images/catalog/brand-seiko.png');}
body#Capsa .una div.location div.modelinfo span.citizen { background-image: url('/images/catalog/brand-citizen.png');}
body#Capsa .una div.location div.modelinfo span.isseymiyake { background-image: url('/images/catalog/brand-isseymiyake.png');}
body#Capsa .una div.location div.modelinfo span.timex { background-image: url('/images/catalog/brand-timex.png');}
body#Capsa .una div.location div.modelinfo span.fossil { background-image: url('/images/catalog/brand-fossil.png');}
body#Capsa .una div.location div.modelinfo span.casio { background-image: url('/images/catalog/brand-fossil.png');}


/* CATALOG */

h1.catalog { margin: 0; padding: 10px 0 20px 0;text-align: center; background: transparent url('/images/catalog/catalog-backdrop.png') left bottom repeat-x;}
h1.catalog span { color: #dad8d8;}
div.catalog { margin: 0; padding: 0;}
div.catalog #collection { padding: 0; margin: 0; background: transparent url('/images/catalog/watches-backdrop.png') top left repeat;}
div.catalog #collection a { display: inline-block; width: 150px; height: 130px; padding-top: 10px; text-align: center; font-size: 10px; color: #9da0a0; line-height: 120%; text-decoration: none; display: -moz-inline-box; }
div.catalog #collection a b { display: block; color: #636363; font-size: 12px; line-height: 100%;}
div.catalog #collection a em { font-weight: bold; font-style: normal; display: block; line-height: 90%;}
div.catalog #collection a img { margin-top: 5px; border: none;}
div.catalog #collection br, div.catalog #brands br { clear: both; display: block; height: 1px; font-size: 1px; line-height: 1px;}
div.catalog #brands { margin: 0 0 10px; padding: 10px 20px 0; min-height: 60px; background: transparent url('/images/catalog/brands-backdrop.png') bottom left repeat-x;}
div.catalog #brands a { display: inline-block; width: 80px; height: 30px; margin: 2px 4px;  text-align: left; text-indent: -100em; overflow: hidden; background-repeat: no-repeat; background-position: center top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: -moz-inline-box;}
div.catalog #brands a:hover { background-color: #ff8a00; background-position: 0 -40px;}
div.catalog #brands a.current { background-color: #636363; background-position: 0 -40px;}

div.catalog #brands #alessi { background-image: url('/images/catalog/brand-alessi.png');}
div.catalog #brands #swatch { background-image: url('/images/catalog/brand-swatch.png');}
div.catalog #brands #lindewerdelin { background-image: url('/images/catalog/brand-lindewerdelin.png');}
div.catalog #brands #technomarine { background-image: url('/images/catalog/brand-technomarine.png');}
div.catalog #brands #seiko { background-image: url('/images/catalog/brand-seiko.png');}
div.catalog #brands #citizen { background-image: url('/images/catalog/brand-citizen.png');}
div.catalog #brands #isseymiyake { background-image: url('/images/catalog/brand-isseymiyake.png');}
div.catalog #brands #timex { background-image: url('/images/catalog/brand-timex.png');}
div.catalog #brands #fossil { background-image: url('/images/catalog/brand-fossil.png');}
div.catalog #brands #casio { background-image: url('/images/catalog/brand-casio.png');}


div#useDefault { text-align: center;}
div#useDefault a { display: inline-block; color: #9f9f9f; margin: auto; font-size: 18px; font-weight: bold; text-decoration: none; padding: 0 0 0 30px;}



/* WIDGET generator */

#widgetGenerator { min-height: 300px;}
#widgetGenerator #Platforms { width: 500px; height: 10em; margin: 80px auto 20px;}
#widgetGenerator #Platforms a { display: block; width: 90px; height: 10em; background: transparent url('/images/layout/backdrop-system.png') -100px top no-repeat; float: left; margin: 0 5px; color: #f3ac11; text-decoration: none; line-height: 110%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#widgetGenerator #Platforms a span { display: block; width: 75px; height: 75px; background-position: center top; background-repeat: no-repeat; background-color: transparent; text-indent: -100em; overflow: hidden; text-align: left;}
#widgetGenerator #Platforms a.legacy span { background-image: url('/images/layout/icon-system-legacy.png');}
#widgetGenerator #Platforms a.myspace span { background-image: url('/images/layout/icon-system-myspace.png');}
#widgetGenerator #Platforms a.blogger span { background-image: url('/images/layout/icon-system-blogger.png');}
#widgetGenerator #Platforms a.igoogle span { background-image: url('/images/layout/icon-system-igoogle.png');}
#widgetGenerator #Platforms a.orkut span { background-image: url('/images/layout/icon-system-orkut.png');}
#widgetGenerator #Platforms a:hover { background-color: #ffce22; background-position: bottom center; background-repeat: repeat-x; -webkit-box-shadow: 0 3px 3px #696969;}
#widgetGenerator #Platforms a strong { color: #f3ac11; text-decoration: none; font-size: 14px; padding-top: 5px;}
#widgetGenerator #Platforms a:hover strong { color: #5b574d; text-decoration: none;}
#widgetGenerator #Soon { font-size: 10px; margin: 0 auto 100px; color: #969696;}
#widgetGenerator #Soon h3 { margin-bottom: 5px; color: #636363;}

/* 404 */

h1.earth { text-align: center; color: #ff8a00;}
div#solarSystem { width: 100%; min-height: 360px; height: 60%; margin: 0; padding: 0;}
div#solarSystem div { margin-top: -60px; width: 8%; height: 180px; padding: 260px 0 0 0; float: left; font: bold 12px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; text-align: center; color: #636363; background-position: center center; background-repeat: no-repeat; background-color: transparent;}
div#solarSystem div.sun { background: transparent url('/images/layout/star-sun.png') right center no-repeat; color: #FFFFFF; text-align: left; width: 13%;}
div#solarSystem div.sun span { padding-left: 30%;}
div#solarSystem div.mercury { background-image: url('/images/layout/planet-mercury.png');}
div#solarSystem div.venus { background-image: url('/images/layout/planet-venus.png'); }
div#solarSystem div.earth { background-image: url('/images/layout/planet-earth.png'); position: relative; color: #ff8a00; width: 7%;}
div#solarSystem div.earth b { display: block; position: absolute; width: 8em; font-size: 18px; color: #FFFFFF; background-color: #ff8a00; top: 90px; left: 50%; margin-left: -4em; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
div#solarSystem div.mars { background-image: url('/images/layout/planet-mars.png'); width: 7%;}
div#solarSystem div.jupiter { background-image: url('/images/layout/planet-jupiter.png'); width: 15%;}
div#solarSystem div.saturn { background-image: url('/images/layout/planet-saturn.png'); width: 16%;}
div#solarSystem div.uranus { background-image: url('/images/layout/planet-uranus.png'); }
div#solarSystem div.neptune { background-image: url('/images/layout/planet-neptune.png'); }
div#solarSystem div.pluto { background-image: url('/images/layout/dwarfplanet-pluto.png'); color: #AAAAAA; text-decoration: line-through;}