/* GreatScapes Version: 1.0 Author: Shopaholla Author URL: http://shopaholla.com Copyright 2012 - All Rights Reserved */ /* ---------------------------------------------------------------- Reset - Modified from Eric Myers http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) -----------------------------------------------------------------*/ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary, time,mark,audio,video{ margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{ display:block; } body{ line-height:1; } ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} a{outline:0;text-decoration:none;} /* ---------------------------------------------------------------- Helper Classes -----------------------------------------------------------------*/ .floatLeft{float:left;} .floatRight{float:right;} .clearFix{clear:both;} .clearFix:before, .clearFix:after{content:"";display:table;} .clearFix:after{clear:both;} .clearFix{zoom:1;} .siteContainer {width:100%;max-width:960px;margin:0 auto;position:relative;} @font-face {font-family: 'FranchiseRegular';src: url('fonts/franchise-bold-webfont.eot');src: url('fonts/franchise-bold-webfont.eot#iefix') format('embedded-opentype'),url('fonts/franchise-bold-webfont.woff') format('woff'),url('fonts/franchise-bold-webfont.ttf') format('truetype'),url('fonts/franchise-bold-webfont.svg') format('svg');font-weight: normal;font-style: normal;} /* ---------------------------------------------------------------- General Styling Electric blue: 00ccff Light blue: 0099bb Mid blue: 004499 Dark blue: 003366 -----------------------------------------------------------------*/ body{ font-size:13px; font-weight:normal; color:#444; text-rendering: optimizeLegibility; } p{ /*font-size:100%;*/ font-size: 13px; line-height: 20px; text-rendering: optimizeLegibility; margin-bottom: 10px; } h1,h2,h3,h4,h5,h6{font-weight:normal;text-rendering: optimizeLegibility;} h1{font-size:32px;line-height:40px;color:#444;margin-bottom:15px;font-weight:700;} h2{font-size:24px;line-height:28px;color:#444;margin-bottom:15px;font-weight:700;} h3{font-size:22px;line-height:26px;color:#444;margin-bottom:12px;font-weight:600;} h4{font-size:20px;line-height:24px;color:#444;margin-bottom:10px;font-weight:600;} h5{font-size:18px;line-height:22px;color:#444;margin-bottom:8px;font-weight:600;} h6{font-size:16px;line-height:18px;color:#444;margin-bottom:6px;font-weight:600;} a,a:active,a:link { /*color:#d7b322;*/ color:#004499; text-decoration:none; outline:none; } a:visited{ color:#003377; text-decoration:underline; outline:none; } a:focus,a:hover{ color:#00ccff; text-decoration:none; outline:none; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -ms-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } em,i{font-style:italic;} strong,b{font-weight:bold;} .element img, .element iframe, .element video, .element audio, .element object { max-width:100% !important; } .smallStyle img, .smallStyle iframe, .smallStyle video, .smallStyle audio, .smallStyle object { max-width:100% !important; height:auto !important; } .fluid-width-video-wrapper { /* margin:0 0 30px 0; */ margin:0 0 10px 0; } .element pre{ font:13px 'andale mono','lucida console',monospace; line-height:18px; margin: 20px 0; white-space:pre; background:#eee; padding: 10px 20px; border:1px solid #ddd } .element code{font:13px 'andale mono','lucida console',monospace;line-height:18px;white-space:pre;} .element ul, .element ol {margin:20px 0;font-size:100%;line-height:20px;} .element ul ul, .element ol ol {margin:0 20px;} .element ul li {list-style:square outside;margin:0 0 10px 20px;} .element ol li {list-style:decimal outside;margin:0 0 10px 20px;} .element table{border:1px solid #ddd;border-collapse:collapse;background-color:#fff;width:100%;margin:20px 0;} .element table thead {display: table-header-group;vertical-align: middle;background:#f0f0f0;} .element table th{border:1px solid #ddd;padding:5px;background-color:#f0f0f0;} .element table td{border:1px solid #ddd;padding:5px;background-color:#fff;} .element blockquote, .element q{quotes:none;width:100%;margin:10px 0 30px 30px;padding:10px 20px;border-left:2px solid #DFDFDF;font-family:Georgia, 'Times New Romain', serif;font-style:italic;} .element blockquote p {margin:0;} .element blockquote:before, .element blockquote:after, .element q:before, .element q:after{content:none;} .element label {line-height:25px;margin-bottom:4px;} .element input[type=text], .element input[type=password], .element input[type=telephone], .element input[type=tel], .element input[type=email], .element textarea { color:#333; max-width:100%; padding:8px 10px; background:#fff; font-size:12px; border:1px solid #aaa; -webkit-box-shadow: inset 0px 1px 4px 0px rgba(100, 100, 100, 0.3); -moz-box-shadow: inset 0px 1px 4px 0px rgba(100, 100, 100, 0.3); box-shadow: inset 0px 1px 4px 0px rgba(100, 100, 100, 0.3); -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; } .element input[type=text]:focus, .element input[type=password]:focus, .element input[type=telephone]:focus, .element input[type=tel]:focus, .element input[type=email]:focus, .element textarea:focus { background:#fff; font-size:13px; border:1px solid #444; outline:0; } .element input[type=submit], .element input[type=button], a.productSelectOptions, a.productSelectOptions:link, a.productSelectOptions:visited, a.button, a.button:link, a.button:visited {font-family: 'Open Sans', sans-serif;cursor: pointer;display:inline-block;width:auto !important;padding: 0 12px;font-size: 14px;height: 40px;line-height: 40px;background: #333 url(images/noise.png) repeat 0 0;color: #fff !important;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;outline: 0;border: 0;text-transform: uppercase;font-weight: 700;-webkit-appearance:none;-webkit-box-shadow:rgba(0, 0, 0, 0.7) 0px -1px 0px inset, rgba(0, 0, 0, 0.7) 0px 1px 0px inset, rgba(255, 255, 255, 0.2) 0px 2px 0px inset, rgba(255, 255, 255, 0.1) 0px -2px 0px inset, rgba(0, 0, 0, 0.2) 0px 2px 3px;-moz-box-shadow:rgba(0, 0, 0, 0.7) 0px -1px 0px inset, rgba(0, 0, 0, 0.7) 0px 1px 0px inset, rgba(255, 255, 255, 0.2) 0px 2px 0px inset, rgba(255, 255, 255, 0.1) 0px -2px 0px inset, rgba(0, 0, 0, 0.2) 0px 2px 3px;box-shadow:rgba(0, 0, 0, 0.7) 0px -1px 0px inset, rgba(0, 0, 0, 0.7) 0px 1px 0px inset, rgba(255, 255, 255, 0.2) 0px 2px 0px inset, rgba(255, 255, 255, 0.1) 0px -2px 0px inset, rgba(0, 0, 0, 0.2) 0px 2px 3px;-webkit-transition: background-color 0.2s linear;-moz-transition: background-color 0.2s linear;-ms-transition: background-color 0.2s linear;-o-transition: background-color 0.2s linear;transition: background-color 0.2s linear;} .element input[type=submit]:focus, .element input[type=submit]:hover, .element input[type=button]:focus, .element input[type=button]:hover, a.productSelectOptions:focus, a.productSelectOptions:hover, a.button:focus, a.button:hover {background-color:#424242;} .element input[type=submit]:active, a.productSelectOptions:active, a.button:active {background-color:#313131;color:#ddd !important;-webkit-transition: background-color 0.0s linear;-moz-transition: background-color 0.0s linear;-ms-transition: background-color 0.0s linear;-o-transition: background-color 0.0s linear;transition: background-color 0.0s linear;} /* ---------------------------------------------------------------- Main Bkgds -----------------------------------------------------------------*/ body { min-height:100%; width:100%; background: url(images/scapesBody_bkgd.jpg) repeat 0 0; font-family:'Open Sans', sans-serif; } #bodyWrapper * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /* ------ Odd reference --------*/ *behavior: url(http://carlsbaddesal.com/websites/ajohnson/templates/Great/boxsizing.htc); } #bodyWrapper { border-top:1px solid #000; } #mainHeaderWrapper { min-width:100%; height:122px; /*background: #111 url(images/scapesMainHeader_bkgd.png) repeat-x 0 0;*/ background: #111 url(images/PageHeader.jpg) top center repeat-x; } /* ---------------------------------------------------------------- Header -----------------------------------------------------------------*/ #logo { height:122px; width:auto; max-width:600px; line-height:110px; vertical-align:middle; font-size:40px;color:#fff; margin:0; } #logo a {color:#fff;} #logo img{height:auto;max-height:100px;max-width:100%;line-height:110px;vertical-align:middle;} #headerRight {width:auto;max-width:360px;text-align:right;color:#fff;margin:20px 0;} #headerRight p {text-align:right;color:#b3b3b3;font-style:italic;font-family:Georgia,"Times New Roman", serif;margin:0;} #viewCart, #viewCart:link, #viewCart:active, #viewCart:visited {color:#b3b3b3;} #viewCart:focus, #viewCart:hover {color:#d7b322;} #searchWrapper {width:auto;float:right;margin:20px 0 0;height:30px;} .searchInput {width:130px;height:30px;padding:8px;line-height:15px;font-size:12px;font-style:italic;color:#aaa;line-height:13px;background:#fff;display:block;float:left;border:0;outline:0;-webkit-border-top-left-radius: 2px;-webkit-border-bottom-left-radius: 2px;-moz-border-radius-topleft: 2px;-moz-border-radius-bottomleft: 2px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;} .searchInput:focus {background:#eee;font-style:normal;color:#000;} .searchButton {cursor:pointer;width:29px;height:30px;display:block;text-transform:uppercase;text-indent:-9999px;color:transparent;background: url(images/searchButton.png) no-repeat 0 0;float:left;outline:0;padding:0;border:0;} .searchButton:focus, .searchButton:hover {background-position:0 -30px;} .searchButton:active {background-position:0 -60px;} #searchWrapper .searchInput {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-border-top-left-radius: 2px;-webkit-border-bottom-left-radius: 2px;-moz-border-radius-topleft: 2px;-moz-border-radius-bottomleft: 2px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;} #searchWrapper .searchButton {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} #checkoutLink, #checkoutLink:link, #checkoutLink:active, #checkoutLink:visited {font-family:'Open Sans', sans-serif;font-style:normal;text-transform:uppercase;font-size:11px;font-weight:400;} #checkoutLink:focus, #checkoutLink:hover {color:#fff;} /* ---------------------------------------------------------------- Navigation -----------------------------------------------------------------*/ #mainNavigationWrapper { min-width:100%; height:46px; background: #000; } #mainNavBkgd { min-width:100%; height:46px; line-height:46px; background: url(images/scapesMainNavigation_bkgd.png) repeat-x 0 0; } .mainNavigation { height:46px; line-height:46px; width:960px; margin:0 auto; } .mainNavigation li { float:left; position:relative; z-index:8000; } .mainNavigation li a, .mainNavigation li a:link, .mainNavigation li a:visited { color:#eee; display:block; height:46px; line-height:46px; /*padding:0 25px;*/ padding:0px 15px 0px 15px; text-transform:uppercase; font-weight:600; } .mainNavigation li a:focus, .mainNavigation li a:hover { /*color:#d7b322;*/ color:#00ccff; } .mainNavigation li.selectedPage a, .mainNavigation li.selectedPage a:link, .mainNavigation li.selectedPage a:visited, .mainNavigation li.selectedPage a:active, .mainNavigation li.selectedPage a:focus, .mainNavigation li.selectedPage a:hover, .mainNavigation li.selectedPageRoot a, .mainNavigation li.selectedPageRoot a:link, .mainNavigation li.selectedPageRoot a:visited, .mainNavigation li.selectedPageRoot a:active, .mainNavigation li.selectedPageRoot a:focus, .mainNavigation li.selectedPageRoot a:hover { /*color:#d7b322;*/ color:#00ccff; background-color: rgba(25, 25, 25, 0.5); border-top:3px solid #ffbb11; line-height:41px; } .mainNavigation li ul { display:none; width:auto; min-width:120px; max-width:200px; position:absolute; top:46px; left:0;z-index:9000; background:#262626; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); } .mainNavigation li ul li { float:none; margin:0; padding:0; } .mainNavigation li ul li a, .mainNavigation li ul li a:link, .mainNavigation li ul li a:visited, .mainNavigation li ul li a:active, .mainNavigation li.selectedPage ul li a, .mainNavigation li.selectedPage ul li a:link, .mainNavigation li.selectedPage ul li a:visited, .mainNavigation li.selectedPage ul li a:active, .mainNavigation li.selectedPageRoot ul li a, .mainNavigation li.selectedPageRoot ul li a:link, .mainNavigation li.selectedPageRoot ul li a:visited, .mainNavigation li.selectedPageRoot ul li a:active { height:auto !important; background:0; color:#fff; line-height:15px; /*font-size:11px !important;*/ font-size:14px !important; padding:8px 10px;border:0; text-align:left; text-transform:none; } .mainNavigation li ul li a:focus, .mainNavigation li ul li a:hover, .mainNavigation li ul li.selectedPage a, .mainNavigation li ul li.selectedPage a:link, .mainNavigation li ul li.selectedPage a:visited, .mainNavigation li ul li.selectedPage a:active, .mainNavigation li ul li.selectedPage a:focus, .mainNavigation li ul li.selectedPage a:hover, .mainNavigation li.selectedPage ul li a:focus, .mainNavigation li.selectedPage ul li a:hover, .mainNavigation li.selectedPageRoot ul li a:focus, .mainNavigation li.selectedPageRoot ul li a:hover { /*color:#d7b322; - Yellow*/ color:#00ccff; } /* ---------------------------------------------------------------- Main Content -----------------------------------------------------------------*/ #contentWrapper { background:#fff url(images/contentWrapper_bkgd.gif) repeat-y 0 0; border-bottom:1px solid #fff; } #mainContent { width:100%; /*max-width:700px;*/ max-width:660px; /*padding:40px 50px 40px 30px; Sets spacing between breadcrumb and nav bar*/ padding: 20px 30px 20px 30px; } #smallLeft { width:45%; /* margin:30px 0; */ margin: 10px 0; } #smallRight { width:45%; /* margin:30px 0; */ margin: 10px 0; } #breadcrumbsWrapper {min-height:30px;font-size:11px;text-transform:uppercase;position:relative;z-index:1000;} #breadcrumbsWrapper .breadcrumbs{color:#bbb;} #breadcrumbsWrapper .breadcrumbs a, #breadcrumbsWrapper .breadcrumbs a:link, #breadcrumbsWrapper .breadcrumbs a:visited, #breadcrumbsWrapper .breadcrumbs a:active {text-decoration:none;color:#999;line-height:17px;} #breadcrumbsWrapper .breadcrumbs a:focus, #breadcrumbsWrapper .breadcrumbs a:hover {color:#d7b322;} h1.title, h2.formTitle { font-size:32px; line-height:40px; color:#444; margin-bottom:10px; font-weight:700; border-bottom:1px solid #eaeaea; padding-bottom:10px; margin-bottom:20px; } #pageHeader { background:#fff; width:100%; padding:0; margin:0; color:#000; } #pageHeader .element { margin-bottom:0; } #pageHeader .textElement, #pageHeader .productListing, #pageHeader .blogList, #pageHeader .eventsList, #pageHeader .linksModule, #pageHeader .form_container { /*padding: 30px;*/ padding: 10px; margin:0; } #pageHeader .container { /*padding:30px 30px 0;*/ padding: 0 30px 0; margin:0; } #pageHeader .container .title { margin-bottom:10px; } #pageHeader .element ol {margin-top:0; /*padding-top:30px;*/ padding-top: 10px; } #pageHeader .productListingDescription { padding:0 30px; } /* ---------------------------------------------------------------- Sidebar & Extra Content -----------------------------------------------------------------*/ #mainSidebar { min-height:100%; /*width:260px;*/ width:300px; } #subSections { width:100%; /* background:#eaeaea; */ background:#e5e5e5; border:1px solid #e6e6e6; font-size:92%; } .subSectionsCol { /*width:33%;*/ width:33%; float:left; padding:0 20px; } .subSectionsCol .element { /* padding:20px 0;*/ padding: 10px 0; } .subSectionsCol .container .title { margin-bottom:0 !important; } .subSectionsCol .form_container { margin-top:0 !important; } #subSectionsMiddleCol { border-left:1px solid #dadada; border-right:1px solid #dadada; } #sidebarPadding { /*padding:0 15px 30px;*/ padding: 5px 15px 5px 20px; } .smallStyle .container { /* margin: 20px 0 0; */ margin: 5px 15px 5px 5px; } .smallStyle h1.title, .smallStyle h2.formTitle { font-size: 20px; line-height: 24px; font-weight: 700; border-bottom: 1px solid #eaeaea; padding-bottom: 5px; margin-bottom: 10px !important; } .subSectionsCol h1.title, .subSectionsCol h2.formTitle { border-bottom: 1px solid #ddd; } .smallStyle .element { /* margin:0 0 40px; */ margin: 0px 0px 20px 0px; } .smallStyle .element p {font-size:13px;line-height:20px;} .smallStyle .element h1{font-size:20px;line-height:26px;color:#000;margin-bottom:12px;font-weight:600;} .smallStyle .element h2{font-size:20px;line-height:26px;color:#000;margin-bottom:12px;font-weight:600;} .smallStyle .element h3{font-size:18px;line-height:22px;color:#000;margin-bottom:10px;font-weight:600;} .smallStyle .element h4{font-size:18px;line-height:22px;color:#000;margin-bottom:10px;font-weight:600;} .smallStyle .element h5{font-size:16px;line-height:20px;color:#000;margin-bottom:8px;font-weight:400;} .smallStyle .element h6{font-size:14px;line-height:18px;color:#000;margin-bottom:6px;font-weight:400;} .subNavigation { /* margin-bottom: 30px; */ margin-bottom: 20px; } .subNavigation li {border-bottom:1px solid #eaeaea;} .subNavigation a, .subNavigation a:link, .subNavigation a:visited, .subNavigation a:active {background:#fff url(images/subNavigationArrow.gif) no-repeat right 50%;font-size:15px;line-height:21px;color:#000;padding:10px 18px 10px 15px;display:inline-block;width:100%;font-weight:600;} .subNavigation a:focus, .subNavigation a:hover, .subNavigation li.selectedPage a, .subNavigation li.selectedPage a:link, .subNavigation li.selectedPage a:visited, .subNavigation li.selectedPage a:active, .subNavigation li.selectedPage a:focus, .subNavigation li.selectedPage a:hover { /*color:#d7b322;*/ color:#00ccff; } .subNavigation ul.level2 {} .subNavigation ul.level2 li {border-bottom:0;} .subNavigation ul.level2 li a, .subNavigation ul.level2 li a:link, .subNavigation ul.level2 li a:visited {color:#000;font-size:13px;background:#fff;line-height:15px;padding:6px 18px 14px 25px;font-weight:400;} .subNavigation ul.level2 li a:active, .subNavigation ul.level2 li a:focus, .subNavigation ul.level2 li a:hover, .subNavigation ul.level2 li.selectedPage a, .subNavigation ul.level2 li.selectedPage a:link, .subNavigation ul.level2 li.selectedPage a:visited, .subNavigation ul.level2 li.selectedPage a:active, .subNavigation ul.level2 li.selectedPage a:focus, .subNavigation ul.level2 li.selectedPage a:hover { /*color:#d7b322;*/ color:#00ccff; } .subNavigation ul.level3 {} .subNavigation ul.level3 li a, .subNavigation ul.level3 li a:link, .subNavigation ul.level3 li a:visited {color:#000 !important;font-size:11px;background:#fff;line-height:13px;padding:6px 18px 14px 35px;font-weight:400;} .subNavigation ul.level3 li a:active, .subNavigation ul.level3 li a:focus, .subNavigation ul.level3 li a:hover, .subNavigation ul.level3 li.selectedPage a, .subNavigation ul.level3 li.selectedPage a:link, .subNavigation ul.level3 li.selectedPage a:visited, .subNavigation ul.level3 li.selectedPage a:active, .subNavigation ul.level3 li.selectedPage a:focus, .subNavigation ul.level3 li.selectedPage a:hover { /*color:#d7b322 !important;*/ color:#00ccff !important; } .subNavigation ul.level4 {} .subNavigation ul.level4 li a, .subNavigation ul.level4 li a:link, .subNavigation ul.level4 li a:visited {color:#000 !important;font-size:11px;background:#fff;line-height:13px;padding:6px 18px 14px 35px;font-weight:400;} .subNavigation ul.level4 li a:active, .subNavigation ul.level4 li a:focus, .subNavigation ul.level4 li a:hover, .subNavigation ul.level4 li.selectedPage a, .subNavigation ul.level4 li.selectedPage a:link, .subNavigation ul.level4 li.selectedPage a:visited, .subNavigation ul.level4 li.selectedPage a:active, .subNavigation ul.level4 li.selectedPage a:focus, .subNavigation ul.level4 li.selectedPage a:hover { /*color:#d7b322 !important;*/ color:#00ccff !important; } .subNavigation ul.level5 {} .subNavigation ul.level5 li a, .subNavigation ul.level5 li a:link, .subNavigation ul.level5 li a:visited {color:#000 !important;font-size:11px;background:#fff;line-height:13px;padding:6px 18px 14px 35px;font-weight:400;} .subNavigation ul.level5 li a:active, .subNavigation ul.level5 li a:focus, .subNavigation ul.level5 li a:hover, .subNavigation ul.level5 li.selectedPage a, .subNavigation ul.level5 li.selectedPage a:link, .subNavigation ul.level5 li.selectedPage a:visited, .subNavigation ul.level5 li.selectedPage a:active, .subNavigation ul.level5 li.selectedPage a:focus, .subNavigation ul.level5 li.selectedPage a:hover { /*color:#d7b322 !important;*/ color:#00ccff !important; } /* ---------------------------------------------------------------- Footer -----------------------------------------------------------------*/ #mainFooterWrapper { text-align:center; min-width:100%; background: #000 url(images/scapesMainNavigation_bkgd.png) repeat; } .footerNavigation { text-align: center; margin: 30px auto; min-height: 20px; } .footerNavigation li { display: inline-block; width: auto; padding:10px 15px 10px 15px; } .footerNavigation li a { font-size:13px; color:#eee; font-weight:700; text-transform:uppercase; } .footerNavigation li a:focus, .footerNavigation li a:hover { color:#00ccff; } #copyright { font-family:Georgia, serif; font-style:italic; color:#aaa; font-size:13px; text-transform:none; } #copyright a { color:#fff; } #copyright a:focus, #copyright a:hover { color:#00ccff; } #designedBy { font-family:'Open Sans', sans-serif; color:#ccc; font-size:13px; text-transform: lowercase; } #designedBy a { color:#fff; } /* ---------------------------------------------------------------- Random CMS Overrides -----------------------------------------------------------------*/ .element { /* margin:0 0 30px; */ margin:0 0 20px; } .blogList ul, .eventsList ul, .linksModule ul { margin-top:0; border-bottom:1px solid #eaeaea; } .blogList li, .eventsList li, .linksModule li { margin-bottom:18px !important; list-style:none inside !important; margin-left:0 !important; } .blogList li h2, .blogList li h2 a, .eventsList li a, .linksModule li a {font-size:14px !important;line-height:16px !important;margin-bottom:0 !important;font-weight:600 !important;text-transform:none;} .blogList .postInfo, .postDate, .eventDate {color:#888;font-size:11px !important;font-style:italic !important;} .postInfo em {float:right;} .postInfo em a {font-weight:400 !important;font-size:11px;text-transform:uppercase;} .postViewInfo {font-style:italic;color:#999 !important;border:0 !important;} .searchResults {list-style:none outside !important;} .searchResults li {margin:0 0 30px 0 !important;padding:0 0 30px 0 !important;border-bottom:1px solid #eaeaea;list-style:none outside !important;} .remember label {font-size:12px;padding-left:5px !important;} .error {padding:10px;background:#f4e4e4;color:#990000 !important;display:block;margin:15px 0;font-size:12px;} .fileSize {font-size:11px;font-style:italic;} .EviteElement input {max-width:50% !important;} .smallStyle .EviteElement input[type=text], .smallStyle .EviteElement textarea, .SignUpElement input[type=text], .SignUpElement input[type=password], .SignUpElement textarea {width:100% !important;} .SignUpElement fieldset {padding:0 !important;} #ibox_wrapper{border:0;background:#fff;color:#000;-moz-box-shadow:0 0 20px #aaa;-webkit-box-shadow:0 0 20px #aaa;box-shadow:0 0 20px #aaa;} #ibox_content {border:0;background:#fff;color:#000;padding:5px;} #ibox_footer {color:#000;font-size:16px;margin:4px 0;} #website_info input {margin:10px 0;} .noContent {line-height:18px;} /* ---------------------------------------------------------------- Added to style the SiteMap -----------------------------------------------------------------*/ #mainContent .globalMenu { font-size: 1.2em; padding: 10px 10px 10px 20px; list-style: square inside; } #mainContent .globalMenu ul { list-style: square inside; padding: 0px 0px 0px 20px; } #mainContent .globalMenu ul li{ padding: 0px 0px 0px 20px; } /*---------------------------------------------------------- Blog Element ----------------------------------------------------------*/ .postBody {margin:10px 0 0;} .postBody p {margin:0 0 10px 0;} .postInfo {margin-bottom:10px !important;} .archive ul {padding:20px 0 !important;border:0 !important;} .archive ul li ul {padding:0 !important;border:0 !important;margin:20px 0 0 20px !important;} .archive ul li ul li {padding-bottom:15px;} .archive ul li ul li .postInfo {display:inline !important;} .archive li {margin:0 0 6px 0 !important;} .archive .postTitle a, .archive .postTitle a:link, .archive .postTitle a:visited, .archive .postTitle a:active { font-weight:bold; padding:10px; background:#ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px;display:block; color:#000; } .archive .postTitle a:focus, .archive .postTitle a:hover { background:#ddd; } .archive .postArchiveGroup a, .archive .postArchiveGroup a:link, .archive .postArchiveGroup a:visited, .archive .postArchiveGroup a:active { /*color:#d7b322;*/ color:#00ccff; } padding:0 !important; display:inline !important; text-transform:none !important; background:0 !important;-webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius:0px; font-weight:normal !important;} .archive .postArchiveGroup a:focus, .archive .postArchiveGroup a:hover { color:#000; } .archive .postInfo {display:none;} .commentsHead{padding-top:25px;font-size:18px;} .comments dl{background:transparent !important;} div.comments dt {background:transparent !important;margin:0 !important;border:none !important;font-size:14px;font-weight:bold;font-style:italic;font-family:Georgia, "Times New Roman", serif;padding:0 !important;margin:0 0 10px 0;border:0 !important;} div.comments dd {padding:0 !important;font-size:13px;line-height:20px;} div.comments dd.alternate, div.comments dt.alternate {background:#f0f0f0 !important;} dt.comment .commentNumber{display:none;} dt.comment a{text-decoration:none;color:#000;} dd.comment{background:transparent !important;margin:0 !important;padding:15px !important;border-bottom:1px solid #eaeaea;} dd.comment .commentDate{font-size:11px;color:#bbb;margin:0;text-align: right;margin-top: 10px;} .commentsForm{clear:both;padding-top:25px;} .addComment {font-size:16px;} .commentsForm span{line-height:1em;font-size:14px;} .commentsForm img{margin:5px 0;border:1px solid #bbb;} .commentsForm .note{display:none;} div.comments dt.comment, div.comments dt.alternate {padding:15px 15px 0 !important;} div.comments dd.comment, div.comments dd.alternate {padding: 15px !important;} .submitComment {margin-top:15px;} /*---------------------------------------------------------- Calendar ----------------------------------------------------------*/ .event h2 {margin-bottom:10px;} .eventBody {margin:30px 0;} .eventDescription {margin:20px 0;} .eventsCalendar table{border:none !important;border:1px solid #E5E5E5 !important;} .eventsCalendar table.calendarTitle td{background:#e5e5e5 !important;color:#404040 !important;float:none;font-size:18px !important;font-weight:normal !important;padding:15px 0;text-align:center !important;text-transform:uppercase;} .calendarDayHeader{background:#e5e5e5 !important;border:none;color:#404040 !important;} .calendarDay, .calendarWeekendDay{background:#fff;border-top:none;border-right:none;border-bottom:1px solid #e5e5e5;border-left:none;color:#b3b3b3;} .calendarOtherMonthDay{background:#f7f7f7;border-top:none;border-right:none;border-bottom:1px solid #e5e5e5;border-left:none;color:#d9d9d9;} .calendarToday{background:#e5f5f9;border-top:none;border-right:none;border-bottom:1px solid #e5e5e5;border-left:none;color:#404040;} .eventsCalendar .calendarTitle {margin:0;padding:0;background:0 !important;} .eventsCalendar .calendarTitle tr, .eventsCalendar .calendarTitle td {text-align:center !important;background:0 !important;padding:0;} .eventsCalendar table.calendarTitle td a{color:#404040 !important;font-size:12px;} .eventsCalendar .calendarDayHeader{color:#757575;background:#eee !important;font-weight:normal;} .eventsCalendar .calendarDay, .eventsCalendar .calendarWeekendDay, .eventsCalendar .calendarToday, .eventsCalendar .calendarDay, .eventsCalendar .calendarOtherMonthDay{height:60px ;padding:10px;vertical-align:top;} .eventsCalendar tr td{text-align:left !important;padding:0;position:relative;} .eventsCalendar tr td.calendarWeekendDay a:before, .eventsCalendar tr td.calendarDay a:before, .eventsCalendar tr td.calendarToday a:before, .eventsCalendar tr td.calendarOtherMonthDay a:before{content:" ";background:#000;width:10px;min-height:10px;height:10px;display:inline;margin:0px 5px 0 0;position:absolute;display:inline;float:left;} .eventsCalendar tr td.calendarWeekendDay a, .eventsCalendar tr td.calendarDay a, .eventsCalendar tr td.calendarToday a, .eventsCalendar tr td.calendarOtherMonthDay a {background:#000;color:#fff;display:block;float:left;font-family:'Open Sans',sans-serif !important;font-size:11px !important;font-weight:600 !important;*font-weight:500 !important;height:7px;margin:3px 3px 3px 0;zoom:1;text-indent:-9999px;width:7px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .eventsCalendar tr td.calendarWeekendDay a:hover, .eventsCalendar tr td.calendarDay a:hover, .eventsCalendar tr td.calendarToday a:hover, .eventsCalendar tr td.calendarOtherMonthDay a:hover {background:#000;color:#fff;margin-right:-10000px;height:26px !important;display:block !important;line-height:23px !important;padding:0 10px 0 !important;position:absolute;text-decoration:none;text-indent:0;top:12px;left:0px;white-space:nowrap;width:auto !important;z-index:9000;} .eventsCalendar .calendarToday {background:#eee;} .eventsCalendar tr td a:hover:before{background:none;} .eventsCalendar tr td br{display:none;} .eventsCalendar tr td br:first-child{display:block;} .eventDescription ul, .eventDescription ol {border-bottom:0 !important;} .eventDescription ul li {list-style:square outside !important;border-bottom:0 !important;} .eventDescription ol li {list-style:decimal outside !important;border-bottom:0 !important;} .smallStyle .eventsCalendar table.calendarTitle td {font-size:15px !important;padding:10px 2px;} .smallStyle .eventsCalendar table.calendarTitle td a{font-size:10px;} .smallStyle .eventsCalendar .calendarDay, .smallStyle .eventsCalendar .calendarWeekendDay, .smallStyle .eventsCalendar .calendarToday, .smallStyle .eventsCalendar .calendarDay, .smallStyle .eventsCalendar .calendarOtherMonthDay {height:35px ;padding:5px;} .smallStyle .eventsCalendar tr td.calendarWeekendDay a:hover, .smallStyle .eventsCalendar tr td.calendarDay a:hover, .smallStyle .eventsCalendar tr td.calendarToday a:hover, .smallStyle .eventsCalendar tr td.calendarOtherMonthDay a:hover{position:absolute;top:7px;} .smallStyle .eventsCalendar table {font-size:92%;} .smallStyle .eventsCalendar tr td.calendarWeekendDay a, .smallStyle .eventsCalendar tr td.calendarDay a, .smallStyle .eventsCalendar tr td.calendarToday a, .smallStyle .eventsCalendar tr td.calendarOtherMonthDay a {height:6px;width:6px;} /*---------------------------------------------------------- Form ----------------------------------------------------------*/ .form_container{margin:30px 0 0 !important;background:0;padding-bottom:30px;border-bottom:1px solid #eaeaea;} .fieldTitle{clear:both;} .fieldTitle:before, .fieldTitle:after{content:"";display:table;} .fieldTitle:after{clear:both;} .fieldTitle{zoom:1;} .form_container label {line-height:25px;margin-bottom:4px;} .form_container input[type=text], .form_container input[type=password], .form_container input[type=telephone], .form_container input[type=tel], .form_container input[type=email], .form_container textarea, .form_container .textField {-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#333;max-width:100%;padding:8px 10px !important;background:#fff;font-size:12px;border:1px solid #aaa;-webkit-box-shadow: inset 0px 1px 4px 0px rgba(100, 100, 100, 0.3);-moz-box-shadow: inset 0px 1px 4px 0px rgba(100, 100, 100, 0.3);box-shadow: inset 0px 1px 4px 0px rgba(100, 100, 100, 0.3);} .form_container input[type=text]:focus, .form_container input[type=password]:focus, .form_container input[type=telephone]:focus, .form_container input[type=tel]:focus, .form_container input[type=email]:focus, .form_container textarea:focus, .form_container .textField:focus {background:#fff;font-size:12px;border:1px solid #444 !important;outline:0;height:auto;padding:8px 10px !important;} .form_container selext {max-width:70% !important;} .fieldBlock{padding:6px 6px 6px 0 !important;} .fieldItemInner{padding:0 !important;} .fieldItem{margin:0 0 15px;} .fieldItem, .fieldSelected{background:transparent !important;border:none !important;} .formDescription{margin:0 0 30px !important;} .fieldName, .fieldNote {color:#888 !important;font-size:11px !important;font-style:italic !important;padding:0 !important;margin:0 !important;} .type-multiplechoice input, .type-checkbox input {background:transparent !important;background-color:transparent !important;border:none !important;padding:none !important;width:auto !important;} .type-price .textField{margin:0 !important;} .type-sectionbreak .fieldTitle{border-bottom:1px solid #eaeaea !important;font-size:20px !important;margin:10px 0 20px !important;padding:15px 0 !important;text-align:left !important;width:100%;} .type-sectionbreak .title {display:block;font-size:22px;font-weight:600;} .type-phone input, .type-date input, .type-time input, .type-price input, .type-number input{width:50px !important;} .type-address input.city {width:258px !important;} .type-address .zip{width:100px !important;} .type-name input {width:120px !important;} .type-address select.states, .type-address select.states, .type-time select, .type-dropdown select{font-size:12px;margin-top:5px;} .type-time select {width:86px !important;} .type-dropdown select {width:270px !important;} .type-price .fieldNote {margin:6px !important;} .type-price .fieldName {margin:3px 5px 0 0 !important;} .type-date .datePickerImage{padding:0 !important;position:relative;top:11px;} .type-date label, .type-date em{display:none !important;} .fieldItem .fieldTitle .title {padding:0;float:left;} .fieldItem .fieldTitle .req{float:left;color:#990000 !important;} .fieldItemError{padding:10px;background:#f4e4e4 !important;border:1px solid transparent !important;color:#990000;} .errorSummary {padding:10px;background:#f4e4e4 !important;border:1px solid transparent !important;color:#990000;display:block;margin:15px 0 !important;font-size:12px;} .errorSummary p{color:#990000 !important;margin:0;} .fieldItemError .fieldTitle{color:#990000 !important;} .submitButtonContainer {margin:0 !important;padding:0 !important;} .form_container .submitButton {margin:0 !important;font-family: 'Open Sans', sans-serif;cursor: pointer;width:auto !important;padding: 0 12px;font-size: 14px !important;height: 40px;line-height: 40px;background: #333 url(images/noise.png) repeat 0 0 !important;color: #fff !important;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;outline: 0;border: 0;text-transform: uppercase;font-weight: 700;-webkit-appearance:none;-webkit-transition: background-color 0.2s linear;-moz-transition: background-color 0.2s linear;-ms-transition: background-color 0.2s linear;-o-transition: background-color 0.2s linear;transition: background-color 0.2s linear;} .form_container .submitButton:focus, .form_container .submitButton:hover {background-color:#424242 !important;} .form_container .submitButton:active {background-color:#313131 !important;color:#ddd !important;-webkit-transition: background-color 0.0s linear;-moz-transition: background-color 0.0s linear;-ms-transition: background-color 0.0s linear;-o-transition: background-color 0.0s linear;transition: background-color 0.0s linear;} .smallStyle .fieldContent, .smallStyle input, .smallStyle textarea, .smallStyle select, .fieldItem .fieldBlock {max-width:100% !important;} .smallStyle .type-sectionbreak .fieldTitle{font-size:20px !important;margin:10px 0 0 !important;text-align:left !important;} .smallStyle .form_container .title {margin:0 !important;border-bottom:0;} /* ---------------------------------------------------------------- Store Styling -----------------------------------------------------------------*/ .productListing {list-style:none outside !important;margin:0;padding:0;clear:both;} .productListing:before, .productListing:after{content:"";display:table;} .productListing:after{clear:both;} .productListing{zoom:1;} .productListing li { margin: 0 !important;padding:0; list-style: none outside !important; padding: 15px 0 25px; /* margin: 0 0 30px 0 !important; */ margin: 0 0 10px 0 !important; } .productListing h3.productTitle{font-size:18px;} .productListing h3.productTitle a{text-decoration:none;} .productListing li h4.productType, .productListing li h4.productVendor {font-style:italic;font-weight:normal;font-family:Georgia, "Times New Roman", serif;} .productListing li .productImageContainer {width:40%;float:left;} .productListing li .productImageContainer a img, .productListing li .productImageContainer a:link img, .productListing li .productImageContainer a:visited img, .productListing li .productImageContainer a:active img { border:1px solid #eaeaea; padding:4px; background:#fff; opacity: 1.0;-moz-opacity: 1.0; filter:alpha(opacity=100); -webkit-transition:opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition:opacity 0.2s linear; } .productListing li .productImageContainer a:focus img, .productListing li .productImageContainer a:hover img {opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);} .productListing li .productDescription {margin:6px 0 !important;} .productListing li .productPriceContainer {display:block !important;padding:15px 0 0 !important;} .productListing li .productPriceContainer .productPrice {font-size:34px !important;display:block;font-weight:300 !important;margin:10px 25px 0 0 !important;float:left;} .productListing li .productPriceContainer .productSelectOptions, .productListing li .productPriceContainer .productSelectOptions:link, .productListing li .productPriceContainer .productSelectOptions:visited, .productListing li .productPriceContainer .productAddToCart, .productListing li .productPriceContainer .productAddToCart:link, .productListing li .productPriceContainer .productAddToCart:visited {display:block;float:right;} .productListingGrid li.product {width:31% !important;margin:0 2% 0 0 !important;margin-bottom:10px !important;min-height:310px !important;padding:0 !important;float:left !important;clear:none !important;text-align:center;} .productListingGrid .productImageContainer {width:100% !important;padding:0 !important;margin:0 !important;float:none !important;} .productListingGrid .productImageContainer a img, .productListingGrid .productImageContainer a:link img, .productListingGrid .productImageContainer a:visited img, .productListingGrid .productImageContainer a:active img {max-width:100%;border:1px solid #eaeaea;padding:4px;background:#fff;vertical-align:baseline;opacity: 1.0;-moz-opacity: 1.0;filter:alpha(opacity=100);-webkit-transition:opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;transition:opacity 0.2s linear;} .productListingGrid .productImageContainer a:focus img, .productListingGrid .productImageContainer a:hover img {opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);} .productListingGrid h3.productTitle {font-size:14px !important;line-height:17px;} .productListingGrid h3.productTitle a{text-decoration:none;display:block;} .productListingGrid li .productPriceContainer {padding:0 !important;text-align:center !important;float:none !important;margin:0 !important;} .productListingGrid li .productPriceContainer .productPrice {font-size:14px !important;float:none !important;padding:0 !important;margin:0 auto !important;} .productListingGrid .productAddToCart, .productListingGrid .productSelectOptions {display:none !important;} .productListingGrid li:nth-child(2n+1) {clear: none !important;} .productListingGrid li:nth-child(6n) {clear: left !important;} .productDetailImageContainer .productDetailImageList li {margin:0 0 8px 0;} .productDetailImageContainer .productDetailImageList .productDetailImageThumb {margin: 0 0 8px 0 !important;padding:0 !important;} .productDetailImageContainer a img, .productDetailImageContainer a:link img, .productDetailImageContainer a:visited img, .productDetailImageContainer a:active img {background:#fff;padding:4px;border:1px solid #eaeaea;vertical-align:baseline;opacity: 1.0;-moz-opacity: 1.0;filter:alpha(opacity=100);-webkit-transition:opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;transition:opacity 0.2s linear;} .productDetailImageContainer a:focus img, .productDetailImageContainer a:hover img {opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);} .productDetailImageContainer .productDetailImageList .productDetailImageThumb img {padding:4px !important;} h2.productDetailTitle {font-size:26px;font-weight:600;margin-bottom:6px;} h3.productDetailType, h3.productDetailVendor {font-style:italic;font-weight:normal;font-family:Georgia, "Times New Roman", serif;margin-bottom:4px;} .cartContinueShopping{display:none !important;} .cartItems .cartImage img{border:1px solid #eaeaea;padding:4px;} .cartItems .cartDescription a{text-decoration:none;} .shoppingCartContainer .shoppingCart table thead tr th {background:#eaeaea;color:#000;} .shoppingCartContainer .shoppingCart table tfoot tr td.cartDiscount input, .shoppingCartContainer .shoppingCart table input { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;color:#333; height:auto !important; width:auto !important; max-width:100%;padding:8px 10px !important; background:#fff; font-size:12px;border:1px solid #aaa; -webkit-box-shadow: inset 0px 1px 4px 0px rgba(100, 100, 100, 0.3); -moz-box-shadow: inset 0px 1px 4px 0px rgba(100, 100, 100, 0.3); box-shadow: inset 0px 1px 4px 0px rgba(100, 100, 100, 0.3); } .shoppingCartContainer .shoppingCart table tfoot tr td.cartDiscount input:focus, .shoppingCartContainer .shoppingCart table input:focus {background:#fff;font-size:12px;border:1px solid #444 !important;outline:0;height:auto;padding:8px 10px !important;} .cartItemTitle {margin-bottom:4px;} .cartQuantity input {max-width:46px !important;} .cartQuantity a {width:10px;height:10px;background:url(images/deleteItem.jpg) no-repeat 0 0;display:block;text-indent:-9999px;float:right;margin:11px 0 0;} .cartItemsCount {margin:0 0 8px 0 !important;} .cartPrice, .cartQuantity, .cartTotal {text-align:center !important;} .cartUpdate {display:block;margin:0 0 20px 0 !important;text-transform:uppercase !important;} .shoppingCartContainer span.cartSubtotalPrice {font-size:30px !important;font-weight:300 !important;} .shoppingCartContainer span.cartSubtotalPrice .currency {font-size:12px !important;font-weight:700 !important;} body .shoppingCartContainer .shoppingCart span.cartCheckoutButton {background:0 !important;padding:0 !important;margin:20px 0 10px !important;border:0 !important;line-height:40px !important;height:40px !important;} body .shoppingCartContainer .shoppingCart span.cartCheckoutButton input {font-family: 'Open Sans', sans-serif;cursor: pointer;display:inline-block;width:auto !important;padding: 0 12px !important;font-size: 14px;height: 40px !important;line-height: 40px !important;background: #333 url(images/noise.png) repeat 0 0;color: #fff !important;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;outline: 0;border: 0;text-transform: uppercase;font-weight: 700;-webkit-appearance:none;-webkit-box-shadow:rgba(0, 0, 0, 0.7) 0px -1px 0px inset, rgba(0, 0, 0, 0.7) 0px 1px 0px inset, rgba(255, 255, 255, 0.2) 0px 2px 0px inset, rgba(255, 255, 255, 0.1) 0px -2px 0px inset, rgba(0, 0, 0, 0.2) 0px 2px 3px;-moz-box-shadow:rgba(0, 0, 0, 0.7) 0px -1px 0px inset, rgba(0, 0, 0, 0.7) 0px 1px 0px inset, rgba(255, 255, 255, 0.2) 0px 2px 0px inset, rgba(255, 255, 255, 0.1) 0px -2px 0px inset, rgba(0, 0, 0, 0.2) 0px 2px 3px;box-shadow:rgba(0, 0, 0, 0.7) 0px -1px 0px inset, rgba(0, 0, 0, 0.7) 0px 1px 0px inset, rgba(255, 255, 255, 0.2) 0px 2px 0px inset, rgba(255, 255, 255, 0.1) 0px -2px 0px inset, rgba(0, 0, 0, 0.2) 0px 2px 3px;-webkit-transition:background-color 0.2s linear;-moz-transition: background-color 0.2s linear;-ms-transition: background-color 0.2s linear;-o-transition: background-color 0.2s linear;transition:background-color 0.2s linear;} body .shoppingCartContainer .shoppingCart span.cartCheckoutButton input:focus, body .shoppingCartContainer .shoppingCart span.cartCheckoutButton input:hover {background-color:#424242;} body .shoppingCartContainer .shoppingCart span.cartCheckoutButton input:active {background-color:#313131;color:#ddd !important;-webkit-transition:background-color 0.0s linear;-moz-transition: background-color 0.0s linear;-ms-transition: background-color 0.0s linear;-o-transition: background-color 0.0s linear;transition:background-color 0.0s linear;} .shoppingCartContainer .shoppingCart table tfoot tr td.cartDiscount a.applyCode, .shoppingCartContainer .shoppingCart table tfoot tr td.cartDiscount a.applyCode:link, .shoppingCartContainer .shoppingCart table tfoot tr td.cartDiscount a.applyCode:visited {font-family: 'Open Sans', sans-serif;cursor: pointer;display:inline-block;width:auto !important;padding: 0 12px !important;font-size: 14px;height: 40px !important;line-height: 40px !important;background: #333 url(images/noise.png) repeat 0 0 !important;color: #fff !important;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;outline: 0;border: 0;text-transform: uppercase;font-weight: 700;-webkit-appearance:none;border:0 !important;-webkit-box-shadow:rgba(0, 0, 0, 0.7) 0px -1px 0px inset, rgba(0, 0, 0, 0.7) 0px 1px 0px inset, rgba(255, 255, 255, 0.2) 0px 2px 0px inset, rgba(255, 255, 255, 0.1) 0px -2px 0px inset, rgba(0, 0, 0, 0.2) 0px 2px 3px;-moz-box-shadow:rgba(0, 0, 0, 0.7) 0px -1px 0px inset, rgba(0, 0, 0, 0.7) 0px 1px 0px inset, rgba(255, 255, 255, 0.2) 0px 2px 0px inset, rgba(255, 255, 255, 0.1) 0px -2px 0px inset, rgba(0, 0, 0, 0.2) 0px 2px 3px;box-shadow:rgba(0, 0, 0, 0.7) 0px -1px 0px inset, rgba(0, 0, 0, 0.7) 0px 1px 0px inset, rgba(255, 255, 255, 0.2) 0px 2px 0px inset, rgba(255, 255, 255, 0.1) 0px -2px 0px inset, rgba(0, 0, 0, 0.2) 0px 2px 3px;-webkit-transition:background-color 0.2s linear;-moz-transition: background-color 0.2s linear;-ms-transition: background-color 0.2s linear;-o-transition: background-color 0.2s linear;transition:background-color 0.2s linear;} .shoppingCartContainer .shoppingCart table tfoot tr td.cartDiscount a.applyCode:focus, .shoppingCartContainer .shoppingCart table tfoot tr td.cartDiscount a.applyCode:hover {background-color:#424242;} .shoppingCartContainer .shoppingCart table tfoot tr td.cartDiscount a.applyCode:active {background-color:#313131;color:#ddd !important;-webkit-transition:background-color 0.0s linear;-moz-transition: background-color 0.0s linear;-ms-transition: background-color 0.0s linear;-o-transition: background-color 0.0s linear;transition:background-color 0.0s linear;} .shoppingCartError {padding:10px;background:#f4e4e4;color:#990000 !important;display:block;margin:0 0 15px 0;font-size:12px;border:0 !important;} .shoppingCartContainer .shoppingCart p.cartItemsCount {width:100%;} .smallStyle .productListing {margin:0 !important;} .smallStyle .productListing li {margin:0;padding:0;list-style:none outside !important;padding:10px 0 20px;margin:0 0 15px 0 !important;} .smallStyle .productListing h3.productTitle{font-size:16px;} .smallStyle .productListing li .productImageContainer {width:100%;float:none;padding:0;margin:0 0 15px 0;} .smallStyle .productListing li .productPriceContainer .productPrice {font-size:20px !important;display:block;font-weight:300 !important;margin:10px 5px 0 0 !important;float:left;} .smallStyle .productListingGrid li.product {width:100% !important;margin: 0 !important;margin-bottom:10px !important;min-height:auto !important;padding:0 !important;float:left !important;clear:none !important;text-align:center;} .smallStyle .productListingGrid .productImageContainer {width:100% !important;padding:0 !important;margin:0 !important;float:none !important;} .smallStyle .productListingGrid h3.productTitle {font-size:14px !important;line-height:17px;} /*------------------------------------------------------ Photo Gallery ------------------------------------------------------*/ .photoGalleryElement{margin:0;*zoom:1;} .photoGalleryElement .SlideShowContainer { max-width:100%; /*height:100% !important;*/ /*margin-top:1.5em;*/ margin-top: 0px; } .photoGalleryElement .SlideShowContainer .SlideShow[style], .photoGalleryElement .SlideShowContainer .SlideShow .SlideShowImage .captionContainer[style], .photoGalleryElement .SlideShowContainer .SlideShow .SlideShowImage .captionContainer img{display:block;width:100% !important;max-width:100%;overflow:visible !important;} /*.photoGalleryElement .SlideShowContainer .SlideShow > .SlideShowImage{width:200% !important;max-width:200%;} .photoGalleryElement .SlideShowContainer .SlideShow > .SlideShowImage > .SlideShowImage{width:50% !important;max-width:50%;margin:0;}*/ .photoGalleryElement .SlideShowContainer .SlideShow .SlideShowImage .captionContainer[style]{height:auto !important;} .SlideShow{border:0;position:relative;padding:0;margin:0;background:#eee;} .SlideShowImage{border:0;position:relative;padding:0;margin:0;overflow:hidden;text-align:center;text-align:center;margin:auto;} .SlideShowImage a{text-decoration:none !important;border:0 !important;} .sldw_navigation{position:static;overflow:hidden;visibility:hidden;padding:0px;margin:0px;} .sldw_navigation span{padding:0px;margin:0px;} .sldw_caption{position:absolute;left:0;right:0;bottom:0px;margin:0;background:url('../../../../images/sldw_caption_bg_off.png') 0 0 repeat;} .sldw_caption h3{text-align:left;font-size:18px;color:#fff;text-decoration:none;margin:0px;padding:15px 15px 15px 15px;} .sldw_caption_hover{position:absolute;left:0;right:0;bottom:0px;margin:0;background:url('../../../../images/sldw_caption_bg_off.png') 0 0 repeat;} .sldw_caption_hover h3{text-align:left;font-size:18px;color:#fff;text-decoration:none;margin:0px;padding:15px 15px 15px 15px;} .sldw_caption_hover h3:hover{background:url('../../../../images/sldw_caption_bg_on.png') 0 0 repeat;} .captionContainer{text-align:center;position:relative;margin:0 auto;} .photoGalleryElement .thumbnail {border:1px solid #eaeaea !important;margin:0 12px 12px 0 !important;} .photoGalleryElement .thumbContents, .photoGalleryElement .thumbContents a, .photoGalleryElement .thumbContents img {border:0 !important;display:block !important;padding:0 !important;margin:0 !important;width:100%;height:auto;} .thumbnail {border:1px solid #eaeaea !important;margin:0 12px 12px 0 !important;} .thumbContents, .thumbContents a, .thumbContents img {display:block !important;padding:0 !important;margin:0 !important;width:100%;height:auto;} /*------------------------------------------------------ Featured Products ------------------------------------------------------*/ #featuredProductsWrapper { width:960px; margin:0 auto; position:relative; background: #222 url(images/featuredProducts_bkgd.jpg) repeat 0 0; } #featuredProductsWrapper .element { margin-bottom:0; } #featuredProductsWrapper .textElement, #featuredProductsWrapper .productListing, #featuredProductsWrapper .blogList, #featuredProductsWrapper .eventsList, #featuredProductsWrapper .linksModule, #featuredProductsWrapper .form_container { /* padding: 30px; */ padding: 10px; margin:0; } #featuredProductsWrapper .container { /*padding:30px 30px 0;*/ padding: 10px 30px 0; margin:0; } #featuredProductsWrapper .container .title { margin-bottom:10px; } #featuredProductsWrapper .element ol { margin-top: 0; /*padding-top: 30px; */ padding-top: 20px; } #featuredProductsWrapper .productListingDescription { /*padding: 0 30px; */ padding: 0 20px; } #featuredProductsWrapper h1 {color:#fff;border-bottom:1px solid #333;} #featuredProductsWrapper h2, #featuredProductsWrapper h3, #featuredProductsWrapper h4, #featuredProductsWrapper h5, #featuredProductsWrapper h6, #featuredProductsWrapper p, #featuredProductsWrapper {color:#dadada !important;} #featuredProductsWrapper a:focus, #featuredProductsWrapper a:hover {color:#fff;} #featuredProductsList .productWrapper img {background:#000;} #featuredProductsList .productWrapper header {background: #333;} #featuredProductsWrapper .productListingGrid li.product {width:200px !important;margin:0 12px 0 !important;padding:0 !important;float:left !important;clear:none !important;text-align:center;} #featuredProductsWrapper .productListingGrid .productImageContainer {width:100% !important;padding:0 !important;margin:0 !important;float:none !important;} #featuredProductsWrapper .productListingGrid .productImageContainer a img, #featuredProductsWrapper .productListingGrid .productImageContainer a:link img, #featuredProductsWrapper .productListingGrid .productImageContainer a:visited img, #featuredProductsWrapper .productListingGrid .productImageContainer a:active img { max-width:100%; border:1px solid #eaeaea; padding:4px; background:#fff; vertical-align:baseline; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); -webkit-transition:opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear; transition:opacity 0.2s linear; } #featuredProductsWrapper .productListingGrid .productImageContainer a:focus img, #featuredProductsWrapper .productListingGrid .productImageContainer a:hover img {opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);} #featuredProductsWrapper .productListingGrid h3.productTitle {font-size:14px !important;line-height:17px;} #featuredProductsWrapper .productListingGrid h3.productTitle a{text-decoration:none;display:block;} #featuredProductsWrapper .productListingGrid li .productPriceContainer {padding:0 !important;text-align:center !important;float:none !important;margin:0 !important;} #featuredProductsWrapper .productListingGrid li .productPriceContainer .productPrice {font-size:14px !important;color:#fff;float:none !important;padding:0 !important;margin:0 auto !important;} #featuredProductsWrapper .productListingGrid .productAddToCart, #featuredProductsWrapper .productListingGrid .productSelectOptions {display:none !important;} #featuredProductsWrapper .productListingGrid li:nth-child(2n+1) {clear: none !important;} #featuredProductsWrapper .productListingGrid li:nth-child(6n) {clear: none !important;} #featuredProductsWrapper .blogList ul, #featuredProductsWrapper .eventsList ul, #featuredProductsWrapper .linksModule ul {margin-top:0;border-bottom:1px solid #333;} #featuredProductsWrapper .productListing li {border-bottom:1px solid #333;} #featuredProductsWrapper .productListingGrid li {border-bottom:0;} /*------------------------------------------------------ Popup Confirmation ------------------------------------------------------*/ .confirmation-content{-khtml-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0px 0px 50px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 50px rgba(0,0,0,0.5);box-shadow:0px 0px 50px rgba(0,0,0,0.5);} .confirmation-content-message{padding:120px 30px 0 30px !important;text-align:center;color:#000;} .confirmation-content-message strong{font-size:24px;font-weight:normal !important;} /* */ .imgspacing-upperleft{float:left;margin:0 20px 10px 0;} .imgspacing-upperright{float:right;margin:0 0 10px 20px;} .imgspacing-midleft{float:left;margin:10px 20px 10px 0;} .imgspacing-midright{float:right;margin:10px 0 10px 20px;} .imgspacing-lowleft{float:left;margin:10px 20px 0 0;} .imgspacing-lowright{float:right;margin:10px 0 0 20px;} /* */ /* ---------------------------------------------------------------- Mobile Styling Begin -----------------------------------------------------------------*/ @media screen and (max-width: 960px) and (min-width: 770px) { html {-webkit-text-size-adjust: none;} input[type=text], input[type=password], input[type=tel], input[type=email], textarea {-webkit-appearance: none;} .siteContainer {width:100%;max-width:100%;padding:0 5%;} #contentWrapper {width:90%;max-width:90%;padding:0;margin:0 5%;background:#fff;border-bottom:0;} #searchWrapper .searchInput {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-border-top-left-radius: 2px;-webkit-border-bottom-left-radius: 2px;-moz-border-radius-topleft: 2px;-moz-border-radius-bottomleft: 2px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;} #searchWrapper .searchButton {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} .mainNavigation li a, .mainNavigation li a:link, .mainNavigation li a:visited, .mainNavigation li a:focus, .mainNavigation li a:hover, .mainNavigation li.selectedPage a, .mainNavigation li.selectedPage a:link, .mainNavigation li.selectedPage a:visited, .mainNavigation li.selectedPage a:active, .mainNavigation li.selectedPage a:focus, .mainNavigation li.selectedPage a:hover, .mainNavigation li.selectedPageRoot a, .mainNavigation li.selectedPageRoot a:link, .mainNavigation li.selectedPageRoot a:visited, .mainNavigation li.selectedPageRoot a:active, .mainNavigation li.selectedPageRoot a:focus, .mainNavigation li.selectedPageRoot a:hover {padding:0 18px;} .mainNavigation li ul li a, .mainNavigation li ul li a:link, .mainNavigation li ul li a:visited, .mainNavigation li ul li a:active, .mainNavigation li.selectedPage ul li a, .mainNavigation li.selectedPage ul li a:link, .mainNavigation li.selectedPage ul li a:visited, .mainNavigation li.selectedPage ul li a:active, .mainNavigation li.selectedPageRoot ul li a, .mainNavigation li.selectedPageRoot ul li a:link, .mainNavigation li.selectedPageRoot ul li a:visited, .mainNavigation li.selectedPageRoot ul li a:active, .mainNavigation li ul li a:focus, .mainNavigation li ul li a:hover, .mainNavigation li ul li.selectedPage a, .mainNavigation li ul li.selectedPage a:link, .mainNavigation li ul li.selectedPage a:visited, .mainNavigation li ul li.selectedPage a:active, .mainNavigation li ul li.selectedPage a:focus, .mainNavigation li ul li.selectedPage a:hover, .mainNavigation li.selectedPage ul li a:focus, .mainNavigation li.selectedPage ul li a:hover, .mainNavigation li.selectedPageRoot ul li a:focus, .mainNavigation li.selectedPageRoot ul li a:hover {padding:8px 18px;} #mainContent {background:#fff;width:70%;max-width:70%;padding:30px;border-right:1px solid #eaeaea;} #mainSidebar {background:#f3f3f3;width:30%;max-width:30%;} #featuredProductsWrapper {width:100%;max-width:100%;} .smallStyle .SignUpElement fieldset {max-width:100% !important;width:100% !important;padding:0 !important;margin:0 !important;} .smallStyle .SignUpElement fieldset input {max-width:100% !important;width:100% !important;} .shoppingCartContainer table tr {border-top:3px solid #000;} .shoppingCartContainer .shoppingCart table tbody tr td.cartImage {width:100% !important;text-align:left;margin:0 auto;} .applyCode {margin:15px 0 !important;display:block;} body .shoppingCartContainer .shoppingCart span.cartCheckoutButton {border:0 !important;margin:30px 0 0 !important;} body .shoppingCartContainer .shoppingCart span.cartCheckoutButton input {margin:0;} .smallStyle .eventsCalendar table {font-size:10px;} } @media screen and (max-width:769px) { body,p,ol,ul {font-size:15px !important;line-height:22px !important;} html {-webkit-text-size-adjust: none;} input[type=text], input[type=password], input[type=tel], input[type=email], textarea {-webkit-appearance: none;} #mainHeaderWrapper {height:auto !important;} .siteContainer {width:100%;max-width:100%;padding:0 5%;} #mainNavigationWrapper {width:100%;min-width:100%;max-width:100%;padding:0;margin:0;} #mainNavigationWrapper, #mainNavBkgd {height:auto !important;} #mainNavBkgd {margin:0;padding:0;height:auto;} .mainNavigation {display:none;} #mainNavigationShow {width:100%;text-indent:-9999px;font-size:14px;color:#fff;-webkit-appearance: none;border:0;padding:0;margin:0;line-height:46px;cursor:pointer;background:transparent url(images/showNavigationMenu.gif) no-repeat 30px 13px;display:block;} .mobileMenu {margin:0;background:#222;color:#fff;padding:20px;width:100%;float:none;position:absolute;z-index:9999;display:none;} .mobileMenu li ul {float:none;position:relative;} .mobileMenu li {height:auto;width:100% !important;padding: 0 !important;margin:0 !important;float:none;position:relative;} .mobileMenu li a {height:auto !important;width:100% !important;padding:10px 0;background:0 !important;border:0 !important;color:#fff !important;margin:0 !important;font-size:15px;display:block;} .mobileMenu li ul li {height:auto;width:100% !important;float:none;position:relative;} .mobileMenu li ul li a {height:auto !important;width:100% !important;background:0 !important;border:0 !important;color:#fff !important;padding:20px 0 0 20px !important;font-size:12px;display:block;} #featuredProductsWrapper {width:100%;max-width:100%;} #contentWrapper {background:0;border-bottom:0;} #mainContent {background:#fff;width:100%;max-width:100%;padding:20px;float:none;} #mainSidebar {background:#f3f3f3;width:100%;max-width:100%;float:none;border-top:2px solid #000;} .smallStyle .SignUpElement fieldset {max-width:100% !important;width:100% !important;padding:0 !important;margin:0 !important;} .smallStyle .SignUpElement fieldset input {max-width:100% !important;width:100% !important;} #logo {width:100% !important;max-width:100% !important;text-align:center;height:auto !important;padding:0;margin:20px 0 !important;float:none;line-height:36px;font-size:30px;} #headerRight {width:100% !important;max-width:100% !important;padding:0;margin:0;float:none;} .shoppingCartStatus {width:100%;margin:10px auto;padding;0;float:none;text-align:center !important;} #headerRight p {text-align:center !important;} #searchWrapper {width:170px;margin:10px auto 20px;padding:0;float:none;} #searchWrapper .searchInput {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-border-top-left-radius: 2px;-webkit-border-bottom-left-radius: 2px;-moz-border-radius-topleft: 2px;-moz-border-radius-bottomleft: 2px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;} #searchWrapper .searchButton {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} #subSections {width:100%;background:#eaeaea;border:0;} .subSectionsCol {width:100%;float:none;padding:0 20px;} #subSectionsMiddleCol {border:0 !important;} .blogList li h2, .blogList li h2 a, .eventsList li a, .linksModule li a {font-size:18px !important;line-height:20px !important;margin-bottom:0 !important;font-weight:600 !important;text-transform:none;} .productListing li {margin:0 !important;padding:0;list-style:none outside !important;padding:15px 0 25px;margin:0 0 30px 0 !important;} .productListing h3.productTitle{font-size:20px;margin:10px 0 !important;} .productListing li .productImageContainer {width:100%;float:none;margin:0 !important;padding:0 !important;} .productListing li .productPriceContainer .productPrice {font-size:18px !important;display:block;font-weight:300 !important;margin:10px 10px 0 0 !important;float:left;} .productDetailImageContainer, .productDetailImageContainer .productDetailImageList {width:100% !important;max-width:100% !important;padding:0 !important;margin:0 !important;} .productDetailImageContainer .productDetailImageList .productDetailImage {width:100% !important;max-width:100% !important;padding:4px;margin:0;float:none;} .productDetailImageContainer .productDetailImageList li {margin:0 0 8px 0;} .productDetailImageContainer .productDetailImageList .productDetailImageThumb {margin: 0 0 8px 0 !important;padding:0 !important;} .productListingGrid li.product {width:33% !important;margin:0 !important;margin-bottom:40px !important;min-height:auto !important;padding:0 !important;float:left !important;clear:none !important;text-align:center;} table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} table{border-collapse:collapse;border-spacing:0;} caption,th{text-align:center;} table{font-size:12px;} .shoppingCartContainer table tr {border-top:3px solid #000;} .shoppingCartContainer .shoppingCart table tbody tr td.cartImage {width:100% !important;text-align:left;margin:0 auto;} .applyCode {margin:15px 0 !important;display:block;} body .shoppingCartContainer .shoppingCart span.cartCheckoutButton {border:0 !important;margin:30px 0 0 !important;} body .shoppingCartContainer .shoppingCart span.cartCheckoutButton input {margin:0;} .smallStyle .eventsCalendar table {font-size:9px;} } @media screen and (max-width:767px) and (min-width:480px) { .productListingGrid li.product {width:50% !important;float:left !important;} #subSections {width:100%;background:#111;border:0;} .subSectionsCol {width:100%;float:none;padding:0 20px;} #subSectionsMiddleCol {border:0 !important;} .element blockquote, .element q {margin-left:10px;} } @media screen and (max-width:479px) { .productListingGrid li.product {width:100% !important;float:none !important;} #subSections {width:100%;background:#111;border:0;} .subSectionsCol {width:100%;float:none;padding:0 20px;} #subSectionsMiddleCol {border:0 !important;} .element blockquote, .element q {margin-left:10px;} }