/* Focus Merchandise Solutions Stylesheet */
* {margin: 0; padding: 0;} html {overflow-x: hidden;} a img, fieldset {border: none;} a {text-decoration: none;}
body {font-family: arial, sans; color: #333; font-size: 15px;}
.home-bg {background: url('images/bg.png') repeat-x #fff;} .xs-bg {background: url('images/xs-bg.png') #fff repeat-x;}
/* Wraps */
#page {width: 940px; margin: 0 auto;}
/* Header & Navigation */
#header {height: 104px;}
#header h1 a {width: 150px; height: 80px; float: left; background: url('images/focus-merchandise.png') no-repeat; display: block;}
#header h2 a {width: 455px; height: 55px; background: url('images/phone') no-repeat; display: block; float: right; margin: 0 35px 0 0;}
#nav {list-style: none; padding: 20px 0 20px 20px; float: right;}
#nav li {float: left; font-size: 11px;}
#nav li a {font-weight: bold; color: #000; text-align: center; width: 130px; text-transform: capitalize; display: block;}
#nav li a:hover, #nav .current_page_item a {color: #390;}
/* Home Banner */
#slideshow {width: 940px; height: 260px; position:relative;} #slideshow div {position:absolute; top:0; left:0; margin: 0; z-index:8; opacity:0.0; height: 300px;} #slideshow div.active {z-index:10; opacity:1.0;} #slideshow div.last-active {z-index:9;}
.slide-01 a {width: 940px; height: 260px; background: url('images/01-banner.jpg') no-repeat; display: block;}
.slide-02 a {width: 940px; height: 260px; background: url('images/02-banner.jpg') no-repeat; display: block;}
.slide-01 a, .slide-02 a {width: 940px; height: 260px; margin: 0 auto;}
.slide-01 a:hover, .slide-02 a:hover {background-position: 0 -260px;}

/* Micro Banners */
#microBanner {height: 60px; color: #fff; padding: 25px 0 0 0; font-size: 15px; text-transform: uppercase;}

/* Headings & Content */
#content {width: 940px; margin: 0 auto; padding: 50px 0;}#content h1 {background: url('images/h1.gif'); margin: 0 0 20px 0;} #content p {margin: 0 0 26px 0; line-height: 22px;} #content a {color: #f00;} #content a:hover {color: #000;} #content h2 {font-size: 20px; color: #000; font-weight: bold; margin: 0 0 20px 0;}
#content .smallP {width: 200px;} #content .mediumP {width: 460px;} #content .bigP {width: 700px;} #content ul {list-style: square inside; margin: 10px 0 20px 0;} #content ul li {margin: 20px 0;}

.contentL {width: 480px; float: left; margin: 0 110px 0 0;} .contentR {width: 350px; float: left;}

#content .welcome {width: 500px; height: 120px;}
#content .contact {width: 500px; height: 90px; background-position: 0 -120px;}

/* Side Boxes */
.sideBox {width: 350px; border: 1px solid #eee; margin: 0 0 20px 0;} .sideBox div {padding: 20px;}
#servicesList li {background: url('images/tick.gif') no-repeat; list-style: none; padding: 0 0 0 26px;}

/* Products */
#products .group {list-style: none; float: left; margin: 0 10px 20px 0; width: 450px; height: 230px; border: 1px solid #ccc;} #products li div {padding: 10px;} #products .range li {list-style: none; float: left; margin: 0 5px 0 0; text-align: center; width: 100px; font-size: 11px;}

/* Contact Information */
#content #contactInfo p {margin: 0;} #content #contactInfo li {list-style: none; margin: 5px 0;} #contactInfo li span {float: left; width: 50px;}
#vCard {width: 200px; height: 30px; background: url('images/vcard.png'); display: block;} #vCard:hover {background-position: 0 -30px;}
#map {width: 280px; height: 190px; background: url('images/map.jpg'); display: block;} #map:hover {background-position: 0 -190px;}

#send {border: none; font-weight: bold; color: #fff; width: 180px; height: 40px; background: url('images/send.png'); display: block;} #send:hover {background-position: 0 -40px;}

/* Contact & Form Elements */
.wpcf7 input, textarea {width: 400px; font-size: 11px; margin: 0 0 10px 0; padding: 10px; border: none; background: #eee; border: 1px solid #ccc; color: #000;} #wpcf7-f1-p17-o1 input:hover {background: #fff;}
#wpcf7-f1-p17-o1 select {margin: 2px 0 0 0;}
.wpcf7 p {margin: 0 20px 10px 0; font-size: 12px;}
.wpcf7-validation-errors {background: #f00; padding: 10px; color: #fff; position: fixed; right: 0; top: 0;} .wpcf7-mail-sent-ok {background: green; padding: 10px; color: #fff; position: fixed; right: 0; top: 0; border: none;}
div.wpcf7-response-output {margin: 0; border: none;} span.wpcf7-not-valid-tip {position: absolute; top: 0; left: 0; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 10pt; width: 280px; padding: 2px;}



/* Footer */
#footer {width: 100%; height: 200px; background: url('images/footer-rpt.gif') bottom repeat-x;} #footer div {width: 940px; height: 200px; background: url('images/footer.gif'); margin: 70px auto 0 auto;}

#plane {height: 55px; width: 2000px; position: absolute; background: url('images/plane.gif') no-repeat;}

/* Testimonials & Tickers */
#testimonialBox {width: 350px; height: 490px; font-size: 12px; background: url('images/testimonial.png');} #testimonialBox div {padding: 26px;} #testimonialBox b {color: #690;} #testimonialBox #clientList {overflow: hidden; height: 110px; padding: 0;}

#testimonialBox .testimonials, #testimonialBox .clients {list-style: none; padding: 0;} #testimonialBox .testimonials li, #testimonialBox .clients li {background: none; width: 300px; height: 160px; margin: 30px 0 0 0; overflow: hidden;} #testimonialBox .testimonials li p, #testimonialBox .clients li p {width: 290px; margin: 0 0 10px 0; line-height: 20px;}

/* Classes */
.clear {clear: both;} .none {display: none;}