/* Theme Name: The Cause Theme URI: http://www.themeblossom.com/the-cause-idealist Description: The Cause is a clean and elegant non-profit Wordpress theme that can be used for a variety of purposes and causes. Version: 1.0 Author: Theme Blossom Author URI: http://www.themeblossom.com Tags: white, two-columns License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* TABLE OF CONTENTS */ /* **********************************************/ /* 1. BASIC STYLING */ /* 1.1 Special classes */ /* 1.1.1 Info Boxes */ /* 1.1.2 Buttons */ /* 1.1.3 Images and captions */ /* 1.1.4 Dividers */ /* 1.2 Headings */ /* 1.3 Containers */ /* 2.0 HEADER */ /* 3.0 CONTENT */ /* 3.1 Navigation */ /* 3.2 Content */ /* 3.3 PAGES */ /* 3.3.1 404 page */ /* 3.3.2 Landing page */ /* 3.3.3 Home Page */ /* 3.3.4 The Issues */ /* 3.3.5 News and Events */ /* 3.3.6 Video and Gallery page */ /* 3.3.7 Shop page */ /* 3.3.8 FAQ */ /* 3.3.9 Contact Page / Get Involved / Sign Up */ /* 4.0 SIDEBAR */ /* 5.0 FOOTER */ /* 5.1 Bottom nav and disclaimer */ /* 5.2 Widgets */ /* 6. E-Commerce Plugins */ /* 6.1 WooCommerce */ /* 6.2 Easy Wordpress Donations Plugin */ /* 1. BASIC STYLING */ body {margin: 0; background: #fff; position: relative; font-size: 13px; line-height: 20px; color: #434b51; font-family: Arial, Helvetica, sans-serif;} * { margin: 0; padding: 0; border: none; outline: none; } a { color: #7b1583; text-decoration: none; position: relative;} a:hover { color: #6c0674; text-decoration: none; } a:active, img { outline: none; border: none; } img {position: relative; z-index: 1;} blockquote {background: #f7f7f7 url('images/blockquote.png') left top scroll repeat-x; padding: 10px 0; margin-top: 30px; margin-bottom: 30px; font-size: 16px; color: #1d434c; line-height: 23px; overflow: hidden; box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); position: relative; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #5380A2;} blockquote p, blockquote h4, blockquote .name {margin: 0 20px; padding: 10px 0; position: relative;} blockquote p {position: relative; z-index: 1;} blockquote p.first {background: url('images/leftQuote.png') left top no-repeat;} blockquote span.rightQuote {position: absolute; right: 20px; bottom: 20px; background: url('images/rightQuote.png') right bottom no-repeat; width: 52px; height: 38px; display: block; z-index: 0;} blockquote .name {text-align: right; font-size: 16px; font-weight: bold; float: right; display: block; padding-right: 0 !important;} p {margin-bottom: 15px;} input.text, input[type=text], input[type=password], textarea, .selector {font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 12px; line-height: 18px; color: #fff; padding: 7px 10px; position: relative; float: left;} textarea {overflow: hidden !important;} /* 1.1 Special classes */ .clear {clear: both; overflow: hidden; line-height: 0; height: 0; zoom: 1;} .noborder { border: 0 !important; } .nowrap { white-space: nowrap !important; } .nopadding { padding: 0 !important; } .nomargin {margin: 0 !important;} .nobckg {background: none !important;} .noliststyle {list-style: none !important;} .nodisplay {display: none;} .overflow {clear: both; overflow: hidden; zoom: 1;} .overflow10 {margin: 10px 0; clear: both; overflow: hidden; zoom: 1;} .alignleft {margin: 0 20px 20px 0; float: left;} .alignright {margin: 0 0 20px 20px; float: right;} .alignleft, .alignright {display: inline; position: relative;} .aligncenter, .attachment-thumbnail {position: relative; margin-left: auto; margin-right: auto;} .left {float: left;} .right {float: right;} .center, .gallery-item, .gallery-icon {text-align: center;} .error, .sendingError {color: #F00 !important; border: 1px solid #F00 !important;} /* 1.1.1 Info Boxes */ .infoBox {padding: 10px 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 20px 0; overflow: hidden;} .infoBox p {margin: 7px 0 !important;} .infoBox h4 {font-weight: bold !important;} .greenBox {color: #4F8A10; background: #DFF2BF; border: 1px solid #4F8A10;} .greenBox h4 {color: #4F8A10 !important;} .redBox {color: #D8000C; background: #FFBABA; border: 1px solid #D8000C;} .redBox h4 {color: #D8000C !important;} .yellowBox {color: #9F6000; background: #FEEFB3; border: 1px solid #9F6000;} .yellowBox h4 {color: #9F6000 !important;} .blueBox {color: #00529B; background: #BDE5F8; border: 1px solid #00529B;} .blueBox h4 {color: #00529B !important;} /* 1.1.2 Buttons */ .button, .bigButton, .tinyButton, .buttonExtra, .bigButtonExtra, .tinyButtonExtra, #main span.current, #slider .slider_pagination li a, .form-submit input[type=submit] {text-decoration: none !important; display: inline-block; cursor: pointer; box-shadow: 0px 0px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); margin: 4px; text-transform: uppercase;} #main span.current, #slider .slider_pagination li a {margin: 0px;} .button, .buttonExtra, input.button, input.buttonExtra {padding: 9px 20px; height: 17px; line-height: 17px; font-size: 12px;} input.button, button.button, button.buttonExtra {height: 37px !important;} .bigButton, input.bigButton, .bigButtonExtra, input.bigButtonExtra, .form-submit input[type=submit] {padding: 12px 32px; height: 21px; line-height: 21px; font-size: 20px; text-transform: uppercase;} input.bigButton, button.bigButton, input.bigButtonExtra, button.bigButtonExtra, .form-submit input[type=submit] {height: 45x !important;} .tinyButton, input.tinyButton, .tinyButtonExtra, input.tinyButtonExtra, #main span.current, ul#tbQuickSand li a {padding: 5px 18px; height: 15px; line-height: 15px; font-size: 11px;} input.tinyButton, button.tinyButton, input.tinyButtonExtra, button.tinyButtonExtra {height: 27px !important;} .roundButton, .form-submit input[type=submit] {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .roundButtonX, ul#tbQuickSand li a {border-radius: 51px; -moz-border-radius: 51px; -webkit-border-radius: 51px;} #main #content.extra-default .tinyButtonExtra, #main #content.extra-default .buttonExtra, #main #content.extra-default .bigButtonExtra, #main #content.red .tinyButton, #main #content.red .button, #main #content.red .bigButton, #main .tinyButton.redButton, #main .button.redButton, #main .bigButton.redButton, #main #content.red .pagination a, #main #content.extra-default .pagination span.current, #main #content.extra-default .pagination a:hover, #main #content.red .slider_pagination li a, #main #content.extra-default .slider_pagination li.current a, #main #content.extra-default .slider_pagination li a:hover {background: #ac0826; background: -moz-linear-gradient(top, #ff154c 0%, #ac0826); background: -webkit-gradient(linear, left top, left bottom, from(#ff154c), to(#ac0826)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff154c', endColorstr='#ac0826'); border: 1px solid #ab1a10; text-shadow: 0px 0px 0px #fff, 1px 1px 0px #750016; color: #ffffff !important; } #main #content.extra-default .tinyButtonExtra:hover, #main #content.extra-default .buttonExtra:hover, #main #content.extra-default .bigButtonExtra:hover, #main #content.red .tinyButton:hover, #main #content.red .button:hover, #main #content.red .bigButton:hover, #main .tinyButton.redButton:hover, #main .button.redButton:hover, #main .bigButton.redButton:hover {background: #ff154c; background: -moz-linear-gradient(top, #ac0826 0%, #ff154c); background: -webkit-gradient(linear, left top, left bottom, from(#ac0826), to(#ff154c)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac0826', endColorstr='#ff154c'); color: #ffffff !important;} #main #content.extra-blue .tinyButtonExtra, #main #content.extra-blue .buttonExtra, #main #content.extra-blue .bigButtonExtra, #main #content.blue .tinyButton, #main #content.blue .button, #main #content.blue .bigButton, #main .tinyButton.blueButton, #main .button.blueButton, #main .bigButton.blueButton, #main #content.blue .pagination a, #main #content.extra-blue .pagination span.current, #main #content.extra-blue .pagination a:hover, #main #content.blue .slider_pagination li a, #main #content.extra-blue .slider_pagination li.current a, #main #content.extra-blue .slider_pagination li a:hover {background: #036da6; background: -moz-linear-gradient(top, #62c0f2 0%, #036da6); background: -webkit-gradient(linear, left top, left bottom, from(#62c0f2), to(#036da6)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c0f2', endColorstr='#036da6'); border: 1px solid #007dbf; text-shadow: 0px 0px 0px #fff, 1px 1px 0px #003a75; color: #ffffff !important; } #main #content.extra-blue .tinyButtonExtra:hover, #main #content.extra-blue .buttonExtra:hover, #main #content.extra-blue .bigButtonExtra:hover, #main #content.blue .tinyButton:hover, #main #content.blue .button:hover, #main #content.blue .bigButton:hover, #main .tinyButton.blueButton:hover, #main .button.blueButton:hover, #main .bigButton.blueButton:hover {background: #62c0f2; background: -moz-linear-gradient(top, #036da6 0%, #62c0f2); background: -webkit-gradient(linear, left top, left bottom, from(#036da6), to(#62c0f2)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#036da6', endColorstr='#62c0f2');} #main #content.extra-brown .tinyButtonExtra, #main #content.extra-brown .buttonExtra, #main #content.extra-brown .bigButtonExtra, #main #content.brown .tinyButton, #main #content.brown .button, #main #content.brown .bigButton, #main .tinyButton.brownButton, #main .button.brownButton, #main .bigButton.brownButton, #main #content.brown .pagination a, #main #content.extra-brown .pagination span.current, #main #content.extra-brown .pagination a:hover, #main #content.brown .slider_pagination li a, #main #content.extra-brown .slider_pagination li.current a, #main #content.extra-brown .slider_pagination li a:hover {background: #770303; background: -moz-linear-gradient(top, #770303 0%, #330101); background: -webkit-gradient(linear, left top, left bottom, from(#770303), to(#330101)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#770303', endColorstr='#330101'); border: 1px solid #230306; text-shadow: 0px 0px 0px #fff, 1px 1px 0px #330101; color: #ffffff !important; } #main #content.extra-brown .tinyButtonExtra:hover, #main #content.extra-brown .buttonExtra:hover, #main #content.extra-brown .bigButtonExtra:hover, #main #content.brown .tinyButton:hover, #main #content.brown .button:hover, #main #content.brown .bigButton:hover, #main .tinyButton.brownButton:hover, #main .button.brownButton:hover, #main .bigButton.brownButton:hover {background: #330101; background: -moz-linear-gradient(top, #330101 0%, #770303); background: -webkit-gradient(linear, left top, left bottom, from(#330101), to(#770303)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#330101', endColorstr='#770303');} #main #content.extra-orange .tinyButtonExtra, #main #content.extra-orange .buttonExtra, #main #content.extra-orange .bigButtonExtra, #main #content.orange .tinyButton, #main #content.orange .button, #main #content.orange .bigButton, #main .tinyButton.orangeButton, #main .button.orangeButton, #main .bigButton.orangeButton, #main #content.orange .pagination a, #main #content.extra-orange .pagination span.current, #main #content.extra-orange .pagination a:hover, #main #content.orange .slider_pagination li a, #main #content.extra-orange .slider_pagination li.current a, #main #content.extra-orange .slider_pagination li a:hover {background: #ea240d; background: -moz-linear-gradient(top, #fc9900 0%, #ea240d); background: -webkit-gradient(linear, left top, left bottom, from(#fc9900), to(#ea240d)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc9900', endColorstr='#ea240d'); border: 1px solid #cf4400; text-shadow: 0px 0px 0px #fff, 1px 1px 0px #751900; color: #ffffff !important; } #main #content.extra-orange .tinyButtonExtra:hover, #main #content.extra-orange .buttonExtra:hover, #main #content.extra-orange .bigButtonExtra:hover, #main #content.orange .tinyButton:hover, #main #content.orange .button:hover, #main #content.orange .bigButton:hover, #main .tinyButton.orangeButton:hover, #main .button.orangeButton:hover, #main .bigButton.orangeButton:hover {background: #fc9900; background: -moz-linear-gradient(top, #ea240d 0%, #fc9900); background: -webkit-gradient(linear, left top, left bottom, from(#ea240d), to(#fc9900)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea240d', endColorstr='#fc9900');} #main #content.extra-green .tinyButtonExtra, #main #content.extra-green .buttonExtra, #main #content.extra-green .bigButtonExtra, #main #content.green .tinyButton, #main #content.green .button, #main #content.green .bigButton, #main .tinyButton.greenButton, #main .button.greenButton, #main .bigButton.greenButton, #main #content.green .pagination a, #main #content.extra-green .pagination span.current, #main #content.extra-green .pagination a:hover, #main #content.green .slider_pagination li a, #main #content.extra-green .slider_pagination li.current a, #main #content.extra-green .slider_pagination li a:hover {background: #529200; background: -moz-linear-gradient(top, #6db80d 0%, #529200); background: -webkit-gradient(linear, left top, left bottom, from(#6db80d), to(#529200)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db80d', endColorstr='#529200'); border: 1px solid #408705; text-shadow: 0px 0px 0px #fff, 1px 1px 0px #3d7500; color: #ffffff !important; } #main #content.extra-green .tinyButtonExtra:hover, #main #content.extra-green .buttonExtra:hover, #main #content.extra-green .bigButtonExtra:hover, #main #content.green .tinyButton:hover, #main #content.green .button:hover, #main #content.green .bigButton:hover, #main .tinyButton.greenButton:hover, #main .button.greenButton:hover, #main .bigButton.greenButton:hover {background: #6db80d; background: -moz-linear-gradient(top, #529200 0%, #6db80d); background: -webkit-gradient(linear, left top, left bottom, from(#529200), to(#6db80d)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#529200', endColorstr='#6db80d');} #main #content.extra-purple .tinyButtonExtra, #main #content.extra-purple .buttonExtra, #main #content.extra-purple .bigButtonExtra, #main #content.purple .tinyButton, #main #content.purple .button, #main #content.purple .bigButton, #main .tinyButton.purpleButton, #main .button.purpleButton, #main .bigButton.purpleButton, #main #content.purple .pagination a, #main #content.extra-purple .pagination span.current, #main #content.extra-purple .pagination a:hover, #main #content.purple .slider_pagination li a, #main #content.extra-purple .slider_pagination li.current a, #main #content.extra-purple .slider_pagination li a:hover {background: #231024; background: -moz-linear-gradient(top, #612a63 0%, #231024); background: -webkit-gradient(linear, left top, left bottom, from(#612a63), to(#231024)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#612a63', endColorstr='#231024'); border: 1px solid #571a6e; text-shadow: 0px 0px 0px #fff, 1px 1px 0px #351156; color: #ffffff !important; } #main #content.extra-purple .tinyButtonExtra:hover, #main #content.extra-purple .buttonExtra:hover, #main #content.extra-purple .bigButtonExtra:hover, #main #content.purple .tinyButton:hover, #main #content.purple .button:hover, #main #content.purple .bigButton:hover, #main .tinyButton.purpleButton:hover, #main .button.purpleButton:hover, #main .bigButton.purpleButton:hover {background: #612a63; background: -moz-linear-gradient(top, #231024 0%, #612a63); background: -webkit-gradient(linear, left top, left bottom, from(#231024), to(#612a63)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#231024', endColorstr='#612a63');} #main #content.extra-white .tinyButtonExtra, #main #content.extra-white .buttonExtra, #main #content.extra-white .bigButtonExtra, #main #content.default .tinyButton, #main #content.default .button, #main #content.default .bigButton, #main .tinyButton.whiteButton, #main .button.whiteButton, #main .bigButton.whiteButton, #main #content.default .pagination a, #main #content.extra-white .pagination span.current, #main #content.extra-white .pagination a:hover, #main #content.default .slider_pagination li a, #main #content.extra-white .slider_pagination li.current a, #main #content.extra-white .slider_pagination li a:hover {background: #e2e2e2; background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2)); border: 1px solid #aaa; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2'); text-shadow: 0px 0px 0px rgba(000,000,000,0.7), 0px 1px 0px rgba(255,255,255,0.3); color: #3e4b57 !important; } #main #content.extra-white .tinyButtonExtra:hover, #main #content.extra-white .buttonExtra:hover, #main #content.extra-white .bigButtonExtra:hover, #main #content.default .tinyButton:hover, #main #content.default .button:hover, #main #content.default .bigButton:hover, #main .tinyButton.whiteButton:hover, #main .button.whiteButton:hover, #main .bigButton.whiteButton:hover {background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #ffffff); background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#ffffff)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#ffffff'); border: 1px solid #aaa;} /* 1.1.3 Images and captions */ .doubleFramed {position: relative; border: 7px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.5); -webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.5); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); margin: 7px 7px 15px 7px;} .doubleFramed a {position: relative; display: block;} .doubleFramed img {z-index: 1; position: relative;} .doubleFramed.large {width: 283px !important; height: 237px !important;} .doubleFramed.large a, .doubleFramed.large img {width: 283px !important; height: 237px !important;} .doubleFramed.small {width: 81px !important; height: 90px !important; border-width: 5px;} .doubleFramed.small a, .doubleFramed.small img {width: 81px !important; height: 85px !important;} .doubleFramed.medium {width: 202px !important; height: 136px !important; border-width: 6px;} .doubleFramed.medium a, .doubleFramed.medium img {width: 202px !important; height: 136px !important;} span.magnifier {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: #494949 url('images/magnifier.png') center center no-repeat;} span.play {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: #494949 url('images/play.png') center center no-repeat;} .thumb span.play {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: #494949 url('images/playSmall.png') center center no-repeat;} span.paperClip {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: #494949 url('images/paperClip.png') center center no-repeat;} #content .wp-caption {padding-bottom: 8px; background: url('images/shadow216.png') center bottom no-repeat; position: relative; margin-bottom: 15px !important;} #content .wp-caption > div {padding: 5px; background: #fff; box-shadow: 0px 0px 3px rgba(000,000,000,0.75); -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.75); -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.75); overflow: hidden; font-size: 11px; color: #434b51; position: relative;} #content .wp-caption a {position: relative; overflow: hidden; display: block;} #content .wp-caption img {z-index: 1; position: relative;} #content .wp-caption p, .gallery-item dd {margin: 10px 0; } .wp-caption-text, .gallery-caption {text-align: center; color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 11px;} /* 1.1.4 Dividers */ .hor { border-bottom: 1px solid #e0e0e0; margin: 17px auto; clear: both; overflow: hidden; position: relative; height: 1px; line-height: 1px; zoom: 1;} .hor2 { border-bottom: 1px solid #fff; border-top: 1px solid #cdcecc; margin: 17px auto; clear: both; overflow: hidden; height: 0px; line-height: 0px; zoom: 1;} .horDashed { border-bottom: 1px dashed #ccc; margin: 17px auto; clear: both; overflow: hidden; position: relative; height: 1px; line-height: 1px; zoom: 1;} .horShadow {margin: 7px auto; clear: both; overflow: hidden; position: relative; height: 35px; line-height: 3px; zoom: 1; background: url('images/horShadowInner.png') center bottom scroll repeat-x;} .horDouble {margin: 17px auto; clear: both; overflow: hidden; position: relative; height: 3px; line-height: 3px; zoom: 1; background: url('images/horDouble.png') center bottom scroll repeat-x;} .starHor {overflow: hidden; position: relative; height: 67px; line-height: 67px; margin: 0; clear: both; background: url('images/starHor.png') center center no-repeat; zoom: 1;} /* 1.2 Headings */ h1, h2, h3, h4, h5, h6 {color: #434b51; font-weight: normal; line-height: 40px;} h4, h5, h6 {line-height: 20px;} h2 { font-size: 26px; text-transform: uppercase;} h3 { font-size: 24px; margin-bottom: 15px; margin-top: 7px;} h4 {font-size: 16px; margin: 20px 0 15px 0; text-transform: uppercase;} h5 {font-size: 16px; margin: 5px 0;} h6 {font-size: 14px; margin: 5px 0;} h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {color: #004375;} /* 1.3 Containers */ .width100 {width: 100%; position: relative;} .width50 {width: 50%; position: relative; overflow: hidden;} .width100 > div {margin: 0 auto;} .width1000 {width: 979px; padding: 0 18px; margin: 0 auto; position: relative;} /* 2.0 HEADER */ #header {background-position: center top; background-repeat: repeat-x; position: relative; overflow: hidden; text-align: center;} #logo {margin: 17px auto; overflow: hidden; position: relative; display: block;} #logo h1 {margin: 0 !important; padding: 0 !important;} /* 3.0 CONTENT */ #contentHolder {position: relative; z-index: 2;} /* Main Content */ #main {overflow: hidden; position: relative;} /* 3.1 Navigation */ #navigationBckg {height: 48px; background: url('images/backgrounds/header/navigation-blue.png') center top scroll repeat-x;} #navigationBckg.brown {background-image: url('images/backgrounds/header/navigation-brown.png');} #navigationBckg.gray {background-image: url('images/backgrounds/header/navigation-gray.png');} #navigationBckg.green {background-image: url('images/backgrounds/header/navigation-green.png');} #navigationBckg.orange {background-image: url('images/backgrounds/header/navigation-orange.png');} #navigationBckg.purple {background-image: url('images/backgrounds/header/navigation-purple.png');} #navigationBckg.red {background-image: url('images/backgrounds/header/navigation-red.png');} #navigationBckg.yellow {background-image: url('images/backgrounds/header/navigation-yellow.png');} #navigationBckg.white {background-image: url('images/backgrounds/header/navigation-white.png'); height: 46px !important; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf;} #navigation {width: 50%; /*position: absolute;*/ height: 48px; background: url('images/shadow.png') center top scroll repeat-x; z-index: 289;} #navigationBckg.white #navigation {height: 46px !important;} #navigation ul.navigation {width: 980px; position: relative; list-style: none; padding: 0; z-index: 45;} #navigation ul.navigation > li {float: left; z-index: 46; height: 48px; display: inline;} #navigationBckg.white #navigation ul.navigation > li {height: 46px !important; padding-right: 2px; } #navigation ul.navigation li, #navigation ul.navigation a {position: relative; font-weight: normal;} #navigationBckg #navigation ul.navigation > li > a {height: 48px; line-height: 48px; padding: 0 22px; display: block; font-size: 15px; color: #fff; text-decoration: none !important; background: url('images/backgrounds/header/divider2.png') right center scroll no-repeat;} #navigationBckg.white #navigation ul.navigation > li > a {height: 46px !important; line-height: 46px; color: #011b38;} #navigationBckg #navigation ul.navigation > li.last > a {background-image: none;} #navigationBckg #navigation ul.navigation > li > a:hover, #navigationBckg #navigation ul.navigation > li.current_page_item > a, #navigationBckg #navigation ul.navigation > li.current_page_ancestor > a, #navigationBckg #navigation ul.navigation > li.current-menu-item > a, #navigationBckg #navigation ul.navigation > li.current-menu-ancestor > a {background: url('images/transparentB10.png') center center scroll repeat;} #navigationBckg.orange #navigation ul.navigation > li > a:hover, #navigationBckg.orange #navigation ul.navigation > li.current_page_item > a, #navigationBckg.orange #navigation ul.navigation > li.current_page_ancestor > a, #navigationBckg.orange #navigation ul.navigation > li.current-menu-item > a, #navigationBckg.orange #navigation ul.navigation > li.current-menu-ancestor > a, #navigationBckg.green #navigation ul.navigation > li > a:hover, #navigationBckg.green #navigation ul.navigation > li.current_page_item > a, #navigationBckg.green #navigation ul.navigation > li.current_page_ancestor > a, #navigationBckg.green #navigation ul.navigation > li.current-menu-item > a, #navigationBckg.green #navigation ul.navigation > li.current-menu-ancestor > a, #navigationBckg.yellow #navigation ul.navigation > li > a:hover, #navigationBckg.yellow #navigation ul.navigation > li.current_page_item > a, #navigationBckg.yellow #navigation ul.navigation > li.current_page_ancestor > a, #navigationBckg.yellow #navigation ul.navigation > li.current-menu-item > a, #navigationBckg.yellow #navigation ul.navigation > li.current-menu-ancestor > a {background: url('images/transparentW20.png') center center scroll repeat !important;} #navigation ul.navigation li ul {background: #193442; padding: 0 !important; list-style: none !important; z-index: 50;} #navigation ul.navigation ul li {padding: 0; background: none; margin: 0; border: 0 !important; height: auto !important; position: relative; z-index: 51;} #navigation ul.navigation ul a:hover, #navigation ul.navigation ul li.current_page_item > a {background: #22475b; background-image: none;} #navigation ul.navigation ul a {z-index: 220; padding: 9px 14px !important; color: #fff; font-size: 13px; font-weight: normal !important; text-align: left; text-decoration: none !important; width: 170px !important; min-height: 13px !important; height: auto !important; line-height: 18px; display: block !important; border-bottom: 1px solid #22475b; border-top: none; background: url('images/transparent.png') left top scroll repeat;} #navigation ul.navigation ul li.first > a {border-top: none;} #navigation ul.navigation ul li.last > a {border-bottom: none;} #navigation ul.navigation li ul { position: absolute !important; top: -999em;} #navigation ul.navigation li:hover {visibility: inherit;} #navigation ul.navigation > li:hover > ul { left: 0px; top: 48px;} #navigationBckg.white #navigation ul.navigation > li:hover > ul { top: 46px;} #navigation ul.navigation ul li:hover ul {left: 198px; top: 0px;} #navigationBckg.brown #navigation ul.navigation li ul {background: #330101} #navigationBckg.brown #navigation ul.navigation ul a:hover, #navigationBckg.brown #navigation ul.navigation ul li.current_page_item > a {background: #540202;} #navigationBckg.brown #navigation ul.navigation ul a {border-bottom: 1px solid #834545;} #navigationBckg.gray #navigation ul.navigation li ul {background: #333434} #navigationBckg.gray #navigation ul.navigation ul a:hover, #navigationBckg.gray #navigation ul.navigation ul li.current_page_item > a {background: #444545;} #navigationBckg.gray #navigation ul.navigation ul a {border-bottom: 1px solid #5d5f5f;} #navigationBckg.green #navigation ul.navigation li ul {background: #56871E} #navigationBckg.green #navigation ul.navigation ul a:hover, #navigationBckg.green #navigation ul.navigation ul li.current_page_item > a {background: #5f9521;} #navigationBckg.green #navigation ul.navigation ul a {border-bottom: 1px solid #5f9521;} #navigationBckg.orange #navigation ul.navigation li ul {background: #F17C6D} #navigationBckg.orange #navigation ul.navigation ul a:hover, #navigationBckg.orange #navigation ul.navigation ul li.current_page_item > a {background: #ee604e;} #navigationBckg.orange #navigation ul.navigation ul a {border-bottom: 1px solid #f4988c;} #navigationBckg.purple #navigation ul.navigation li ul {background: #443745} #navigationBckg.purple #navigation ul.navigation ul a:hover, #navigationBckg.purple #navigation ul.navigation ul li.current_page_item > a {background: #574658;} #navigationBckg.purple #navigation ul.navigation ul a {border-bottom: 1px solid #69556b;} #navigationBckg.red #navigation ul.navigation li ul {background: #B51920} #navigationBckg.red #navigation ul.navigation ul a:hover, #navigationBckg.red #navigation ul.navigation ul li.current_page_item > a {background: #d31d25;} #navigationBckg.red #navigation ul.navigation ul a {border-bottom: 1px solid #e23038;} #navigationBckg.yellow #navigation ul.navigation li ul {background: #FDB733} #navigationBckg.yellow #navigation ul.navigation ul a:hover, #navigationBckg.yellow #navigation ul.navigation ul li.current_page_item > a {background: #fdc355;} #navigationBckg.yellow #navigation ul.navigation ul a {border-bottom: 1px solid #fecf76;} #navigationBckg.white #navigation ul.navigation li ul {background: #d4d4d4} #navigationBckg.white #navigation ul.navigation ul a:hover, #navigationBckg.white #navigation ul.navigation ul li.current_page_item > a {background: #e5e5e5;} #navigationBckg.white #navigation ul.navigation ul a {border-bottom: 1px solid #f6f6f6; color: #011B38;} /* 3.2 Content */ #content {position: relative; z-index: 1; background: url('images/contentShadow.png') center top no-repeat; margin-top: 30px;} #content > div > h2 {padding: 10px 15px 0 15px;} #promoImage {padding-bottom: 339px; position: absolute; top: 0; left: 0; z-index: 0; background: #fff url('images/shadowGradient.png') center bottom scroll repeat-x; overflow: hidden;} #promoImage > div {width: 100%; overflow: hidden; text-align: center; position: relative; line-height: 0; border-bottom: 1px solid #fff;} #promoImage img {position: relative; margin: 0 auto !important; min-width: 1350px !important;} #promoImage .mainShadow {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url('images/gradient.png') center top scroll repeat-y;} #content > div.fullWidth, #content > div.sidebarHolder {background-color: #f9f9f9; border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; overflow: hidden;} #content > div.fullWidth > div {padding: 45px 50px; background: url('images/horShadowInner.png') center top scroll repeat-x; overflow: hidden;} #content > div.fullWidth > div.wide {padding-left: 0 !important; padding-right: 0 !important;} #content > div.fullWidth > div.wide > div {padding-left: 15px; padding-right: 15px;} #content > div.sidebarHolder > div {padding: 18px 0 0 0; background: url('images/horShadowInner.png') center top scroll repeat-x; overflow: hidden;} #content.rightSidebar > div.sidebarHolder > div > div {padding-bottom: 45px; background: url('images/sidebar.png') 699px top scroll repeat-y; overflow: hidden;} #content.leftSidebar > div.sidebarHolder > div > div {padding-bottom: 45px; background: url('images/sidebarLeft.png') 243px top scroll repeat-y; overflow: hidden;} #content ul, #content ol {margin: 15px 20px; list-style-position: inside;} #content ul.blue, #content ul.red {list-style-image: url('images/bulletBlue.png'); list-style-position: outside; width: 20%; margin-right: 14px; float: left;} #content ul.blue.last, #content ul.red.last {margin-right: 0} #content ul.blue li, #content ul.red li {color: #004375; font-size: 14px; line-height: 24px; border-bottom: 1px dashed #e0e0e0; margin-bottom: 5px; padding-bottom: 3px;} #content ul.blue li a {color: #004375;} #content ul.red {list-style-image: url('images/bulletRed.png');} #content ul.red li, #content ul.red li a {color: #b60a0a;} #content ol ol {list-style-type: lower-latin; margin-top: 0;} #inner {width: 680px; float: left; margin-left: 15px; position: relative; padding: 30px 0 0 0;} #content.leftSidebar #inner {margin-left: 20px;} #inner.description h4 {border-bottom: 1px solid #eee;} #inner.description h4 a.backToTop {float: right; width: 20px; height: 20px; display: block; text-indent: -9999px; background: url('images/backToTop.png') center center no-repeat; margin-top: 6px;} #inner.description h4 a.backToTop:hover {opacity: 0.9;} #events #inner {margin-left: 0; width: 717px;} #content.leftSidebar #events #inner > div {padding-left: 20px; width: 680px; padding-right: 17px;} #content.rightSidebar #events #inner > div {padding-left: 15px; width: 680px; padding-right: 22px;} /* 3.3. PAGES */ /* 3.3.1 404 page */ /* 3.3.2 Landing page */ html.landing, html.landing body {margin: 0 !important; height: 100%;} #landing {margin: 0 auto; position: relative; text-align: center; overflow: hidden; clear: both; font-size: 14px; text-transform: uppercase; height: 100%;} #landing #logo {margin: 0 !important; padding: 40px 0 50px 0;} #landing h2 {font-size: 60px; line-height: 80px;} #countdown {width: 616px; height: 160px; background: url('images/shadowCountdown.png') center bottom no-repeat; margin: 20px auto 0 auto;} #countdown > div {border: 1px solid #999999; width: 150px; height: 140px; float: left; margin: 0 1px 0 0; background: url('images/countdown.png') center top scroll repeat-x;} #countdown > div > div {height: 48px; line-height: 48px; color: #3a3a3a; font-size: 16px;} #countdown > div > div.number {height: 92px; line-height: 92px; font-size: 60px; color: #d20e36;} /* 3.3.3 Home Page */ #home {background-image: none !important; padding: 18px !important;} #home.noslider {padding-bottom: 0 !important;} #home #slider {width: 940px; height: 350px; margin-bottom: 14px; position: relative; overflow: hidden; padding: 0 0 17px 0; background: url('images/shadow940.png') center bottom no-repeat;} #home #slider .slides_container {width: 940px; height: 350px; position: relative;} #home #slider .slides_container .slide, #home #slider .slides_container .slide a, #home #slider .slides_container .slide img {width: 940px; height: 350px;} #home #slider .slides_container .slide a {position: absolute; top: 0; left: 0; display: block; z-index: 31; background: url('images/transparent.png') center center scroll repeat; text-indent: -9999px;} #home #slider .slides_container .slide img {position: relative; z-index: 2;} #home #slider .slides_container .slide > div.gradient {position: absolute; bottom: 0px; left: 0px; color: #fff; z-index: 2; width: 940px; height: 300px; background: url('images/accordionB.png') center bottom scroll repeat-x;} #home #slider .slides_container .slide > div.content {position: absolute; bottom: 0; left: 0px; color: #fff; z-index: 29; width: 880px; padding: 20px 30px; font-size: 14px; background: url('images/transparentB45.png') center center scroll repeat;} #home #slider .slides_container .slide h2 {color: #fff; line-height: 40px; background: none; font-size: 22px; text-transform: none !important;} #home #slider .slides_container .slide h2 span {font-size: 33px;} #home #slider .slides_container .slide ul {width: 280px; float: left; list-style: none; margin: 0;} #home #slider .slides_container .slide ul li {margin: 0; font-size: 14px; line-height: 18px; padding: 0 0 10px 25px; background: url('images/starLi.png') left top no-repeat;} #home #slider .slider_pagination {position: absolute; z-index: 30; list-style: none; top: 20px; right: 25px; margin: 0;} #home #slider .slider_pagination li {float: left; margin: 0 3px;} #home #slider .slider_pagination li a {display: block; text-indent: -9999px; width: 10px; height: 10px;} #home h2 {color: #011b38; line-height: 50px;} #innerHome h3 {font-size: 20px; text-transform: uppercase; align:middle;;} #innerHome {padding: 18px 0 0 0 !important; background: url('images/horShadowInner.png') center top scroll repeat-x; overflow: hidden;} #content.rightSidebar #innerHome > div {padding-bottom: 45px; background: url('images/sidebar.png') 657px top scroll repeat-y; overflow: hidden;} #content.leftSidebar #innerHome > div {padding-bottom: 45px; background: url('images/sidebarLeft.png') 285px top scroll repeat-y; overflow: hidden;} #innerHome #sidebar {width: 303px !important; margin: 0 !important; align:middle;} #innerHome #inner {width: 674px !important; margin: 0 !important; padding-top: 10px !important;} #innerHome #inner > div {padding-left: 20px !important; padding-right: 15px !important; padding-bottom: 40px !important; margin-bottom: 15px !important; background: url('images/horShadowInner.png') center bottom scroll repeat-x; overflow: hidden;} #homeHighlights > div {float: left; margin-right: 18px; width: 200px;} #homeHighlights h3 {font-size: 18px; line-height: 23px;} #homeHighlights div.center a {display: block; margin: 15px 0;} #homeHighlights a.highlightImage {background-position: center center; background-repeat: no-repeat; text-indent: -9999px; width: 190px; height: 160px; border: 5px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3);} #homeHighlights img {max-width: 200px !important; height: auto;} #homeHighlights2 > div {float: left; margin: 0 57px 30px 0; width: 160px;} #homeHighlights2 h4 {font-size: 15px; line-height: 15px;} #homeHighlights2 div.center a {display: block; } #homeHighlights2 a.highlightImage {background-position: center center; background-repeat: no-repeat; text-indent: -9999px; width: 190px; height: 160px; border: 5px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3);} #homeHighlights2 img {max-width: 200px !important; height: auto;} #homeHighlights3 > div {float: left; margin: 0 15px 40px 0; width: 160px;} #homeHighlights4 > div {float: left; margin: 0 60px 40px 0; width: 160px;} #homeHighlights6 > div {float: left; margin: 0 90px 40px 0; width: 160px;} #innerHome .news {overflow: hidden; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px dashed #d9d9d9;} #innerHome .news .frame {width: 618px; height: 193px; border: 7px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); margin: 4px auto 20px auto; position: relative;} #innerHome .news.dfs .frame {width: 147px; height: 102px; margin: 4px 14px 20px 4px; position: relative; float: left;} #innerHome .news .frame > div {width: 618px; height: 193px; position: relative; overflow: hidden;} #innerHome .news .frame span, #innerHome .news .frame a {display: block; position: absolute; top: 0; left: 0; width: 618px; height: 193px; z-index: 0;} #innerHome .news.dfs .frame > div {width: 147px; height: 102px;} #innerHome .news.dfs .frame span, #innerHome .news.dfs .frame a {width: 147px; height: 102px;} #innerHome .news .frame span.image {background-position: center center; background-repeat: no-repeat; z-index: 1;} #innerHome .news .frame a {z-index: 3; background: url('images/transparent.png') center center scroll repeat; text-indent: -9999px;} #innerHome .news .frame > div > div {position: absolute; background: url('images/transparentB45.png') center center repeat; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; padding: 3px 8px; display: block; z-index: 3; font-size: 10px; line-height: 11px; border-bottom: 1px solid #eee;} #innerHome .news .frame > div > div strong {font-size: 24px; line-height: 26px;} #innerHome .news.dfs .excerpt {float: right; width: 450px;} #innerHome .news h4 {background: none !important; line-height: 17px !important; font-size: 14px; margin: 0; text-transform: uppercase; font-weight: bold;} #innerHome .news h4 a {font-weight: normal;} #innerHome .news > a.tinyButton {margin-right: 8px !important;} #homeVideo {margin-left: 22px;} #homeVideo .slides_container {float: left; margin-top: 2px;} #homeVideo .slides_container, #homeVideo .slides_container .video {width: 461px; height: auto;} #innerHome .video .player {background: url('images/player.png') left top no-repeat; width: 461px; height: 290px; overflow: hidden;} #innerHome .video .player a {position: relative; width: 444px; height: 275px; margin: 7px 0px 0px 7px; display: block;} #innerHome .video .player img {width: 444px; height: 237px; position: relative; z-index: 1;} #innerHome .video .player span {width: 444px !important; height: 237px !important;} #innerHome .video h4 {line-height: 21px; font-size: 18px; text-transform: none; background: none; padding: 0;} #innerHome .video h4 a {font-weight: normal;} #innerHome .videoPagination {list-style: none; width: 350px; margin: 0; margin-left: 22px; margin-bottom: 14px; } #innerHome .videoPagination li {margin: 0 0 15px 0; width: 165px;} #innerHome .videoPagination li a {border: 6px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.5); -webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.5); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.5); margin: 4px; display: block; width: 147px; height: 102px; } #innerHome .videoPagination li a img {opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5;} #innerHome .videoPagination li.current a img {opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;} /* 3.3.4 The Issues */ .issuesThumbs {overflow: hidden; clear: both;} .issuesThumb {overflow: hidden; margin: 24px 0 0 0; padding: 0 0 14px 0; border-bottom: 1px dashed #e0e0e0; width: 49%; position: relative;} .issuesThumb > div {float: right; width: 280px;} .issuesThumb .caption {float: left; border: 6px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.5); -webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.5); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.5); margin: 5px; line-height: 0 !important; width: 147px; position: relative;} .issuesThumb .caption a, .issuesThumb .caption img {width: 147px; height: 102px; position: relative; display: block;} .issuesThumb p {margin: 0; line-height: 18px; color: #444;} .issuesThumb a {text-transform: uppercase; color: #787878; font-weight: normal;} .issuesThumb h3 {margin: 5px 0; font-size: 15px !important; padding: 0; line-height: 21px;} .issuesThumb h3 a {text-transform: none; color: #064c80;} #issuesAccordion {margin: 7px auto 27px auto; position: relative; width: 910px; height: 315px; text-align: center; border: 6px solid #fff; box-shadow: 0px 0px 6px rgba(000,000,000,0.5); -webkit-box-shadow: 0px 0px 6px rgba(000,000,000,0.5); -moz-box-shadow: 0px 0px 6px rgba(000,000,000,0.5);} #issuesAccordion ul {list-style: none; text-align: left; height: 315px; width: 910px; overflow: hidden; margin: 0 auto !important; background-color: #fff} #issuesAccordion ul li {float: left; display: block; border-right: 1px solid #fff; border-left: 1px solid #fff; background-color: #fff; background-repeat: no-repeat; background-position: center center; position:relative; overflow: hidden; cursor: pointer; height: 315px;} #issuesAccordion ul li a {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; display: none; text-indent: -9999px;} #issuesAccordion ul.no2 li {width: 453px;} #issuesAccordion ul.no3 {width: 909px;} #issuesAccordion ul.no3 li {width: 301px;} #issuesAccordion ul.no4 {width: 908px;} #issuesAccordion ul.no4 li {width: 225px;} #issuesAccordion ul.no5 li {width: 180px;} #issuesAccordion ul li > h3 { background-color: #fff; padding: 10px 0; opacity: 0.9; filter: alpha(opacity=90); top: 50px; width: 100%; position: absolute; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; text-align: center; line-height: 21px; z-index: 1;} #issuesAccordion ul li > div.gradient {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url('images/accordion.png') center 70px scroll repeat-x;} #issuesAccordion ul li > div.excerpt {position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 0; text-align: left; z-index: 1; opacity: 0;} #issuesAccordion ul li > div h3 {line-height: 30px; font-size: 21px; padding: 0 20px; margin: 0;} #issuesAccordion ul li > div p {padding: 10px 20px; margin: 0;} /* 3.3.5 News and Events */ #news {overflow: hidden; color: #787878;} #news h3 {margin: 0 0 10px 0; line-height: 30px; padding-bottom: 5px;} #news a {font-weight: normal;} #news h3 a {color: #004375;} #news .news {margin: 0; padding: 0 0 15px 0; overflow: hidden;} #news .wide {border-bottom: 1px dashed #e0e0e0; margin-bottom: 25px; padding-bottom: 22px;} #news .wide .doubleFramed.large {float: left;} .sticky {overflow: hidden;} span.postDate {position: absolute; background: url('images/transparentB45.png') center center repeat; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; padding: 5px 10px; display: block; z-index: 3; line-height: 15px; border-bottom: 1px solid #eee;} span.postDate strong {font-size: 36px; line-height: 40px;} #news .wide .doubleFramed.large span.postDate {top: 0; left: 0;} .newsInfo.numberOfComments {background: url('images/speechBubble2.png') left 4px no-repeat; height: 19px; padding-left: 20px;} #news .wide > div.right {width: 600px;} #news .narrow {width: 307px; float: left; margin-right: 11px;} #news .narrow.last {margin-right: 0;} #news .narrow h3 {line-height: 23px; background: none; margin-top: 7px;} .newsInfo {font-size: 11px; color: #787878; margin: 0 0 10px 0;} .newsInfoDetails {position: relative; min-height: 25px; line-height: 25px;} .newsInfoDetails > div {max-width: 520px; line-height: 18px;} .newsInfoDetails .tinyButton {position: absolute; top: 0; right: 3px;} #news .row {overflow: hidden; border-bottom: 1px dashed #ccc; margin-bottom: 24px;} /* comments */ #comments {margin-top: 40px !important; overflow: hidden; padding-top: 15px;} #comments .basicInfo {color: #787878; font-size: 18px; line-height: 30px; height: 31px; overflow: hidden; margin-bottom: 25px;} #comments .basicInfo a {font-weight: normal;} #respond {padding: 15px 19px; border: 1px solid #dcdcdc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; overflow: hidden; margin: 15px 0;} #respond .respondHeader {margin-bottom: 20px; font-size: 16px; color: #575757;} #respond label {width: 60px; padding: 0 15px 0 0; height: 28px; line-height: 28px; color: #3c3c3c; font-size: 11px; float: left; text-align: right;} #respond .respondInput {height: 28px; margin-bottom: 20px; position: relative;} #respond .respondInput input[type=text] {width: 255px; height: 22px; padding: 3px 8px; line-height: 22px; color: #393939; float: left;} #respond .respondTextarea {overflow: hidden; margin-bottom: 20px; display: inline-block; position: relative;} #respond .respondTextarea textarea {width: 517px !important; height: 124px !important; padding: 8px !important; overflow: hidden; line-height: 15px; float: left;} #respond .respondInput input[type=text], #respond .respondTextarea textarea {font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 12px; color: #393939; padding: 7px 10px; background: #ffffff; background-image: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #cbcbcb; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 9px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 9px rgba(0,0,0,0.2); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 9px rgba(0,0,0,0.2);} #respond .respondTextarea label {line-height: 12px;} #respond .respondSubmit input[type=submit] {float: right; cursor: pointer; margin-right: 5px !important;} .respondInput span, #respond .respondTextarea span {z-index: 1; height: 24px; line-height: 22px; padding: 3px 9px; left: 75px; position: absolute; color: #f00; font-size: 11px; display: none;} .comment, .bypostauthor {overflow: hidden;} .comment.depth-1 {margin-top: 5px;} .commentHolder {position: relative; overflow: hidden; clear: both;} .commentHolder .gravatar {width: 36px; float: left; padding: 2px 0 0 0;} .commentHolder .gravatar img {width: 36px; height: 36px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;} .comment.depth-1 > .commentHolder {overflow: hidden;} .commentContent {float: right;} .commentHeader > div {border: 1px solid #e3e3e3; background: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; height: 24px; line-height: 24px; padding: 0 8px; color: #656565; font-weight: bold;} .commentHeader .date {font-weight: normal; font-size: 11px;} .commentHeader {height: 26px; padding: 13px 8px 13px 65px; width: 571px; background: url('images/commentBoxSmall.png') right top no-repeat;} .comment.depth-1 > .commentHolder > .commentContent > .commentHeader {height: 26px; padding: 13px 8px 13px 40px; width: 596px; background: url('images/commentBox.png') right top no-repeat;} .commentText {padding: 0px 8px 3px 65px; width: 571px; background: url('images/commentBoxSmall.png') right center scroll repeat-y; color: #3c3c3c;} .commentText p {margin-bottom: 3px;} .comment.depth-1 > .commentHolder > .commentContent > .commentText {padding: 0px 8px 3px 40px; width: 596px; background: url('images/commentBox.png') right center scroll repeat;} .commentMeta {padding: 22px 8px 0px 55px; width: 581px; background: url('images/commentBoxSmall.png') right -1054px no-repeat; margin-bottom: 15px; height: 18px; overflow: hidden;} .commentMeta .comment-reply-link {display: block; padding-left: 20px; background: url('images/speechBubble.png') left center no-repeat; float: left;} .commentMeta .comment-edit-link {float: right;} .comment.depth-1 > .commentHolder > .commentContent > .commentMeta {padding: 22px 8px 0px 27px; width: 609px; background: url('images/commentBox.png') right -1126px no-repeat;} /* list of events */ .eventHolder {overflow: hidden; padding-bottom: 5px; margin-bottom: 20px;} .eventHolder.last {border-bottom: none;} .eventFrame {width: 658px; height: 193px; border: 7px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); margin: 4px auto 20px auto; position: relative;} .eventFrame > div {width: 658px; height: 193px; position: relative; overflow: hidden;} .eventFrame span, .eventFrame a {display: block; position: absolute; top: 0; left: 0; width: 658px; height: 193px; z-index: 0;} .eventFrame span.image {background-position: center center; background-repeat: no-repeat; z-index: 1;} .eventFrame a {z-index: 3; background: url('images/transparent.png') center center scroll repeat; text-indent: -9999px;} .eventFrame > div > div {position: absolute; background: url('images/transparentB45.png') center center repeat; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; padding: 5px 10px; display: block; z-index: 3; line-height: 15px; border-bottom: 1px solid #eee;} .eventFrame > div > div strong {font-size: 36px; line-height: 40px;} .eventHolder h3 {background: none !important; padding: 0 4px !important; line-height: 19px !important; font-size: 16px; margin: 0; text-transform: uppercase; font-weight: bold;} .eventHolder h3 a {font-weight: normal;} .eventHolder h3 strong {float: right; font-size: 11px; color: #5f5f5f;} .eventHolder > p {padding: 0 4px !important;} .eventHolder > a.tinyButton {margin-right: 8px !important;} /* single event */ #mapFrame > div {width: 918px !important; height: 323px !important; background: none !important; padding: 0 !important; border: 7px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); margin: 24px auto 20px auto;} #event_map {height: 323px; width: 918px;} #eventGallery .thumb {width: 146px; height: 146px; float: left; margin: 0 8px 15px 8px; overflow: hidden;} #eventGallery .thumb a {border: 5px solid #fff; box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); position: relative; display: block; margin: 3px auto 0 auto;} #eventGallery .thumb a, #eventGallery img {width: 130px; height: 130px;} #eventGallery .thumb img {position: relative; z-index: 1;} /* 3.3.6 Video and Gallery page */ #videos {overflow: hidden; position: relative; color: #787878;} #videos h4 {text-transform: none; font-size: 18px; line-height: 12px;} #videos .thumb h4 {padding: 0 7px;} #videos .thumb {float: left; position: relative; margin: 10px 20px 20px 0; width: 220px; overflow: hidden;} #videos .thumb.last {margin-right: 0 !important;} #videos .thumb > div {padding-bottom: 8px; background: url('images/shadow216.png') center bottom no-repeat; position: relative; margin-bottom: 5px !important;} #videos .thumb a {position: relative; width: 200px; height: 135px; border: 5px solid #fff; box-shadow: 0px 0px 3px rgba(000,000,000,0.5); -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.5); -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.5); margin: 3px auto 0 auto; display: block;} #videos .thumb img {width: 200px; height: 135px; position: relative; z-index: 1;} #videos .wide {padding: 0 0 40px 0; margin: 0 0 20px 0; background: url('images/horShadowInner.png') center bottom scroll repeat-x; overflow: hidden;} #videos .wide.last {border: none !important;} #videos .wide > div {width: 50%; float: left; overflow: hidden;} #videos .wide .player {background: url('images/player.png') left top no-repeat; height: 290px; overflow: hidden;} #videos .wide .player a {position: relative; width: 444px; height: 275px; margin: 7px 0px 0px 7px; display: block;} #videos .wide .player img {width: 444px; height: 237px; position: relative; z-index: 1;} #videos .wide .player span {width: 444px !important; height: 237px !important;} #gallery #slider, #videos #slider {background: url('images/shadowWide.png') center bottom no-repeat; padding-bottom: 6px; height: 365px; margin-bottom: 24px; position: relative; overflow: hidden;} #gallery #slider .slides_container, #videos #slider .slides_container {width: 920px; height: 350px; border: 5px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); margin: 4px auto 0 auto;} #gallery #slider .slides_container .slide, #gallery #slider .slides_container .slide a, #gallery #slider .slides_container .slide img, #videos #slider .slides_container .slide, #videos #slider .slides_container .slide a, #videos #slider .slides_container .slide img {width: 920px; height: 350px;} #gallery #slider .slides_container .slide a, #videos #slider .slides_container .slide a {position: relative; display: block;} #gallery #slider .slides_container .slide img, #videos #slider .slides_container .slide img {position: relative; z-index: 1;} #gallery #slider .slider_pagination, #videos #slider .slider_pagination {position: absolute; z-index: 5; bottom: 10px; left: 15px; list-style: none;} #gallery #slider .slider_pagination li, #videos #slider .slider_pagination li {float: left; margin: 0 3px;} #gallery #slider .slider_pagination li a, #videos #slider .slider_pagination li a {display: block; text-indent: -9999px; width: 10px; height: 10px;} #gallery #galleryThumbs, #videos #videoThumbs {position: relative; overflow: hidden;} #gallery .thumbHolder {width: 303px; float: left; margin: 0 13px 15px 3px; overflow: hidden; height: 235px;} #gallery .thumbHolder.last {margin-right: 0;} #gallery .thumb {padding-bottom: 8px; position: relative; background: url('images/shadow300.png') center bottom no-repeat; overflow: hidden; height: 185px;} #gallery .thumb a {border: 5px solid #fff; box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); position: relative; display: block; margin: 3px auto 0 auto;} #gallery .thumb a, #gallery .thumb img {width: 280px; height: 172px;} #gallery .thumb img {position: relative; z-index: 1;} #gallery .thumbHolder p {font-size: 15px; line-height: 19px; color: #064c80; margin-bottom: 0; padding: 0 5px;} #mediaLinks h3, #mediaLinks a {color: #787878; text-transform: uppercase; text-decoration: none; margin: 0 !important;font-weight: bold;} #mediaLinks h3, #mediaLinks li {float: left; line-height: 20px;} #mediaLinks h3 {font-size: 18px;} #mediaLinks a:hover {color: #064c80;} #mediaLinks ul {float: right; list-style: none; margin: 0 !important;} #mediaLinks li {margin: 0 0 0 15px; line-height: 20px;} /* 3.3.7 Shop page */ ul#tbQuickSand {position: absolute; top: 20px; right: 20px; list-style: none; height: 33px; overflow: hidden; margin: 0 !important;} ul#tbQuickSand li {float: left; height: 33px; color: #7c7c7c; padding: 5px; font-size: 11px;} ul#tbQuickSand li span {display: block; padding-right: 5px; line-height: 26px;} ul#tbQuickSand li a {font-weight: normal !important; color: #707070 !important; text-transform: uppercase; padding: 4px 18px;} ul#tbQuickSand li.active a {cursor: default;} #productHolder {overflow: hidden;} #productHolder .singleItem {width: 303px; height: 303px; margin: 0 5px 15px 5px; float: left !important; position: relative; display: inline; overflow: hidden;} #productHolder .singleItem .thumb {padding-bottom: 8px; background: url('images/shadow300.png') center bottom no-repeat; overflow: hidden; height: 185px;} #productHolder .singleItem .thumb a {border: 5px solid #fff; box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); position: relative; display: block; margin: 3px auto 0 auto;} #productHolder .singleItem .thumb a, #productHolder .singleItem .thumb img {width: 280px; height: 172px;} #productHolder .singleItem .thumb img {position: relative; z-index: 1;} #productHolder .singleItem p {font-size: 14px; line-height: 19px; color: #064c80; margin-bottom: 0; padding: 0 5px; height: 38px; overflow: hidden;} #productHolder .singleItem p a {color: #064c80;} #productHolder .singleItem div {overflow: hidden;} #productHolder .singleItem .price {text-align: left; height: 27px; line-height: 30px; color: #494949; font-weight: bold; font-size: 15px;} #productHolder .tinyButton {text-transform: uppercase; float: right; font-size: 11px; padding: 4px 12px; margin: 0 2px 5px 0; line-height: 17px;} /* 3.3.8 FAQ */ .faq, .faq2 {overflow: hidden;} .faq div, .faq2 div {padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px dashed #ddd; display: none;} .faq h4, .faq2 h4 {font-size: 16px; cursor: pointer; line-height: 20px;} /* 3.3.9 Contact Page / Get Involved / Sign Up */ #content.rightSidebar > div.sidebarHolder > div#contact > div {padding-bottom: 45px; background: url('images/sidebar.png') 580px top scroll repeat-y; overflow: hidden;} #content.leftSidebar > div.sidebarHolder > div#contact > div {padding-bottom: 45px; background: url('images/sidebarLeft.png') 580px top scroll repeat-y; overflow: hidden;} form#contactForm, #contactFormResult {width: 520px; margin: 30px 0 0 35px; float: left;} #contactFormResult {display: none;} form p {clear: both; min-height: 17px; overflow: hidden; position: relative;} #contactForm input[type=text], #contactForm textarea {width: 495px;} #contactForm textarea {height: 170px !important; overflow: hidden;} #contactForm span.sendingError {display: none; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 12px; line-height: 24px; width: 493px; padding: 7px 10px; background: #ffffff; border: 1px solid #E59EA6 !important; position: absolute; top: 22px; left: 0; z-index: 1;} span.sendingError.textarea {height: 168px;} input[type=checkbox] {float: left;} label {float: left; line-height: 15px; font-size: 12px; font-style: italic; margin: 0 0 7px 0; color: #a3a3a3;} li label {float: none;} form#contactForm input[type=submit], form#contactForm input[type=reset] {width: 90px; height: 30px; margin: 3px; font-size: 13px; padding: 0;} form#contactForm .buttons {overflow: hidden; height: 40px; position: relative;} form#contactForm .buttons .ajaxLoader {display: none; position: absolute; bottom: 0px; right: 0px; width: 30px; height: 40px; background: url('images/loader.gif') center center no-repeat;} #contactExtra {font-size: 14px; float: right; line-height: 17px; width: 380px; float: right;} #contactExtra h3 {background: transparent url('images/horShadowInner.png') center bottom scroll repeat-x !important; color: #011b38; border: none !important; padding: 15px 20px 25px 20px; font-size: 18px; line-height: 22px; margin: 0; text-transform: uppercase;} #contactExtra p {padding: 0 20px; font-style: none; font-family: 'Lato', serif; color: #a3a7aa;} #getInvolved {color: #434b51;} #getInvolvedForm {clear: both; width: 100%;} #getInvolved h4, #getInvolved strong {font-size: 14px; line-height: 26px; color: #004375;} #getInvolved p.donation {padding: 15px 0 0 0; position: relative;} #getInvolved p.donation label {float: left; margin: 0 20px 15px 0; padding: 11px 17px; border: 1px solid #999; font-size: 18px; color: #96252a; text-transform: uppercase; cursor: pointer !important; display: block; box-shadow: 0px 2px 4px rgba(000,000,000,0.25), inset 0px 0px 1px rgba(232,232,232,1); -moz-box-shadow: 0px 2px 4px rgba(000,000,000,0.25), inset 0px 0px 1px rgba(232,232,232,1); -webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.25), inset 0px 0px 1px rgba(232,232,232,1); background: #fefefe url('images/radioHolder.png') center bottom scroll repeat-x;} #getInvolved p.donation label.active {background: #fefefe url('images/radioHolder2.png') center top scroll repeat-x;} div.radio {height: 15px; width: 15px; position: relative; margin: 0 auto 15px auto; overflow: hidden;} div.radio input {width: 15px; height: 15px; margin: 0; padding: 0;} div.radio span {height: 15px; width: 15px; background: url('images/radio.png') center top no-repeat; padding: 0; display: block; overflow: hidden;} div.radio span.checked {background-position: center bottom;} #getInvolved input.text {width: 405px; margin-right: 20px; padding: 7px 10px;} #getInvolved input.text.wide, #getInvolved textarea {width: 405px;} #getInvolved input.text.narrow {width: 70px; float: left;} #getInvolved .selector {float: left; margin-right: 20px; position: relative; padding: 7px 10px; width: 405px; height: 21px; position: relative; background-image: url('images/selectArrow.png'); background-position: right center; background-repeat: no-repeat;} #getInvolved .selector.narrow {width: 69px;} #getInvolved .selector span {position: relative; z-index: 0;} #getInvolved .selector select {position: absolute; z-index: 1; width: 425px; height: 32px; top: 0; left: 0; background: #fff; color: #959a9a;} #getInvolved .selector.narrow select {width: 89px;} form#getInvolvedForm input[type=submit] {height: 45px; margin: 15px 3px 3px 3px; font-size: 20px; padding: 0 15px;} #mapFrameContact {width: 319px !important; height: 243px !important; border: 7px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); margin: 24px auto 20px auto;} #mapFrameContact #event_map {width: 319px; height: 243px;} .form-default input[type=text], .form-default input[type=password], .form-default textarea {color: #667d8b; background: #2C546C url('images/backgrounds/header/navigation-blue2.png') center top scroll repeat-x; border: none; min-height: 26px;} .form-default .selector {background: url('images/selectDefault.png') right top no-repeat !important;} .form-brown input[type=text], .form-brown input[type=password], .form-brown textarea {color: #97877f; background: #770303 url('images/backgrounds/header/navigation-brown2.png') center top scroll repeat-x; border: none; min-height: 26px;} .form-brown .selector {background: url('images/selectBrown.png') right top no-repeat !important;} .form-gray input[type=text], .form-gray input[type=password], .form-gray textarea {color: #828384; background: #474747 url('images/backgrounds/header/navigation-gray2.png') center top scroll repeat-x; border: none; min-height: 26px;} .form-gray .selector {background: url('images/selectGray.png') right top no-repeat !important;} .form-green input[type=text], .form-green input[type=password], .form-green textarea {color: #000000 !important; background: #FFFFFF center top scroll repeat-x; border: none; min-height: 26px;} .form-green .selector {background: url('images/selectGreen.png') right top no-repeat !important;} .form-orange input[type=text], .form-orange input[type=password], .form-orange textarea {color: #fbf9f8; background: #FDB240 url('images/backgrounds/header/navigation-orange2.png') center top scroll repeat-x; border: none; min-height: 26px;} .form-orange .selector {background: url('images/selectOrange.png') right top no-repeat !important;} .form-purple input[type=text], .form-purple input[type=password], .form-purple textarea {color: #b0749a; background: #7F5180 url('images/backgrounds/header/navigation-purple2.png') center top scroll repeat-x; border: none; min-height: 26px;} .form-purple .selector {background: url('images/selectPurple.png') right top no-repeat !important;} .form-red input[type=text], .form-red input[type=password], .form-red textarea {color: #F5E9E9; background: #AB1B10 url('images/backgrounds/header/navigation-red2.png') center top scroll repeat-x; border: none; min-height: 26px;} .form-red .selector {background: url('images/selectRed.png') right top no-repeat !important;} .form-yellow input[type=text], .form-yellow input[type=password], .form-yellow textarea {color: #FBF5E7 !important; background: #FDE602 url('images/backgrounds/header/navigation-yellow2.png') center top scroll repeat-x; border: none; min-height: 26px;} .form-yellow .selector {background: url('images/selectYellow.png') right top no-repeat !important;} /* Pagination */ #main .pagination {height: 30px !important; min-height: 30px !important; padding-top: 40px; overflow: hidden; clear: both; background: url('images/horShadowInner.png') center top scroll repeat-x;} #main .pagination * {float: left; margin: 0 4px;} #main .pagination span.current {cursor: default; font-weight: bold !important;} /* 4.0 SIDEBAR */ #sidebar {width: 260px; padding: 0; position: relative; overflow: hidden; min-height:150px;} #content.rightSidebar #sidebar {float: right;} #content.leftSidebar #sidebar {float: left;} #sidebar h3 {font-size:18px; line-height: 10px; color: #fff; margin: 0; padding: 10px; align:center;} #sidebar h3 span , #sidebar h4 span {font-size: 25px;} #sidebar h3 a, #sidebar h4 a {font-weight: normal;} #sidebar > h3 {text-transform: uppercase; margin-bottom: 10px; align:center;} #sidebar a {color: #FFFFFF;} #sidebar h4 {margin: 0 0 7px 0; font-size: 15px; line-height: 19px;} #sidebar h3 {min-height: 12px;} #content.sidebar-default #sidebar h3 {background: #1D3B4A url('images/backgrounds/header/navigation-blue.png') center top scroll repeat-x; border: 1px solid #1D3B4A; align:center;} #content.sidebar-brown #sidebar h3 {background: #330101 url('images/backgrounds/header/navigation-brown.png') center top scroll repeat-x; border: 1px solid #3A3B3B;} #content.sidebar-gray #sidebar h3 {background: #3A3B3B url('images/backgrounds/header/navigation-gray.png') center top scroll repeat-x; border: 1px solid #3A3B3B;} #content.sidebar-green #sidebar h3 {background: #619722 url('images/backgrounds/header/navigation-green.png') center top scroll repeat-x; border: 1px solid ##004375;} #content.sidebar-orange #sidebar h3 {background: #EF5C4A url('images/backgrounds/header/navigation-orange.png') center top scroll repeat-x; border: 1px solid #EF5C4A;} #content.sidebar-purple #sidebar h3 {background: #4D3E4E url('images/backgrounds/header/navigation-purple.png') center top scroll repeat-x; border: 1px solid #4D3E4E;} #content.sidebar-red #sidebar h3 {background: #CB1D24 url('images/backgrounds/header/navigation-red.png') center top scroll repeat-x; border: 1px solid #CB1D24;} #content.sidebar-yellow #sidebar h3 {background: #FEA601 url('images/backgrounds/header/navigation-yellow.png') center top scroll repeat-x; border: 1px solid #FEA601;} #sidebar input[type=text] {min-height: 18px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; text-transform: uppercase; width: 208px; margin: 5px 0 10px 0; position: relative;} #innerHome #sidebar input[type=text] {width: 251px;} #sidebar span.sendingError {min-height: 18px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; text-transform: uppercase; width: 208px; position: absolute; top: 5px; left: 0; z-index: 1; background: #fff; padding: 7px 10px; display: none; text-align: center;} #innerHome #sidebar span.sendingError {width: 251px;} #content.form-default #sidebar input[type=text] {border: 1px solid #1D3B4A;} #content.form-brown #sidebar input[type=text] {border: 1px solid #3A3B3B;} #content.form-gray #sidebar input[type=text] {border: 1px solid #3A3B3B;} #content.form-green #sidebar input[type=text] {border: 1px solid #004375;} #content.form-orange #sidebar input[type=text] {border: 1px solid #EF5C4A;} #content.form-purple #sidebar input[type=text] {border: 1px solid #4D3E4E;} #content.form-red #sidebar input[type=text] {border: 1px solid #CB1D24;} #content.form-yellow #sidebar input[type=text] {border: 1px solid #FEA601;} #sidebar h3.first center bottom scroll repeat-x !important; color: #011b38; border: none !important; padding-bottom: 25px; padding-top: 15px;} #sidebar .newsInfo {font-size: 10px; line-height: 14px;} #sidebar .alignleft {margin: 0 10px 10px 0;} #sidebar .alignright {margin: 0 0 10px 10px;} #sidebar .doubleFramed.small {margin-bottom: 0 !important;} #sidebar > div.box {overflow: hidden; padding-bottom: 8px; margin: 0 0 10px 0; position: relative;} #sidebar > div.box.last {overflow: hidden; padding-bottom: 0px; margin: 0; position: relative;} #sidebar > div.box > div {margin: 0 auto;} #sidebar ul.widgetList, #sidebar ul {margin: 5px 0; list-style: none;} #sidebar ul.widgetList li {padding: 7px 8px 7px 20px; width: 232px; border-bottom: 1px dashed #d5d5d5; background: url('images/sidebarLi.png') 7px 12px no-repeat; line-height: 17px;font-size: 14px;} #sidebar ul.widgetList li a {color: #004375;} #sidebar ul.widgetList li span {font-size: 11px;} #sidebar ul#listOfSections {border-top: 1px dashed #d5d5d5; overflow: hidden; height: auto; margin-top: 30px;} #sidebar ul#listOfSections li {border-bottom: 1px dashed #d5d5d5;} #sidebar ul#listOfSections li a {padding: 7px 18px 7px 30px; width: 232px; background: url('images/sidebarLi.png') 15px 12px no-repeat; line-height: 17px; font-size: 14px; color: #004375; text-decoration: none; display: block;} #sidebar ul#listOfSections li a:hover {background-color: #E4E7E9;} #sidebar > div.box > div > div {padding: 10px 0; font-size: 12px; color: #565656; overflow: hidden; position: relative; margin: 0 0 10px 0;} #sidebar > div.box.last > div > div {padding: 10px 0 0 0; margin: 0;} #sidebar > div.box > div > div.quote {padding: 10px 0; font-size: 16px; color: #1d434c; line-height: 23px; overflow: hidden; position: relative; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #5380A2;} #sidebar > div.box > div > div > p {padding: 0 15px;} #sidebar > div.box > div > div p {line-height: 16px;} #sidebar > div.box > div > div > div, #sidebar > div.box > div > div > form, #sidebar > div.box > div > div > ul, #sidebar > div.box > div > div > p {padding: 0 15px; overflow: hidden; width: auto;} #sidebar > div.box > div > div.quote p {margin: 0 0 10px 0; position: relative; z-index: 1;} #sidebar > div.box > div > div.quote p {margin: 0 20px; padding: 16px 0;} #sidebar > div.box > div > div.quote p.first {background: url('images/leftQuote.png') left top no-repeat;} #sidebar > div.box > div > div.quote span.rightQuote {position: absolute; right: 20px; bottom: 20px; background: url('images/rightQuote.png') right bottom no-repeat; width: 52px; height: 38px; display: block; z-index: 0;} #sidebar .thumb2 {width: 110px; height: 135px; display: block; float: left; margin: 7px 10px 10px 7px; } #sidebar .thumb2 img {width: 110px; height: 135px; position: relative;} #sidebar .thumb {width: 55px; height: 55px; display: block; float: left; margin: 7px 10px 10px 7px; border: 3px solid #fff; box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);} #sidebar .thumb img {width: 55px; height: 55px; position: relative;} #sidebar .listPost {margin-bottom: 15px; overflow: hidden; border-bottom: 1px dashed #d9d9d9; padding-bottom: 15px;} #sidebar .listPost h4 {font-size: 14px; line-height: 18px; text-transform: uppercase; padding-top: 7px;} #sidebar .listPost h4 a {color: #011b38;} #sidebar .listPost p {color: #AEB3B8; font-size: 11px; line-height: 13px;} #sidebar #twitter_update_list p {font-size: 11px; color: #777; padding-bottom: 10px; border-bottom: 1px dashed #d9d9d9;} #sidebar #twitter_update_list p span {color: #aaa;} #sidebar .eventDetails {font-size: 14px; color: #434b51; text-transform: uppercase;} #sidebar .eventDetails p {line-height: 23px !important;} #sidebar .button {margin: 0 auto; position: relative;} #sidebar .horShadow {margin: 0 auto !important;} /* 5.0 FOOTER */ #footer {overflow: hidden; background: #fefefe url('images/footer.png') center bottom scroll repeat-x; position: relative; font-size: 12px; color: #666; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; padding: 20px 0;} #footer a {font-weight: normal; color: #011b38;} #footer .container_12 {margin: 0 9px;} #footer .container_12 ul {list-style: none;} #footer .container_12 ul li {margin: 5px 0; zoom: 1;} ul.footerSoc {list-style: none; margin: 10px 0 0 0; overflow: hidden;} ul.footerSoc li, ul.footerSoc li a {width: 26px; height: 26px;} ul.footerSoc li {float: left; margin: 0 4px !important;} ul.footerSoc li a {display: block; text-indent: -9999px; background: center top no-repeat;} ul.footerSoc li a.twitter {background-image: url('images/footerSocTwitter.png');} ul.footerSoc li a.facebook {background-image: url('images/footerSocFacebook.png');} ul.footerSoc li a.linkedin {background-image: url('images/footerSocLinkedin.png');} #footer h3 {font-style: normal; text-transform: uppercase; color: #12236b; font-size: 16px; line-height: 30px;} #footer h3 span {font-size: 24px;} /* 5.1 Bottom nav and disclaimer */ #bottomLine {background: #e3e3e3 url('images/bottomLine.png') center top scroll repeat-x; overflow: hidden; min-height: 23px; line-height: 23px; padding: 20px 0; color: #2b314c;} #bottomLine a {color: #2f3342;} #bottomLine a:hover {color: #2b314c;} #credits {float: left; max-width: 50%;} #bottomNav {float: right; max-width: 65%;} #bottomNav ul ul {display: none !important;} #bottomNav ul li {display: inline; text-align: center; margin: 0 0 0 16px; float: left;} #bottomNav ul li a.scroll {width: 23px; height: 23px; display: block; text-indent: -9999px; background: url('images/backToTop.png') center center no-repeat;} #bottomNav ul li a.scroll:hover {opacity: 0.9;} /* 5.2 Widgets */ #footer .photos, #footer ul.noliststyle li {padding: 0 0 15px 0; background: url('images/starHor.png') left bottom no-repeat; overflow: hidden;} #footer .photos a, #footer ul.noliststyle li a.thumb, .flickr_badge_image a {width: 76px; height: 76px; border: 2px #dae0e9 solid; float: left; position: relative; margin: 5px 20px 5px 0;} #footer .photos a:hover, #footer ul.noliststyle li a.thumb:hover, .flickr_badge_image a:hover {border-color: #fff;} #footer .photos img, #footer ul.noliststyle li img {width: 76px; height: 76px; position: relative; z-index: 1;} .flickr_badge_image a {margin: 0 15px 15px 0; width: 50px; height: 50px;} .flickr_badge_image img {width: 50px; height: 50px; position: relative; z-index: 1;} #sidebar .flickr_badge_image a, #sidebar .flickr_badge_image img {width: 55px; height: 55px;} #sidebar .flickr_badge_image a {margin: 0 5px 15px 10px; border-color: #666;} #footer #twitter_update_list p {font-size: 12px; color: #777; padding-bottom: 10px; border-bottom: 1px dashed #d9d9d9;} #footer .widget span {font-size: 11px; color: #999;} ul.noliststyle li.last {padding-bottom: 0 !important; background: none !important;} #footer .thumb {width: 60px; height: 60px; display: block; float: left; margin: 7px 10px 10px 7px; border: 3px solid #fff; box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);} #footer .thumb img {width: 60px; height: 60px; position: relative;} #footer .listPost {margin-bottom: 15px;} #footer .listPost h4 {font-size: 14px; line-height: 18px; text-transform: uppercase; padding-top: 7px;} #footer .listPost h4 a {color: #011b38;} #footer .listPost p {color: #AEB3B8; line-height: 16px; border-bottom: 1px dashed #d9d9d9; padding-bottom: 15px;} #footer .quote {font-style: italic;} #footer > div { width: 50%; } form#newsletterForm p {margin-bottom: 0; position: relative;} form#newsletterForm input[type=text] {text-transform: uppercase; text-align: center;} form#newsletterForm input.left, form#newsletterForm input.right {width: 86px;} #innerHome form#newsletterForm input.left, #innerHome form#newsletterForm input.right {width: 107px;} form#newsletterForm input.right {float: right !important;} .cwu.first {padding-top: 5px !important;} .cwu > div {position: relative; overflow: hidden; border-bottom: 1px solid #e9e9e9; margin-bottom: 15px;} .cwu > div > div {float: left; position: relative;} .cwu img {width: 50px; height: 50px; margin: 0 8px;} .cwu h4 {position: relative; font-size: 13px; line-height: 18px; margin: 0 0 6px 0;} .cwu p {position: relative; font-size: 11px; color: #3e4b57;} .cwu a {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px;} .cwu span {display: none; color: } /* 6. E-Commerce Plugins */ /* 6.1 WooCommerce */ #inner.woocommerce ul, #inner.woocommerce ol, #tbWooCommerce ul, #tbWooCommerce ol {margin: 0; } #inner.woocommerce #breadcrumb {font-size: 11px; padding: 5px 0; margin: 0 0 10px 8px; } #inner.woocommerce #breadcrumb a {font-weight: normal; } #inner.woocommerce h1 {margin-left: 7px; background: none; padding-bottom: 0;} #inner.woocommerce .type-product {position: relative; padding: 3px 0 0 3px; } #inner.woocommerce mark {background: none !important;} #inner.woocommerce .wooImage {position: relative; width: 300px; float: left; } #inner.woocommerce .wooImage .mainImage {position: relative; overflow: hidden; width: 300px; background: url('images/shadow300.png') center bottom no-repeat; padding-bottom: 8px; } #inner.woocommerce .wooImage .mainImage img {position: relative; z-index: 2; width: 283px !important; height: 237px !important;} #inner.woocommerce .wooImage .mainImage a, #inner.woocommerce .wooImage .mainImage img.hasNoLink {width: 283px !important; height: 237px !important; border: 6px solid #fff; box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); position: relative; display: block; margin: 3px auto 0 auto; } #inner.woocommerce span.onsale, #tbWooCommerce span.onsale {position: absolute; top: 0; left: 0; z-index: 4; width: 64px; height: 64px; background: url('images/ribbonSale.png') left top no-repeat; text-indent: -9999px; } #inner.woocommerce .wooImage .thumbnails {padding: 10px 0 0 0; overflow: hidden; } #inner.woocommerce .wooImage .thumbnails a, #inner.woocommerce .wooImage .thumbnails a img, #inner.woocommerce .wooImage .thumbnails a span {width: 82px; height: 82px; } #inner.woocommerce .wooImage .thumbnails a {display: block; position: relative; float: left; border: 1px solid #e4e4e4; padding: 3px; background: #fff; margin: 5px; } #inner.woocommerce .wooImage .thumbnails a img {position: relative; z-index: 1; } #inner.woocommerce .wooImage .thumbnails a span {position: absolute; z-index: 0; top: 3px; left: 3px; } #inner.woocommerce .navigation {overflow: hidden; margin: 20px 0; padding: 15px 5px; border-top: 1px dashed #cdcdcd; border-bottom: 1px dashed #cdcdcd;} #inner.woocommerce .navigation .nav-next {float: right;} #inner.woocommerce .navigation .nav-previous {float: left;} #inner.woocommerce .summary {width: 300px; overflow: hidden; float: right; } #inner.woocommerce h2 {background: none; font-size: 24px; line-height: 28px; margin: 0; padding: 0; } #tbWooCommerce h2 {background: none; font-size: 19px; margin: 0; padding: 0; } #inner.woocommerce p.price {color: #090; margin: 5px 0; font-weight: bold; font-size: 16px; line-height: 22px; } #inner.woocommerce .single_variation span.price {color: #c9002d; margin: 10px 0 15px 0; font-weight: bold; font-size: 22px; line-height: 24px; display: block;} #inner.woocommerce p.price del {color: #999; font-size: 14px; font-weight: normal; } #inner.woocommerce p.stock {text-transform: uppercase; color: #999; } #inner.woocommerce .quantity, #tbWooCommerce .quantity {float: left; margin-right: 15px; margin-top: 4px; position: relative; padding: 0 18px 0 0; } #inner.woocommerce input.qty, #tbWooCommerce input.qty {width: 25px; padding: 4px 10px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; color: #999; border: 1px solid #cbcbcb;} #inner.woocommerce .quantity .plus, #inner.woocommerce .quantity .minus, #tbWooCommerce .quantity .plus, #tbWooCommerce .quantity .minus {height: 14px; width: 18px; line-height: 11px; font-size: 11px; display: block; overflow: visible; position: absolute; color: #666; border: 1px solid #cbcbcb; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 1px rgba(0,0,0,0.2); border-left: none; } #inner.woocommerce .quantity .minus, #tbWooCommerce .quantity .minus {bottom: 0; right: 0; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; border-top: none; } #inner.woocommerce .quantity .plus, #tbWooCommerce .quantity .plus {top: 0; right: 0; -webkit-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; } #inner.woocommerce .product_meta {clear: both; margin: 15px 0; color: #999; } #inner.woocommerce .product_meta a {font-weight: normal; } table.variations {width: 300px; margin-bottom: 20px; overflow: hidden; padding-bottom: 14px; position: relative;} table.variations td {padding: 4px 2px;} table.variations a.reset_variations {font-size: 11px; line-height: 12px; position: absolute; bottom: 0; right: 0;} table.variations .selector {float: right; text-align: left; position: relative; padding: 7px 10px; width: 150px; height: 18px; position: relative; background-image: url('images/selectArrow.png'); background-position: right center; background-repeat: no-repeat; } table.variations .selector span {position: relative; z-index: 0; } table.variations .selector select {position: absolute; z-index: 1; width: 170px; height: 32px; top: 0; left: 0; background: #fff; color: #959a9a; } .single_variation_wrap {display: block !important; visibility: visible !important;} #inner.woocommerce .woocommerce_tabs {margin-top: 30px; clear: both; width: 620px; overflow: hidden; } #inner.woocommerce .woocommerce_tabs ul.tabs {list-style: none; height: 30px; margin: 0; position: relative; z-index: 1; } #inner.woocommerce .woocommerce_tabs ul.tabs li {float: left; border: 1px solid #ddd; border-right: none; background: #f5f5f5; cursor: pointer; } #inner.woocommerce .woocommerce_tabs ul.tabs li.last {border-right: 1px solid #ddd; } #inner.woocommerce .woocommerce_tabs ul.tabs li: hover, #inner.woocommerce .woocommerce_tabs ul.tabs li.active {background: #fff; } #inner.woocommerce .woocommerce_tabs ul.tabs li.active {border-bottom-color: #fff; } #inner.woocommerce .woocommerce_tabs ul.tabs li a {color: #999; font-weight: normal; text-decoration: none; height: 18px; line-height: 18px; padding: 5px 15px; display: block; text-transform: uppercase; font-size: 11px; } #inner.woocommerce .woocommerce_tabs .panel {border: 1px solid #ddd; background: #fff; padding: 14px 20px; margin-top: -1px; position: relative; } #inner.woocommerce .woocommerce_tabs .panel #comments {margin: 0 !important; padding: 0 !important; } #inner.woocommerce .woocommerce_tabs .panel table {width: 570px; } #inner.woocommerce .woocommerce_tabs .panel td, #inner.woocommerce .woocommerce_tabs .panel th, .cart_totals table td, .cart_totals table th {text-align: left; padding: 4px 10px; } #inner.woocommerce .woocommerce_tabs .panel th, .cart_totals table th {width: 100px; } #inner.woocommerce .woocommerce_tabs .panel tr.even td, #inner.woocommerce .woocommerce_tabs .panel tr.even th, .cart_totals table tr.even td, .cart_totals table tr.even th {background: #f6f6f6; } .cart_totals table {float: right; margin-top: 20px; } .cart_totals table td {text-align: right; width: 250px; } #respond #commentform label {width: 90px; float: left; text-align: left; } #respond #commentform p.stars {float: left; } p.stars: after {content: ""; display: block; clear: both; } p.stars span {width: 80px; height: 16px; position: relative; float: left; background: url('images/star.png') repeat-x left 0; } p.stars span a {float: left; position: absolute; left: 0; top: 0; width: 16px; height: 0; padding-top: 16px; overflow: hidden; } p.stars span a: hover,p.stars span a: focus {background: url('images/star.png') repeat-x left -16px; } p.stars span a.active {background: url('images/star.png') repeat-x left -32px; } p.stars span a.star-1 {width: 16px; z-index: 10; } p.stars span a.star-2 {width: 32px; z-index: 9; } p.stars span a.star-3 {width: 48px; z-index: 8; } p.stars span a.star-4 {width: 64px; z-index: 7; } p.stars span a.star-5 {width: 80px; z-index: 6; } #respond #commentform textarea {height: 120px; } .form-submit input[type=submit] {float: right; } .star-rating {float: right; width: 80px; height: 16px; background: url('images/star.png') repeat-x left 0; } .star-rating span {background: url('images/star.png') repeat-x left -32px; height: 0; padding-top: 16px; overflow: hidden; float: left; } .hreview-aggregate .star-rating {margin: 10px 0 0 0; } #reviews #comments ol.commentlist {margin: 0; width: 100%; background: none; } #reviews #comments ol.commentlist: after {content: ""; display: block; clear: both; } #reviews #comments ol.commentlist li {padding: 00; margin: 0 0 20px; border: 0; position: relative; background: 0; border: 0; } #reviews #comments ol.commentlist li .meta {color: #777777; font-size: 0.75em; } #reviews #comments ol.commentlist li img {float: left; position: absolute; top: 0; left: 0; padding: 3px; width: 32px; height: auto; background: #f7f6f7; border: 1px solid #f0eef0; margin: 0; line-height: 1; } #reviews #comments ol.commentlist li .comment-text {margin: 0 0 0 50px; border: 1px solid #f0eef0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 1em 1em 0; } #reviews #comments ol.commentlist li .comment-text p {margin: 0 0 1em; } #reviews #comments ol.commentlist li .comment-text p.meta {font-size: 0.83em; } #reviews #comments .commentlist > li: before {content: ""; } #inner.woocommerce > .products, #inner.woocommerce .related {margin: 10px 0 0 4px; } #inner.woocommerce > .products h4, #inner.woocommerce .related h4 {background: none; } .products ul, ul.products {margin: 0 0 14px 0; padding: 0; list-style: none; clear: both; } .products ul: after,ul.products: after {content: ""; display: block; clear: both; } .products ul li,ul.products li {list-style: none; position: relative; } .related: after,.upsells.products: after {content: ""; display: block; clear: both; } .related ul.products,.related ul,.upsells.products ul.products,.upsells.products ul {float: none; } .related ul.products li.product img,.related ul li.product img,.upsells.products ul.products li.product img,.upsells.products ul li.product img, ul.products li.product img {width: 135px; height: 135px; position: relative; z-index: 1; } ul.products li.product { height: 260px !important; width: 150px !important; float: left; margin: 0 20px 20px 0; padding: 0 0 3px 0; position: relative; display: inline; overflow: hidden; } ul.products li.product.last {margin-right: 0 !important;} ul.products li.product a {text-decoration: none; position: relative; } ul.products li.product a.wooImageLink {display: block; height: auto; position: relative; padding: 4px 0 0 4px; } ul.products li.product a.wooImageLink img {display: block; border: 1px solid #d4d4d4; background: #fff; padding: 4px; } ul.products li.product strong {display: block; } ul.products li.product h3 {margin: 12px 0 5px 0; line-height: 19px; height: 38px !important; font-size: 14px !important; background: none !important; } ul.products li.product a .paperClip {position: absolute !important; width: 135px !important; height: 135px !important; top: 9px; left: 9px;} ul.products li.product .price {color: #fff; text-shadow: 1px 0 0 #333; position: absolute; bottom: 46px; left: 9px; font-weight: normal; margin-bottom: .5em; text-align: center; height: 24px; padding: 3px 15px; line-height: 24px; font-size: 18px; font-weight: bold; background: url('images/priceRibbon.png') center center scroll repeat; z-index: 5; text-decoration: none !important;} ul.products li.product .price del {font-size: 11px; font-weight: normal; margin: -2px 0 0 0; } ul.products li.product .price ins {background: none; text-decoration: none !important;} ul.products li.product .price .from {font-size: 0.67em; margin: 0; text-transform: uppercase; font-weight: normal !important; font-size: 11px; } ul.products li.product .tinyButton {position: relative; margin: 0 3px 0 0; } form.woocommerce_ordering div {clear: both; float: left; overflow: hidden; padding: 3px 3px 1px 3px; border: 1px solid #d4d4d4; } .shipping_calculator p.form-row input[type=text] {float: right; width: 292px; margin-right: 3px; } .shipping_calculator .tinyButton {margin-right: 2px; } form.shipping_calculator .selector {float: right; text-align: left; margin-right: 3px; position: relative; padding: 7px 10px; width: 294px; height: 18px; position: relative; background-image: url('images/selectArrow.png'); background-position: right center; background-repeat: no-repeat; } form.shipping_calculator .selector span {position: relative; z-index: 0; } form.shipping_calculator .selector select {position: absolute; z-index: 1; width: 314px; height: 32px; top: 0; left: 0; background: #fff; color: #959a9a; } ul.cart_list,ul.product_list_widget {list-style: none outside; padding: 0; margin: 0; } ul.cart_list li,ul.product_list_widget li {padding: 4px 0 7px 0; margin: 0 0 5px 0; list-style: none; border-bottom: 1px dashed #cdcdcd; overflow: hidden;} ul.cart_list li: after,ul.product_list_widget li: after {content: ""; display: block; clear: both; } ul.cart_list li a,ul.product_list_widget li a {display: block; font-weight: bold; } ul.cart_list li img,ul.product_list_widget li img {float: right; margin: 4px; width: 32px; height: auto; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); border: 3px solid #fff;} ul.cart_list li dl,ul.product_list_widget li dl {margin: 0; font-size: 0.8751em; padding-left: 1em; border-left: 2px solid rgba(0,0,0,0.1); } ul.cart_list li dl dt,ul.product_list_widget li dl dt {float: left; clear: left; margin-right: .25em; } ul.cart_list li dl dd,ul.product_list_widget li dl dd {margin-bottom: .5em; } ul.cart_list li .star-rating,ul.product_list_widget li .star-rating {float: none; } .widget_shopping_cart .total {border-top: 3px double #f7f6f7; padding: 4px 0 0; } .widget_shopping_cart .total strong {min-width: 40px; display: inline-block; } .widget_shopping_cart .buttons: after {content: ""; display: block; clear: both; } table.shop_attributes {border: 0; border-top: 1px dotted rgba(0,0,0,0.1); margin-bottom: 1.618em; width: 100%; } table.shop_attributes th {width: 150px; font-weight: bold; padding: 8px; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,0.1); margin: 0; line-height: 1.5em; } table.shop_attributes td {font-style: italic; padding: 0; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,0.1); margin: 0; line-height: 1.5em; } table.shop_attributes td p {margin: 0; padding: 8px 0; } table.shop_attributes .alt td,table.shop_attributes .alt th {background: rgba(0,0,0,0.025); } table.shop_table {border: 1px solid rgba(0,0,0,0.1); margin: 0px -1px 24px 0px; text-align: left; width: 100%; border-collapse: separate; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } table.shop_table th {font-weight: bold; line-height: 18px; padding: 9px 12px; } table.shop_table td {border-top: 1px solid rgba(0,0,0,0.1); padding: 6px 12px; vertical-align: middle; } table.shop_table td.product-quantity {text-align: center; } table.shop_table tfoot td {font-weight: bold; } table.my_account_orders {font-size: 0.85em; } table.my_account_orders th,table.my_account_orders td {padding: 4px 8px; vertical-align: top; } table.my_account_orders .button {white-space: nowrap; } td.product-name dl.variation {margin: .25em 0 .5em; font-size: 0.8751em; } td.product-name dl.variation dt {font-weight: bold; float: left; clear: left; margin: 0 .25em 0 0; padding: 0; } td.product-name dl.variation dd {margin: 0 0 .25em 0; } td.product-name p.backorder_notification {font-size: 0.83em; } td.product-quantity {min-width: 80px; } table.cart .product-thumbnail,#content table.cart .product-thumbnail {min-width: 32px; } table.cart img,#content table.cart img {width: 32px; height: auto; } table.cart th,table.cart td,#content table.cart th,#content table.cart td {vertical-align: middle; } table.cart a.remove,#content table.cart a.remove {display: block; height: 16px; width: 16px; text-indent: -9999px; background: url('images/remove.png') #dfdbdf; } table.cart a.remove: hover,#content table.cart a.remove: hover {background-color: red; } table.cart td.actions,#content table.cart td.actions {text-align: right; } table.cart td.actions .coupon,#content table.cart td.actions .coupon {float: left; } table.cart td.actions .coupon label,#content table.cart td.actions .coupon label {display: none; } table.cart td.actions .coupon .input-text,#content table.cart td.actions .coupon .input-text {width: 80px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1); border: 1px solid #dfdbdf; padding: 5px; margin: 4px 6px 0 0; outline: 0; line-height: 1em; } table.cart td.actions .button.alt,#content table.cart td.actions .button.alt {float: right; margin-left: .25em; } table.cart input,#content table.cart input {margin-right: 5px; vertical-align: middle; line-height: 1em; } .cart-collaterals {width: 100%; } .cart-collaterals: after {content: ""; display: block; clear: both; } .cart-collaterals .related {width: 30.75%; float: left; } .cart-collaterals .cross-sells {width: 48%; float: left; } .cart-collaterals .cross-sells ul.products {float: none; } .cart-collaterals .shipping_calculator {width: 48%; text-align: right; margin: 20px 0 0 0; clear: right; float: right; } .cart-collaterals .shipping_calculator: after {content: ""; display: block; clear: both; } .cart-collaterals .shipping_calculator .button {width: 100%; float: none; display: block; } .cart-collaterals .shipping_calculator .col2-set .col-1,.cart-collaterals .shipping_calculator .col2-set .col-2 {width: 47%; } .cart-collaterals .cart_totals {float: right; width: 48%; text-align: right; } .cart-collaterals .cart_totals p {margin: 0; } .cart-collaterals .cart_totals p small {color: #777777; font-size: 0.83em; } .cart-collaterals .cart_totals table {border-collapse: separate; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 6px; padding: 0; } .cart-collaterals .cart_totals table tr: first-child th,.cart-collaterals .cart_totals table tr: first-child td {border-top: 0; } .cart-collaterals .cart_totals table td,.cart-collaterals .cart_totals table th {padding: 6px 3px; } .cart-collaterals .cart_totals table small {display: block; color: #777777; } .cart-collaterals .cart_totals table select {width: 100%; } .cart-collaterals .cart_totals .discount td {color: #85ad74; } .cart-collaterals .cart_totals tr td,.cart-collaterals .cart_totals tr th {border-top: 1px solid #f7f6f7; padding: 6px 6px; } .cart-collaterals .cart_totals a.button.alt {width: 193px; display: block; font-size: 0.92em; } #customer_details .col-1 label, #customer_details .shipping_address label {display: none; } #customer_details h3, #tbWooCommerce form h3, #tbWooCommerce .addresses h3 {background: none !important; font-size: 19px; margin: 0; padding: 0; color: #434B51; text-transform: uppercase; line-height: 50px; } #customer_details .col-1 {width: 48%; float: left; overflow: hidden; } #customer_details .col-2 {width: 48%; float: right; overflow: hidden; position: relative; } #customer_details input[type=text], #customer_details textarea {width: 410px; } #customer_details textarea {height: 150px; } #customer_details #order_comments_field label {display: none; } form.checkout .selector {float: left; margin-right: 20px; position: relative; padding: 7px 10px; width: 408px; height: 18px; position: relative; background-image: url('images/selectArrow.png'); background-position: right center; background-repeat: no-repeat; } form.checkout .selector span {position: relative; z-index: 0; } form.checkout .selector select {position: absolute; z-index: 1; width: 428px; height: 32px; top: 0; left: 0; background: #fff; color: #959a9a; } p.country_select label {display: none; } #shiptobilling {position: absolute; top: 17px; right: 20px; z-index: 4; } .track_order label, .change_password label, .edit_address label {width: 170px; margin: 0 10px 0 0; line-height: 34px; color: #999; text-align: right; } .track_order .tinyButton, .change_password .tinyButton, .edit_address .tinyButton {margin-right: 288px; } .change_password input[type=password] {width: 459px !important;} .edit_address p.country_select label {display: block; } form.edit_address .selector {text-align: left; margin-right: 3px; position: relative; padding: 7px 10px; width: 448px; height: 18px; position: relative; background-image: url('images/selectArrow.png'); background-position: right center; background-repeat: no-repeat; } form.edit_address .selector span {position: relative; z-index: 0; } form.edit_address .selector select {position: absolute; z-index: 1; width: 468px; height: 32px; top: 0; left: 0; background: #fff; color: #959a9a; } .woocommerce_error {list-style: none; margin: 15px 0 !important; overflow: hidden; padding: 10px 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 20px 0; overflow: hidden; color: #D8000C; background: #FFBABA; border: 1px solid #D8000C; } .woocommerce_error li {margin: 7px 0 !important; } .woocommerce_error h4 {font-weight: bold !important; color: #D8000C !important; } .place-order input.button {border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; } ul.payment_methods {list-style: none; color: #999; margin-bottom: 30px !important; overflow: hidden; } /* 6.2 Easy WordPress Donations Plugin */ .ewd_form {line-height: 22px; display: block; float: left; overflow: hidden;} .ewd_form label {width: 150px; margin-right: 10px; line-height: 22px !important; clear: both; margin: 0 !important;} .ewd_form label.beforeText {display: none;} .ewd_form label.radioLabel {width: auto !important; clear: none !important; margin: 0 20px 15px 0 !important;} .ewd_form textarea {height: 150px}