/*GLOBAL RESET*/ * {margin: 0;padding: 0;outline: none;} a:active, a:focus,input, input:active, input:focus{ outline: 0; outline-style:none; outline-width:0; } a:active, a:focus,button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: none; } /*RESET CSS*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, figure, footer, header, hgroup, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } ol, li{list-style: none} /* END RESET CSS */ /* /fonts.css from the YUI Library: developer.yahoo.com/yui/ Please refer to developer.yahoo.com/yui//fonts/ for font sizing percentages There are three custom edits: * remove arial, helvetica from explicit font stack * make the line-height relative and unit-less * remove the pre, code styles */ body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; } table { font-size:inherit; font:100%; } select, input, textarea { font:99% sans-serif; } /* normalize monospace sizing */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* MINIMAL BASE STYLES */ /* #444 looks better than black */ body, select, input, textarea { color:#444 !important; } /* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; } html { -webkit-font-smoothing: antialiased; width: 100% } /* Accessible focus treatment */ a:hover, a:active { outline: none; } a, a:active, a:visited { color:#333; } a:hover { color:#555; } small { font-size:85%; } strong, th { font-weight: bold; } td, td img { vertical-align:top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } /* align checkboxes, radios, text inputs with their label */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } /* hand cursor on clickable input elements */ label, input[type=button], input[type=submit], button { cursor: pointer; } /* These selection declarations have to be separate. Also: hot pink. */ ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } ::selection { background:#FF5E99; color:#fff; text-shadow: none; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color: #FF5E99; } /* always force a scrollbar in non-IE html { overflow-y: scroll; }*/ /* make buttons play nice in IE: */ button { width: auto; overflow: visible; } /* bicubic resizing for non-native sized IMG: */ .ie7 img { -ms-interpolation-mode: bicubic; } /* Non-semantic helper classes */ /* for image replacement */ .ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; } /* Hide for both screenreaders and browsers */ .hidden { display:none; visibility:hidden; } /* Hide only visually, but have it available for screenreaders */ .visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* >> The Magnificent CLEARFIX << */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } /* Hides from IE-mac \*/ .clearfix { display: block; } /*************************************************************************** /***************************DEFAULT CSS LAYOUT****************************** ***************************************************************************/ /* Forms */ .HorizontalFormContainer dl, .VerticalFormContainer dl {margin: 10px 0;} .HorizontalFormContainer dt img { vertical-align: middle;float: left;} .HorizontalFormContainer dt .fieldLabel {float:left;padding-top: 4px;padding-left: 4px;} .HorizontalFormContainer dt {padding-top:10px;width: 160px;float: left;clear: left;} .HorizontalFormContainer dd.ProductField {height: 20px;} .HorizontalFormContainer dd {padding-top:4px;margin:15px 0 15px 170px;} .HorizontalFormContainerCreate dt {padding-top:10px;width: 160px;float: left;clear: left;} .HorizontalFormContainerCreate dd {padding-top:4px;margin:15px 0 15px 170px;} .NarrowFormContainer dt {width: 110px;} .NarrowFormContainer dd {margin-left: 120px;} .HorizontalFormContainer{margin:40px 0} .HorizontalFormContainer.NarrowFormContainer{margin: 0} .HorizontalFormContainer p.Submit {margin-left:0; clear:both} .NarrowFormContainer p.Submit {margin-left: 120px;} .VerticalFormContainer dt {margin-bottom: 6px;} .VerticalFormContainer dd {margin-bottom: 6px;margin-left: 10px;G972 } /* Page Containers */ #Container {width: 980px;margin: auto; background:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/center-highlight.png?t=1491504257) no-repeat center top} #ContainerLower {clear: both;float: left;width: 100%;padding: 0 0 20px 0;} #ContainerFooter {clear: both;float: left;min-width:980px;width: 100%;background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/bg-ftr.jpg?t=1491504257) repeat-x bottom; background-position:top;color:#777;height: 320px; margin: 0; padding: 0} #ContainerFooterLower{clear: both;min-width:980px;width:100%;background: #000; height:40px} /* Top Navigational Menu */ #TopMenu {clear: both;float: left;width: 700px;height: 35px;padding:0;margin: 0;} #TopMenu ul {padding: 0;margin: 0;} #TopMenu li {list-style: none;float: left;margin: 7px 0 0 0;padding: 0;} #TopMenu li.First a {border-left: 0;} #TopMenu li a, #TopMenu li div {display: block;text-decoration: none;color: white;font-size: 0.85em;padding: 0 5px 0 10px;margin: 4px 0 4px 0;} #TopMenu li div a {padding: 0;margin: 0;display: inline;font-size: 1em;} #TopMenu li a:hover {text-decoration: underline;} /* Pages Menu */ #Menu { float: right; /*width: 555px; margin: 80px 0 0 0; Moved to Bottom with new Homepage styles*/ } #Menu ul {float: right;margin: 0;padding: 0;} #Menu li {float: left;position: relative;list-style: none;margin: 0;padding: 0;} #Menu li span{display: block;} /*#Menu li a {font-size: 1.25em;text-align: center;text-decoration: none;padding: 6px 3px; color:#000} Moved to Bottom with new Homepage styles*/ #Menu li a:hover {text-decoration: none; color: #444} #Menu li ul {width: auto;position: absolute;clear: left;top: 29px;left: 0;display: none;z-index: 999;padding: 0;margin: 0;} #Menu li ul li {clear: both;margin: 0 10px 0 10px;} #Menu li ul li a {font-size: 0.9em;text-align: left;margin: 0;width: 170px;height: auto;padding: 7px 0 7px 0;} #Menu li ul li a:hover {text-decoration: underline;} #Menu li:hover ul, #Menu li.over ul {display: block;} /* Holly Hack. IE Requirement \*/ * html #Menu ul li { float: left; height: 1%; } * html #Menu ul li a { height: 1%; } /* End */ /* Outer Content Wrapper (Surrounds header & content) */ #Outer {clear:both;} #Wrapper {clear:both;width: 980px;padding: 0;margin: 5px 0 0} /* Header */ #Header {min-height: 115px; border-bottom: 1px solid #ddd;margin-top: -20px;} #HeaderInside{ width: 980px;} #HeaderTop{height:35px; background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/bg-ftr.jpg?t=1491504257) repeat-x top} #HeaderUpper { /* Contains Topmenu & Search */width: 980px;margin:auto;color:white } #HeaderLower {clear: both;float: left;width: 980px;min-height: 45px;background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/white/BgCatMenu.png?t=1491504257) 0 0 no-repeat;} /* Horizontal Category List (Default & Flyout) */ #SideCategoryList {padding: 0;margin: 0;} #SideCategoryList h2 {float: left;min-height: 35px;font-size: 1.3em;padding: 10px 15px 0 10px;margin: 0 5px 0 0;} #SideCategoryList ul, #SideCategoryList .sf-menu ul {float: left !important;width: auto !important;padding: 0;margin: 0;} #SideCategoryList li, #SideCategoryList .sf-menu li {float: left !important;width: auto !important;position: relative;list-style: none;margin: 0;padding: 0;} #SideCategoryList li a, #SideCategoryList .sf-menu li a {display: block;height: 31px;font-size: 1.1em;text-align: center;text-decoration: none;padding: 14px 10px 0 10px;} #SideCategoryList li a:hover, #SideCategoryList .sf-menu li a:hover {text-decoration: underline;} #SideCategoryList li ul, #SideCategoryList .sf-menu li ul { width: auto;position: absolute;clear: left;top: 45px;left: 0;display: none;z-index: 99;padding: 0;margin: 0;} #SideCategoryList li ul li ul, #SideCategoryList .sf-menu li ul li ul {top: 5px;left: 170px;display: none;} #SideCategoryList li ul li, #SideCategoryList .sf-menu li ul li {clear: both;padding: 0;margin: 0 10px 0 10px;} #SideCategoryList li ul li a, #SideCategoryList .sf-menu li ul li a {font-size: 1em;text-align: left;width: 170px;height: auto;padding: 7px 0 7px 0;margin: 0;} #SideCategoryList li ul li a:hover, #SideCategoryList .sf-menu li ul li a:hover {text-decoration: underline;} #SideCategoryList li:hover ul, #SideCategoryList li.over ul {display: block;} #SideCategoryList li:hover ul li ul, #SideCategoryList li.over ul li ul {display: none;} #SideCategoryList li ul li:hover ul, #SideCategoryList li ul li.over ul {display: block;} /* Holly Hack. IE Requirement \*/ * html #SideCategoryList ul li { float: left; height: 1%; } * html #SideCategoryList ul li a { height: 1%; } /* End */ .sf-sub-indicator {display: none !important;} /* Top Search Form */ #SearchForm {float: right;width: 235px;margin: 0;padding:10px;display: inline;position: relative;z-index: 9999;background: #363636;-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} #SearchForm form {} #SearchForm label {display: none;} #SearchForm input {width: 150px;height: 18px;font-size: 0.85em; padding: 2px 3px 2px 3px;border:0} #SearchForm .Button {width: 64px;height: 20px;padding: 0;background: transparent;vertical-align: top;margin: 1px 0 0 3px;} #SearchForm p {display: none;font-size: 0.85em;margin: 5px 0 0 0;} #SearchForm a {text-decoration: none;} #SearchForm a:hover {text-decoration: underline;} /* Left Content Area */ .Left {float: left;width: 190px;margin: 0 10px 0 0;display: inline;} .Left .Block {padding: 0 0 10px 0;} .Left .BlockContent {margin: 0 10px 0 10px;} .Left h2 {font-size: 1.4em;margin: 0;} .Left ul {margin: 0;padding: 0;} .Left li {clear: both;list-style: none;margin: 0;padding: 5px 0 7px 0;} .Left li a {text-decoration: none;} .Left li a:hover { text-decoration: underline;} /* Primary Content Area */ .Content {float: left;width: 580px;min-height: 350px;margin: 0;padding: 0 0 10px 0;} .Content .Block {clear: both;} .Block {margin-top: 0;margin-bottom: 20px;} .BlockContent p {font-size:1.1em; margin-bottom: 20px; line-height: 1.5em} .BlockContent.Create p {font-size:1em; margin-bottom: 5px !important} /* Primary Content Area (column span of 2) */ .Content.Wide {width: 775px;} .Content.Wide.WideWithLeft {width: 850px;} /* Primary Content Area (column span of 3 - spans entire page width) */ .Content.Widest {width: 980px; margin:auto; float:none !important} #PageContent{padding:0 15px} /* Right Content Area */ .Right {float: right;width: 190px;} .Right .Block {padding:0} .Right .BlockContent p {margin:10px 0 15px; font-size: 1em} .Right h2 { font-size: 1.1em;margin: 0;padding: 0; font-weight: bold} .Right ul { margin: 0;padding: 0;} .Right li { clear: both;list-style: none;margin: 0;padding: 5px 0 7px 0;} .Right li a {text-decoration: none;} .Right li a:hover { text-decoration: underline;} #SideCouponCodeBox, #SideGiftCertificateCodeBox, #SideProductRecentlyViewed{padding:10px;background:#f5f5f5; border:1px solid #e5e5e5; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;text-decoration: none} /* Top banner styles */ .Block.banner_home_page_top, .Block.banner_category_page_top, .Block.banner_brand_page_top, .Block.banner_search_page_top {position: relative;margin-top: 0;z-index: 0;} .Block.banner_home_page_top *, .Block.banner_category_page_top *, .Block.banner_brand_page_top *, .Block.banner_search_page_top * {padding: 0;margin: 0;} /* Newsletter Subscription Form */ .NewsletterSubscription {clear: none; float: left; margin-left: 15px; font-family: Arial, Helvetica, sans-serif; } .NewsletterSubscription label {clear: both;float: left;font-size: 0.9em; margin-bottom: 5px;} .NewsletterSubscription label span { color: #C1231B; } .NewsletterSubscription input {width: 160px;font-size: 0.9em;padding: 3px;margin-bottom: 5px; -moz-border-radius:0; -webkit-border-radius: 0; border-radius: 0;} .NewsletterSubscription .button2 {height:28px; width:95px; background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: -286px -484px;display: block;cursor: pointer; border:none; padding: 0; margin:9px 0 0; text-indent: -9999px; font-size:0; line-height: 0; border:none !important} .NewsletterSubscription .button2:hover { background-position: -286px -511px; } /* News Lists */ #HomeRecentBlogs ul {padding-left: 0;margin-left: 0;} #HomeRecentBlogs li {list-style: none;padding: 5px 0 5px 10px;margin: 0;} #LowerRight .FeedLink {float: left;margin: 6px 4px 0 0;} /* Product Listings */ .ProductList {list-style: none;margin: 0;padding: 0;} .Content .ProductList, .Content .ProductList li { list-style: none; padding: 0; margin: 0;} .Content .ProductList li {list-style: none;float: left;width: 232px !important;min-height: 21em;font-size: 1em;margin: 5px 6px 10px 6px;overflow: hidden;} .Content .ProductList .ProductImage {width: 230px;height: 260px;text-align: center;display: table-cell;overflow: hidden;vertical-align: middle;} .Content .ProductList .ProductImage img {vertical-align: middle;} .Content .ProductList .ProductDetails {margin: 5px 0 5px 0;} .ProductList a {text-decoration: none;} .ProductList a:hover {text-decoration: underline;} .ProductList em {margin-top: 3px;display: block;} .ProductPrice, .ProductList em {font-style: normal;font-weight: bold;} .ProductList .Rating {font-size: 0.9em;margin-top: 3px;font-weight: bold;display: block;} .ProductList li .ProductCompareButton {margin-top: 3px;} .ProductList li .ProductActionAdd a {font-size: 0.9em;color:#B7102B; text-decoration: none} .Left .ProductList li, .Right .ProductList li {margin-bottom: 10px;} .Left .ProductList .ProductImage, .Right .ProductList .ProductImage {display: none;} .ImageCarouselBox{height: 75px} .zoom-box{color: #000000;height: 30px;margin: auto;overflow: visible;;text-align: center;width: 240px;font-size:.9em;} .zoom-box p{margin-bottom:0 !important; padding:3px 0} .zoom-info {height:30px;width:30px;background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat scroll left top transparent;background-position: -207px -36px; display: block; float:left;} /* Top Seller Block Specific */ .Right .TopSellers, .Left .TopSellers {clear: both;padding: 0 0 10px 0;} .Right .TopSellers ul, .Left .TopSellers ul {margin: 0;padding: 0;} .Right .TopSellers li, .Left .TopSellers li {clear: both;margin: 0 0 5px 0;} .Right .TopSellers li .TopSellerNumber, .Left .TopSellers li .TopSellerNumber { /* Contains the number of the item */ float: left;width: 22px;font-size: 1.3em;text-align: center;padding: 1px 0 2px 0;} .Right .TopSellers .ProductDetails, .Left .TopSellers .ProductDetails { /* Contains the details of the item */margin: 0;margin-left: 28px;} .Right .TopSellers li.TopSeller1, .Left .TopSellers li.TopSeller1 { /* No1 seller box */} .Right .TopSellers li.TopSeller1 img, .Left .TopSellers li.TopSeller1 img {display: none;} .Right .TopSellers li.TopSeller1 .ProductImage, .Left .TopSellers li.TopSeller1 .ProductImage {display: none;} .Content .TopSellers li.TopSeller1 .TopSellerNumber, .Content .TopSellers li .TopSellerNumber {display: none;} /* Page Breadcrumbs */ #ProductBreadcrumb, #PageBreadcrumb, #CartBreadcrumb, #LoginBreadcrumb, #CreateAccountBreadcrumb, #EditAccountBreadcrumb, #BrandBreadcrumb, #ForgotPasswordBreadcrumb, #AccountBreadcrumb{border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .Breadcrumb ul, .Breadcrumb li {background: none;clear: both;float: none;height: 3em;line-height: 3.5em;font-size: 1em;color: #666;margin: 0;list-style: none;font-weight: bold;text-shadow: 0 1px 0 white;} .Breadcrumb {font-size: 0.9em;padding-bottom: 4px;} .Breadcrumb li {padding:0 3px 0 4px;display: inline;height: 3em;} .Breadcrumb li a {float:left;height: 3em;padding:0 14px 4px 10px;background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/breadcrumb_separator.png?t=1491504257) no-repeat right;text-decoration: none} .FindByCategory ul, .FindByCategory li {list-style: none;padding: 0;margin: 0;} .FindByCategory li {padding-left: 12px;background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/breadcrumb_separator.png?t=1491504257) no-repeat 3px 5px;padding-right: 8px;display: inline;} /* Miscellaneous Definitions */ .Meta {color: #fff;font-size: 0.93em;} .Left .FeedLink, .Right .FeedLink {float: left; margin: 0 7px 0 0;} .Content .FeedLink {float: left;margin: 8px 4px 0 0;} .FloatRight {float: right;} .FloatLeft {float: left;} .ClearRight {clear: right;} .ClearLeft {clear: left;} .SortBox {font-size: 0.95em;color: #fff;padding: 12px 5px 0 0;} .CompareButton {clear: both;text-align: right;margin-top: 12px;padding: 4px;} .Clear {clear: both;} .FormField, .Textbox, #contact_question{border:1px solid #888; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding:5px} .Field45 {width: 45px;} .Field100 {width: 100px;} .Field150 {width: 150px;} .Field200 {width: 200px;} .Field250 {width: 250px;} .Field300 {width: 300px;} .Field350 {width: 350px;} .Field400 {width: 400px;} .MB10 {margin-bottom:10px;} .MT0 {margin-top:0px;} .LH140 {line-height:140%; } .PLRB5 {padding:0px 5px 5px 5px; } .PLR10 {padding:0px 10px 0px 10px; } .PL20 {padding:0px 0px 0px 20px; } .PL21 {padding:0px } .PL40 {padding:0px 0px 0px 40px; } .ML20 {margin:0px 0px 0px 20px; } .MT10 {margin-top:10px; } .PL10 {padding-left:10px; } .PB2 {padding-bottom:2px; } .NoMarginBottom { margin-bottom: 0; } .Required {color: red;font-weight: bold;} .InfoMessage {padding: 0;margin-bottom: 10px;color: #B7102B} .SuccessMessage {padding: 0;margin-bottom: 10px;color: #B7102B} .ErrorMessage {padding: 0;margin-bottom: 10px;color: #B7102B} /************* Page Specific: Create Account / Login Page *************/ .CreateAccount {float: left;width:300px;padding:20px; margin: 20px 30px 20px 0; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;background:#fdfdfd;background:-webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#fafafa));background:-webkit-linear-gradient(top, #fdfdfd, #fafafa);background:-moz-linear-gradient(top, #fdfdfd, #fafafa);} .CreateAccount p, .AccountLogin p{font-size:.9em;margin-bottom:15px} .CreateAccount ul{font-size:.9em;list-style: disc; margin: 0 1.5em 1.5em 0;padding-left: 2.5em;} .CreateAccount ul li{display: list-item;list-style: disc} .AccountLogin {float: left;width: 300px; padding:20px;border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;background:#fdfdfd;background:-webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#fafafa));background:-webkit-linear-gradient(top, #fdfdfd, #fafafa);background:-moz-linear-gradient(top, #fdfdfd, #fafafa);margin: 20px 0} #contactbox{clear:both} #contactbox, #accountbox, .ProductDescriptionContainer, .PreOrderContainer{display:inline; float:left;margin:15px 0;padding:15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;border:1px solid; border-color:#e5e5e5 #dbdbdb #d2d2d2;background:#fdfdfd;background:-webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#fafafa));background:-webkit-linear-gradient(top, #fdfdfd, #fafafa);background:-moz-linear-gradient(top, #fdfdfd, #fafafa);-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;text-decoration: none} input.CreateButton, a.CreateButton{height:34px; width:162px; background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: -286px -339px;display: block;float:left;cursor: pointer; border:none; padding: 0; margin:10px 0; text-indent: -9999px; font-size:0; line-height: 0} input.CreateButton:hover, a.CreateButton:hover{background-position: -286px -375px;} input.LoginButton{height:34px; width:123px; background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: -286px -411px;display: block;float:left;cursor: pointer; border:none; padding: 0; margin:0; text-indent: -9999px; font-size:0; line-height: 0} input.LoginButton:hover{background-position: -286px -447px;} input.ContinueButton, #EditButton{height:35px; width:93px; background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: -413px -412px;display: block;float:left;cursor: pointer; border:none; padding: 0; margin:0; text-indent: -9999px; font-size:0; line-height: 0} #EditButton{background-position: -510px -412px;margin-left: 10px} input.SubmitButton, input.ContactButton{height:34px; width:123px; background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: -160px -411px;display: block;float:left;cursor: pointer; border:none; padding: 0; margin:0; text-indent: -9999px; font-size:0; line-height: 0; border:none !important} input.SubmitButton:hover, input.ContactButton:hover{background-position: -160px -447px;} a.ForgotPass{height:34px; width:162px; background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: 0px -425px;display: block;float:left;cursor: pointer; border:none; padding: 0; margin:10px 0; text-indent: -9999px; font-size:0; line-height: 0} a.ForgotPass:hover{background-position: 0px -460px;} ul.ShippingAddressList, ul.ShippingAddressList li {list-style: none;margin: 0;padding: 0;} ul.ShippingAddressList li {width: 30%;float: left;margin-right: 10px;margin-bottom: 20px;} .Right hr {margin: 5px 0 0;} .Content h3 {margin-bottom: 9px;} .ComparisonCheckbox {float: left;} .SideRecentlyViewed .ProductList li {margin-left: 0;} .SideRecentlyViewed .ProductDetails {margin-left: 0;} /* Product Comparisons */ .ComparisonTable { width: 100%; } .ComparisonTable td { vertical-align:top; font-size: 11px } .CompareFieldName { width:95px; padding:8px 10px 8px 15px; } .CompareFieldTop { padding:5px; text-align:center; } .CompareFieldTop a { text-decoration:none; font-size:10px; } .CompareFieldTop a:hover { text-decoration:underline; } .CompareLeft { padding:5px 10px 5px 10px; } .CompareCenter { text-align:center; padding:5px; } .CompareRating { text-align:center; padding-top:8px; vertical-align:middle; } .CompareProductOption { margin-left:20px; padding-left:5px; } .Availability { color:#a6a6a6; } .LittleNote { color:#a6a6a6; font-size: 0.85em; } .ViewCartLink {padding-left: 30px;padding-top: 10px;padding-bottom: 10px;} /* General Tables */ table.CartContents{margin-bottom: 40px !important} table.General, table.CartContents, table.General {width: 100%;margin: 10px 0; color:#555} table.General thead tr th, table.CartContents thead tr th {padding: 6px 10px;text-align: left;} table.General tbody td, table.CartContents tbody td {padding: 20px 4px 10px;vertical-align: top;} table.General tbody tr.First td {border-top: 0;} /* Cart Contents Table */ .CartContents tbody td {border-bottom: 0;} .CartContents .ProductName a {font-weight: bold; text-decoration: none; font-size: 1.2em} .CartContents tfoot .SubTotal td {text-align: right;font-weight: bold;border-top: 1px solid #ccc !important;} .CartContents tr.carttop{background: #ededed; height: 30px; border: 1px solid #E5E5E5} .CartRemoveLink{height:22px; width: 68px; background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: 0px -378px; display: block; cursor: pointer} a.CartRemoveLink:hover{background-position: 0 -400px} .KeepShopping, .ContinueHome {height:36px; width:162px; background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: 0px -303px;display: block;float:left;cursor: pointer; margin-left: 280px} .KeepShopping:hover, .ContinueHome:hover{background-position: 0px -339px} .ContinueHome{float: none; margin:0} .ProceedToCheckout {} .ProceedToCheckout:hover{} .ProductOptionList, .ProductOptionList li {list-style: none;margin: 0;padding: 0;} .ProductOptionList {margin-top: 5px;} .ProductOptionList li {margin-bottom: 3px;margin-left: 2px;} .ProductOptionList input {vertical-align: middle;} .CheckoutButton{height:34px; width:124px; background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: -160px -267px;display: block;float:left;cursor: pointer} .CheckoutButton:hover{background-position: -160px -303px;} input.UpdateQtyBtn{height:34px; width:145px; background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: -286px -267px;display: block;float:left;cursor: pointer; border:none; padding: 0; margin:0; text-indent: -9999px; font-size:0; line-height: 0} input.UpdateQtyBtn:hover{background-position: -286px -303px;} .MiniCart h3 {font-size: 1.3em;} .MiniCart .SubTotal {text-align: center;font-size: 1.1em;} .JustAddedProduct {width: 128px;overflow: hidden;margin: auto;text-align: center;padding: 5px;margin-bottom: 10px;} .JustAddedProduct strong, .JustAddedProduct a {font-size: 1em;font-weight: normal;display: block;margin-bottom: 3px;} .JustAddedProduct .ProductDetails {font-size: 1.2em;padding-bottom: 10px;} .CategoryPagination .PagingList, .CategoryPagination .PagingList li {list-style: none;padding: 0;margin: 0;} .CategoryPagination {padding: 5px;text-align: center;margin-bottom: 10px;} .CategoryPagination .PagingList li {display: inline;padding: 0 5px;} /* Quick Search */ .QuickSearch { margin: 0; padding: 0; text-align: left; border-collapse: collapse; position: relative; z-index: 9999; } .QuickSearchTitle td, .QuickSearchAllResults td { font-weight: bold; padding: 4px; font-size: 11px; } .QuickSearchResult td { font-size: 12px; padding:8px 0px 8px 8px; cursor: pointer; } .QuickSearchResultImage { margin-left: 4px; margin-right: 10px; text-align: center; } .QuickSearchResultNoImage { padding-top: 10px; color: #777; } .QuickSearchResultName { text-decoration: none; display: block; padding-bottom: 5px; } .QuickSearchResult .Price { font-weight: bold; font-size: 12px; padding-right: 5px; } .QuickSearchHover td{ } .QuickSearchHover a { text-decoration: underline; } .QuickSearchAllResults { text-indent: -7000px; } .QuickSearchAllResults a { text-decoration: underline; height: 25px; display: block; } .QuickSearchAllResults a:active, .QuickSearchAllResults a { outline: none; -moz-outline-style: none; } /* Brand Tag Clouds */ .BrandCloud .smallest { font-size:12px; } .BrandCloud .small { font-size:15px; } .BrandCloud .medium { font-size:18px; } .BrandCloud .large { font-size:20px; } .BrandCloud .largest { font-size:26px; } .BrandCloud a { padding-right: 5px; } .DownloadExpires { padding-top: 3px; font-style: italic; color: #a6a6a6; } .DownloadExpiresToday { color: red; } .CheckoutRedeemCoupon h4 { margin-top: 0; } .CheckoutRedeemCoupon p { margin-top: 10px; margin-bottom: 0;} .BillingDetails {float: left;width: 48%;margin-right: 10px;margin-bottom: 15px;} .ShippingDetails {float: left;width: 48%;margin-bottom: 15px;} .ProductDetailsGrid dt {width: 140px;margin-bottom: 6px;float: left;font-weight: bold;} .ProductDetailsGrid dd {margin-left: 140px;margin-bottom: 6px;} .SubCategoryList {padding: 4px;} .SubCategoryList ul, .SubCategoryList li {list-style: none;margin-left: 0;} .SubCategoryList li {margin-bottom: 4px;padding-left: 25px;background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/SubCategory.gif?t=1491504257) no-repeat 3px 1px;} .SearchTips .Examples {padding: 8px;color: #fff;margin-left: 30px;margin-bottom: 10px;} .ProductDetails .ProductThumb p {margin-top: 10px;font-size: 0.9em;} .ProductReviewList {clear: both;} .SortBox select {font-size: 0.9em;} .SortBox option {color: #444;} .YourAccount li {margin-bottom: 25px;} .YourAccount li a{text-decoration: none;color: #B7102B; font-weight: bold} .SoldOut {color: #a6a6a6;} .RemoveFromWishlistForm {margin: 5px;} .ShippingProviderList {list-style: none;} .GoogleCheckout p, .PayPalExpressCheckout p, .AlternativeCheckout p {margin: 0;font-size: 90%;} .GoogleCheckout, .PayPalExpressCheckout, .AlternativeCheckout {text-align: center;margin-bottom: 10px;clear:both;} div.FacebookLikeButtonContainer{margin:10px !important} div.FacebookLikeButtonContainer iframe{height:25px !important} /** Top Right Locale Chooser (list of flags) **/ #TopMenu li.Flag {} #TopMenu li.Flag div {border: 0;} #TopMenu li.Flag img { margin: 3px;} #TopMenu li.Flag img.Last { margin-right: 0px;} #TopMenu li.Flag img.Selected {border: 2px solid #222;margin: 1px 3px;} #TopMenu .AccountLink a{color:#ff0000} /** Currency Selector **/ .CurrencyList dl {margin: 0;padding: 0;} .CurrencyList dd {padding: 0px;margin: 0px;border: 1px solid #222;background-color: #222;clear: both;} .CurrencyList a {padding: 0 3px 0 5px;display: block;line-height: 1.8;text-decoration: none;font-size: 11px;} .CurrencyList a.Sel {background-color: #222;} .CurrencyList a:hover .Text {text-decoration: underline;} .CurrencyList a .Flag {margin-top: 4px;display: block;float: left;width: 24px;padding-right: 2px;vertical-align: middle;} .CurrencyList a .Text {display: block;padding-left: 24px;} .PrimaryProductDetails .YouSave {font-weight: bold;margin-top: 3px;display: block;} /* Shipping Estimation on Cart Contents Page */ .EstimateShipping {margin-top: 4px;margin-bottom: 4px;font-weight: normal;width: 320px;padding: 7px;float: right;} .EstimateShipping dt {width: 100px;float: left;margin-bottom: 8px;clear: left;} .EstimateShipping dd {margin-bottom: 8px;font-weight: normal;text-align: left;margin-left: 114px;} .EstimateShipping p.Submit {margin-top: 10px;margin-bottom: 3px;} .EstimateShipping label {display: block;margin-bottom: 5px;} .EstimatedShippingMethods {text-align: left;} .EstimatedShippingMethods table {width: 100%;border-collapse: collapse;} .EstimatedShippingMethods .VendorShipping {margin-left: 20px;margin-bottom: 10px;} .EstimatedShippingMethods .Submit {text-align: right;} .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td {text-align: left;} .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price { text-align: right;} .SharePublicWishList {background-color:#222;padding:5px;border:1px solid #444;} /* Express Checkout */ .ExpressCheckoutBlock .ExpressCheckoutTitle {position: relative;padding: 6px 15px;font-size: 14px; font-weight: bold} .ExpressCheckoutBlock h3 a {font-size: 12px;} .ExpressCheckoutBlock {padding-top: 6px; } #CheckoutStepAccountDetails, #CheckoutStepBillingAddress, #CheckoutStepShippingAddress, #CheckoutStepShippingProvider, #CheckoutStepConfirmation, #CheckoutStepPaymentDetails{background-color: #ededed; margin:10px 0; padding-bottom: 5px} #ChooseBillingAddress, #ChooseShippingAddress, .ExpressCheckoutContent form, .ExpressCheckoutContent .InfoMessage, .ExpressCheckoutContent .ErrorMessage{margin:0 30px} .ExpressCheckoutContent form table.CartContents thead{background-color: black; color: white} .CheckoutRedeemCoupon{width:330px; display:none} .ExpressCheckoutBlock .ExpressCheckoutCompletedContent {display: none;} .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {display: inline;font-size: 12px;font-weight: normal;font-style: italic;} .ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {display: none;} span.ExpressCheckoutCompletedContent{display: none !important} a.ChangeLink {position: absolute;right: 15px;} .ExpressCheckoutBlock a.ChangeLink {display: none;} .ExpressCheckoutBlockCompleted a.ChangeLink {display: inline;} .ExpressCheckoutCompletedContent {position: absolute;left: 250px;} .LoadingIndicator {margin-left: 10px;} .LoadingIndicator img {vertical-align: middle;margin-right: 10px;} #TopMenu li.HeaderLiveChat {} .HeaderLiveChat img {vertical-align: middle;} #ProductOtherDetails .ProductDetailsGrid {margin-left: 25px;} .SubCategoryListGrid {padding: 4px;} .SubCategoryListGrid ul, .SubCategoryListGrid li {list-style: none;margin-left: 0;} .SubCategoryListGrid li { margin-bottom: 4px;padding: 10px;margin-left: 10px;background: #fff;float: left;text-align: center;} .SubCategoryListGrid ol {clear: both;} .SubBrandList {padding: 4px;} .SubBrandList ul, .SubBrandList li {list-style: none;margin-left: 0;} .SubBrandList li {margin-bottom: 4px;padding-left: 25px;background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/SubBrand.gif?t=1491504257) no-repeat 3px 1px;} .SubBrandListGrid {padding: 4px;} .SubBrandListGrid ul, .SubBrandListGrid li {list-style: none;margin-left: 0;} .SubBrandListGrid li {margin-bottom: 4px;padding: 10px;margin-left: 10px;background: #fff;float: left;text-align: center;} .SubBrandListGrid ol {clear: both;} .ProductAddToCart dt {float: left;font-weight: bold;width: 140px;margin-bottom: 4px;} .ProductAddToCart dd {margin-left: 140px;margin-bottom: 4px;} .ProductAddToCart dt div.Required, #CartEditProductFieldsForm dt div.Required{width: 8px;} .ProductAddToCart input.Textbox, #CartEditProductFieldsForm input.Textbox{width:181px;} .ProductAddToCart textarea, #CartEditProductFieldsForm textarea{width:183px;height: 50px;} .CartContents .CartProductFieldsLink {font-size: 11px;color: #fff;margin-top: 6px;padding-left: 22px;background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/GiftWrappingAvailable.gif?t=1491504257) no-repeat;padding-bottom: 4px;} .ProductFields dd {margin-bottom: 4px;} .ProductFields {margin-bottom: 15px;} .ProductFields input.Textbox {width:100%;} .ProductFields TextArea {width:100%;} .CartContents .CartProductFieldsRow {border-top: 0;} .CartContents .CartProductFieldsRow dl {margin-top:15px;} p.QuantityInput, p.AddCartButton {text-align: center;} .ProductAddToCart dt.QuantityInput {margin-top: 4px;} .ProductAddToCart dd.AddCartButton span {margin-top: 4px;padding-right: 5px;} .ProductActionAdd {display: block;margin-top: 5px;} .ProductActionAdd a, .ProductActionAdd strong a {text-decoration: underline;} .TagList {margin-top: 20px;} .CartThumb {text-align: center;width: 1px;} .CartThumb img{border:1px solid #888; padding:2px} .WrappingOptions {font-size: 11px;color: #fff;margin-top: 6px;padding-left: 22px;background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/GiftWrappingAvailable.gif?t=1491504257) no-repeat;padding-bottom: 4px;line-height: 1.6;} .ViewAllLink a {padding-top: 10px;display: block;} .SelectGiftWrapMultiple {max-height: 400px;} /* Tabbed Navigation */ .TabNav, .TabNav li {list-style: none;margin: 0;padding: 0;} .TabNav {font-size: 10px;margin-bottom: 10px;padding: 6px 4px 6px 4px;} .TabNav li {display: inline;} .TabNav li a {position: relative;top: 2px;font-size: 12px;padding: 4px;margin-right: 3px;margin-top: 3px;text-decoration: none;} .TabNav li a:hover {text-decoration: none;} .TabNav li.Active a {margin-top: 0px;padding-top: 7px;font-weight: bold;} .ProductAddToCart dd.AddCartButton div.BulkDiscount {display: inline-block;float:left;} .ProductAddToCart dd.AddCartButton div.BulkDiscount div.BulkDiscountLink {padding-left: 4px;} #VendorLogo .BlockContent, #VendorPhoto .BlockContent {margin: 0;text-align: center;} .TransitTime {font-weight: normal;color: #a6a6a6;} .Content .ProductList.List li {margin: 0;margin-top: 6px;display: block;width: auto !important;float: none;clear: both;padding: 6px;min-height: 0;height: 132px;background-image: none;} .Content .ProductList.List .ProductImage {margin: 0 !important;padding: 0px;margin-right: 15px;float: left;background-image: none;width: 120px;height: 120px;} .Content .ProductList.List .ProductDetails {height: auto;display: block;clear: none;padding: 0px;padding-left: 5px;margin: 0px;margin-left: 135px;text-align: left;background-image: none;} .Content .ProductList.List .ProductQty {margin-left: 10px;} .Content .ProductList.List .ProductDescription {font-style: italic;margin-top: 5px;} .Content .ProductList .ProductRightCol {float: right;} .Content .ProductList.List li .ProductCompareButton {text-align: left;margin-top: 10px;} .OrderItemMessage {background-color:#222;padding:7px;margin:10px 0px 10px 0px;} /* Custom Fields - Start */ .LittleNotePassword {color:#a6a6a6;font-size: 0.85em;padding:2px 0px 2px 0px;} .RequiredClear {visibility: hidden;} /* Custom Fields - End */ /* Product Details */ .PrimaryProductDetails .ProductThumb {float: left;width: 340px;} .PrimaryProductDetails .ProductMain {float: right;width: 385px; border: 1px solid #ddd;background:#fcfcfc; -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 2px; box-shadow: rgba(0,0,0,0.1) 0 1px 2px;} .PrimaryProductDetails .ProductThumb p a {font-weight: bold;} .ProductDescription, .ProductReviews, .ProductsByCategory, .ProductOtherDetails {margin-top: 40px;} .PrimaryProductDetails dl {font-size: 0.90em;} .ProductDescriptionContainer, .PreOrderContainer {line-height: 1.5;margin:0 0 25px 0} .PrimaryProductDetails dt {font-weight: bold;width: 80px;clear: left;} .PrimaryProductDetails dd {margin-left: 90px;} .ProductDetailsGrid .DetailRow {clear: both;margin-top: 6px;padding-left: 100px;margin:0 10px 0 10px;} .PrimaryProductDetails h2, .ProductDetailsGrid h2{border: 0;font-size:1.1em; font-weight:bold;background:#e1e1e1;border-bottom:1px solid #ddd; margin:0 0 10px 0;padding:6px 10px; color:#222;border-bottom: 1px solid #eee } .ProductDetailsGrid .Label {display: inline;float: left;font-weight: bold;margin: 0 0 6px -90px;padding-top: 1px; position: relative;text-align: left; width: 70px;} .ProductDetailsGrid .Value {display: inline;} .ProductDetailsGrid .Label .Required {position: absolute; left: -1em;} .ProductOptionList ul, .ProductOptionList li {list-style: none; margin: 0; padding: 0;} .ProductOptionList li { margin-bottom: 3px;} .ProductOptionList input {vertical-align: middle;} /** Search All Form Result - Start **/ .SearchPaging { float: right; font-size: 0.95em;} .SearchSorting {float: right; font-size: 0.95em; margin: 8px 0px;} .SearchSorting select { font-size: 0.95em;} #SearchResultsCategoryAndBrand {margin: 5px;padding: 5px;} .ContentList em, .QuickSearchResultMeta em {font-size: 0.8em;} /** Search All Form Result - End **/ /** AJAX loading box - Start **/ #AjaxLoading { display: none; text-align: center; background: #222; width: 180px; z-index: 10000000000; padding: 5px 10px;} #AjaxLoading img { vertical-align: bottom; margin-right: 5px;} /** AJAX loading box - End **/ /** Product image gallery **/ #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext {float: left; background:none;border:none;margin-top:16px;cursor:pointer; display: none;} #ProductDetails .ProductTinyImageList {float: left;white-space:nowrap; margin:auto;overflow: hidden;width: 80%; } #ProductDetails .ProductTinyImageList ul li {width: 40px;height: 30px;overflow: hidden; float: left;margin-left:3px;border: 1px solid #a6a6a6;} #ProductDetails .ProductTinyImageList ul li div {display: table-cell; text-align: center;} #ProductDetails .ProductTinyImageList ul li .TinyOuterDiv { border: 2px solid white;} #ProductDetails .ProductTinyImageList ul li .TinyOuterDiv:hover, #ProductDetails .ProductTinyImageList ul li .TinyOuterDiv:active{border:2px solid #B7102B !important} #ProductDetails .ProductTinyImageList ul {margin: 0px; padding: 0px; position: relative; list-style-type: none; white-space:nowrap; width: 2500px;} #ProductDetails .ProductThumbImage {height: 220px; width: 220px; margin:auto 3px;} #ProductDetails .ProductThumbImage img{border:1px solid #888; padding:3px} .carousel {position: relative; visibility: hidden; left: -5000px;width: 180px;} #fancy_overlay { background-color: #000!important; opacity:0.8!important; filter:alpha(opacity=80)!important; /* For IE8 and earlier */ } .ImageCarousel .ProductTinyImageList { width: 920px!important; } /** Product image gallery end **/ /** AJAX loading box - End **/ /* Product Videos */ #FeaturedVideo, #VideoList, #VideoSingle { float: left;} #VideoList {padding-left: 5px;} .VideoSeparator {clear: both;} .videoRow { clear: both; margin-bottom: 4px; display: block; height: 75px;} .previewImageContainer { height: 30px; width: 50px;} .videoRow img { float: left; padding-right: 5px;} .videoRowTitle { font-weight: bold;} .videoRowDescription { max-height: 50px; overflow:hidden;} .VideoOverlay { background-image: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/VideoOverlay.png?t=1491504257); background-position: center center; position: absolute; left: 0; height: 100%; width: 100%; top: 0;} .VideoContentContainer { position: relative; margin-left: 3px; padding-left: 92px;} /** If you change the width of the .VideoPreviewSize class below, change the padding-left of the .VideoContentContainer class above **/ .VideoPreviewSize { width: 92px; height: 69px;} .videoRowLength { padding-left: 4px;} .videoRow, .videoRowTitle, .videoRow img, .videoRowLength { cursor: pointer;} #VideoList ul { position: relative; overflow-y: auto; padding:0; margin: 0; width: 240px; height: 265px;} #VideoSingle { padding-left: 10px; width:240px;} #VideoContainer { padding: 5px 0 5px 5px; height: 265px;} .HideElement { display: none;} .VideoSingleTitle { font-weight: bold;} .VideoSingleDescription { padding-top: 10px; overflow-y: auto; height: 220px; padding-right:5px;} .Left #VideoMiddleContainer, .Right #VideoMiddleContainer {display: none;} .Content #VideoSideContainer {display: none;} #VideoSideContainer ul { text-align: center;} #VideoSideContainer ul li { margin-bottom: 5px;} .VideoSideDescription { padding: 2px 10px;} .VideoImageContainer { position: relative; float: left;} .fastCartContent .ProductList li {width: 120px !important;} .fastCartContent .ProductList .ProductImage img {height: 120px !important;} .fastCartThumb img{border: 1px solid #888;padding: 3px;} .fastCartSummaryBox .subtotal, #fastCartNumItemsTxt{float:left} .ToggleSearchFormLink {margin: 8px 5px 0 0;} /*************************************************************************** /*****************************PRIMARY STYLE********************************* ***************************************************************************/ /*Author:MonkeyTag*/ /**FONTS**/ @font-face { font-family: 'PlayBold'; src: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/fonts/play-bold-webfont.eot?t=1491504257); src: local("☺"), url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/fonts/play-bold-webfont.eot?t=1491504257#iefix) format('embedded-opentype'),url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/fonts/play-bold-webfont.woff?t=1491504257) format('woff'), url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/fonts/play-bold-webfont.ttf?t=1491504257) format('truetype'), url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/fonts/play-bold-webfont.svg?t=1491504257#PlayBold) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PlayRegular'; src: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/fonts/play-regular-webfont.eot?t=1491504257); src: local("☺"), url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/fonts/play-regular-webfont.eot?t=1491504257#iefix) format('embedded-opentype'), url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/fonts/play-regular-webfont.woff?t=1491504257) format('woff'), url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/fonts/play-regular-webfont.ttf?t=1491504257) format('truetype'), url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/fonts/play-regular-webfont.svg?t=1491504257#PlayRegular) format('svg'); font-weight: normal; font-style: normal; } /**GENERAL**/ body, body.checkout { /*font-family: 'Exo',Helvetica,Arial,sans-serif;*/ font-family:Helvetica,Arial,sans-serif; font-size: 0.8em; height: 100%; /*background: #fff*/ background: #dddddd; } body.checkout{font-family:Helvetica,Arial,sans-serif;} input, select, textarea {font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size: 12px;} input {padding: 2px;} p {line-height: 1.3;margin-bottom: 15px;} a {font-weight: normal;text-decoration: underline;} h1, h2, .TitleHeading {font-size: 1.8em;font-weight: normal;padding: 5px 0;margin: 0 0 12px 0;} h3 {font-size: 1.4em;margin-bottom: 9px;} h4 {font-size: 1.2em;font-weight: normal;margin-bottom: 4px;} img, img a {border: 0;} ul, ol {margin: 0} li {margin: 0;margin-bottom: 4px;padding: 0;} blockquote {margin-left: 28px;} select option {padding: 0 10px;} hr {margin: 10px 0;padding: 0;height: 1px;border:0;} /**PAGE LAYOUT**/ body.home{background:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/bkg.jpg?t=1491504257) repeat-x; background-position: 0 80px; } /*Header*/ #OrderNowLink, #ViewCartLink { background-image: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257); background-position: -434px -268px; border:0px none transparent; cursor: pointer; display: block; float: right; padding:0px; margin:0px; height: 30px; width: 84px; } #ViewCartLink{background-position:-519px -268px;} /* Logo */ #Logo { /*background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/tabletclaw_logo.png?t=1491504257) no-repeat top; Moved to new homepage styles height:120px; width:365px;*/ display: block; float:left; clear: both; /*margin: 0; margin: 26px 0 0;*/ cursor: pointer; } #Logo h1 {font-size: 3.2em;letter-spacing: -0.025em;padding: 30px 0 0 0;margin: 0;} #Logo #LogoImage {} #Logo h1 a {text-decoration: none; } #IdeaHarvest { clear: none; float: left; margin-top: 55px; } /*Slider*/ .slide-container{margin:0 auto;width:980px;height:400px;position:relative;overflow:hidden;margin-bottom: 50px/*border:5px solid #fff;display: block; float: left;-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px;*/} .slide-wrapper{position:relative;margin: 0} .slide-item{width:980px;height:100%;text-align:center;float:left;} .slide-item-main{overflow:hidden;} .slide-icon{width:575px;height:400px;position:relative;float:left;margin:0 auto;background:transparent no-repeat left ;} .slide-text{width:326px;position: relative; float: left; margin-top: 40px} .slide-item.slide-item-1{background-image:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/slider1-full.jpg?t=1491504257); background-position:0; background-repeat: no-repeat} .slide-item.slide-item-2{background-image:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/slider2-full.jpg?t=1491504257); background-position:0; background-repeat: no-repeat} .slide-item.slide-item-3{background-image:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/slider3-full.jpg?t=1491504257); background-position:0; background-repeat: no-repeat} .slide-item h3{font-family: 'PlayBold', sans-serif;font-size:2.4em;color:black;text-align:left;text-shadow: 0px 1px 1px white;} .slide-item h4, .slide-item h5, .slide-item h6{font-size:1.1em;text-align:left;line-height:24px;margin:20px 0;position:relative;} .slide-item h5{font-size:1.3em; font-weight: 100} .slide-item h6{font-size:.95em; font-weight: 100} .slide-item h4 span, .slide-item h5 span, .slide-item h6 span{display:block;color:black} .slide-container a#previous, .slide-container a#next{width:51px;height:51px;background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: -48px 0px;top:180px;left:10px;text-indent:-9999px;cursor:pointer;z-index:100;position:absolute; opacity:.5; filter:alpha(opacity=50); /* For IE8 and earlier */} .slide-container a#next{background-position:-99px 0px;left:919px;} .slide-container a#previous:hover, .slide-container a#next:hover{opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */} /*slide contents*/ .buy_button { clear: both; float: left; } .buy_button, .preord_button, .preord_button2{width:192px;height:73px;background-image:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257); background-position:0 -111px; cursor: pointer; display: block;margin-top: 20px} .buy_button:hover{background-position:0 -183px;} /*.buy_button_home {width:192px;height:39px;background-image:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite-new.png?t=1491504257); background-position:0 -111px; cursor: pointer; display: block;margin-top: 20px}*/ .buy_button_home {width:80px;height:27px; cursor: pointer; display: block; padding:0px ;} .buy_button_home:hover {background-position:0 -183px;} .preord_button{background-position:-408px -111px} .preord_button:hover{background-position:-408px -183px;} .preord_button2, .preord_button2:hover{width:163px;height:63px;background-position: -601px -111px; margin: 185px 0 0 23px} .preord_button2:hover{background-position: -601px -177px} .spec_button{width:216px;height:73px;background-image:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257); background-position:-191px -111px; cursor: pointer} .spec_button:hover{background-position:-191px -183px;} .imagebox{} a.img_thb{border:5px solid #fff;margin:10px 5px;display: block; float: left;-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; cursor: pointer} a.img_thb:hover{opacity:.8; filter:alpha(opacity=80); /* For IE8 and earlier */} #featured{margin:0 auto;width:980px;height:345px;} #featured .video{ float: left; /*width:400px; height: 225px;*/ /*margin-left:20px; margin-right:50px; border:5px solid #fff;*/ /*-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; */ overflow:hidden; /*margin-top: 23px;*/ clear: both; cursor: pointer; display: block; float: left; overflow: hidden; width: 100%; margin-top:15px; } #featured .VideoWrapper iframe { position: relative; z-index: 50; } #featured .text{float: left; width:500px;height: 270px; margin: 20px 0} #featured .text h4 { font-weight: bold; } #featured .text h3 ul li{font-size: .85em;line-height: 1.6em;font-style: italic} #featured .text ul.checklist li{ padding: 2px 0 2px 23px; background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/checklist.png?t=1491504257) left 50% no-repeat; /*font-family: 'Exo',Helvetica,Arial,sans-serif; */ font-family:Helvetica,Arial,sans-serif; font-weight: 400; font-style: italic} #featured #Thumbnails { clear: left; left: 38px; position: relative; top: -25px; height:42px; width: 445px; overflow:hidden; } #homepageSlides{ float:left; overflow:hidden; } #homepageSlides li{ margin:0 20px; } .video iframe{ float:right; } #slide1 .vimeo{ display: block; height: 79px; left: 49.5%; position: absolute; top: 100px; width: 83px; } #slide1 .slidesBN{ bottom: 30px; cursor: pointer; display: block; height: 53px; left: 40px; position: absolute; width: 179px; } #slide2 .vimeo{ display: block; height: 79px; left: 72%; position: absolute; top: 197px; width: 83px; } #slide2 .slidesBN{ bottom: 30px; cursor: pointer; display: block; height: 53px; left: 40px; position: absolute; width: 179px; } #slide3 .vimeo{ display: block; height: 79px; left: 45%; position: absolute; top: 205px; width: 83px; } #slide3 .slidesBN{ bottom: 30px; cursor: pointer; display: block; height: 53px; left: 40px; position: absolute; width: 179px; } /*Quotes*/ #published{ /*width:380px; height:207px;*/ margin-left:10px; margin-right: 10px; float:left; } #published ul.quotes{width:100%;height:100px;} #published ul.quotes .profile-pic{width:60px; height:70px; background: #000;margin:0 auto;margin-right: 20px; float: left;border:3px solid #fff;-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px;} #published ul.quotes .text{ float: left; width: 870px; display: table; height: 80px } #published ul.quotes h3{ font-size:14px; color:#333; /*font-family: 'Exo',Helvetica,Arial,sans-serif;*/ font-family:Helvetica,Arial,sans-serif; /*font-weight: 400;*/ font-weight: bold; line-height: 1.5em; display: table-cell; vertical-align: middle; } /*Subscribe*/ #subscribe{width:520px; height:200px;float: left; margin: 20px 0; margin-left: 50px} #subscribe .offer{width:290; margin-right: 10px; float:left; } #subscribe .text{width:200px;margin:0 auto; float:left} /*Promo Banners*/ .banner1, a.banner2{width:630px;height: 280px; display: block;float: left; margin:30px 6px 15px; background-image:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/banner1.jpg?t=1491504257); border:5px solid #fff;display: block; float: left;-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; } a.banner2{width:306px;background-image:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/banner2.jpg?t=1491504257); cursor: pointer} /*Footer*/ .Center { /* Centers content */clear: both;width: 980px;padding: 10px 0 0 0;margin: 0 auto;} #Footer {clear: both;font-size: 1em;padding: 0;margin: 0;} #Footer h3{color:#ddd; font-size: 1.5em; font-family: 'PlayRegular';margin:10px 0 13px} #Footer .textbox{font-family:Arial, Droid Sans;} #Footer .grid_1, #Footer .grid_2{display: inline;float: left;position: relative;margin:0 30px;width: 250px;} #Footer .grid_2{margin:0 50px} #list a{float: left;height: 28px;position: relative;text-decoration: none;text-indent: 34px;clear: both;margin:1px 0;color:#777;font-size: .9em; line-height: 24px} #list a:hover{color:#999} #list a span {cursor: pointer;display: block;height: 30px;left: 0;position: absolute;top: 0;width: 24px;} #list a.twitter .social-icon{background:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/connect.png?t=1491504257) no-repeat scroll -48px top transparent} #list a.facebook .social-icon{background:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/connect.png?t=1491504257) no-repeat scroll 0px top transparent} #list a.vimeo .social-icon{background:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/connect.png?t=1491504257) no-repeat scroll -24px top transparent} #list a.mail .social-icon{background:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/connect.png?t=1491504257) no-repeat scroll -168px top transparent} #Copyright{clear: both;font-size: .8em;padding: 0;margin: 0 0 0 0;color: #888;float:left } #Copyright a{color:#999; text-decoration: none} #Copyright a:hover{text-decoration: underline} #Payment{float: right; padding: 0 0 0 0} #Payment ul.payment-icons {float: left;} #Payment ul.payment-icons li {float: left; display: inline; margin-right: 10px;} /*Modal*/ #ModalTitle, .ModalTitle{border-radius: 0 !important} /*Messages/Alerts*/ .SuccessMessage{} /**UTILITIES**/ /*Easybox V1.1*/ /*Lightweight easy to use lightbox clone for jQuery Based on Slimbox2 by Christophe Beyls */ #easyOverlay{position:fixed;z-index:9998;left:0;top:0;width:100%;height:100%;background:#000;cursor:pointer}#easyCenter,#easyBottomContainer{position:fixed;left:50%;top:50%;z-index:9999;overflow:hidden;background:#222}#easyCenter.easyLoading{background:#222 /*url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/loading.gif?t=1491504257) no-repeat center*/} #easyCenter.easyError{background:#222 /*url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/error.png?t=1491504257) no-repeat center*/} #easyContainer,#easyBottom{border:10px solid #222} #easyContainer img,#easyContainer iframe{border:0} #easyBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;color:#666;text-align:left;border-top:none} #easyCloseLink{display:block;float:right;width:20px;height:20px;background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/closebtn.png?t=1491504257) no-repeat center;margin:0 0 0 10px;outline:none} #easyNavigation{float:left;width:32px;height:20px;margin:0 10px 0 0} #easyPrevLink{display:block;float:left;width:15px;height:20px;background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/prevbtn.png?t=1491504257) no-repeat center;outline:none} #easyNextLink{display:block;margin:0 0 0 17px;width:15px;height:20px;background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/nextbtn.png?t=1491504257) no-repeat center;outline:none} #easySlideLink{display:block;float:right;width:20px;height:20px;background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/slidebtn.png?t=1491504257) no-repeat center;margin:0 0 0 10px;outline:none} #easySlideLink.disabled{background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/noslidebtn.png?t=1491504257) no-repeat center} #easyCaption,#easyNumber{display:block;margin-right:60px} #easyCaption.nav,#easyNumber.nav{margin-left:42px} #easyCaption{font-size:12px;font-weight:bold;line-height:16px;height:16px;padding-top:2px} #easyNumber{font-size:10px;line-height:10px;height:10px;padding:4px 0 6px; display: none} /* jTweetsAnywhere V1.2.1*/ /*http://thomasbillenstein.com/jTweetsAnywhere Copyright 2010, Thomas Billenstein Licensed under the MIT license. http://thomasbillenstein.com/jTweetsAnywhere/license.txt*/ .jta-tweet-list{padding: 0; list-style: none;overflow: hidden;} .jta-tweet-list-item{overflow: hidden;margin-bottom: 20px} .jta-tweet-list-item:first-child{} .jta-tweet-profile-image{width: 36px;display: inline;float: left;margin-top:4px} .jta-tweet-profile-image-link{} .jta-tweet-profile-image img{width: 36px;height: 36px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .jta-tweet-body{} .jta-tweet-body-list-profile-image-present{ margin-left: 48px;} .jta-tweet-user-name{font-weight: bold;} .jta-tweet-user-screen-name{} .jta-tweet-user-full-name{color: #ededed;} .jta-tweet-text{font-size: .9em;} .jta-tweet-user-screen-name-link, .jta-tweet-user-full-name-link, .jta-tweet-a, .twitter-anywhere-user {color: #900;text-decoration: none;} .jta-tweet-user-screen-name-link:hover, .jta-tweet-user-full-name-link:hover, .jta-tweet-a:hover, .twitter-anywhere-user:hover {color: #900;text-decoration: underline;} .jta-tweet-link{} .jta-tweet-link:hover{} .jta-tweet-hashtag{} .jta-tweet-hashtag:hover{} .jta-tweet-attributes{display: block;color: #999;font-size: .85em; margin-top: 3px;} .jta-tweet-timestamp{} .jta-tweet-source{} .jta-tweet-inreplyto{} .jta-tweet-location{} .jta-tweet-retweeter{} .jta-tweet-timestamp-link, .jta-tweet-source-link a, .jta-tweet-inreplyto-link, .jta-tweet-location-link, .jta-tweet-retweeter-link {color: #999;text-decoration: none;} .jta-tweet-timestamp-link:hover, .jta-tweet-source-link a:hover, .jta-tweet-inreplyto-link:hover, .jta-tweet-location-link:hover, .jta-tweet-retweeter-link:hover {color: #999;text-decoration: underline;} .jta-tweet-list-controls{margin-top: 20px;} .jta-tweet-list-controls-button{padding: 5px;padding-left: 20px;padding-right: 20px;text-align: center;} .jta-tweet-list-controls-button:hover{color: black;cursor: pointer;} .jta-tweet-list-controls-button-more{} .jta-tweet-list-controls-button-prev{} .jta-tweet-list-controls-button-next{margin-left: 10px;} .jta-tweet-list-autorefresh-trigger{padding: 8px 0px 8px 0px;margin-bottom: 10px;text-align: center;} .jta-tweet-list-autorefresh-trigger:hover{color: black;cursor: pointer;} .jta-tweet-list-autorefresh-trigger-content{} .jta-follow-button{} .jta-tweet-box{} .jta-connect-button{} .jta-login-info{} .jta-login-info-profile-image{width: 48px;display: inline;float: left;} .jta-login-info-profile-image img{width: 48px;height: 48px;} .jta-login-info-block{margin-left: 58px;} .jta-login-info-screen-name{} .jta-login-info-sign-out{width: 97px;margin-top: 2px;padding: 1px;text-align: center;} .jta-login-info-sign-out:hover{color: black;cursor: pointer;} .jta-loading{margin: 0; padding: 8px 0px 8px 0px;} .jta-error{margin: 0;padding: 8px;color: #000;} .jta-nodata{margin: 0;padding-top: 8px;padding-bottom: 8px;} .jta-clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} /*MailChimp*/ #mc_embed_signup{clear:left; } #mc_embed_signup .asterisk, #mc_embed_signup .asterisk2{color: #B7102B !important;font-size: 150% !important} #mc_embed_signup .asterisk2{font-size: 100%} #mc_embed_signup .indicates-required2{font-size: .85em} #mc_embed_signup .mc-field-group input, #mc_embed_signup .mc-field-group2 input{border:1px solid #888; text-indent:1% !important} #mc_embed_signup .mc-field-group2{margin:2px 0} #mc_embed_signup .mc-field-group2 input{margin: 1px 0;padding:5px;width:175px} #mc_embed_signup div#mce-responses{margin: 0 !important} #mc_embed_signup .button2{height:28px; width:95px; background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: -286px -484px;display: block;cursor: pointer; border:none; padding: 0; margin:9px 0 0; text-indent: -9999px; font-size:0; line-height: 0; border:none !important} #mc_embed_signup .button2:hover{background-position: -286px -511px;} #mc_embed_signup form.subscribe, #mc_embed_signup form.subscribe2{background: #2f2f2f !important; padding:2px 10px 7px !important; width:190px; margin:6px 0;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #mc_embed_signup form.subscribe2{background: none !important;-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} /*LightBox*/ .Nav .PrevLink, .Nav .NextLink{width:51px;height:51px;background:transparent url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/css_sprite.png?t=1491504257) no-repeat; background-position: -48px 0px;top:160px;left:0;text-indent:-9999px;cursor:pointer;z-index:100;position:absolute; opacity:.1; filter:alpha(opacity=10); /* For IE8 and earlier */} .Nav .NextLink{background-position:-99px 0px;left:929px;} .Nav .PrevLink:hover, .Nav .NextLink:hover{opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */} #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 500; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 600; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } .productAttributeList { width:350px; } .fb-like { /*position: absolute !important; right: -4px; top: 76px;*/ float:right; margin:3px 15px 0 0; } .Home .productAddToCartRight { /*bottom: 10px; position: relative; right: 108px;*/ } .Cart #OrderNowLink, .Cart #ViewCartLink { display:none; } #HomeFeaturedProducts .ProductList li { width:180px !important; } #HomeFeaturedProducts { float: left; margin-top: 25px; } .ProceedToCheckout { float: right; position: relative; right: 50px; } .UpdateQty { left: 455px; position: relative; } .KeepShopping { display:none !important; } /*============================================================== Styles for Homepage 2-21-2013 ============================================================*/ #Header{ height: 142px; margin: 5px 0 0; } #HeaderInside{ background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/NavigationBG.png?t=1491504257) repeat-x scroll center bottom transparent; height:95px; margin:0 0 15px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; } #Header .productAddToCartRight{ float: right; } #Header .ProductDetailsGrid .DetailRow{ margin:0px; padding:0px } #Logo{ background:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/tabletclaw_logo.png?t=1491504257) no-repeat scroll 0 -15px transparent; height:85px; width:370px; } #Menu{ margin:13px 0 0; width:605px; } #Menu li { height: 77px; text-align: center; width: 75px; } #Menu li:hover{ -moz-box-shadow: 0 0 6px #c0c0c0 inset; -webkit-box-shadow: 0 0 6px #c0c0c0 inset; -ms-box-shadow: 0 0 6px #c0c0c0 inset; -o-box-shadow: 0 0 6px #c0c0c0 inset; box-shadow: 0 0 6px #c0c0c0 inset; } #Menu li.First:before{ display:none; } #Menu li:before{ border-left: 1px solid #DEDEDE; border-right: 1px solid #F8F8F8; content: " "; display: block; height: 77px; left: -2px; position: absolute; top: 0px; width: 0; } #Menu li span{ height:100%; width:100%; } #Menu li a{ color: #000000; display: block; font-size: 13px; height: 47px; padding: 30px 0 0; text-align: center; text-decoration: none; width: 100%; } /*Social Trophy Logos*/ #trophy{width:980px; margin:10px auto 45px} #trophy h4 { font-size: 1.4em; font-weight:bold; margin: 0 15px 0 0; } #trophy ul { clear: none; float: left; width: 700px; } #trophy ul li { clear: none; float: left; margin: 0 5px 10px 0; } #trophy ul li img { height: 56px!important; width: 165px!important; } #trophy .banner-social { clear: none; /*float: left; height:275px; width: 390px; */ } #trophy .banner-social ul li { /*width: 150px;*/ margin: 5px 0; clear: both!important; float: none!important; } #trophy .banner-social ul li img { width: auto!important; height: auto!important; float: left; } #trophy .banner-social ul li a.tumblr span { background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/tumblr.png?t=1491504257) no-repeat center; } #trophy .banner-social ul li a.pinterest span { background: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/pinterest.png?t=1491504257) no-repeat center; } #trophy .fb-like{margin:0 auto 10px;} #trophy .banner_home_page_top { /*float:left; width: 590px;*/ } #trophy .jcarousel-skin-tango .jcarousel-container-horizontal{ width:980px; } #trophy .jcarousel-skin-tango .jcarousel-item { height: 112px; margin: 0 5px 10px 30px; width: 523px; } #trophy .jcarousel-skin-tango .jcarousel-item ul{ padding: 0 0 0 50px; width: 500px } #trophy .jcarousel-skin-tango { /*width:585px;*/ } #trophy .jcarousel-skin-tango .jcarousel-clip-horizontal{ margin: 0 0 0 31px; width: 925px; } #trophy h4, #published h3, #featPartner p{ /*font-family:icon;*/ font-size:18px; font-weight:bold; } #shadow-bottom{ /*background: #fff url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/shadow-bottom.png?t=1491504257) center bottom no-repeat;*/ f background-color:#dddddd; loat:left; } #shadow-top{ background: #eee url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/shadow-top.png?t=1491504257) center top no-repeat; margin: 0 0 ; min-width: 980px; width: 100%; float:left; } #middle-container{background: #d4d4d4; background-image: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/bottom_shadow.png?t=1491504257);background-repeat: repeat-x;background-position: 50% top;border-top: white solid 1px;} #middle-content{width:980px;height:247px; margin:0 auto; overflow: hidden} #lower-content{background-color: #FCFCFC;background-image: url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/bottom_shadow.png?t=1491504257);background-repeat: repeat-x;background-position: 50% top;border-top: white solid 1px;clear: both;min-width: 980px; width: 100%} #featPartner{ float: left; height: 44px; margin: -13px 0 0; width: 500px; } #featPartner p{ float: left; font-family: helvetica; font-size: 16px; font-weight: bold; margin: 0 7px 0 0; padding: 13px 0 0; } #featPartner img{ float:left; margin:0 5px; } /* slider styles */ li.slides{ height:552px; width:981px; } li.slides a{ text-decoration:none; } #slide1{ background:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/slides/Claw_slide_1.jpg?t=1491504257) no-repeat scroll center center transparent; display:none; } #slide2{ background:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/slides/Claw_slide_2.jpg?t=1491504257) no-repeat scroll center center transparent; display:none; } #slide3{ background:url(//cdn2.bigcommerce.com/server300/8b131/templates/__custom/images/slides/Claw_slide_3.jpg?t=1491504257) no-repeat scroll center center transparent; } /*============================================================== Styles for FAQ 2-22-2013 ============================================================*/ .faqCont{ float: left; margin: 0 0 15px; padding: 5px; width: 830px; } .faqQuestion{ background-color: #EEEEEE; border:1px solid #DEDEDE; font-size:20px; font-weight:bold; padding:5px; } .faqAnswer{ background-color: #ffffff; display:none; float: left; margin:0 0 0 4px; padding: 5px; width: 98%; } .faqAnswer p{ padding:5px; margin:0px; } .faqAVideo{ float:right; } .faqAPictures{ background-color: #dddddd; border:1px solid #cccccc; margin:4px; padding:5px; } .faqAPictures img{ height:140px; width:195px; } /*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-tmp iframe, .fancybox-tmp object { vertical-align:top; padding:0; margin:0 } .fancybox-wrap { position:absolute; top:0; left:0; z-index:8020 } .fancybox-skin { position:relative; padding:0; margin:0; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .fancybox-opened { z-index:8030 } .fancybox-opened .fancybox-skin { -webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); box-shadow:0 10px 25px rgba(0, 0, 0, 0.5) } .fancybox-outer, .fancybox-inner { padding:0; margin:0; position:relative; outline:none } .fancybox-inner { overflow:hidden } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch } .fancybox-error { color:#444; font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:10px } .fancybox-image, .fancybox-iframe { display:block; width:100%; height:100%; border:0; padding:0; margin:0; vertical-align:top } .fancybox-image { max-width:100%; max-height:100% } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url('../../img/fancybox/fancybox_sprite.png') } #fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8020 } #fancybox-loading div { width:44px; height:44px; background:url('../../img/fancybox/fancybox_loading.gif') center center no-repeat } .fancybox-close { position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040 } .fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; background:transparent url('../../img/fancybox/blank.gif'); -webkit-tap-highlight-color:rgba(0, 0, 0, 0); z-index:8040 } .fancybox-prev { left:0 } .fancybox-next { right:0 } .fancybox-nav span { position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden } .fancybox-prev span { left:20px; background-position:0 -36px } .fancybox-next span { right:20px; background-position:0 -72px } .fancybox-nav:hover span { visibility:visible } .fancybox-tmp { position:absolute; top:-9999px; left:-9999px; padding:0; overflow:visible; visibility:hidden } #fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:#000 } #fancybox-overlay.overlay-fixed { position:fixed; bottom:0; right:0 } .fancybox-title { visibility:hidden; font:normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position:relative; text-shadow:none; z-index:8050 } .fancybox-opened .fancybox-title { visibility:visible } .fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8030; text-align:center } .fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0, 0, 0, 0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap } .fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#fff } .fancybox-title-inside-wrap { margin-top:10px } .fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8) } #fancybox-buttons { position:fixed; left:0; width:100%; z-index:8050 } #fancybox-buttons.top { top:10px } #fancybox-buttons.bottom { bottom:10px } #fancybox-buttons ul { display:block; width:170px; height:30px; margin:0 auto; padding:0; list-style:none; background:#111; -webkit-box-shadow:0 1px 3px #000, 0 0 0 1px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 255, 255, .05); -moz-box-shadow:0 1px 3px #000, 0 0 0 1px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 255, 255, .05); background:#111 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .2)), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.5, rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .15))); background:#111 -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .15) 100%); border-radius:3px } #fancybox-buttons ul li { float:left; margin:0; padding:0 } #fancybox-buttons a { display:block; width:30px; height:30px; text-indent:-9999px; background-image:url('../../img/fancybox/fancybox_buttons.png'); background-repeat:no-repeat; outline:none } #fancybox-buttons a.btnPrev { width:32px; background-position:6px 0 } #fancybox-buttons a.btnNext { background-position:-33px 0; border-right:1px solid #3e3e3e } #fancybox-buttons a.btnPlay { background-position:0 -30px } #fancybox-buttons a.btnPlayOn { background-position:-30px -30px } #fancybox-buttons a.btnToggle { background-position:3px -60px; border-left:1px solid #111; border-right:1px solid #3e3e3e; width:35px } #fancybox-buttons a.btnToggleOn { background-position:-27px -60px } #fancybox-buttons a.btnClose { border-left:1px solid #111; width:38px; background-position:-57px 0px } #fancybox-buttons a.btnDisabled { opacity :0.5; cursor:default } #fancybox-thumbs { position:fixed; left:0; width:100%; overflow:hidden; z-index:8050 } #fancybox-thumbs.bottom { bottom:2px } #fancybox-thumbs.top { top:2px } #fancybox-thumbs ul { position:relative; list-style:none; margin:0; padding:0 } #fancybox-thumbs ul li { float:left; padding:1px; opacity:0.5 } #fancybox-thumbs ul li.active { opacity:0.75; padding:0; border:1px solid #fff } #fancybox-thumbs ul li:hover { opacity:1 } #fancybox-thumbs ul li a { display:block; position:relative; overflow:hidden; border:1px solid #222; background:#111; outline:none } #fancybox-thumbs ul li img { display:block; position:relative; border:0; padding:0 }