/*
Theme Name:Modularity
Theme URI:http://graphpaperpress.com/
Author:Thad Allender tuned by Jorge Diaz
License:Fagor America All Rights Reserved
*/
@import url("library/styles/screen.css"); 

/* GENERAL STYLES */
body{color:#222; background:#fff; font-size:75%;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;line-height:1.5;}
.container{width:900px; margin:0 auto; background:#fff}
.container-inner{width:900px; margin:0 auto; padding:1.75em 0 1em}
h1, h2, h3, h4, h5, h6{color:#222}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#e2091e; text-decoration:underline}
h1 {line-height:1;margin-bottom:0.5em;font-family:Georgia;font-weight:normal;color:#a0a0a0}
h2 {font-size:100%;margin-bottom:0.75em;font-weight:normal;margin-top:0px;}
h3 {line-height:1;margin:0 0 0em 0;font-weight:normal;}
h4 {line-height:1.25;margin-bottom:1.25em;}
h3.sub, h2.sub{margin:0 0 10px 0; padding:0 0 5px 0; font-size:1.1em; font-weight:bold; line-height:1em; text-transform:uppercase; letter-spacing:2px; color:#222; border-bottom:1px solid #eee}
a{color:#e2091e; text-decoration:none}
p{color:#222; margin:0 0 1.5em;}
#top{width:950px; margin:0 auto 1em; padding:0 0 0.5em; color:#666; height:46px}
#top a{color:#666}
.clear {clear:both;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
.clear {clear:both;}

/* Masthead */
#masthead{float:left; padding-top:4px}
#masthead h4, #masthead span{margin:0 0 0 10px; padding:8px 0 0 10px; line-height:2em;}
#masthead h4{text-transform:uppercase; float:left}
#masthead h4 a img { border: 0px; }

/* Navigation at rest */
#nav{float:right; margin:18px 0 0 0; padding:8px 0 6px 10px}
#nav ul, #nav ul li{margin:0; padding:0}
#nav ul li{font-size:9px; font-weight:normal; text-transform:uppercase; list-style:none; float:left; margin-right:15px; position:relative; color:#222}
#nav ul li a{color:#999; text-decoration:none}
#nav ul li a:hover{background:#fff}

/* Navigation interaction */
#nav ul li ul{display:none; text-align:left}
#nav ul li.drop:hover ul{display:block}

/* Sub-navigation */
#nav ul li ul{padding-top:7px; margin-left:-10px; position:absolute; z-index:200}
#nav ul li ul li{margin-right:0; float:none; font-weight:normal; font-size:11px; z-index:210}
#nav ul li ul li a{display:block; background:#1a1a1a; padding:7px 10px; width:170px; color:#999; background-repeat:no-repeat; background-position:5px 50%}
#nav ul li ul li a:hover{text-decoration:underline}
#nav ul li ul li a.icon{padding-left:30px}
#nav ul li ul li.icon{padding-left:30px}
#nav ul li ul li a.buy{background: #fff; border:1px dotted #666}
#nav ul li ul li.phone{color:#999; background: #fff url(images/phone.png) 5px 50% no-repeat; border-right:1px dotted #666; border-left:1px dotted #666; border-top:1px dotted #666;}
#nav ul li ul li a.email{background: #fff url(images/email.png) 5px 50% no-repeat; border-right:1px dotted #666; border-left:1px dotted #666; border-bottom:1px dotted #666; text-transform:lowercase; }
#nav ul li ul li.phone:hover{background: #fff url(images/phone.png) 5px 50% no-repeat}
#nav ul li ul li a.email:hover{background: #fff url(images/email.png) 5px 50% no-repeat}

/* Navigation enhanced styles */
#nav ul li ul.push{margin-top:12px; z-index:211}
#nav ul li.enhanced{margin-right:0; padding-right:15px; z-index:211; color:#999}
#nav ul li.enhanced span{padding-right:7px; float:left; z-index:211}
#nav ul li.enhanced a.arrow{display:block; position:relative; top:-2px; width:18px; height:15px; overflow:hidden; float:left}
#nav ul li.enhanced a.arrow:hover{cursor:pointer}
#nav ul li.enhanced a.arrow img{display:block; position:relative; border:0}
#nav ul li.enhanced a.rest img{top:0}
#nav ul li.enhanced a.hover img{top:-15px}
#nav ul li.enhanced a.open img{top:-30px}

/* Top Menu */
#top-menu{font-family:"Georgia",georgia,"Times New Roman",Times,serif; width:900px; height:75px; font-size:20px}
#top-menu ul{float:right; margin:0px 0 0 0}
#top-menu li{display:inline; margin-left:30px; position:relative; color:#a0a0a0; font-style:normal}
#top-menu a{display:inline; padding:0; margin:0; color:#a0a0a0; text-decoration:none; font-style:normal}
#top-menu a:hover{color:#a0a0a1; padding-bottom:.2em;  border-bottom:4px solid #e2091e}
#current{color:#a0a0a1; padding-bottom:.2em;  border-bottom:4px solid #e2091e}
#current a:hover{padding-bottom:0; border:0}

/* Footer */
#footer-wrap{background:#fff; margin-top:20px; height:110px}
#footer{width:950px; height:50px; padding:1.5em 0; margin:0 auto; color:#999; text-align:left; background:#fff url(images/bottom-block.png) no-repeat}
#footer p{color:#999}
#footer h3{margin:0; padding:0 0 .6em 0; border-bottom:none; color:#999}
.quiet {color:#e2091e;}
.span-3 {width:110px;}
.span-5 {width:190px;text-align:right;}
.span-10 {width:390px;}
.append-1 {padding-left:30px;}
div.span-1, div.span-3, div.span-5, div.span-10 {float:left;margin-right:10px;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}

/* Floats &Images */
img.centered{display:block; margin-left:auto; margin-right:auto; max-width:900px;border: 0px;}

/* Tagline-Features-Wrap */
#tagline-features-wrap{width:450px; height:370px; float:left; margin-bottom:20px;}

/* Tagline */
.tagline{width:420px; height:33px}
.tagline h3{font-family:Georgia; font-size:29px; line-height:33px; color:#a0a0a0}

/* Features-home */
.features-home{width:420px; height:310px;vertical-align:middle}
.features-wrap-left{width:300px; float:left}
.features-wrap-left h2{padding-left:17px; padding-right:10px; margin: 0px;}
.features-wrap-right{float:left}
.safe{position:relative; top:18px}
.fast{position:relative; top:48px}
.green{position:relative; top:79px}

/* Video-home */
#video-home{height:360px;float:left; margin-left:auto}
#video-home h2 {float:right}

/* Benefits */
#benefits-introduction-wrap{width:900px; margin-bottom:40px}
.benefits-introduction{width:880px; background:#fff; border:1px dotted #ccc; padding-left:10px; padding-right:10px}
.benefits-introduction h1{font-size:15px; font-weight:bold; margin: 1.3em 0 0.5em 0;}
#slider{width:900px; position:relative; margin-bottom:-40px}
.scroll{height:435px;width:900px;overflow:auto;overflow-x:hidden;position:relative;clear:left;background:#fff;margin:0 0 24px 0; border-top:1px dotted #c0c0c0}
.scroll h2 a, .scroll h2 {color:#a0a0a0; font-size: 29px;font-family:Georgia;}
.scroll a, .a:hover{color:#000}
.scroll p.byline, .scroll p.byline a{margin-bottom:20px;color:#444;text-decoration:none}
.scrollContainer div.panel{padding:20px;height:395px;width:860px;color:#222}
#shade{}
ul.navigation{list-style:none;margin:0;padding:0}
ul.navigation li{display:inline;margin-right:10px}
ul.navigation a{padding:2px 6px;color:#666;text-decoration:none}
ul.navigation a:hover{color:#fff;background-color:#e2091e}
ul.navigation a.selected{color:#fff;background-color:#e2091e}
ul.navigation a:focus{outline:none}
.scrollButtons{position:absolute;top:0px;cursor:pointer}
.scrollButtons.left{right:20px}
.scrollButtons.right{right:0px}
.hide{display:none}
.attachment-medium{float:left; padding:0 24px 12px 0}
a.button{position:absolute; bottom:20px; right:20px; display:block; width:255px;height:46px;padding:20px 20px 5px 20px;color:#000;text-decoration:none;background:url(images/button.jpg) no-repeat 0px 0px}
a.button:hover{color:#fff; background:url(images/button.jpg) no-repeat 0px -71px}

/* FAQ */
#faq-wrap{width:700px;margin-bottom:20px;margin-left:auto;margin-right:auto}
.faq-1 h1, .faq-2 h1, .faq-3 h1{font-size:15px; font-weight:bold;margin: 1.3em 0 0.5em 0;}
.faq-1, .faq-2{width:680px;background:#fff;border:1px dotted #ccc;padding-left:10px;padding-right:10px;margin-bottom:20px}
.faq-3{width:680px; background:#fff; border:1px dotted #ccc; padding-left:10px; padding-right:10px}
.faq-3 li{margin-left:20px;color:#222}

#faq-contact-us{width:900px}
#faq-contact-us a{font-size:100%; color:#e2091e; text-decoration:underline}

/* Models */
#models-wrap{width:900px}
#models-wrap p{margin-top:15px; margin-bottom:30px;}
#models-wrap a{text-decoration:underline}
#models-wrap h3{font-size:15px; font-weight:bold; margin: 1.3em 0 0.5em 0;font-family:Georgia;color:#a0a0a0}
#models-wrap ul{padding-left:0px;}
#models-wrap-top{width:900px; height:500px;}
#models-wrap-middle{width:900px; height:500px;}
.stainless-steel-trim-36, .stainless-steel-trim-30, .beveled-edge-36, .beveled-edge-30{width:285px; float:left; border:1px dotted #ccc; text-align:center; padding-top:20px; margin-right:20px}
.stainless-steel-trim-12, .portable-induction-models {width:284px; float:left; border:1px dotted #ccc; text-align:center; padding-top:20px}

/* Who is Fagor */
#whois-bottom-wrap{width:900px; position:relative; top:20px; }
#whois-bottom-wrap ul{padding-left:0px;}
.whois-bottom-kitchen{float: left; margin-right: 20px;}
.whois-bottom{width:430px; float: left;height: 370px;}
.whois-bottom h1{font-size:29px; color:#a0a0a0; font-weight:normal; margin: 0 0 0 0;}
#whois-more-wrap{width:900px}
#green-story-wrap, #more-wrap{width:271px; border-right:1px dotted #ccc; padding:10px; float:left; margin-right:10px}
#recipes-wrap{width:272px; padding:10px; float:left; }
.green-story-img, .more-img, .recipes-img{float:left; width:100px; font-size:40px; color:#666;}
.green-story, .more, .recipes{float:left; height:70px; width: 140px; padding-left:10px;}
.green-story a{color: green;}

/* In The News */
#articles{padding-right:10px;float:left;border-right:1px dotted #ccc;margin-bottom:40px;}
#editorial{padding-left:19px;padding-right:0px;float:left;border:0px solid #ccc;margin-bottom:40px;}
#articles h1, #editorial h1{font-size:20px; color:#a0a0a0; margin: 0 0 10px 0;}
#invodo h1{font-size:20px; color:#a0a0a0; margin: 0 0 10px 0;}
#invodo h2{font-size:15px; color:#666; font-weight:bold; margin-bottom: 30px;}
.video-kbis-left {float:left; width:438px; border:1px dotted #ccc;margin-right:20px;margin-bottom:20px;text-align:center;vertical-align:middle;}
.video-kbis-right {float:left; width:438px; border:1px dotted #ccc;margin-bottom:20px;text-align:center;vertical-align:middle;}
.news{float:left;margin-right:10px;border:none;}
.news-last{float:left;border:none;}
.more-videos{margin-top:40px;margin-bottom:10px;border:none;}