/*
Theme Name: MSZIneriors
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous Kubrick by Michael Heilemann)
Version: 2.8
Author: KWeeding
Author URI: http://mszinteriors.com
Tags: starkers, naked, clean, basic
*/
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import url(http://fonts.googleapis.com/css?family=Antic+Didone);
@import url(http://fonts.googleapis.com/css?family=Gilda+Display);
h1 {
font-family: 'Gilda Display', serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
h2 {
font-family: 'Gilda Display', serif;
font-size: 40px;
font-weight: bold;
color: #FFFFFF;
}
h3 {
font-family: 'Antic Didone', serif;
font-size: 18px;
font-weight: bold;
color: #707070;
}
h4 {
font-family: 'Gilda Display', serif;
font-size: 16px;
font-weight:normal;
color: #707070;
}
.extender{
clear:both;
height:0px;
}
.extender-photo{
margin:0px auto;
height:25px;
padding:0;
background:#ffffff;
}
#outer-wrapper{
background-color:#7a7979;
}
#outer-wrapper #wrapper{
margin:0px auto;
width:1075px;
padding:0;
background-color:#8cd4f0;
}
#outer-wrapper #wrapper #master-header{
height:225px;
margin:0 20px;
}
#outer-wrapper #wrapper #master-header #logo{
margin-top:0px;
height:50px;
margin-left:25px;
float:center;
}
#outer-wrapper #wrapper #master-header #master-header-right{
float:right;
height:50px;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top{
height:45px;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links{
float:right;
font-weight:bold;
padding-right:10px;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div{
float:left;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div .fb{
height:27px;
width:27px;
margin-left:10px;
margin-top:-25px;
background:url(images/social/tog-fb.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div .fb:hover{
height:27px;
width:27px;
margin-left:10px;
margin-top:-25px;
background:url(images/social/tog-fb.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div .tw{
height:27px;
width:27px;
margin-left:10px;
margin-top:-25px;
background:url(images/social/tog-tw.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div .tw:hover{
height:27px;
width:27px;
margin-left:10px;
margin-top:-25px;
background:url(images/social/tog-tw.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div .pt{
height:27px;
width:27px;
margin-left:10px;
margin-top:-25px;
background:url(images/social/tog-pt.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div .pt:hover{
height:27px;
width:27px;
margin-left:10px;
margin-top:-25px;
background:url(images/social/tog-pt.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #header-links{
float:left;
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
background:#000000;
font-weight:bold;
color:#ffffff;
padding:15px 20px 10px 90px;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #header-links a{
color:#ffffff;
text-decoration:none;
font-size:14px;
margin:0 10px;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom{
height:100px;
padding-left:275px;
padding-top:50px;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #share-button{
margin-top:10px;
height:38px;
float:left;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #share-button a{
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
-webkit-border-radius:5px 5px 5px 5px;
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
background:#5f5f5f;
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF;
cursor:pointer;
display:inline-block;
font-family:arial,helvetica,lucida,verdana,sans-serif;
font-size:12px;
line-height:1em;
padding:6px 12px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #mailing-list-link{
float: left;
font-weight: bold;
font-size: 13px;
margin: 10px 0pt 0pt 30px;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #mailing-list-link a{
color:#000000;
text-decoration:none;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links{
float:left;
font-weight:bold;
padding-left:30px;
padding-right:10px;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div{
float:right;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .fb{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/facebook-top.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .fb:hover{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/facebook-top.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .tw{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/twitter-top.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .tw:hover{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/twitter-top.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .so3{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/tumblr-top.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .so3:hover{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/tumblr-top.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .so4{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/pinterest.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .so4:hover{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/pinterest.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash{
height:10px;
padding-left:15px;
}
#outer-wrapper #wrapper #menu-flash #menu{
float:left;
margin:0px 0px;
}
#outer-wrapper #wrapper #menu-hbstyles{
height:346px;
margin:20px 20px;
}
#outer-wrapper #wrapper #menu-hbstyles #menu{
float:left;
margin:0px 0px;
}
#outer-wrapper #wrapper #menu-flash #menu .how-it-works{
height:38px;
width:116px;
background:url(images/hiw.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .how-it-works:hover{
height:38px;
width:116px;
background:url(images/hiw.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .blog{
height:38px;
width:116px;
background:url(images/b.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .blog:hover{
height:38px;
width:116px;
background:url(images/b.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .shop-guy{
height:38px;
width:116px;
background:url(images/sg.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .shop-guy:hover{
height:38px;
width:116px;
background:url(images/sg.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .shop-girl{
height:38px;
width:116px;
background:url(images/sgi.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .shop-girl:hover{
height:38px;
width:116px;
background:url(images/sgi.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .shop-kids{
height:38px;
width:116px;
background:url(images/sk.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .shop-kids:hover{
height:38px;
width:116px;
background:url(images/sk.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .culture{
height:38px;
width:116px;
background:url(images/shop-betty-white.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .culture:hover{
height:38px;
width:116px;
background:url(images/shop-betty-white-hover.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .accessories{
height:38px;
width:116px;
background:url(images/sa.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .accessories:hover{
height:38px;
width:116px;
background:url(images/sa.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .photos{
height:38px;
width:116px;
background:url(images/p.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .photos:hover{
height:38px;
width:116px;
background:url(images/p.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .videos{
height:38px;
width:116px;
background:url(images/v.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .videos:hover{
height:38px;
width:116px;
background:url(images/v.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .downloads{
height:40px;
width:116px;
background:url(images/downloads.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .downloads:hover{
height:38px;
width:116px;
background:url(images/downloads-hover.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .sweet-deals{
height:38px;
width:116px;
background:url(images/sd.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .sweet-deals:hover{
height:38px;
width:116px;
background:url(images/sd.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #flash{
float:left;
width:840px;
height:345px;
margin:0px 0px;
}
#outer-wrapper #wrapper #menu-flash #hbstyles{
float:left;
width:800px;
height:850px;
margin:0px 0px;
}
#outer-wrapper #wrapper #menu-flash #hbabout{
float:left;
width:800px;
height:1300px;
margin:0px 0px;
}
/** index page **/
#outer-wrapper #wrapper #home-top{
height:140px;
margin:50px 20px 18px 20px;
}
#outer-wrapper #wrapper #home-iyha{
height:1200px;
margin:50px 20px 18px 20px;
}
#outer-wrapper #wrapper #home-top #watch-the-video{
float:left;
width:436px;
height:140px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#outer-wrapper #wrapper #home-top #watch-the-video #text{
float:left;
width:230px;
}
#outer-wrapper #wrapper #home-top #watch-the-video #text p{
font-family:Georgia;
color:#ffffff;
font-style:italic;
font-size:18px;
margin-left:20px;
margin-top:18px;
}
#outer-wrapper #wrapper #home-top #watch-the-video #text p a{
color:#00cffa;
text-decoration:none;
font-family:Georgia;
font-style:italic;
font-size:18px;
}
#outer-wrapper #wrapper #home-top #watch-the-video #image{
float:left;
margin-left:16px;
margin-top:18px;
}
#outer-wrapper #wrapper #home-top .shop-guys-girls{
float:left;
height:140px;
width:255px;
background:#00cffa;
margin-left:4px;
text-align:right;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#outer-wrapper #wrapper #home-top .shop-guys-girls p{
margin-right:10px;
margin-top:0px;
}
#outer-wrapper #wrapper #home-top .shop-guys-girls p a{
color:#ffffff;
font-family:Georgia;
font-style:italic;
font-size:26px;
}
#outer-wrapper #wrapper #home-top .shop-guys-girls p a:hover{
color:#faed03;
}
#outer-wrapper #wrapper #slider{
height:235px;
margin:0px 20px 0px 33px;
}
#outer-wrapper #wrapper #home-content{
width:1050px;
margin-left:35px;
padding: 50px;
padding-bottom:150px;
}
#outer-wrapper #wrapper #home-content .home-promos
{
overflow: hidden;
}
#outer-wrapper #wrapper #home-content .home-promos .block
{
float: right;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
margin: 25px 10px 0 0;
height: 150px;
background-color: #f7f7f7;
border:2px solid #d3d3d3;
overflow: hidden;
}
#outer-wrapper #wrapper #home-content .home-promos .block .himage
{
float: left;
}
#outer-wrapper #wrapper #home-content .home-promos .block .himage img
{
width: 518px;
height: 153px;
}
#outer-wrapper #wrapper #home-content .home-promos .block .viewmore
{
float: right;
}
#outer-wrapper #wrapper #home-content .home-promos .block .viewmore img
{
width: 90px;
height: 25px;
}
#outer-wrapper #wrapper #home-content .home-promos .block .content
{
float: left;
font-size: 14px;
margin-left: 15px;
width: 225px;
}
#outer-wrapper #wrapper #home-content .home-promos .block .title
{
margin-bottom: 5px;
padding-top:20px;
font-weight: bolder;
}
#outer-wrapper #wrapper #home-content .home-promos .block .title span
{
background-color: none;
}
#outer-wrapper #wrapper #home-content .home-promos .block .content a
{
color: #00CFFA;
text-decoration: none;
}
#outer-wrapper #wrapper #home-content .home-promos .block .content p { margin: 0 0 1em 0; }
#outer-wrapper #wrapper #review-content{
width:1050px;
margin:0px 20px 0px 20px;
padding-top:5px;
padding-bottom:25px;
padding-left:25px;
}
#outer-wrapper #wrapper #review-content .review-listings
{
overflow: hidden;
}
#outer-wrapper #wrapper #review-content .review-listings .block
{
float: left;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
margin: 25px 10px 0 0;
width: 1000px;
overflow: hidden;
}
#outer-wrapper #wrapper #review-content .review-listings .block .image
{
float: left;
}
#outer-wrapper #wrapper #review-content .review-listings .block .image img
{
width: 189px;
height: 148px;
}
#outer-wrapper #wrapper #review-content .review-listings .block .viewmore
{
float: right;
}
#outer-wrapper #wrapper #review-content .review-listings .block .viewmore img
{
width: 90px;
height: 25px;
}
#outer-wrapper #wrapper #review-content .review-listings .block .content
{
float: left;
font-size: 14px;
margin-left: 15px;
width: 884px;
}
#outer-wrapper #wrapper #review-content .review-listings .block .title
{
margin-bottom: 10px;
margin-top: 5px;
padding-top:10px;
padding-left:100px;
font-weight: bolder;
background:url(images/review-bg.png);
}
#outer-wrapper #wrapper #review-content .review-listings .block .title span
{
background-color: none;
}
#outer-wrapper #wrapper #review-content .review-listings .block .content a
{
color: #00CFFA;
text-decoration: none;
}
#outer-wrapper #wrapper #review-content .review-listings .block .content p { margin: 0 0 1em 0; }
/**footer**/
#outer-wrapper #footer{
margin:0 auto;
width:1075px;
height:125px;
padding-bottom:30px;
padding-top:30px;
background-color:#8cd4f0;
}
#outer-wrapper #footer .inner1{
float:left;
margin-left:10px;
margin-right:10px;
width:1055px;
height:125px;
background-color:#f4c848;
}
#outer-wrapper #footer .inner1 p.head{
font-weight:bold;
color:#747474;
font-size:16px;
margin-bottom:5px;
padding-top:30px;
padding-left:10px;
}
#outer-wrapper #footer .inner1 p, inner2 p{
margin-bottom:3px;
}
#outer-wrapper #footer .inner1 p a,.inner2 a{
text-decoration:none;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}
#outer-wrapper #footer .inner1 p a:hover,.inner2 a:hover{
text-decoration:none;
color:#00cffa;
}
#outer-wrapper #footer .inner2{
float:right;
margin-left:10px;
margin-right:10px;
padding-bottom:30px;
padding-top:30px;
width:1000px;
background-color:#f4c848;
}
/**BLOG_PAGE **/
#outer-wrapper #wrapper #blog-body{
margin:0 20px;
}
#outer-wrapper #wrapper #blog-body #left-content{
float:left;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .how-it-works{
height:40px;
width:116px;
background:url(images/how-it-works.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .how-it-works:hover{
height:40px;
width:116px;
background:url(images/how-it-works-hover.jpg) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .blog{
height:40px;
width:116px;
background:url(images/blog.jpg) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .blog:hover{
height:40px;
width:116px;
background:url(images/blog-hover.jpg) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-blog{
height:40px;
width:116px;
background:url(images/active-blog.jpg) no-repeat;
float:left;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-downloads{
height:38px;
width:116px;
background:url(images/active-downloads.png) no-repeat;
float:left;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-link-img{
float:left;
margin-top:6px;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-sweet-deals{
height:38px;
width:116px;
background:url(images/active-sweet-deals.jpg) no-repeat;
float:left;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-videos{
height:38px;
width:116px;
background:url(images/active-videos.jpg) no-repeat;
float:left;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-photos{
height:38px;
width:116px;
background:url(images/active-photos.png) no-repeat;
float:left;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-how-it-works{
height:40px;
width:116px;
background:url(images/active-how-it-works.png) no-repeat;
float:left;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .shop-guy{
height:38px;
width:116px;
background:url(images/shop-guys.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .shop-guy:hover{
height:38px;
width:116px;
background:url(images/shop-guys-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .shop-girl{
height:38px;
width:116px;
background:url(images/shop-girls.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .shop-girl:hover{
height:38px;
width:116px;
background:url(images/shop-girls-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .shop-kids{
height:38px;
width:116px;
background:url(images/shop-kids.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .shop-kids:hover{
height:38px;
width:116px;
background:url(images/shop-kids-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .culture{
height:38px;
width:116px;
background:url(images/shop-betty-white.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .culture:hover{
height:38px;
width:116px;
background:url(images/shop-betty-white-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .accessories{
height:38px;
width:116px;
background:url(images/shop-accessories.gif) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .accessories:hover{
height:38px;
width:116px;
background:url(images/shop-accessories-hover.gif) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .photos{
height:38px;
width:116px;
background:url(images/photos.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .photos:hover{
height:38px;
width:116px;
background:url(images/photos-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .videos{
height:38px;
width:116px;
background:url(images/videos.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .videos:hover{
height:38px;
width:116px;
background:url(images/videos-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .downloads{
height:38px;
width:116px;
background:url(images/downloads.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .downloads:hover{
height:38px;
width:116px;
background:url(images/downloads-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .sweet-deals{
height:38px;
width:116px;
background:url(images/sweet-deals.jpg) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .sweet-deals:hover{
height:38px;
width:116px;
background:url(images/sweet-deals-hover.jpg) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu {
/**width:130px;
height:347px;**/
}
#outer-wrapper #wrapper #blog-body #left-content .video-menu {
background:#000000;
}
#outer-wrapper #wrapper #blog-body #left-content #image1 {
width:130px;
margin-top:15px;
margin-left:15px;
width:80px;
}
#outer-wrapper #wrapper #blog-body #left-content #image2{
width:130px;
margin-top:15px;
margin-left:15px;
width:85px;
}
#outer-wrapper #wrapper #blog-body #left-content #image3 {
width:130px;
margin-top:15px;
margin-left:10px;
width:100px;
}
#outer-wrapper #wrapper #blog-body #middle-content{
float:left;
padding-left:15px;
width:580px;
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-banner{
background:url(images/blog-banner.png) no-repeat;
width:555px;
height:60px;
margin-bottom:10px;
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post{
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .individual-post{
padding-bottom:40px;
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .blog-title{
margin-bottom:5px;
font-size:18px;
font-weight:bold;
line-height:21px;
text-decoration:underline;
text-transform:uppercase;
width:350px;
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .blog-title a{
color:#F233B5;
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .date-author{
font-family:georgia;
font-size:12px;
font-style:italic;
font-weight:bold;
margin-bottom:15px;
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .post-content{
font-size:15px;
margin-bottom:10px;
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .post-content a{
color:#F233B5;
text-decoration:none;
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .image{
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .category-comment{
color:#7e7e7e;
font-size:15px;
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .category-comment a{
color:#F233B5;
text-decoration:none;
}
#outer-wrapper #wrapper #blog-body #right-content{
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background:#000000;
float:left;
padding:25px;
width:183px;
}
#outer-wrapper #wrapper #blog-body #right-content a{
color:#ffffff;
text-decoration:none;
}
#outer-wrapper #wrapper #blog-body #right-content ul li {
margin-bottom:20px;
}
#outer-wrapper #wrapper #blog-body #right-content ul li h2{
color:#FAED03;
text-transform:uppercase;
font-size:22px;
}
#outer-wrapper #wrapper #blog-body .blog-bottom-border{
margin-left:145px;
}
/** SWEET DEALS **/
#outer-wrapper #wrapper #blog-body #sdeals-right{
float:left;
padding-left:5px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #sdeals-banner {
height:142px;
margin-bottom:10px;
width:578px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .content {
margin-bottom:50px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals
{
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .block
{
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .top,
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .bottom
{
overflow: hidden;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .image { float: left; }
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .link
{
float:left;
height:153px;
margin-left:30px;
width:230px;
background:#00cffa;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .link a {
font-family:georgia;
font-size:30px;
font-style:italic;
color:#ffffff;
text-decoration:none;
margin: 100px 0 0 20px;
display: block;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .bottom
{
padding: 40px 0;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .title
{
float: left;
line-height: 19px;
width: 250px;
font-weight: bolder;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .title span
{
background-color: yellow;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .post
{
float: left;
font-size: 15px;
line-height: 19px;
margin-left: 50px;
width: 400px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .info{
color:#969696;
font-size:13px;
margin-bottom:30px;
}
.sdeal-bottom-border{
margin-bottom:25px;
}
/**VIDEOS**/
#outer-wrapper #wrapper #blog-body .video-left-content{
background:url(images/menu-bggg.png) repeat-x;
}
#outer-wrapper #wrapper #blog-body #video-gallery{
float:left;
padding-left:5px;
width:790px;
background:#000000;
margin-bottom:30px;
-moz-border-radius:0 10px 10px 10px;
-webkit-border-radius:0 10px 10px 10px;
}
#outer-wrapper #wrapper #blog-body #video-gallery #video-banner{
height:142px;
margin-bottom:20px;
margin-top:5px;
width:700px;
}
#outer-wrapper #wrapper #blog-body #video-gallery #content-sidebar{
}
#outer-wrapper #wrapper #blog-body #video-gallery #content-sidebar #gallery-content{
width:620px;
float:left
}
#outer-wrapper #wrapper #blog-body #video-gallery #content-sidebar #video-sidebar{
width:145px;
float:left;
padding:10px;
background:#343434;
color:#ffffff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#outer-wrapper #wrapper #blog-body #video-gallery #content-sidebar #video-sidebar h3{
border-bottom:1px solid;
color:#FBF014;
width:110px;
}
#outer-wrapper #wrapper #blog-body #video-gallery #content-sidebar #video-sidebar p{
margin:10px 0;
font-size:14px;
font-weight:bold;
}
#wpcf7-f1-p48-o1 form input#video-text{
height:25px;
width:140px;
border:none;
background:#626060;
}
.wpcf7 input,
.wpcf7 textarea{
padding:10px;
color:#707070;
background-color:#E7E7E7;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 10px;
border: solid 1px #9f9f9f;
box-shadow: inset 2px 2px 8px #bababa;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
}
.wpcf7 .wpcf7-list-item{
padding-left: 0;
margin-left: 0;
margin-right: 25px;
}
.wpcf7 .wpcf7-list-item input{
border: none;
padding-left: 0;
margin-left: 0;
}
.wpcf7 select{
outline: none;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}
.wpcf7 input:hover,
.wpcf7 input:focus,
.wpcf7 input:active,
.wpcf7 textarea:hover,
.wpcf7 textarea:focus,
.wpcf7 textarea:active {
background: #FAFAEE;
outline: none;
}
/* On hover */
/* On click */
/* CF7 Messages */
.wpcf7 .wpcf7-validation-errors{
border:none;
background-color:#f4ae46;
color: #707070;
font-size:16px;
margin:0;
padding:20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.wpcf7 .wpcf7-mail-sent-ok{
border:none;
background-color:#f6c956;
color: #707070;
font-size:16px;
margin:0;
padding:20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.wpcf7 .wpcf7-mail-sent-ng{
border:none;
background-color:#cf2d38;
margin:0;
padding:20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: white;
}
.wpcf7 span.wpcf7-not-valid-tip{
border:none;
background-color:#cf2d38;
padding:10px;
padding-left: 15px;
padding-right: 15px;
border-radius:10px;
width: 180px;
color: white;
/* Drop shadow */
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
.wpcf7-form .fleft{
float: left;
}
.wpcf7-form .mright20{
margin-right: 20px;
}
.wpcf7-form .mright40{
margin-right: 40px;
}
.wpcf7-form .clear{
clear: both;
}
#term-text{
font-size:10px;
color:#626060;
}
#term-text a{
color:#626060;
}
#term-text a:hover{
color:#F233B5;
}
#video-submit{
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background:#F233B5;
border:none;
color:white;
font-family:georgia;
font-style:italic;
margin-left:40px;
padding:2px 5px;
width:100px;
font-weight:bold;
cursor:pointer;
}
span.wpcf7-not-valid-tip {
color:black;
font-size:10px !important;
width:121px !important;
}
div.wpcf7-validation-errors {
border:2px solid #F7E700;
font-size:12px;
margin-top:0 !important;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
}
div.wpcf7-mail-sent-ok {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border:2px solid #398F14;
font-size:12px;
margin-top:0 !important;
}
/**single-post-comment**/
#respond{
}
#respond h3{
margin:10px 0;
}
#respond p input{
height:25px;
margin:10px 0;
width:300px;
}
/**how it works**/
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-youtube{
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content{
width:700px;
margin-top:40px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .hiw-left{
float:left;
font-size:20px;
width:550px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .title{
font-weight:bold;
font-size:20px;
color:#f4c848;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .post{
margin-top:20px;
margin-left:50px;
font-size:12px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .post p{
padding:10px 0;
font-size:12px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .hiw-right{
float:left;
width:250px;
}
/**Japan**/
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .japan-left{
float:left;
width:500px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .japan-right{
float:left;
width:300px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .japan-right a{
color:#ff00a5;
font-size:2em;
font-style:italic;
font-family: georgia;
text-decoration:none;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .japan-right .images{
margin-top:10px;
text-align:center;
}
/**photos**/
#outer-wrapper #wrapper #blog-body #photo-gallery{
float:left;
padding-left:5px;
width:790px;
margin-bottom:30px;
-moz-border-radius:0 10px 10px 10px;
-webkit-border-radius:0 10px 10px 10px;
}
#outer-wrapper #wrapper #blog-body #photo-gallery #photo-banner{
height:142px;
margin-bottom:20px;
margin-top:5px;
width:780px;
}
#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar{
}
#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #gallery-content{
width:620px;
float:left
}
#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #gallery-content .photo-post{
width:200px;
float:left;
margin-left:5px;
margin-bottom:20px;
}
#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #gallery-content .image{
margin-bottom:5px;
}
#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #gallery-content .title{
width:110px;
}
#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #gallery-content .title a{
font-size:12px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #photo-sidebar{
width:145px;
float:right;
margin-bottom:20px;
padding:10px;
background:#343434;
color:#ffffff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #photo-sidebar h3{
border-bottom:1px solid;
color:#FBF014;
width:95px;
}
#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #photo-sidebar p{
margin:10px 0;
font-size:14px;
font-weight:bold;
}
/**navigation**/
.navigation{
padding:15px 0;
}
/**downloads**/
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content{
width:805px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content .instruction{
font-size:15px;
margin-bottom:20px;
width:450px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #desktop{
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #desktop .title span{
background:none repeat scroll 0 0 #FCFF00;
font-weight:bold;
padding:3px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #desktop .desktop-instruction{
font-size:15px;
margin-bottom:20px;
margin-top:15px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #desktop .image-area{
float:left;
margin-right:15px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #desktop .image-title{
font-weight:bold;
padding:5px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #desktop .image{
margin-bottom:10px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #mobile{
float:left;
width:350px;
margin-top:20px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #mobile .title span{
background:none repeat scroll 0 0 #FCFF00;
font-weight:bold;
padding:3px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #mobile .mobile-instruction{
font-size:15px;
margin-bottom:20px;
margin-top:15px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #mobile .image-area{
float:left;
margin-right:10px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #mobile .image-title{
font-weight:bold;
padding:5px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #mobile .image{
margin-bottom:10px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #im{
float:left;
margin-top:20px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #im .title span{
background:none repeat scroll 0 0 #FCFF00;
font-weight:bold;
padding:3px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #im .im-instruction{
font-size:15px;
margin-bottom:20px;
margin-top:15px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #im .image-area{
float:left;
margin-right:10px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #im .image{
margin-bottom:10px;
}
#tog-blog{
width:1000px;
}
#tog-sidebar, #tog-main {
display: table-cell;
}
#tog-sidebar {
width:250px;
margin-left:75px;
margin-right:15px;
float: left;
}
.month{
width:100px;
height:75px;
padding-top:25px;
margin-bottom:25px;
text-align:center;
text-transform:uppercase;
background:#808285;
float:left;
}
.day{
width:125px;
height:75px;
padding-top:25px;
margin-bottom:25px;
text-align:center;
text-transform:uppercase;
background:#F3C84A;
float:left;
}
.author{
margin-top:10px;
margin-bottom:10px;
}
.comment{
margin-top:10px;
margin-bottom:10px;
}
#tog-main {
width:650px;
background:#F7F7F7;
border:2px solid #E6E6E6;
}
.image{
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
float:center;
}
.title{
margin-top:10px;
margin-bottom:20px;
text-align:center;
text-transform:uppercase;
}
.content{
margin-top:10px;
margin-left:20px;
margin-right:10px;
margin-bottom:20px;
float:center;
}
/*mailing list**/
.similar-style{
width:820px;
}
#mailing-list-content{
background:url(images/mailing-list-image.png) no-repeat right top;
height:650px;
font-size:15px;
}
.page-custom-nav{
color:#6E6E6E;
margin:20px 0;
width:500px;
}
.page-custom-nav a{
color:#F233B5;
text-decoration:none;
}
#ml-title{
font-weight:bold;
line-height:18px;
}
#ml-content{
margin-top:20px;
width:500px;
}
#ml-content p{
margin:10px 0;
}
/**contact us **/
#contact-us-content{
background:url(images/contact-bg.png) no-repeat right top;
height:650px;
font-size:15px;
float:left;
}
.cu-title{
font-weight:bold;
margin:10px 0;
width:500px;
}
.cu-content{
margin-bottom:20px;
width:500px;
padding-top:90px;
padding-left:60px;
}
.cu-content a{
color:#F233B5;
text-decoration:none;
}
.cu-content p{
margin:10px 0;
padding-left:75px;
}
/**sustainability**/
#sustainability-content{
background:url(images/sustainability-image.png) no-repeat right top;
height:650px;
font-size:15px;
}
/**HB3-Technology **/
#hb3-technology-content{
background:url(images/hb3-technology-image.png) no-repeat right top;
height:650px;
font-size:15px;
}
#about-us-content{
background:url(images/about-us-image.png) no-repeat right top;
height:650px;
font-size:15px;
}
ul.IR li {
position: relative;
/ *overflow: hidden;
commented out for this example */
font-size: 0.9em;
}
.IR em {
display: block;
position: absolute;
top: 0; left: 0;
z-index: 1;
}
/* For IE5.x mac only */
* html>body .IR {
position: static;
/ *overflow: visible;
commented out for this example */
font-size: 10px;
}
* html>body .IR em { position: static; }
.nav { list-style: none; }
.nav li { float: left; padding-bottom: 23px; }
.nav-home em { left: 0; }
.nav-home em {
background: url(images/navigation.png) no-repeat;
width: 25px;
height: 42px;
cursor: pointer;
background-position: 0 0;
}
.nav-home:hover em {
background-position: 0 -42px;
}
.nav-about { left: 10px; }
.nav-about em {
background: url(images/navigation.png) no-repeat;
width: 100px;
height: 42px;
cursor: pointer;
background-position: -39px 0;
}
.nav-about:hover em {
background-position: -39px -42px;
}
.nav-services { left: 47px; }
.nav-services em {
background: url(images/navigation.png) no-repeat;
width: 100px;
height: 42px;
cursor: pointer;
background-position: -144px 0;
}
.nav-services:hover em {
background-position: -144px -42px;
}
.nav-gallery { left: 97px; }
.nav-gallery em {
background: url(images/navigation.png) no-repeat;
width: 100px;
height: 42px;
cursor: pointer;
background-position: -250px 0;
}
.nav-gallery:hover em {
background-position: -250px -42px;
}
.nav-stationery { left: 147px; }
.nav-stationery em {
background: url(images/navigation.png) no-repeat;
width: 110px;
height: 42px;
cursor: pointer;
background-position: -350px 0;
}
.nav-stationery:hover em {
background-position: -350px -42px;
}
.nav-blog { left: 197px; }
.nav-blog em {
background: url(images/navigation.png) no-repeat;
width: 80px;
height: 42px;
cursor: pointer;
background-position: -470px 0;
}
.nav-blog:hover em {
background-position: -470px -42px;
}
.nav-contact { left: 247px; }
.nav-contact em {
background: url(images/navigation.png) no-repeat;
width: 100px;
height: 42px;
cursor: pointer;
background-position: -552px 0;
}
.nav-contact:hover em {
background-position: -552px -42px;
}
.nav-reviews { left: 297px; }
.nav-reviews em {
background: url(images/navigation.png) no-repeat;
width: 100px;
height: 42px;
cursor: pointer;
background-position: -652px 0;
}
.nav-reviews:hover em {
background-position: -652px -42px;
}
.nav-carrie {
background: url(images/nav-carrie.jpg) no-repeat;
width: 203px;
height: 53px;
}
.nav-team {
background: url(images/nav-team.jpg) no-repeat;
width: 203px;
height: 50px;
}
.nav a { display: block; }
/* The Holly Hack */
* html .nav a { height: 1%; }
.nav li ul {
position: absolute;
z-index: 10; /* show the
dropdowns above the images */
top: 42px; /* position the dropdowns a set distance from the top of the image */
left: -999em;
list-style: none;
border: 1px solid #ffffff;
}
.nav li:hover ul { left: auto; }
.nav li li {
height: 50px;
width: 175px;
padding-bottom: 0; /* reset the height set on the IR list items */
font-size: 100%;
border-bottom: 2px solid #ffffff;
}
.nav li ul a {
height: 50px;
padding: 0.25em;
color: #929292;
url(images/nav-carrie.jpg) no-repeat;
}
.nav li ul a:hover {
height: 50px;
color: #929292;
url(images/nav-carrie.jpg) no-repeat;
}
/**END**/