/* Theme Name:Corporate Child Theme Theme URI:http://www.studiopress.com/themes/corporate Description:Corporate is a 2 or 3-column Widget-ready child theme created for the Genesis Framework. Author:StudioPress Author URI:http://www.studiopress.com Version:2.0 Tags:black, custom-background, custom-header, custom-menu, featured-images, fixed-width, gray, left-sidebar, one-column, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, white Template:genesis Template Version:1.7.1 License:GNU General Public License v2.0 License URI:http://www.opensource.org/licenses/gpl-license.php */ /* Table of Contents * Import Fonts * Defaults * Hyperlinks * Wrap * Header * Image Header - Partial Width * Image Header - Full Width * Navigation Constants * Header Right Navigation * Primary Navigation * Primary Navigation Extras * Secondary Navigation * Inner * Featured * Home Middle * Breadcrumb * Taxonomy Description * Content-Sidebar Wrap * Content * Column Classes * Headlines * Unordered / Ordered Lists * Post Info * Post Meta * Author Box * Archive Page * Post Icons * Images * Post Navigation * Primary / Secondary Sidebars * Dropdowns * Featured Page / Post * User Profile * Buttons * Search Form * eNews &Updates Widget * Calendar Widget * Footer Widgets * Footer * Comments * Gravity Forms * Corporate Blue * Genesis Slider * Shopp */ /* Import Fonts ------------------------------------------------------------ */ @import url(http://fonts.googleapis.com/css?family=Droid Sans); /* Defaults ------------------------------------------------------------ */ body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, input, select, textarea{color:#555; font-family:Arial,Helvetica,Tahoma,sans-serif; font-size:13px; font-weight:normal; line-height:20px; margin:0; padding:0; text-decoration:none} input, select, textarea, .sticky, .taxonomy-description{background-color:#ffffff; border:1px solid #aaa} li, ol, ul{margin:0; padding:0} ol li{list-style-type:decimal} /* Hyperlinks ------------------------------------------------------------ */ a, a:visited{color:#09c; text-decoration:none} a:hover{text-decoration:underline} a img{border:none} /* Body ------------------------------------------------------------ */ body{background-color:#666} /* Wrap ------------------------------------------------------------ */ #wrap{-moz-box-shadow:0 2px 4px #000; -webkit-box-shadow:0 2px 4px #000; background-color:#fff; box-shadow:0 2px 4px #000; margin:15px auto; overflow:hidden; width:960px} /* Header ------------------------------------------------------------ */ #header{background:#000 url(images/header.png) no-repeat top left; min-height:130px; margin:0 auto; overflow:hidden; width:960px} #title-area{float:left; overflow:hidden; padding:40px 0 0 30px; width:475px} .header-full-width #title-area{padding:40px 0 0} #title{font-family:'Droid Sans',arial,serif; font-size:30px; line-height:30px; margin:0 0 5px; text-shadow:#000 1px 1px; text-transform:uppercase} .header-full-width #title{text-align:center} #title a, #title a:hover{color:#ccc; text-align:center; text-decoration:none} #description{color:#fff; font-family:'Droid Sans',arial,serif; font-size:16px; font-weight:normal; line-height:20px; text-shadow:#000 1px 1px} .header-full-width #description{text-align:center} #header .widget-area{float:right; width:450px} /* Image Header - Partial Width ------------------------------------------------------------ */ .header-image #title-area, .header-image #title, .header-image #title a{display:block; float:left; height:130px; overflow:hidden; padding:0; text-indent:-9999px; width:475px} .header-image #description{display:block; overflow:hidden} /* Image Header - Full Width ------------------------------------------------------------ */ .header-full-width #title-area, .header-full-width #title, .header-full-width #title a{width:960px} /* Navigation Constants ------------------------------------------------------------ */ li:hover ul ul, li.sfHover ul ul{left:-9999px} li:hover, li.sfHover{position:static} /* Header Right Navigation ------------------------------------------------------------ */ #header ul.nav, #header ul.menu{float:right} #header ul.nav ul, #header ul.menu ul{float:right; margin:0; padding:0; width:100%} #header ul.nav li, #header ul.menu li{background-color:#333; float:left; list-style-type:none} #header ul.nav li a, #header ul.menu li a{color:#fff; display:block; font-family:'Droid Sans',arial,serif; font-size:12px; padding:7px 10px 5px; position:relative; text-decoration:none; text-transform:uppercase} #header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a{background-color:#000; color:#fff} #header ul.nav li a .sf-sub-indicator, #header ul.menu li a .sf-sub-indicator{display:block; overflow:hidden; position:absolute; text-indent:-9999px} #header ul.nav li li a, #header ul.nav li li a:link, #header ul.nav li li a:visited, #header ul.menu li li a, #header ul.menu li li a:link, #header ul.menu li li a:visited{background-color:#333; border:1px solid #666; border-top-width:0; color:#fff; font-size:11px; padding:5px 10px; position:relative; text-transform:none; width:138px} #header ul.nav li li a:hover, #header ul.nav li li a:active, #header ul.menu li li a:hover, #header ul.menu li li a:active{background-color:#000} #header ul.nav li ul, #header ul.menu li ul{height:auto; left:-9999px; position:absolute; width:160px; z-index:9999} #header ul.nav li ul a, #header ul.menu li ul a{width:140px} #header ul.nav li ul ul, #header ul.menu li ul ul{margin:-31px 0 0 159px} #header ul.nav li:hover>ul, #header ul.nav li.sfHover ul, #header ul.menu li:hover>ul, #header ul.menu li.sfHover ul{left:auto} /* Primary Navigation ------------------------------------------------------------ */ #nav{background:url(images/nav.png); border-top:1px solid #636363; clear:both; color:#333; font-family:'Droid Sans',arial,serif; overflow:hidden; font-size:12px; margin:0 auto; width:960px} #nav ul{float:left; width:100%} #nav li{float:left; list-style-type:none} #nav li li{border:none} #nav li a{border-right: 1px solid #000; color: #333; display: block; padding: 11px 20px 10px; position: relative; text-decoration: none; text-transform: uppercase;} #nav li a:hover, #nav li a:active, #nav .current_page_item a, #nav .current-cat a, #nav .current-menu-item a{background:url(images/nav-hover.png); color:#333} #nav li a .sf-sub-indicator{display:block; overflow:hidden; position:absolute; text-indent:-9999px} #nav li li a, #nav li li a:link, #nav li li a:visited{background:none; background-color:#cbccce; border:1px solid #636363; border-top-width:0; color:#333; font-size:12px; padding:6px 10px 5px; position:relative; text-transform:none; width:138px} #nav li li a:hover, #nav li li a:active{background:none; background-color:#111; color:#fff} #nav li ul{height:auto; left:-9999px; position:absolute; width:160px; z-index:9999} #nav li ul a{width:140px} #nav li ul ul{margin:-32px 0 0 159px} #nav li:hover>ul, #nav li.sfHover ul{left:auto} #nav li.store a { background: url(images/new.png) no-repeat right center; /*background-position-y:-15px;*/ border-right: 1px solid #636363; color: #333; display: block; padding: 11px 30px 10px 10px; position: relative; text-decoration: none; text-transform: uppercase; } /* Primary Navigation Extras ------------------------------------------------------------ */ #nav li.right{float:right; padding:10px 10px 8px} #nav li.right a{background:none; border:none; display:inline; text-decoration:none} #nav li.right a:hover{color:#444; text-decoration:none} #nav li.search{padding:0 10px} #nav li.rss a{background:url(images/rss.png) no-repeat center left; margin:0 0 0 10px; padding:0 0 0 16px} #nav li.twitter a{background:url(images/twitter-nav.png) no-repeat center left; padding:0 0 0 20px} /* Secondary Navigation ------------------------------------------------------------ */ #subnav{background:url(images/subnav.png); border-top:1px solid #aaa; clear:both; color:#fff; font-family:'Droid Sans',arial,serif; font-size:12px; margin:0 auto; overflow:hidden; width:960px} #subnav ul{float:left; width:100%} #subnav li{float:left; list-style-type:none} #subnav li a{color:#fff; display:block; padding:11px 15px 10px; position:relative; text-decoration:none; text-transform:uppercase} #subnav li a:hover, #subnav li a:active, #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item a{background:url(images/subnav-hover.png); color:#fff} #subnav li a .sf-sub-indicator{display:block; overflow:hidden; position:absolute; text-indent:-9999px} #subnav li li a, #subnav li li a:link, #subnav li li a:visited{background-color:#666; border:1px solid #444; border-top-width:0; color:#fff; font-size:12px; padding:6px 10px 5px; position:relative; text-transform:none; width:138px} #subnav li li a:hover, #subnav li li a:active{background:none; background-color:#444; color:#fff} #subnav li ul{height:auto; left:-9999px; position:absolute; width:160px; z-index:9999} #subnav li ul a{width:1450px} #subnav li ul ul{margin:-32px 0 0 159px} #subnav li:hover>ul, #subnav li.sfHover ul{left:auto} /* Inner ------------------------------------------------------------ */ #inner{margin:0 auto; overflow:hidden; padding:15px 0; width:930px} .home.full-width-content #inner{padding:0; width:960px} /* Featured ------------------------------------------------------------ */ #featured{background-color:#fff; margin:0 auto; overflow:hidden; padding:0; width:610px; float:left} #featured .wrap{padding:25px} #featured p{padding:0 0 15px} #featured-left{background-color:#fff; margin:0 auto; overflow:hidden; padding:0; width:350px} #featured-left .wrap{padding:25px} #featured-left p{padding:0 0 15px} /* Home Middle ------------------------------------------------------------ */ #home-middle{background-color:#fff; margin:0 auto; overflow:hidden; padding:0; width:960px} #home-middle .wrap{overflow:hidden; padding:20px 25px 5px} #home-middle p{padding:0 0 15px} .home-middle-1{float:left; padding:0 27px 0 0; width:285px} .home-middle-2{float:left; width:285px} .home-middle-3{float:right; width:285px} /* Breadcrumb ------------------------------------------------------------ */ .breadcrumb{border-bottom:3px solid #ddd; color:#444; font-family:'Droid Sans',arial,serif; font-size:12px; margin:0 10px; padding:10px 0 5px;} .breadcrumb a, .breadcrumb a:visited{text-decoration:none} .breadcrumb a:hover{text-decoration:underline} /* Taxonomy Description ------------------------------------------------------------ */ .taxonomy-description{margin:0 0 30px; padding:10px} /* Content-Sidebar Wrap ------------------------------------------------------------ */ #content-sidebar-wrap{float:left; width:760px} .content-sidebar #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap{width:930px} .sidebar-content-sidebar #content-sidebar-wrap, .sidebar-sidebar-content #content-sidebar-wrap{float:right} .full-width-content #content-sidebar-wrap{width:930px} .home.full-width-content #content, .home.full-width-content #content-sidebar-wrap{width:960px} /* Content ------------------------------------------------------------ */ #content{float:left; padding:10px; width:450px} .content-sidebar #content, .sidebar-content #content{width:620px} .sidebar-content #content, .sidebar-sidebar-content #content{float:right} .sidebar-content-sidebar #content{padding:10px 10px 10px 0; width:460px} .home.full-width-content #content{padding:0} .full-width-content #content{padding:10px; width:910px} blockquote{background-color:#f5f5f5; clear:both; margin:5px 15px 20px; padding:15px 20px 0} blockquote p{color:#777; font-family:Georgia,Times,'Times New Roman',serif; font-size:14px; font-style:italic} .post{border-bottom:3px solid #ddd; margin:0 0 25px; overflow:hidden; padding:0 0 25px} .single .post{border:none; margin:0 0 20px; padding:0} .entry-content a, .entry-content a:visited{text-decoration:underline} .entry-content a:hover{text-decoration:none} .entry-content p, .page .entry-content p{padding:0 0 15px} .clear{clear:both} .clear-line{border-bottom:1px solid #ddd; clear:both; margin:0 0 15px} /* Column Classes ------------------------------------------------------------ */ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds{float:left; margin:0 0 20px; padding-left:3%} .one-half, .three-sixths, .two-fourths{width:48%} .one-third, .two-sixths{width:31%} .four-sixths, .two-thirds{width:65%} .one-fourth{width:22.5%} .three-fourths{width:73.5%} .one-fifth{width:17.4%} .two-fifths{width:37.8%} .three-fifths{width:58.2%} .four-fifths{width:78.6%} .one-sixth{width:14%} .five-sixths{width:82%} .first{clear:both; padding-left:0} /* Headlines ------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6{color:#222; font-family:'Droid Sans',arial,serif; margin:0 0 5px; text-transform:none} h1, h2, h2 a, h2 a:visited{color:#222; font-family:'Droid Sans',arial,serif; font-size:24px; line-height:30px} h2 a:hover{color:#09c; text-decoration:none} #footer-widgets h2, #footer-widgets h2 a, #footer-widgets h2 a:visited{color:#f3f3f3; font-size:14px; line-height:24px; margin:0; text-decoration:none; text-transform:none} #footer-widgets h2 a:hover{text-decoration:underline} h3{font-size:18px} h4, h4 a, h4 a:hover, h4 a:visited{font-size:18px} #home-middle h4{margin:0 0 20px; border-bottom:1px solid #CCC;} .sidebar h4, .sidebar h4 a, #footer-widgets h4, #footer-widgets h4 a{font-size:14px} .sidebar h4, .sidebar h4 a, .sidebar h4 a:visited{color:#222} .sidebar h4 a:hover{text-decoration:none} #footer-widgets h4, #footer-widgets h4 a, #footer-widgets h4 a:visited{color:#09c} #footer-widgets h4 a:hover{text-decoration:none} h5{font-size:14px} h6{font-size:12px} /* Unordered / Ordered Lists ------------------------------------------------------------ */ .entry-content ol, .entry-content ul{margin:0; padding:0 0 15px} .entry-content ol{margin:0} .archive-page ul li, .entry-content ul li{list-style-type:square; margin:0 0 0 30px; padding:0} .entry-content ol li{margin:0 0 0 35px} .archive-page ul ul, .entry-content ul ul, .entry-content ol ol{padding:0} /* Post Info ------------------------------------------------------------ */ .post-info{font-size:11px; margin:5px 0 15px; text-transform:uppercase} /* Post Meta ------------------------------------------------------------ */ .post-meta{background-color:#f5f5f5; clear:both; font-size:11px; padding:7px 10px 5px; text-transform:uppercase} /* Author Box ------------------------------------------------------------ */ .author-box{border-top:3px solid #ddd; margin:0 0 40px; padding:20px 0 0; overflow:hidden} /* Archive Page ------------------------------------------------------------ */ .archive-page{float:left; padding:20px 0; width:50%} /* Post Icons ------------------------------------------------------------ */ .categories{background:url(images/icon-categories.png) no-repeat top left; padding:2px 0 2px 22px} .post-comments{background:url(images/icon-comments.png) no-repeat top left; margin:0 0 0 10px; padding:2px 0 2px 22px} .tags{background:url(images/icon-tags.png) no-repeat top left; margin:0 0 0 10px; padding:2px 0 2px 20px} .time{background:url(images/icon-time.png) no-repeat top left; padding:2px 0 2px 21px} /* Images ------------------------------------------------------------ */ img{max-width:100%} #featured .featuredpage img, #featured .featuredpost img{border:10px solid #ccc; max-width:none; margin:0 10px 0 0; padding:0} #home-middle .featuredpage img, #featured-left .featuredpage img, #home-middle .featuredpost img{border:5px solid #ccc; margin:0 0 15px} .avatar, .post-image{background-color:#f5f5f5; border:1px solid #ddd; padding:4px} .author-box .avatar{float:left; margin:0 10px 0 0} .post-image{margin:0 15px 15px 0} .comment-list li .avatar{background-color:#fff; float:left; height:30px; margin:0 5px 0 0; padding:4px; width:30px} img.centered, .aligncenter{display:block; margin:0 auto 15px} img.alignnone{display:inline; margin:0 0 15px} img.alignleft{display:inline; margin:0 15px 15px 0} img.alignright{display:inline; margin:0 0 15px 15px} .alignleft{float:left; margin:0 15px 15px 0} #featured .alignleft{margin:0 15px 0 0} .alignright{float:right; margin:0 0 15px 15px} .wp-caption{background:#f5f5f5; padding:5px; text-align:center} p.wp-caption-text{font-size:11px; line-height:12px} .wp-smiley, .wp-wink{border:none; float:none} /* Post Navigation ------------------------------------------------------------ */ .navigation{overflow:hidden; padding:5px 0; width:100%} .navigation li{display:inline} .navigation li a, .navigation li.disabled, .navigation li a:hover, .navigation li.active a{border:1px solid #ddd; padding:5px 8px} .navigation li a:hover, .navigation li.active a{background-color:#f5f5f5} /* Primary / Secondary Sidebars ------------------------------------------------------------ */ .sidebar{background:#f5f5f5; display:inline; float:right; margin:0 0 20px; padding:15px 15px 5px; width:250px} #sidebar-alt{background:#f5f5f5; float:left; padding:15px 15px 5px; width:120px} .sidebar-content #sidebar, .sidebar-sidebar-content #sidebar{float:left} .content-sidebar-sidebar #sidebar-alt{float:right} .sidebar .widget{border-bottom:3px solid #ddd; margin:0 0 15px; padding:0 0 15px} .widget-area ol, .widget-area ul{margin:0 0 -5px} #header .widget-area ul li{margin:0} .widget-area ol ol, .widget-area ul ul{margin:0 0 0 15px} .widget-area ul li{list-style-type:none; margin:0 0 3px; word-wrap:break-word} .widget-area ol li{list-style-type:decimal} /* Dropdowns ------------------------------------------------------------ */ #cat, .widget_archive select{background-color:#fff; color:#09c; display:inline; font-family:'Droid Sans',arial,serif; font-size:12px; margin:2px 0 0; padding:3px; width:100%} /* Featured Page / Post ------------------------------------------------------------ */ .featuredpage, .featuredpost{clear:both; overflow:hidden} .featuredpage .page, .featuredpost .post{overflow:hidden; border:none; margin:0; padding:0} .featuredpage .page h2, .featuredpost .post h2 a, .featuredpage .page h2 a:visited, .featuredpost .post h2, .featuredpage .page h2 a, .featuredpost .post h2 a:visited{color:#09C; font-family:'Droid Sans',arial,serif; font-size:16px; line-height:1.25em; text-decoration:underline;} #footer-widgets .featuredpage .page, #footer-widgets .featuredpost .post{border-bottom:1px dotted #ccc; margin:0 0 10px; padding:0} /* User Profile ------------------------------------------------------------ */ .user-profile{overflow:hidden} /* Buttons ------------------------------------------------------------ */ div.gform_footer input.button, .enews #subbutton, .reply a, .reply a:visited, .searchsubmit, #featured .more-link, #submit{background-color:#09c; border:1px solid #09c; color:#fff !important; cursor:pointer; font-family:'Droid Sans',arial,serif; font-size:12px; font-weight:normal; padding:4px 7px 4px; text-decoration:none} #featured .more-link{line-height:30px; padding:7px} #nav .searchsubmit{padding:2px 7px 2px} .reply a, .reply a:visited{padding:2px 4px} div.gform_footer input.button:hover, .enews #subbutton:hover, .reply a:hover, .searchsubmit:hover, #featured .more-link:hover, #submit:hover{background-color:#0083b3; border:1px solid #0083b3; color:#fff; text-decoration:none} /* Search Form ------------------------------------------------------------ */ #header .searchform{float:right; padding:70px 20px 0 0} #nav .searchform{float:right; margin:1px 0 0} .s{background-color:#fff; color:#09c; font-family:'Droid Sans',arial,serif; font-size:12px; margin:5px 2px 0 0; padding:4px 0 4px 5px; width:175px} #header .s{color:#555} #nav .s{padding:2px 0 2px 5px} /* eNews and Update Widget ------------------------------------------------------------ */ .enews #subbox{background-color:#fff; color:#09c; font-family:'Droid Sans',arial,serif; font-size:12px; margin:5px 5px 0 0; padding:4px 0 5px 7px; width:195px} /* Calendar Widget ------------------------------------------------------------ */ #wp-calendar{width:100%} #wp-calendar caption{font-size:12px; font-style:italic; padding:2px 5px 0 0; text-align:right} #wp-calendar thead{background-color:#f5f5f5; font-weight:bold; margin:10px 0 0} #wp-calendar td{background-color:#f5f5f5; padding:2px; text-align:center} /* Footer Widgets ------------------------------------------------------------ */ #footer-widgets{background-color:#555; clear:both; color:#fff; font-size:12px; margin:0 auto 0; overflow:hidden; width:960px} #footer-widgets .wrap{margin:0 auto; overflow:hidden; padding:20px 25px 5px} #footer-widgets .widget{background:none; border:none; padding:0} #footer-widgets p{color:#fff; font-size:12px; padding:0 0 10px} #footer-widgets a, #footer-widgets a:visited{color:#aaa; text-decoration:none} #footer-widgets a:hover{text-decoration:underline} #footer-widgets ul{color:#fff; list-style-type:none; margin:0 0 15px} #footer-widgets ul li{border-bottom:1px dotted #ccc; list-style-type:none; margin:0 0 5px; padding:0 0 5px} #footer-widgets #wp-calendar thead, #footer-widgets #wp-calendar td{background:none} #footer-widgets .post{border:none; margin:0} .footer-widgets-1{float:left; padding:0 27px 0 0; width:285px} .footer-widgets-2{float:left; width:285px} .footer-widgets-3{float:right; width:285px} /* Footer ------------------------------------------------------------ */ #footer{background:url(images/nav.png); clear:both; font-size:12px; overflow:hidden; margin:0 auto; padding:10px 0; width:960px} #footer p{color:#333; font-family:'Droid Sans',arial,serif; font-size:12px} #footer a, #footer a:visited{color:#333; text-decoration:none} #footer a:hover{text-decoration:underline} #footer .gototop{float:left; padding:0 0 0 15px; width:200px} #footer .creds{float:right; padding:0 15px 0 0; text-align:right; width:685px} /* Comments ------------------------------------------------------------ */ #comments, #respond{margin:0 0 30px; overflow:hidden} #author, #comment, #email, #url{font-size:12px; margin:10px 5px 0 0; padding:0; width:250px} #comment{height:150px; margin:10px 0; width:98%} .ping-list{margin:0 0 40px} .comment-list ol, .ping-list ol{margin:0; padding:10px} .comment-list li, .ping-list li{font-weight:bold; list-style:none; margin:10px 0 0; padding:10px} .comment-list li ul li{list-style-type:none} .comment-list p, .ping-list p{font-weight:normal; margin:10px 5px 10px 0; padding:0; text-transform:none} .comment-list ul.children{margin-top:20px} .comment-list ul.children li.comment{background:#fff} .comment-list cite, .ping-list cite{font-style:normal; font-weight:bold} .commentmetadata{font-weight:normal} .comment-author{background:#e5e5e5; font-size:12px; font-weight:bold; padding:8px 10px 0} .comment-meta{background:#e5e5e5; font-size:12px; padding:0 10px 8px} .nocomments{text-align:center} #comments .navigation{display:block; padding:0} .thread-alt, .thread-even{background:#f5f5f5} .alt, .depth-1, .even{border:1px solid #ddd} /* Gravity Forms ------------------------------------------------------------ */ div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea{color:#333; font-family:Arial,Helvetica,Tahoma,sans-serif; font-size:12px !important; padding:4px 5px !important} div.gform_footer input.button{color:#fff} div.gform_wrapper .ginput_complex label{font-size:12px} div.gform_wrapper li, div.gform_wrapper form li{margin:0 0 10px} div.gform_wrapper .gform_footer{border:none; margin:0; padding:0} /*** Genesis Slider */ #genesis-slider{background-color:white; border:5px solid #cbccce !important; margin:0 auto; padding:10px} .slide-excerpt-border{padding:5px !important; margin:4px !important} .slide-excerpt{filter:alpha(opacity=90) !important; opacity:0.9 !important} .slide-excerpt h2, .slide-excerpt h2 a, .slide-excerpt h2 a:visited{font-size:16px; line-height:1.25em; font-weight:bold} /* Max Button */ a#maxbutton-5{bottom:60px} /* BC*/ #widget_sp_image-3{width:150px; float:right} /** * shopp.css * Generic layout & styles for Shopp pages * * @author Jonathan Davis * @package shopp **/ /* Generic Shopp Styles */ #shopp .submit { text-align: right; } #shopp form { text-align: left; } #shopp form.product ul.options { list-style: none; } #shopp form ul { line-height: 1; } #shopp form label { font-size: 14px; font-weight: bold; padding-bottom: 3px; margin-bottom:5px !important; } #shopp form ul li span label, #shopp form div label { font-size: 11px; font-weight: normal; padding-bottom: 8px; } /** * Catalog/Category **/ .categories ul li a.current { font-weight: bold; } #shopp .category { position: relative; } #shopp .views { display: inline; position: absolute; right: 0; top: 0; } #shopp .views button { border: 1px solid transparent; background: none; cursor: pointer; padding: 2px; margin-bottom: -3px; } #shopp .views button.hover { background-color: #ebebeb; border: 1px solid #777; } #shopp .views li { display: inline; } #shopp .orderby { float: right; } #shopp .category .subcategories { padding: 10px 0; margin-bottom: 10px; } #shopp .category .subcategories ul { padding: 10px 0 0 20px; margin-bottom: 10px; } #shopp .category .subcategories li { display: inline-block; margin-right: 20px; vertical-align: top; } #shopp .slideshow, #shopp .carousel { margin: 20px 0; overflow: hidden; } /* Each product in a category has a containing frame */ #shopp ul.products li.product div.frame { padding: 10px; } #shopp ul.products li .name, #shopp ul.products li .summary, #shopp ul.products li .savings, #shopp ul.products li .price { margin-top: 0; margin-bottom: 0; } #shopp ul.products li .details { float: none; } /* Hide the product summary in the grid view */ #shopp ul.products li .summary { display: none; } #shopp ul.products li .listview { display: none; } #shopp ul.products img { display: block; } #shopp .price { font-weight: bold; line-height: 1.5; margin: 0; } #shopp .original { text-decoration: line-through; } #shopp .sale { font-size: 150%; } /* Faceted menu cancel filter link styles */ .filters a.cancel:before { content: "["; } .filters a.cancel { font-weight: bold; } .filters a.cancel:after { content: "]"; } .filters a.cancel:hover { text-decoration: none; } /* Product List View */ #shopp.list ul.products li { float: none; width: 100%; overflow: hidden; padding-bottom: 10px;} #shopp.list ul.products li.product { border-bottom: 1px solid #ddd; } #shopp.list ul.products li div.frame { width: 100%; text-align: left; } #shopp.list ul.products li img { float: left; margin-right: 10px; } #shopp.list ul.products li .details { float: left; width: 65%; } #shopp.list ul.products li .listview { display: block; } #shopp ul.breadcrumb { margin: 10px 0; } #shopp ul.breadcrumb li { background: none; padding: 0; display: inline; margin-left: 0; text-indent: 0; } #shopp ul.categories { float: left; margin-right: 20px; } /* Category Pagination */ #shopp ul.paging { /* placeholder for your styles - inherited defaults: clear: none; display: inline-block; */ } #shopp ul.paging li { /* placeholder for your styles - inherited defaults: display: inline-block; margin-left: 5px; */ } #shopp ul.paging li a { /* page links default styling */ } #shopp ul.paging li a:hover { /* page links hover styling */ } #shopp ul.paging li.active { /* currrent page style */ } #shopp ul.paging li.disabled { /* style for disabled previous/next links */ } #shopp ul.paging li.previous a, #shopp ul.paging li.next a { /* previous/next link style */ } /** * Product Pages **/ #shopp .column { float: left; } #shopp .column.first { width: 65%; } #shopp .column.second { float: right; width: 35%; } #shopp .original { text-decoration: line-through; } #shopp form.product ul, #shopp form.product ul li, #shopp form.product ul li label { clear: none; } #shopp form.product ul { width: auto; } #shopp ul.variations label { display: block; } #shopp dl { overflow: hidden; } #shopp dl dt { font-weight: bold; float: left; margin-right: 10px; clear: left; } #shopp dl dd { display: block; clear: right; } #shopp .gallery { margin: 5px 10px 5px 0; } #shopp .gallery ul.previews li.thumbnails ul { margin: 10px 0 10px 0; } #shopp .gallery ul.previews li.thumbnails li { margin: 0 5px 0 0; } /** * Category List Widget **/ ul.shopp_categories { /* category list container */ } ul.shopp_categories li { /* category listing containers */ } ul.shopp_categories li a { /* category link default styles */ } ul.shopp_categories li a:hover { /* category link hover styles */ } ul.shopp_categories li span { /* categpry product count styles */ } ul.shopp_categories li.current { /* currently viewed category container */ } ul.shopp_categories li.current a { /* currently viewed category link style */ } ul.shopp_categories li.current a:hover { /* currently viewed category link hover style */ } ul.shopp_categories li ul.children { /* sub-category list container */ } ul.shopp_categories li ul.children li { /* sub-category listing container */ } ul.shopp_categories li ul.active { /* active sub-category container */ } /* Collapsed sub-category menus example ul.shopp_categories li ul.children { display: none; } ul.shopp_categories li ul.active { display: block; } */ /** * Side Products Widget **/ .sideproduct { margin-top: 20px; } .sideproduct h3 { margin-top: 0; } /** * Shopping Cart **/ #shopp #cart { width: 100%; } #shopp #cart table { padding: 10px 0; width: 100%; } #shopp #cart th { text-align: left; font-weight: bold; } #shopp #cart th, #shopp #cart td { padding: 3px; } #shopp #cart .item { width: 50%; } #shopp #cart .money, #shopp #cart .totals th, #shopp #cart .buttons td { text-align: right; white-space: nowrap; } #shopp #cart .totals.total th, #shopp #cart .totals.total td { font-size: 130%; } #shopp #cart .remove { font-size: 9px; } #shopp #cart address { font-style: normal; } #shopp #cart big { display: block; margin: 10px 0; } #shopp #cart big a.right { float: right; } /** * Shopping Cart Widget **/ #shopp-cart.widget p.status { margin-bottom: 10px; } #shopp ul.account li { display: inline-block; width: 200px; padding-top: 18px; } /** * Checkout **/ #shopp #shipping-methods { padding-left: 30px; } #shopp #shipping-methods li { margin-top: 5px; } #shopp #shipping-methods input { margin-left: -16px; } #shopp #errors { color: #990000; } #shopp input.error { background: #ffdddd; } #shopp label.error { color: #990000; font-weight: bold; } div#shopp form ul li div input, div#shopp form ul li div select {width: 98%;} /** * Order Receipt **/ #shopp #receipt { position: relative; margin: 20px 0; } #shopp #receipt address { font-style: normal; } #shopp #receipt fieldset { padding: 10px; border: 1px solid #dadada; margin: 20px 0 30px; } #shopp #receipt fieldset legend { display: block; } #shopp #receipt table { overflow: hidden; } #shopp #receipt table.transaction th { text-align: left; } #shopp #receipt .labels { width: 100%; } #shopp #receipt table.labels td { vertical-align: top; } #shopp #receipt .order { width: 100%; overflow: hidden; border: none; } #shopp #receipt td { border: none; } #shopp #receipt th { font-weight: bold; text-align: left; border: none; } #shopp #receipt th, #shopp #receipt td { padding: 3px 0; } #shopp #receipt .order .item { width: 50%; } #shopp #receipt .order td.qty { text-align: center; } #shopp #receipt .order .money, #shopp #receipt .order .total, #shopp #receipt .order .buttons td { text-align: right; } #shopp #receipt .order .totals.total th, #shopp #receipt .order .totals.total td { font-size: 130%; } /** shopp Buttons **/ #shopp input.update-button {background-color:#09c; border:1px solid #09c; color:#fff !important; cursor:pointer; font-family:'Droid Sans',arial,serif; font-size:12px; font-weight:normal; padding:4px 7px 4px; text-decoration:none} #shopp input.update-button:hover { background-color:#0083b3; border:1px solid #0083b3; color:#fff; text-decoration:none} #shopp input.addtocart {background-color:#09c; border:1px solid #09c; color:#fff !important; cursor:pointer; font-family:'Droid Sans',arial,serif; font-size:12px; font-weight:normal; padding:4px 7px 4px; text-decoration:none} #shopp input.addtocart:hover { background-color:#0083b3; border:1px solid #0083b3; color:#fff; text-decoration:none} #shopp input#submit-login-checkout {background-color:#09c; border:1px solid #09c; color:#fff !important; cursor:pointer; font-family:'Droid Sans',arial,serif; font-size:12px; font-weight:normal; padding:2px 7px 2px; text-decoration:none} #shopp input#submit-login-checkout:hover { background-color:#0083b3; border:1px solid #0083b3; color:#fff; text-decoration:none} #shopp input#checkout-button.checkout-button {background-color:#09c; border:1px solid #09c; color:#fff !important; cursor:pointer; font-family:'Droid Sans',arial,serif; font-size:12px; font-weight:normal; padding:4px 7px 4px; text-decoration:none} #shopp input#checkout-button.checkout-button:hover { background-color:#0083b3; border:1px solid #0083b3; color:#fff; text-decoration:none}