/* Version: 1.0 Author: Silkstream Ltd Author URL: http://www.silkstream.net */ /*********************************************************************** * CSS Table of Contents * ---------------------------------------------------------------------- * Reset CSS.....................................................(Line ) * Basic Global CSS..............................................(Line ) * Basic Global Classes..........................................(Line ) * Container CSS.................................................(Line ) * Header CSS....................................................(Line ) * Breadcrumb CSS................................................(Line ) * Homepage CSS..................................................(Line ) * Column/Filter CSS.............................................(Line ) * Category CSS..................................................(Line ) * Product CSS...................................................(Line ) * Pagination CSS................................................(Line ) * Footer CSS....................................................(Line ) * Default Styling CSS...........................................(Line ) ***********************************************************************/ @import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700); @import url(//fonts.googleapis.com/css?family=Oswald:400,700); /******* Reset CSS *******/ 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, font, 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 {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} /******* Basic Global CSS *******/ body {margin:0; padding:0; font:100% 'Ubuntu', Arial, Helvetica, sans-serif; color:#454545;} a, object { outline:0;} a {color:#454545; text-decoration:underline;} a:hover { text-decoration:none;} img { border:none;} strong { font-weight:bold;} em{ font-style:italic;} /******* Basic Global Classes *******/ .clearer { clear:both;} .floatLeft { float:left;} .floatRight { float:right;} .textalignLeft { text-align:left;} .textalignRight { text-align:right;} .overflow-h { overflow:hidden;} .aligncenter, img.aligncenter {clear:both;display: block;margin-left: auto;margin-right: auto;} .ellipsis{ white-space:nowrap; overflow:hidden;} .ellipsis:after{content:'…';} .borderRadius2 { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .borderRadius4 { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .borderRadius6 { -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;} .borderRadius8 { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;} .borderRadius10 { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} /******* Assests Call CSS ********/ #header #logo a, #header #logo a:hover, #dropDownMenu .category .title a, #dropDownMenu .category ul li a, #breadCrumb ul li.start a, #suggestSearch form input.formGo, #header #utilites ul li .arrow, #customerFaq .title div, #customerFaq .title a, #productImage, #productImage .zoomIcon, #productInfo .options ul.btm, #productInfo .options ul.btm .left, #productInfo .options ul.btm .right, .txtSelect span.sl, .txtSelect span.sr, .txtSelect p, .txtSelectSmall p, #productInfo #basketBtn input, #productLeft span#moreImages a, #productLeft span#moreImages a.on, #productLeft .thumbs li.on a em, #proTabs .right, #proTabs .left, #proTabs ul, #proTabs ul li.div, #proTabs ul li a, #proTabs ul li.on a em, #proTabs ul li a:hover em, #proTabsInfo .btmL, #proTabsInfo .btmR, #proTabsInfo .right, #proTabsInfo .left, ul.basket .btn a, ul.recent li a, .testimonial .title, #productLeft span#moreImages a .arrow, .home #proTabsInfo .center a.arrowLeft, .home #proTabsInfo .center a.arrowRight, #dropDownMenu .category .title strong, .defaultForm input, .defaultForm select, .defaultForm textarea, input.btn_proceed, #backLink {background-image:url(/images/assets.png); background-repeat:no-repeat; background-color:transparent; display:block;} /******* Assests Checkout Call CSS ********/ #boxContainerLg h2.title, #dividerOr, a#upload, #artworkDecision, #requireArtwork, #uploadWrapper, #uploadProgress, #uploadProgress div, #artworkRequired textarea, #artworkRequired input, #oldUpload .upload, #boxContainer .title, div#standardCheckout a, form.checkoutForm input, form.withMargin ul li textarea, form.checkoutForm fieldset li.inputMedSelect, a.uploadTroubles, #respond .form-submit input, ul#columnNav li.widget-container select, #basketContinue a, a.addComment, .saveComment, #review_products textarea, #artworkNotes input {background-image:url(/images/assets_checkout.png); background-repeat:no-repeat; background-color:transparent; display:block;} /******* Container CSS ********/ #pageContainer { margin:0 auto; position:relative; z-index:100;} #contentArea { max-width:1182px; min-width:990px; margin:0 auto; clear:both; overflow:hidden; background:url(../images/contentarea_left_bg.jpg) repeat-y top left; position:relative; z-index:9000;} #contentAreaFull { max-width:1182px; min-width:990px; margin:0 auto; clear:both; overflow:hidden; position:relative; z-index:9000;} #contentArea #content { margin:0 0 0 210px; background:none; padding:18px 0 0 0;} #contentArea #column { width:210px; float:left; min-height:630px; height:auto !important; height:630px; clear:left;} .artwork-options #contentArea {background:#fff;} .your-basket #contentAreaFull #content, .contact-us #contentAreaFull #content, .quotation #contentAreaFull #content, .catalogue-request #contentAreaFull #content { margin:0; } #contentAreaFull #artwork { margin:0; } .home #contentArea { background:none; } .product #contentArea, .checkout #contentArea, .blog #contentArea, .retrieve-password #contentArea{ background:url(../images/contentarea_right_bg.jpg) repeat-y top right;} .product #contentArea #column, .checkout #contentArea #column, .blog #contentArea #column, .retrieve-password #contentArea #column {float:right;} .product #contentArea #content, .checkout #contentArea #content, .blog #contentArea #content, .retrieve-password #contentArea #content { margin:0 210px 0 0;} #contentShadow {max-width:1182px; min-width:990px; width:100%; height:20px; background:none; position:absolute; top:43px; left:0;} #bgShadow {max-width:1181px; min-width:990px; width:100%; height:85px; margin:0 auto; -moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.5); box-shadow:0 0 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.5); position:absolute; top:118px; left:-50%; right:-50%; z-index:20; background:transparent;} /*** Landing Pages CSS ***/ #landing-page-contentArea {width:1000px;margin: 0 auto 0;position: relative;} .lp-form {position:relative; display:block; height:351px; background:url(/media/images/landing-page_2_v1_02.gif) no-repeat 0 0; width:1000px;} .lp-form .lp-input-text {border: none;position: absolute;height: 20px;padding: 11px;line-height: 17px;width: 510px;font-size: 15px;} .lp-form .lp-submit {background: url(/media/images/landing-page_2_fbtn.jpg) no-repeat 0 0;cursor:pointer;border: none;outline: none;color: transparent;position: absolute;width: 338px;height: 56px;display: block;padding: 0;margin: 0;} /******* Header CSS ********/ #header { max-width:1182px; min-width:990px; margin:0 auto 0; position:relative} #header #utilites ul{ font-size:12px; margin:12px 11px 10px 0; float:right; } #header #utilites ul li{ color:#454545; display:inline; list-style:none;} #header #utilites ul li.divider{ padding:0 5px;} #header #utilites ul li a{ color:#454545; text-decoration:none;} #header #utilites ul li a:hover{text-decoration:underline;} /*#header #utilites ul li .arrow { padding:3px 8px; margin:0 0 0 5px; background-position:-1172px -116px; display:inline;}*/ /*Will be Added in phase2*/ #header #utilites ul li img{ vertical-align:middle} #header #utilites ul li a.itemAdded { font-weight:bold;} #header #utilites .currency {vertical-align: middle; margin: 0 5px 0 0;} #header #logo {width:275px; height:106px; overflow:hidden; margin:0; padding:0;} #header #logo a {background-position:-290px 5px; width:200px; height:106px; display:block; text-indent:-99999px;} #header #logo a:hover {background-position:-577px 5px;} #socialHeader { position:absolute; top: 35px; left: 230px; color: #000; vertical-align: middle; height: 40px;} #socialHeader .title { font-weight:bold; margin:0 0 8px 0; font-size: 18px;} #socialHeader iframe{ vertical-align: bottom;} /*#header #phone { width:320px; height:54px; background-position:-881px 0; text-indent:-99999px; margin:2px 11px 0 0; clear:right; float:right;}*/ #header #phone {background-position: -880px -6px;clear: right; color: #3C4246; float: right; font-size: 17px; height: 54px; margin:1px 11px 0 0; padding:0; text-align: right; text-indent: 0; width: 425px; letter-spacing:-1px;line-height: 25px;} #header #phone .icon {background:url(/images/assets.png) no-repeat -881px -6px ; display:block;width: 35px;height: 35px;float: left;} #header #phone strong {color: #252A2E; font-size:26px;} #header #phone span { display:block; font-size:15px; font-weight:normal; color: #515158; letter-spacing:0;} #headerNav {max-width:1182px; min-width:990px; margin:0 auto;} #headerNav #navigation{ height:40px;} #headerNav #navigation>li {float:left; margin:0; width:32%;} #headerNav #navigation>li + li {margin:0 0 0 2%;} #headerNav #navigation>li>a, #headerNav #browseProducts a#browseProductsLink {display:block; background:#fff; text-align:center;line-height:38px; height:38px; border:1px solid #555; text-decoration: none; font-size:20px;} #headerNav #navigation>li>a:hover {background:#064287; color:#fff;} #headerNav #navigation>li.quotation>a{ width: 102px; background-position: -1px -505px;} #headerNav #navigation>li.artwork>a{ width: 83px; background-position: -104px -505px;} #headerNav #navigation>li.quotation>a:hover{ background-position: -1px -553px;} #headerNav #navigation>li.artwork>a:hover{ background-position: -104px -553px;} #headerNav #navigation>li.basket>a{} #headerNav #navigation>li.basket>a .icon{ background:url(/images/assets.png) bottom right; width:22px; height:18px; float:left; margin:14px 0 0 10px;} #suggestSearch {position: absolute;display: block;left: 27%;top: 40px;border: 1px solid #ccc;width: 33%;} #suggestSearch form {min-width:206px; max-width:578px; height:auto; margin:0; text-align:left; display:block; border-top:1px solid #eee;} #suggestSearch form input.formInput { background:none; border:none; border:0; vertical-align:middle; padding:5px 10px; margin: 0; display:block; width:70%; float:left; font-size:18px; color:#474747;} #suggestSearch form input.formGo { border:none; border:0; padding:0; margin:3px 0 0 0; width:26px; height:26px; float:right; cursor:pointer; background-position:-1167px -72px; text-indent:-99999px;} #headerNav #browseProducts {position:relative; z-index:99991;} #headerNav #browseProducts a#browseProductsLink { display:block; background: #064287;color: #fff;} #headerNav #browseProducts a#browseProductsLink:hover {} #headerNav #browseProducts.hover a#browseProductsLink {} #headerNav #browseProducts ul li#b62_3 a{ color:#619b37 !important; } /******* Drop Down Products CSS *******/ #dropDownMenu { width:930px; position:absolute; top:50px; left:0; z-index:99991; display:none; -moz-box-shadow:10px 20px 10px rgba(0, 0, 0, 0.5); box-shadow:10px 20px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:10px 20px 10px rgba(0, 0, 0, 0.5);} #browseProducts.hover #dropDownMenu { display:block;} #browseProducts.click #dropDownMenu { display:block;} #dropDownMenu .top{ width:928px; height:18px; background:#fff; border-right:2px solid #fff; position:relative; z-index:99991;} #dropDownMenu .mid{ width:911px; background:#dfedf8 url(../images/dropdown_outer.jpg) repeat-x top left; border-left:2px solid #fff; border-right:2px solid #fff; padding:0 0px 5px 15px; overflow:hidden; min-height:345px; height:auto !important; height:345px; position:relative; z-index:99991;} #dropDownMenu .btm{ width:930px; height:8px; clear:both; position:relative; z-index:99991;} #dropDownMenu .btm .btmC { margin:0; height:8px; width:923px; float:left; background:url(/images/dropdown_btm_bg.png) repeat-x;} #dropDownMenu .btm .btmR { width:7px; height:8px; background:url(/images/dropdown_btm_edges.png) no-repeat -7px 0; position:absolute; right:0; top:0;} #dropDownMenu .btm .btmL { width:7px; height:8px; background:url(/images/dropdown_btm_edges.png) no-repeat 0 0; position:absolute; left:0; top:0;} #dropDownMenu .category { width:205px; float:left;min-height: 415px;} #dropDownMenu .category:last-child {min-height: 0;} #dropDownMenu .category .title strong{ display:block; width:205px; height:27px; background-position:-275px -976px; color:#fff; text-decoration:none; line-height:27px; text-indent:5px; margin:0 0 4px 0; text-shadow: 0 -1px 0 #0b1321;} /*#dropDownMenu .category .title strong:hover { background-position:-480px -976px;}*/ #dropDownMenu .category ul{ background:#f8fbfd; padding:15px 0 10px 10px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;} #dropDownMenu .category ul li{ display:block;} #dropDownMenu .category ul li a{ color:#010101; text-decoration:none; display:block; margin:0 0 8px 0; padding:0 0 0 15px; background-position:-1181px -725px;} #dropDownMenu .category ul li a:hover{ text-decoration:underline; } #dropDownMenu .dropdownDiv { width:24px; float:left; height:250px; background:url(/images/dropdown_cat_div.jpg) repeat-y center top;} /******* Breadcrumb CSS ********/ #breadCrumb { max-width:1182px; min-width:990px; clear:both; background:#fff; height:32px; line-height:32px;} #breadCrumb ul{ margin:0; padding:0 0 0 10px;} #breadCrumb ul li{ margin:0; padding:0 10px 0 0; float:left;} #breadCrumb ul li.arrow { margin:0 10px 0 0; padding:0;} #breadCrumb ul li.start a{background-position:-1167px -290px; padding:0 0 0 36px; font-weight:bold;} .btnclients {background: url(/images/btn_clients_2.png) no-repeat;display: none;float: right;height: 33px;margin: 7px 6px 0 0;text-indent: -99999px;width:170px;} .home #breadCrumb { background:url(../images/breadcrumb_home_bg.jpg) repeat-x; height:49px; line-height:49px;} .home #breadCrumb img{ padding:0 0 0 8px} /******* Homepage CSS ********/ #homeContent { max-width:1182px; min-width:990px; width:100%; margin:0 auto; position:absolute; bottom: -370px; left:-50%; right:-50%; z-index:20; background:transparent;} #homeContent div{color:#333333;padding: 15px;} #homeContent div h1{width:744px; overflow:hidden; font:bold 18px Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0;} #homeContent div h2{ margin:0; padding:0; font:16px Arial, Helvetica, sans-serif;} #homeContent div p {margin:0; padding:0 0 10px 0; line-height:18px;} #featured {} #featuredContent { height:289px;} #featured .ft_advert { height:289px;} #featured .ft_advert a{ height:289px; display:block; text-indent:-99999px;} #featuredTabs{ max-width:1182px; min-width:990px; margin:0 auto; background:url(../images/featured_tab_div_btm.jpg) repeat-x bottom left; overflow:hidden; } #featuredTabs a.tab {width:16%; float:left; padding:15px 2%; height:44px; background:url(../images/featured_tab_bg.jpg) repeat-x; text-decoration:none; position:relative;} #featuredTabs a:hover.tab, #featuredTabs a.on {background:url(../images/featured_tab_bg_on.jpg) repeat-x; color:#fff;} #featuredTabs a.tab strong{ display:block; font-size:17px;} #featuredTabs a.tab .div{width:2px; position:absolute; right:0; top:0; height:74px; background:url(../images/featured_tab_div.jpg) repeat-y right top;} #featuredTabs .group:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} #featuredTabs .group { display: inline-block; } /* Web kit Hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { #featuredTabs a.tab:last-child {width:16%;} /*#headerNav {overflow:hidden;}*/ } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { #headerNav {overflow:hidden;} } #buckets {max-width:1182px; min-width:990px; margin:0 0 20px 0; clear:both; overflow:hidden;} #buckets #adverts { float:right; width: 480px;} #buckets .div{ float:left; width:20px; height:217px;} #buckets .advert { float:left; width:150px;} #buckets .links { float:left; width: 290px;} #buckets .links p{ font-weight:bold; color:#064287; font-size:20px; letter-spacing:-1px; margin:0; padding:0 0 15px 0;} #buckets .links a{ display:block; padding:0 0 2px 0;} a.fb, a.tw, a.yt{ width:150px; height:70px; display:block; background:url(/images/advert_social_new.png) no-repeat; text-indent:-99999px;} a.fb{ margin:0 0 1px 0;} a.tw{background-position:0 -70px;} a.yt{background-position:0 -140px;} a:hover.fb {background-position:-150px 0;} a:hover.tw {background-position:-150px -70px;} a:hover.yt {background-position:-150px -140px;} #buckets #homeNews{ max-width: 702px; min-width:490px; height:217px; overflow:hidden;} #buckets #homeNews h2.title { background:url(/images/home_news_title.jpg) no-repeat 10px 0; height:35px; text-indent:-99999px;} #buckets #homeNews .newsWrap { position:relative;} #buckets #homeNews .article {background:url(/images/home_news_bg.png) repeat-x; height:177px; margin:0 63px 0 15px; padding:5px 0 0 0; position:relative;} #buckets #homeNews .article .date{ position:absolute; right:-47px; top:8px; width:46px; height:50px; text-align:center; font-size:26px; color:#fff; font-weight:bold; line-height:22px;} #buckets #homeNews .article .date span{ display:block; font-size:16px; color:#88adf7; font-weight:normal;} #buckets #homeNews .article h2{ font-size: 20px; border-bottom:1px solid #d8d8d8; padding:15px 0 10px 0; margin:0 15px 15px 0;} #buckets #homeNews .article h2 a{ text-decoration:none;} #buckets #homeNews .article p{ line-height:18px; } #buckets #homeNews .article a.artcileLink { padding:5px 10px; background:#2e4b85; position:absolute; bottom:0; right:-63px; color:#fff; text-decoration:none;} #buckets #homeNews .crL {width:15px; height:217px; position:absolute; left:0; top:-32px; background:url(/images/home_news_corner_l.png) no-repeat;} #buckets #homeNews .crR {width:63px; height:217px; position:absolute; right:0; top:-32px; background:url(/images/home_news_corner_r.png) no-repeat;} /******* Column/Filter CSS *******/ ul.cat {padding:0; margin:15px 11px 15px 10px;} ul.cat li.title{ margin:0; padding:6px 7px; color:#fff; font:bold 15px Arial, Helvetica, sans-serif; margin:0 0 5px 0; background:#253d6d url(/images/column_title_bg.jpg) repeat-x; position:relative; border-bottom:none; text-shadow: 0 -1px 0 #0b1321;} ul.cat li.title span{ display:block; width:4px; height:4px; background:url(/images/column_title_edges.jpg) no-repeat; position:absolute;} ul.cat li.title span.tl{background:url(/images/column_title_edges.jpg) no-repeat 0 0; top:0; left:0;} ul.cat li.title span.tr{background:url(/images/column_title_edges.jpg) no-repeat -4px 0; top:0; right:0;} ul.cat li.title span.bl{background:url(/images/column_title_edges.jpg) no-repeat 0 -4px; bottom:0; left:0;} ul.cat li.title span.br{background:url(/images/column_title_edges.jpg) no-repeat -4px -4px; bottom:0; right:0;} ul.cat li.title a{color:#fff; text-decoration:none;padding:0;} ul.cat li.title a:hover{text-decoration:underline;} ul.cat li{display:block; padding:0 0 4px 0; margin:4px 0 0 0; border-bottom:1px solid #ebebeb;} ul.cat li a{ display:block; color:#000; text-decoration:none; padding:6px 10px 6px 4px; margin:0; position:relative;} ul.cat li.on { font-weight:bold; color:#004990;} ul.cat li.on a{color:#004990; background:#d1e5f7 url(/images/arrow_right.png) 98% center no-repeat; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} ul.cat li.on a span{ display:block; width:4px; height:4px; background:url(/images/column_item_on_edges.jpg) no-repeat; position:absolute;} ul.cat li.on a span.tl{background:url(/images/column_item_on_edges.jpg) no-repeat 0 0; top:0; left:0;} ul.cat li.on a span.tr{background:url(/images/column_item_on_edges.jpg) no-repeat -4px 0; top:0; right:0;} ul.cat li.on a span.bl{background:url(/images/column_item_on_edges.jpg) no-repeat 0 -4px; bottom:0; left:0;} ul.cat li.on a span.br{background:url(/images/column_item_on_edges.jpg) no-repeat -4px -4px; bottom:0; right:0;} ul.cat li a:hover{ text-decoration:underline;} ul.filter {padding:0; margin:15px 11px 15px 10px;} ul.filter li.title{ margin:0; padding:6px 7px; color:#fff; font:bold 15px Arial, Helvetica, sans-serif; margin:0 0 5px 0; background:#6d6e71; position:relative; border-bottom:none; text-shadow: 0 -1px 0 #1b1c1c;} ul.filter li.title span{ display:block; width:4px; height:4px; background:url(/images/column_filter_edges.jpg) no-repeat; position:absolute;} ul.filter li.title span.tl{background:url(/images/column_filter_edges.jpg) no-repeat 0 0; top:0; left:0;} ul.filter li.title span.tr{background:url(/images/column_filter_edges.jpg) no-repeat -4px 0; top:0; right:0;} ul.filter li.title span.bl{background:url(/images/column_filter_edges.jpg) no-repeat 0 -4px; bottom:0; left:0;} ul.filter li.title span.br{background:url(/images/column_filter_edges.jpg) no-repeat -4px -4px; bottom:0; right:0;} ul.filter li{display:block; padding:0 0 4px 8px; margin:4px 0 0 0; border-bottom:1px solid #ebebeb;} ul.filter li a{ display:block; color:#000; text-decoration:none; padding:6px 0 6px 4px; margin:0; position:relative;} ul.filter li a{ display:block; color:#161616; text-decoration:none; padding:5px 0 5px 20px; margin:0; background:url(../images/filter_checkboxes.png) no-repeat 0 7px;} ul.filter li a:hover{ text-decoration:underline; background:url(../images/filter_checkboxes.png) no-repeat 0 -111px;} ul.filter li.on a{ color:#161616; background:url(../images/filter_checkboxes.png) no-repeat 0 -231px;} ul.filter li .disabled { display:block; color:#ccc; text-decoration:none; padding:5px 0 5px 20px; margin:0; background:url(../images/filter_checkboxes.png) no-repeat 0 -331px;} .advert { width:190px; margin:0 auto;} ul.basket { margin:20px 10px 0 10px; padding:10px; background:url(/images/basket_bg.png); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} ul.basket .title { margin:0 0 8px 0; padding:0; font:normal 24px/24px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#3b3b3b; position:relative;} ul.basket .item { background:#fff; padding:6px; text-align:right; position:relative;} ul.basket .item span{ float:left;} ul.basket .btn a{ width:172px; height:48px; display:block; text-align:center; margin:8px auto 0; background-position:0 -106px; text-indent:-99999px;} ul.basket .btn a:hover{ background-position:0 -154px;} ul.basket .btn a:active{ background-position:0 -202px;} #otherPayments {border:1px solid #eaeaea;margin:10px 0 0 0;padding:5px;} #otherPayments h4 {margin:5px;} ul.recent {padding:0; margin:10px 11px 0 10px; overflow:hidden;} ul.recent li.title{ margin:0; padding:6px 7px; color:#fff; font:bold 15px Arial, Helvetica, sans-serif; margin:0 0 10px 0; background:#253d6d url(/images/column_title_bg.jpg) repeat-x; position:relative; border-bottom:none; text-shadow: 0 -1px 0 #0b1321; float:none; text-align:left;} ul.recent li.title span{ display:block; width:4px; height:4px; background:url(/images/column_title_edges.jpg) no-repeat; position:absolute;} ul.recent li.title span.tl{background:url(/images/column_title_edges.jpg) no-repeat 0 0; top:0; left:0;} ul.recent li.title span.tr{background:url(/images/column_title_edges.jpg) no-repeat -4px 0; top:0; right:0;} ul.recent li.title span.bl{background:url(/images/column_title_edges.jpg) no-repeat 0 -4px; bottom:0; left:0;} ul.recent li.title span.br{background:url(/images/column_title_edges.jpg) no-repeat -4px -4px; bottom:0; right:0;} ul.recent li{ float:left; text-align:center;} ul.recent li.spacer{width:7px; height:90px;} ul.recent li a{text-decoration:none; padding:8px; margin:0 0 7px 0; background-position:-597px -254px;} ul.recent li a:hover{text-decoration:none; padding:8px; margin:0 0 7px 0; background-position:-698px -254px;} .testimonial {padding:10px; margin:10px 11px 15px 10px; overflow:hidden; background:#ededed; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .testimonial .title { color:#161f27; background-position:-337px -619px; width:150px; height:27px; text-indent:-99999px; padding:0 0 10px 0;} .testimonial .test { padding:0 0 10px 0; color:#494949; font-style:italic;} .testimonial .name {font:bold 15px Arial, Helvetica, sans-serif; } .testimonial .info { color:#5a5a5a;} /******* Category / Category Products CSS *******/ .search #categoryBanner, .browse-products #categoryBanner {margin:0 10px 20px 10px;} #categoryBanner, #pages { padding:15px; margin:0 10px; color:#000; position:relative; background-color:#fff; background-position:right top; background-repeat:no-repeat;} #categoryBanner .topl, #pages .topl{ width:4px; height:4px; position:absolute; top:0; left:0; background:url(/images/content_inner_edges.jpg) top left;} #categoryBanner .topr, #pages .topr{ width:4px; height:4px; position:absolute; top:0; right:0; background:url(/images/content_inner_edges.jpg) top right;} #categoryBanner h1{font:normal 22px/22px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#000; margin:0; padding:0 0 5px 0;} #categoryBanner .catCopy{ margin:0 160px 0 0;} .noBackground .catCopy{ margin:0;} #mainExcerpt {display:none;} html.js #mainContent {display:none;} html.js #mainExcerpt {display:block;} .categoryBar {background:#064287; font-weight:bold; margin:0 15px 15px 0; padding:5px; overflow:hidden; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color:#fff;clear: left;} .categoryBar a{color:#fff;} .categoryBar p{ padding:6px 0 0 4px; margin:0;} .categoryBar form{ float:right;} .categoryBar form label{ vertical-align:middle; padding:7px 4px 0 0} .categoryBar form select{ border:0; vertical-align:top; padding:3px; margin:0; font-size:13px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .catAdvert {margin:15px 10px; position:relative;} .catAdvert div{width:100% !important;} .catAdvert div.hide {display:none;} #categoryBlocks { margin:0 0 0 10px; overflow:hidden;} .block { float:left; width:230px; position:relative; display:inline; padding:0; margin:0 10px 0 0;} .block a{ text-decoration:none; color:#444444;} .block a:hover { text-decoration:underline;} .block .top { height:3px; background:url(/images/block_edges2.jpg) no-repeat;} .block .mid { border-right:1px solid #e5e7e8; border-left:1px solid #e5e7e8; height:410px; overflow:hidden; position:relative;} .block .btm { height:27px; background:url(/images/block_edges2.jpg) no-repeat bottom left;} .block .title {height:46px; margin:0 3px; display:block; background:url(/images/block_title_bg2.jpg) no-repeat left top; padding:5px; font-weight:bold;} .block .img{ margin:4px 3px; display:block;} .block .price {position:absolute; width:auto; padding:0 0 0 0; top:266px; right:3px;background:#004990;} .block .price strong{line-height:14px; font-size:12px; float:left; background:#fff; color:#004990; padding:2px 4px; margin:3px;} .block .price span{line-height:14px; float:left; background:#004990; color:#fff; padding:2px 4px; font-size:14px; font-weight:bold; margin:3px;} .block .desc { padding:4px 7px; margin:0 3px; display:block; font-weight:bold; font-size:12px;} .block .desc a{ display:block;} .block ul{ padding:4px 0 4px 10px; margin:0 0 0 15px; display:block; font-size:12px;} .block ul li{ padding:2px 0 2px 0px; list-style:disc;} .block ul li a { color:#2f2a2a; text-decoration:none;} .block ul li a:hover { text-decoration:underline;} .block .more { display:block; text-align:center; font-weight:bold;} .block .more a{ width:210px; height:22px; line-height:22px; display:block; margin:0 auto; background:url(../images/block_viewall_bg2.jpg) no-repeat; color:#fff; text-decoration:none;} .block .more a:hover {background:url(../images/block_viewall_bg2.jpg) no-repeat 0 -22px; } .block .proLink a{ padding:6px 0 6px 5px; width:171px; display:block; background:url(../images/block_viewall_bg.jpg) no-repeat 0 0; color:#fff; text-decoration:none; font-size:90%;} .block .proLink a:hover {background:url(../images/block_viewall_bg.jpg) no-repeat 0 -27px;} .block.pro .mid { height:292px; } .block.pro .title span{ display:block;} .special { display:block; width:50px; height:50px; position:absolute; left:0; top:40px; z-index:99999;} #productImage .special {top:1px; left:1px;} .special5 { background:url(/images/special_5.png) no-repeat 0 0;} .special10 { background:url(/images/special_10.png) no-repeat 0 0;} .special15 { background:url(/images/special_15.png) no-repeat 0 0;} .special20 { background:url(/images/special_20.png) no-repeat 0 0;} .special25 { background:url(/images/special_25.png) no-repeat 0 0;} .special30 { background:url(/images/special_30.png) no-repeat 0 0;} .special35 { background:url(/images/special_35.png) no-repeat 0 0;} .special40 { background:url(/images/special_40.png) no-repeat 0 0;} .special45 { background:url(/images/special_45.png) no-repeat 0 0;} .special50 { background:url(/images/special_50.png) no-repeat 0 0;} .special60 { background:url(/images/special_60.png) no-repeat 0 0;} .special70 { background:url(/images/special_70.png) no-repeat 0 0;} .special80 { background:url(/images/special_80.png) no-repeat 0 0;} .specialSale { background:url(/images/special_sale.png) no-repeat 0 0;} /******* Cutomer FAQ CSS ***********/ #customerFaq { margin:0 0 20px 10px;} #customerFaq .title{ height:38px; background:#064287; position:relative; padding:0 0 0 5px; text-shadow: 0 -1px 0 #1b1c1c; margin:0 15px 5px 0;} #customerFaq .title .left {width:5px; height:38px; background-position:0 -707px; background-color:#fff; position:absolute; top:0; left:0;} #customerFaq .title .right {width:5px; height:38px; background-position:-27px -707px; background-color:#fff; position:absolute; top:0; right:0;} #customerFaq .title h2{ font-size:16px; color:#fff; line-height:40px; padding:0 0 0 5px;} #customerFaq .title a{ float:right; width:136px; height:30px; text-indent:-99999px; background-position:0 -789px; margin:4px 4px 0 0;} #customerFaq .title a:hover{background-position:0 -819px;} #customerFaq .title a:active{background-position:0 -849px;} #customerFaq ul{ background:#f0f5ff; margin:0 15px 3px 0; padding:8px 10px; color:#333;} #customerFaq ul.alt { border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background:#fff;} #customerFaq ul li{ list-style:none;} /******* Product CSS ***********/ #contentInner { padding:10px 15px 0 15px; margin:0 10px; color:#000; position:relative; background:#fff;} #contentInner .topl{ width:4px; height:4px; position:absolute; top:0; left:0; background:url(/images/content_inner_edges.jpg) top left;} #contentInner .topr{ width:4px; height:4px; position:absolute; top:0; right:0; background:url(/images/content_inner_edges.jpg) top right;} #contentInner h1{font:normal 25px Arial, Helvetica, sans-serif; letter-spacing:-0.5px; color:#000; margin:0 0 10px 0; padding:0;} #contentInner .product_ad {margin: 0 0 15px 0;} #contentInner .product_ad img {max-width:100%;} #artworkStages {padding:0;margin:0;text-align:center;} #artworkMessage {margin:5px 0;color:#D64D3B;font-weight:bold;} #artworkMessage img {vertical-align:middle;} #productLeft { float:left; width:315px;} #productImage { padding:10px; margin:0; width:315px; height:315px; position:relative; background-position:-865px -865px; overflow:hidden; text-align:center;} #productImage .zoomIcon { display:block; width:15px; height:15px; position:absolute; bottom:5px; right:5px; background-position:-1173px -351px;} #productShare { padding:0; margin: 20px 0 10px 20px; width: auto; overflow:hidden; float: left;} #CatShare { padding:0; margin: 20px;} #productInfo {max-width:569px; min-width:377px; margin:0 0 0 353px; position:relative; z-index:100; min-height:335px;} #productInfo #productOptions > span{display:block; font-size:14px; font-weight:bold; margin:0; padding:8px 10px; background:white; border:1px solid #ececec; border-bottom:none; position:relative; top:1px; width:62px; border-radius:4px 4px 0 0;} #productInfo .options { margin:25px 0 0 0;} #productInfo .options form { } #productInfo .options ul{} #productInfo .options ul.top { background:#fff; border-right:1px solid #ececec; border-left: 1px solid #ececec; padding:5px 13px 0 13px; border-top: 1px solid #ececec; border-radius:0 4px 0 0;} #productInfo .options ul.btm { background-position: -65px -1154px; height: 45px;} #productInfo .options ul.btm li.right { width:10px; height: 45px; float:right; background-position: -10px -1154px; margin:0;} #productInfo .options ul.btm li.left { width:10px; height: 45px; float:left; background-position: 0 -1154px; margin:0;} #productInfo .options .price { font-size:18px; font-weight:bold; padding:8px 5px 0 0; text-align:left; margin: 0 0 0 30px; float: left;} #productInfo .options .price strong{ color:#c30000;} #productInfo .options .price small{ font-size:11px; font-weight:normal; color:#868686;} #productInfo #totalPrice{color:#000;display: block;font-size: 12px;font-weight: bold;padding: 0;} #productInfo #totalPrice strong{color:#000;} ul li.txtLabel{ font-weight:bold; margin: 6px 0;} .txtSelectSmall { position:relative; margin:0; padding:10px 0 0 0; line-height:28px; width:120px; float:left;} .txtSelectSmall p{ margin:0 0 0 65px; padding:2px 0 0 6px; color:#000; background-position:0 -1095px; width:60px; z-index:55; height:32px; text-align:left; cursor:pointer; visibility:hidden;} .txtSelectSmall label{ float:left; font-weight:bold; font-size:16px; padding:2px 0 0 10px;} .txtSelectSmall select { padding:3px; margin:0; position:absolute; top:14px; right:2px; z-index:999; width:55px; cursor:pointer;height:28px;} .txtSelect { padding:0; border:0; border:none; background:none;} .txtSelect { position:relative; margin:0; line-height:28px;} .txtSelect span.sl{ float:left; width:6px; height:32px;background-position:0 -1047px;visibility:hidden;} .txtSelect span.sr{ float:right; width:32px; height:32px; background-position:-6px -1047px;visibility:hidden;} .txtSelect p{ margin:0; padding:0 0 0 0; color:#000; background-position:-63px -1047px; max-width:513px; min-width:311px; width:100%; z-index:50; font-size:110%; height:32px; text-align:left; cursor:pointer; visibility:hidden;} .txtSelect select { padding:3px; margin:0; position:absolute; top:3px; left:3px; z-index:999; max-width:533px; min-width:311px; width:100%; font-size:110%; cursor:pointer; height:28px;} .txtSelectSmall select .quote-option, .txtSelect select .quote-option {color:#ee9517; font-weight:bold;} html.js .txtSelect p {visibility:visible;} html.js .txtSelect select {opacity:0 !important; filter: alpha(opacity = 0);background:none;border:0;order:none;} html.js .txtSelect span.sl{visibility:visible;} html.js .txtSelect span.sr{visibility:visible;} html.js .txtSelectSmall p {visibility:visible;} html.js .txtSelectSmall select {opacity:0 !important; filter: alpha(opacity = 0);background:none;border:0;order:none;} html.js .txtSelectSmall span.sl{visibility:visible;} html.js .txtSelectSmall span.sr{visibility:visible;} #productInfo .options ul.btnArea { margin:15px 0 20px 0;} #productInfo .btnArea {overflow:hidden;} #productInfo #basketBtn {float:left; height:50px;} #productInfo #basketBtn input{ display:block; width: 138px; height: 35px; background-position: -677px -554px; border: none; text-indent:-99999px; font-size:0; cursor:pointer; margin:9px 0 0 5px;} #productInfo #basketBtn input:hover {background-position: -677px -589px;} #productInfo #basketBtn input:active {background-position: -677px -624px;} #productInfo #availability { margin: 20px 0 10px 0; clear:left;} #productInfo #availability span.availability{ vertical-align:middle;} #productInfo #availability span.qty{ padding: 0; display:block; font-size: 12px; color:#014b94; position:relative; width: 170px; overflow: hidden; height: 22px;} #productInfo #availability span.qty a{ color:#014b94;} #productInfo #availability span.icon {background:url(/images/info_button_16.png) no-repeat; width:18px; height:18px; display: inline-block; position:absolute; right:0; top: 0;} #productInfo #supplementCharge { padding:0 22px 0 0; position:relative;} #productInfo #supplementCharge .icon {background:url(/images/info_button_16.png) no-repeat; width:18px; height:18px; display: inline-block; position:absolute; right:0; top: 0;} .askLottie { background: #d6e7f9; float:left; width: 270px; padding: 10px 0px 10px 10px; border-radius:3px 0 0 3px; margin: 0 60px 0 0; position:relative; font-size:12px;} .askLottie strong{ display:block; font-size:14px; margin-bottom:5px;} .askLottie img{ float:left; margin-right:10px;} .askLottie:after {content:'';width: 0px; height: 0px; border-style: solid; border-width: 44px 0 44px 44px; border-color: transparent transparent transparent #d6e7f9; position:absolute; top:0; right:-44px;} #productLeft .thumbs {margin:10px 0 15px 0;} #productLeft .thumbs ul{margin:10px 0 15px 0; width:320px; color:#717171; overflow:hidden;} #productLeft .thumbs li{ display:inline; padding:0 5px; float:left;} #productLeft .thumbs li a{ color:#717171; text-decoration:none; height:20px; float:left; line-height:20px;} #productLeft .thumbs li a:hover{ text-decoration:underline;} #productLeft .thumbs li.on a { background:url(/images/product_thumb_tab_bg.jpg) repeat-x 0 0; color:#fff;} #productLeft .thumbs li.on a em.lt{ float:left; width:5px; height:20px; background-position:0 -286px;} #productLeft .thumbs li.on a em.rt{ float:right; width:5px; height:20px; background-position:-5px -286px;} #productLeft span#moreImages { display:block; overflow:hidden; width:320px; height:54px;} #productLeft span#moreImages a{ float:left; width:60px; height:50px; padding:4px 10px 0 0; background-position:0 -905px; text-align:center; position:relative;} #productLeft span#moreImages a .arrow{ width:20px; height:15px; display:block; background-position:-1169px -398px; position:absolute; right:12px; bottom:3px; } #productLeft span#moreImages a.on, #productInfo span#moreImages a:hover{ float:left; width:60px; height:50px; background-position:0 -959px;} #productLeft span#moreVideos {display:none;} html.js #productLeft span#moreVideos {display:block;} #productLeft span#moreVideos.jshidden {display:none;} /* Home/Product Tabs */ #productTabs { position:relative; clear:left; margin:15px 10px 0 10px;} #proTabs {} #proTabs .right {width:10px; height:45px; float:right; background-position:-107px -707px; margin:0;} #proTabs .left {width:10px; height:45px; float:left; background-position:-97px -707px; margin:0;} #proTabs ul{background-position:-4px -1247px; overflow:hidden; height:45px;} #proTabs ul li{ list-style:none; float:left; font-weight:bold; font-size:13px; margin:4px 0 0 0; position:relative;} #proTabs ul li.div{background-position:-61px -715px; width:2px; height:29px; text-indent:-99999px; margin:8px 2px 0 2px;} #proTabs ul li a{ float:left; padding:0 5px; font-size:13px; height:29px; line-height:30px; color:#3b3b3b; text-decoration:none; background-position: -1200px -1200px; margin: 0 4px;} #proTabs ul li.on {} #proTabs ul li a:hover, #proTabs ul li.on a { background-position:-53px -282px; color:#fff; margin:0 4px; text-shadow: 0 -1px 0 #1e3158;} #proTabs ul li a:hover em.lt, #proTabs ul li.on a em.lt{ display:block; position:absolute; left:0; top:0; width:6px; height:29px; background-position:-18px -282px;} #proTabs ul li a:hover em.rt, #proTabs ul li.on a em.rt{ display:block; position:absolute; right:0; top:0; width:6px; height:29px; background-position:-24px -282px;} #proTabs ul li.reviews a{ background:#EBEBEB; border-left:1px solid #fff; border-bottom:1px solid #fff; color:#004990; text-shadow:0 1px 0 #fff; margin:0 4px; font-size:13px; padding:0 26px 0 8px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #proTabs ul li.reviews a .icon {background:url(/images/review_icon.png) no-repeat 0 0; width:16px; height:16px; display:block; position:absolute; right:8px; top:8px;} #proTabs ul li.reviews a em.lt{} #proTabs ul li.reviews a em.rt{} #proTabs ul li.reviews.on a, #proTabs ul li.reviews a:hover {background-image:url(/images/assets.png); background-repeat:no-repeat; background-color:transparent; display:block; background-position:-53px -282px; color:#fff; margin:0 4px; text-shadow: 0 -1px 0 #1e3158;} #proTabs ul li.reviews.on a .icon, #proTabs ul li.reviews a:hover .icon {background:url(/images/review_icon.png) no-repeat 0 -48px;} #proTabs ul li.reviews.on a em.lt, #proTabs ul li.reviews a:hover em.lt { left:1px; top:0;} #proTabs ul li.reviews.on a em.rt, #proTabs ul li.reviews a:hover em.rt { right:1px; top:0;} #proTabsInfo { position:relative; overflow:hidden; margin:0 0 20px 0;} #proTabsInfo .right {width:15px; height:234px; position:absolute; right:0; bottom:0; background-position:-1182px -451px; z-index:200;} #proTabsInfo .left {width:15px; height:234px; position:absolute; left:0; bottom:0; background-position:-1167px -451px; z-index:200;} #proTabsInfo .center { background:url(/images/product_tabinfo_bg.jpg) repeat-x bottom center; margin:0 15px; min-height:120px; height:auto !important; height:120px; padding:20px 10px; } #proTabsInfo .btmR{width:45px; height:20px; position:absolute; right:0; bottom:0; background-position:-1112px -664px; z-index:800;} #proTabsInfo .btmL{width:45px; height:20px; position:absolute; left:0; bottom:0; background-position:-1067px -664px; z-index:800;} #proTabsInfo .btmC{height:20px; background:url(/images/product_tabinfo_ft_bg.jpg) no-repeat; margin:0 45px; z-index:800;} .home #productTabs { margin:15px 0 0 0;} .home #proTabsInfo .center a.arrowLeft, .home #proTabsInfo .center a.arrowRight { text-indent:-99999px; position:relative; z-index:800; width:30px; height:30px;} .home #proTabsInfo .center a.arrowLeft { float:left; background-position:-205px -114px; margin:48px 0 0 10px;} .home #proTabsInfo .center a:hover.arrowLeft { float:left; background-position:-205px -151px;} .home #proTabsInfo .center a.arrowRight { float:right; background-position:-244px -114px; margin:48px 10px 0 0;} .home #proTabsInfo .center a:hover.arrowRight { float:right; background-position:-244px -151px;} .home #proTabsInfo .center {height:184px; min-height:184px; height:auto !important; padding:20px 10px; margin:0 auto; max-width:1182px; min-width:990px;position:relative !important; } .home #proTabsInfo .center .thumbs{ max-width:1062px; min-width:896px; margin:0 auto 20px auto; white-space:nowrap; overflow:hidden; background:none; height:165px; z-index:800;} .home #proTabsInfo .center .thumbs a { float:left; text-align:center; width:139px;color:#000; font-weight:bold; text-decoration:underline; white-space:nowrap; overflow:hidden;} .home #proTabsInfo .center .thumbs span.spacer{ float:left; width:14px; height:141px;} .home #proTabsInfo .center .thumbs a img{ display:block; border:1px solid #cdcdcd;} .home #proTabsInfo .center .thumbs a span { display:block; margin:4px 0 0 0; line-height:23px; height:23px; padding:0 5px;} .home #proTabsInfo .center .thumbs a:hover {text-decoration: none;} .product #categoryBlocks { clear:left; white-space:nowrap; overflow:hidden; height:370px;} .product #categoryBlocks h2 {font:normal 26px Arial, Helvetica, sans-serif; letter-spacing:-0.5px; color:#004990; margin:0 0 10px 0; padding:0;} /******* Pagination CSS ********/ #Pagination {overflow:hidden; margin:1px 0 0 0; padding:0; float:right;} #Pagination a {text-decoration: none; padding:2px 5px; color:#454545; background:#fff; display:inline; float:left; margin:0 0 0 5px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} #Pagination span {display:inline; float:left; padding:2px 5px; overflow:hidden; font-weight:normal;} #Pagination span.current, #Pagination a:hover {color:#fff; background:#004990;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} /******* Footer CSS *******/ #footer{ max-width:1182px; min-width:990px; margin:0 auto 0; border-top:7px solid #e6e6e6; clear:both; background:#fff;} #footerLinks { padding:10px 15px; margin:3px auto 0; background:url(../images/footer_links.png) repeat-x top center; overflow:hidden; position:relative; background:#f4f4f4;} #footerLinks .topL, .topR, .btmL, .btmR { width:4px; height:4px; position:absolute; background-image:url(/images/footer_edges.jpg); background-repeat:no-repeat;} #footerLinks .topL{ top:0; left:0; background-position:top left;} #footerLinks .topR{ top:0; right:0; background-position:top right;} #footerLinks .btmL{ bottom:0; left:0; background-position:bottom left;} #footerLinks .btmR{ bottom:0; right:0; background-position:bottom right;} #footerLinks .links { width:990px; margin:0 auto;} #footerLinks .ft_div{ float:left; width:2px; margin:0 0 0 15px; padding:0 15px 0 0; border-left:1px solid #c3c3c3; height:122px;} #footerLinks ul{ float:left; display:block; width:auto;} #footerLinks ul li { padding:2px 0; font-size:12px; display:block; list-style:none;} html.js #footerLinks ul li.jshidden {display:none;} #footerLinks .showAll {font-size:10px;} #footerLinks ul li.title {font:bold 15px Arial, Helvetica, sans-serif; letter-spacing:-0.5px; padding:0 0 5px 0; margin:0;} #footerLinks ul li.title a{ color:#4c4c4c;} #footerLinks ul li a{ text-decoration:none; color:#4c4c4c;} #footerLinks ul li a:hover{ text-decoration:underline;} #footerLogos { width:990px; margin:0 auto; height:95px; text-align:center;} #footerLogos img{ float:left;} #footerLogos a{ float:left; height:72px; background-image:url(/images/footer_logo_social.jpg); background-repeat:no-repeat; text-indent:-99999px;} #footerLogos a.fb{ width:100px; background-position:0 0;} #footerLogos a.tw{ width:82px; background-position:-100px 0;} #footerLogos a.fb:hover{background-position:0 -72px;} #footerLogos a.tw:hover{background-position:-100px -72px;} #footerNotice{ text-align:center; padding:0 0 15px 0; color:#808080; border-top:7px solid #e6e6e6;} #footerNotice p{padding:15px 0 0 0;} /******* Default Styling CSS *******/ .mceContentBody { padding:10px; background:none;} .styling { color:#000;} .styling h1{font:normal 32px Arial, Helvetica, sans-serif; letter-spacing:-0.5px; color:#004990; margin:0 0 10px 0; padding:0;} .styling h2{ margin:0; padding:0 0 5px 0; font:26px Arial, Helvetica, sans-serif; color:#004990;} .styling h3{ margin:0; padding:0 0 5px 0; font-weight:normal; font-size:22px; color:#3a3534;} .styling h4{ margin:0; padding:0 0 5px 0; font-weight:normal; font-size:18px;} .styling h5{ margin:0; padding:0 0 5px 0; font-weight:normal; font-size:16px;} .styling h6{font-family:"Oswald",Arial,Helvetica,sans-serif; margin:0; padding:0 0 5px 0; font-weight:normal;} .styling a {color:#008ADF;} .styling p {margin:0; padding:0 0 10px 0; line-height:20px;} .styling hr {height:1px; border-top:1px solid #e5e5e5;border-bottom:none; border-left:none; border-right:none; width:100%; margin:10px 0 10px 0; clear:right; padding:0;} .styling small { font-size:0.8em;} .styling strong { font-weight:bold;} .styling big {font-size:16px; font-weight:normal; line-height:18px; margin:0; display:block;} .styling ul { margin:0 0 10px 25px;} .styling ol { margin:0 0 10px 30px;} .styling ul li { margin:0; padding:0 0 5px 10px; list-style:disc;} .styling ol li { margin:0; padding:0 0 5px 10px; list-style:decimal;} .product #proTabsInfo .specification ul { float:right; margin:0 15px 0 0; padding:0 0 0 0;} .product #proTabsInfo .specification li { padding:0 0 8px 30px; background:url(/images/tick.png) no-repeat; list-style:none; } /******* Checkout CSS *******/ div#Checkoutstages {height:46px; background:url(/images/checkout_steps_line.jpg) repeat-x 0 -25px; margin:0 auto; padding:20px 0 0 0;} div#Checkoutstages .stage{ width:680px; height:46px; margin:0 auto; display:block;} div#Checkoutstages.stage1 .stage{ background:#fff url(/images/checkout_steps.jpg) no-repeat 0 1px; } div#Checkoutstages.stage2 .stage{ background:#fff url(/images/checkout_steps.jpg) no-repeat 0 -45px; } div#Checkoutstages.stage3 .stage{ background:#fff url(/images/checkout_steps.jpg) no-repeat 0 -91px; } div#Checkoutstages.stage4 .stage{ background:#fff url(/images/checkout_steps.jpg) no-repeat 0 -137px; } div#CheckoutColumn { width:190px; margin:0; float:right;} #basketWrapper { padding:8px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:15px auto; border:1px solid #dfdfdf;} table#basketProducts {width:100%;border-collapse:collapse;margin:0;padding:0;} table#basketProducts th {padding:12px; font:bold 100% Arial, Helvetica, sans-serif; background:url(/images/breadcrumb_bg.jpg) repeat-x bottom left;} table#basketProducts th.textalignRight {border-right:none;} table#basketProducts th img{ vertical-align:middle;} table#basketProducts td {padding:8px; vertical-align:middle; border-bottom:1px solid #eaeaea;} table#basketProducts tr.alt td {background:#d6d7d9 url(../images/featured_tab_bg.jpg) repeat-x; border-bottom:none;} table#basketProducts td .warning {color:#900;font-weight:bold;font-style:italic;} table#basketProducts .remove {text-align:right; width:50px;} table#basketProducts .image {text-align:left; width:74px; padding:8px 0 8px 8px;} table#basketProducts .image img{ padding:3px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#eaeaea;} table#basketProducts .image a img:hover{ border:1px solid #ccc; background:#f1f1f1;} table#basketProducts .description { font-size:12px; padding:8px 0; color:#555;} table#basketProducts .description a{ font-size:13px; text-decoration:none; color:#000;} table#basketProducts .description a:hover{ text-decoration:underline;} table#basketProducts .artwork { font-size:12px;} table#basketProducts .artwork img { vertical-align:middle; margin:0 10px 0 0;} table#basketProducts .artwork a.uploadMoreArtwork {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#3289de; padding:4px 7px; display:inline; color:#fff; text-decoration:none;} table#basketProducts .artwork a.uploadMoreArtwork:hover{ background:#004990; } table#basketProducts .quantity {text-align:center; width:74px;} table#basketProducts .quantity form{ padding:4px; width:45px; background:#eaeaea; float:right; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} table#basketProducts .quantity form select{ padding:2px 4px; width:45px;} table#basketProducts .alt .quantity {} table#basketProducts .price {text-align:right; width:74px; font-weight:bold; padding:8px 10px} table#basketProducts h1 {margin:0 0 10px 0; padding:0; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:2.3em;} table#basketProducts form { padding: 0px; margin:0; border: 0px; } table#basketProducts form fieldset { border: 0px; margin: 10px 0px 0px 0px; padding:5px; } table#basketProducts form fieldset label{width:180px;display:block;float:left;height:20px;} table#basketProducts form li { clear:both;padding:5px;vertical-align:top;list-style:none;margin:0;} table#basketProducts form ul { margin: 0; padding: 0; } table#basketProducts form fieldset input {float:left;width: 260px;border:1px solid #ccc;padding:5px;color:#333;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;background-color:#fff;} table#basketProducts form fieldset textarea {height:50px;} table#basketProducts a{ color:#333; font-weight:bold;} table#basketProducts ul {float:left;list-style:none;margin:0;padding:0;font:0.9em Arial, Helvetica, sans-serif;} table#basketProducts img {border:none;padding:0;} table#basketProducts form {text-align:center;padding:0;margin:0;border:0;} table#basketProducts form textarea{ font:0.9em Arial, Helvetica, sans-serif; border:1px solid #ccc; padding:3px; margin:0 6px 0 0} table#basketProducts div.promotion_code {background-color:#E8E7D9;padding:5px;} table#basketProducts div.promotion_code h3{ font-size:1.3em; color:#666; padding:0 0 0 0; margin:0;} table#basketProducts div.promotion_code p{ padding:5px 0 0px 0; margin:0;} input#changePostcode, input#basketCalculate {border:1px solid #000; color:#fff; padding:4px 7px; margin:5px 0 0 0; cursor:pointer;} input:hover#changePostcode, input:hover#basketCalculate {background:#333;} input:active#changePostcode, input:active#basketCalculate {background:#666;} table#basketProducts span.error {color:#F05033;} table#basketProducts th.discount {color:#f00;} table#basketProducts .btn_continueshop {border:0 none;font-family:inherit;font-size:105%;font-style:inherit;font-weight:bold;margin:0;color:#ffffff;background:#B3A59F;padding:5px 10px;float:left;} table#basketProducts .btn_proceed {border:0 none;font-family:inherit;font-size:105%;font-style:inherit;font-weight:bold;margin:0;color:#ffffff;background:#9FCF67;padding:4px 8px;float:right;} table#basketProducts .btn_proceed:hover {text-decoration:underline;} table#basketProducts .btn_payment {border:0 none;font-family:inherit;font-size:105%;font-style:inherit;font-weight:bold;margin:10px 10px 10px 0;color:#ffffff;background:#FBB162;padding:4px 8px;float:left;} table#basketProducts .btn_payment:hover {text-decoration:underline;} table#basketProducts .inline {vertical-align:middle;margin:0;} #basketPromotion { float:left; background:#6d6e71; padding:10px; margin:0 30px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff;} #basketPromotion h3{padding:0; margin:0; font-weight:bold; font-size:20px; color:#fff;} #basketPromotion input#promotioncode {margin:5px 5px 0 0; color:#000; background:#fff; border:0; padding:3px; width:250px; font-size:16px;display:inline; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:text;} #basketPromotion .error { color:#b00000; font-weight:bold; display:block; margin:6px 0 0 0; padding:2px;} #basketPromotion input {margin:0; border:none; padding:4px 4px; width:90px; font-size:14px; display:inline; cursor:pointer; color:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:bold; background: url(/images/btn_gray_linear_bg.jpg); background: -moz-linear-gradient(100% 100% 90deg, #dbdbdb, #f5f6f6); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f6f6), to(#dbdbdb));} #basketContinue { width:242px; height:48px; clear:left; overflow:hidden; margin:10px 0; font-size:13px;} #basketContinue a{margin:0; width:242px; height:48px; background-position:0 -1960px; text-indent:-99999px;} #basketContinue a:hover{ background-position:0 -2008px;} #basketContinue a:active{ background-position:0 -2056px;} #basketTotals { float:right; width:400px; margin:0 0 15px 0; padding:0 15px; position:relative; } #basketTotals table#basketFooter {width:100%;border-collapse:collapse; margin:0; padding:0; text-align:right;} #basketTotals table#basketFooter tr th.right { width:20%;} #basketTotals table#basketFooter tr th {padding:8px 0px; border-bottom:1px solid #eaeaea; font-size:13px; font-weight:bold; color:#333; vertical-align:middle;} #basketTotals table#basketFooter input.inline { padding:5px; width:270px; font-size:12px; margin:0;} #basketTotals table#basketFooter select.inline { padding:2px 4px; border:1px solid #dfdfdf; webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; max-width:295px;} input.btn_proceed{display:block; width:192px; height:48px; background-position:-822px -512px; border:none; border:0; text-indent:-99999px; font-size:0; line-height:0; cursor:pointer; margin:10px 0 0 0;} input:hover.btn_proceed{ background-position:-822px -560px;} input:active.btn_proceed{ background-position:-822px -608px;} #basketLoading {display:none;z-index:1; background:#000 url('/images/basket_loader.gif') center center no-repeat; height:100%; width:100%; position:absolute; left:0; right:0;} #btCheckout {display:block;float:left;height:44px;width:181px;background:#fff url('/images/bank_transfer_btn.png') 0 0 no-repeat; text-indent:-99999px;margin:0 10px 0 0;} #btCheckout:hover {background-position: 0 -44px;} #btCheckout:active {background-position: 0 -88px;} /******* Checkout Step 2 CSS *******/ div#expressCheckout, div#standardCheckout {width:290px; margin:0; float:left;} div#expressCheckout h2, div#standardCheckout h2 {text-indent:-99999px; margin:0; padding:0; height:0;} #accountLogin {width:290px; margin:0; float:left;} div#expressCheckout { margin:0 20px 0 0;} div#expressCheckout a#retrievePassword{ margin:15px 0 0 0; display:block; color:#333; font-weight:bold; font-size:13px} div#expressCheckout form.checkoutForm span.error { color:##C83021; display: block; font-weight: bold; padding:0; clear:both; margin:0; padding:5px 0 0 0; text-shadow:0px 1px 1px #ffffff;} div#standardCheckout a { background-position:0 -1021px; width:192px; height:42px; text-indent:-99999px; margin:10px 0 0 0;} div#standardCheckout a:hover { background-position:0 -1063px;} div#standardCheckout a:active { background-position:0 -1105px;} div#expressCheckoutPw form.checkoutForm { margin:0;} div#expressCheckoutPw form.checkoutForm ul li.inputLarge label {width:70px;} div#expressCheckoutPw form.checkoutForm ul li.inputLarge input { float:left; width:350px;} div#expressCheckoutPw form.checkoutForm input.signin { margin:5px 0 0 70px;} /******* Forgotton Password CSS *******/ .retrieve-password form.checkoutForm fieldset label { display:block; line-height:28px; font-weight:bold; font-size:13px; float:none; width:120px; height:28px; padding:0; margin:5px 0 0 0;} .retrieve-password form.checkoutForm fieldset input { padding:5px; height:21px; width:279px; float:none; display:inline; background-position:-651px -971px; margin:0;} .retrieve-password form.checkoutForm fieldset input.btnSend {} .retrieve-password form.checkoutForm input.btnSend { width:180px; height:42px; background-position:0 -1273px; text-indent:-99999px; font-size:0; cursor:pointer; border:none; border:0; margin:15px 0 0 0;} .retrieve-password form.checkoutForm input:hover.btnSend { background-position:0 -1315px;} .retrieve-password form.checkoutForm input:active.btnSend { background-position:0 -1357px;} /******* Checkout Summary Styling CSS *******/ #CheckoutSummary { margin:20px 10px 0 10px; padding:10px; background:url(/images/basket_bg.png); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #CheckoutSummary h3{ margin:0 0 8px 0; padding:0; font:normal 18px/18px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#3b3b3b; position:relative;} #CheckoutSummary table{ width:100%;} #CheckoutSummary table tr{ margin:10px 0;} #CheckoutSummary td{ background:#fff; padding:6px; position:relative; overflow:hidden;} #CheckoutSummary td.right { text-align:left; } /******* Checkout Form Styling CSS *******/ form.checkoutForm { margin:0 auto; padding:0} form.checkoutForm fieldset label { display:block; line-height:28px; font-weight:bold; font-size:13px; float:left; width:120px; height:28px; padding:0; margin:5px 0 0 0;} form.checkoutForm fieldset input, form.checkoutForm fieldset textarea, form.checkoutForm fieldset select { border:none; border:0; font:16px Arial, Helvetica, sans-serif; color:#777;} form.checkoutForm fieldset input { padding:5px; height:21px; width:279px; float:right; display:inline; background-position:-651px -971px; margin:0;} .contact-us form.withMargin, .quotation form.withMargin, .catalogue-request form.withMargin { float:left; margin:0 15px 15px 0; width:582px;} .contact-us form.withMargin fieldset, .quotation form.withMargin fieldset, .catalogue-request form.withMargin fieldset { width:580px !important; } .contact-us form.withMargin ul li textarea, .quotation form.withMargin ul li textarea, .catalogue-request form.withMargin ul li textarea { width:265px;} .contact-us form.withMargin input.btnSubmit, .quotation form.withMargin input.btnSubmit, .catalogue-request form.withMargin input.btnSubmit { width:291px; height:60px; background-position:0 -1427px; text-indent:-99999px; font-size:0; cursor:pointer;} .contact-us form.withMargin input:hover.btnSubmit, .quotation form.withMargin input:hover.btnSubmit, .catalogue-request form.withMargin input:hover.btnSubmit { background-position:0 -1487px;} .contact-us form.withMargin input:active.btnSubmit, .quotation form.withMargin input:active.btnSubmit, .catalogue-request form.withMargin input:active.btnSubmit { background-position:0 -1547px;} form.withMargin { width:700px; background:#EDEDED; padding:15px; margin:15px auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .my-account form.withMargin { min-width:700px; max-width:920px; width:auto;} form.withMargin fieldset{ border:1px solid #fff; margin:0 0 15px 0; padding:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} form.withMargin fieldset legend{ margin:0 15px; padding:0 10px; font-weight:bold; color:#333; font-size:16px; text-shadow:0px 1px 1px #ffffff;} form.withMargin ul{ margin:10px 20px; padding:0; overflow:hidden;} form.withMargin ul li{ clear:left; list-style:none; overflow:hidden; margin:0 0 4px 0; padding:0;} form.withMargin ul li label{ width:180px;} form.withMargin ul li input{ float:left; margin:0 10px 0 0;} form.withMargin ul li textarea { width:635px; height:116px; padding:12px; background-position:-281px -1241px; } form.withMargin p{ margin:15px 20px 10px 20px; padding:0;} form.checkoutForm fieldset li.inputMedSelect { background-position:-471px -971px;} form.checkoutForm fieldset li.inputMedSelect select { padding:0; margin:5px; width:280px;} form.checkoutForm fieldset li.inputCheck {} form.checkoutForm fieldset li.inputCheck input { padding:0; margin:0; width:20px; float:none; display:inline; vertical-align:middle; background:none; } form.checkoutForm fieldset li.inputCheck label { padding:0; margin:0; width:auto; float:none; display:inline; vertical-align:middle;} form.checkoutForm span.error { display:block; color:#b00000; font-weight:bold; padding:8px 0 0 0;} ul#basketTerms {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fafafa; margin:0; padding:8px 0; width:555px; margin:0 auto;} ul#basketTerms li{ margin:0 auto; width:400px;} ul#basketTerms input{vertical-align:top; margin:2px 5px 0 0; padding:0 5px 0 0} ul#basketTerms span.error{ display:inline; float:none; padding:0 0 0 10px} form.checkoutForm input.btnMakePayment { background-position:0 -1619px; width:555px; color:#559f00; height:60px; padding:0; margin:15px auto 0; border:0; cursor:pointer; text-align:left; display:block; text-indent:-99999px; font-size:0;} form.checkoutForm input:hover.btnMakePayment { background-position:0 -1679px;} form.checkoutForm input:active.btnMakePayment { background-position:0 -1739px;} form.checkoutForm input.signin { width:146px; height:42px; background-position:0 -1147px; border:none; font-size:0; cursor:pointer; margin:10px 0 0 0; padding:0;} form.checkoutForm input.signin:hover {background-position:0 -1189px;} form.checkoutForm input.signin:active {background-position:0 -1231px;} /******* Artwork Styling CSS *******/ .artwork-options #boxContainerLg{ padding:70px 22px 25px 0; width:916px;} .artwork-options .copy { margin:0 28px 15px 28px; line-height:18px;} #artwork {} #artworkUpload, #oldUpload { float:left; padding:15px 0;} #artworkUpload { background:url(/images/assets_upload_title.png) no-repeat; width:450px; padding:130px 0 0 0;} #oldUpload { width:430px;} #dividerOr { float:left; width:60px; height:310px; background-position:-371px -524px; text-indent:-99999px;} #artworkQueue { margin:0 0 0 20px} #artworkUpload h3{} #artworkCheck {font:bold 15px/40px Arial, Helvetica, sans-serif; color:#004990; margin:0;} #artworkCheck p {display:inline;} #artworkCheck form {display:inline;} #artworkCheck a {display:block;} #artworkInfoIcon {vertical-align:middle;} span.artworkLimit { display:block; text-align:center; background:#e5e5e5; padding:5px 0; margin:0 12px 10px 20px; font-size:110%;} .swfupload { margin:0 0 0 20px;} #artworkUpload ul {position:relative; padding:40px 0 24px 0; margin:15px auto 5px;} #artworkUpload ul li{list-style:none; width:424px; height:20px; padding:0 0 0 10px; margin:0; background:url(/images/artworkqueue_item.png) no-repeat; line-height:15px; color:#464646; font-size:16px;} #artworkUpload ul li strong {font-size:22px;} #artworkUpload ul li img.queueDelete { vertical-align:top; padding:0 5px 0 0; cursor:pointer;} #artworkUpload ul li.top{ width:424px; height:40px; background:url(/images/artworkqueue_top.png) no-repeat; position:absolute; top:0; left:0; font-size:16px; color:#000; text-decoration:underline;} #artworkUpload ul li.btm{ width:424px; height:24px; background:url(/images/artworkqueue_btm.png) no-repeat; position:absolute; bottom:0; left:0;} a#upload {width:121px; height:42px; background-position:0 -895px; text-indent:-99999px; float:right; margin:0 12px 0 0;} a:hover#upload {background-position:0 -937px;} a:active#upload {background-position:0 -979px;} #uploadWrapper {width:414px; height:15px; background-position:-516px -493px; text-align:left; margin:15px 0 0 20px; padding:5px 0 0 5px} #uploadProgress {width:422px; height:11px; background-position:-521px -449px; text-align:left;} #uploadProgress div {width:0px; height:11px; background-position:-527px -468px;} #uploadFilename {text-align:center; margin:10px 0 0 0;} #oldUpload .upload {display:block; width:225px; height:42px; background-position:0 -895px; text-indent:-99999px; border:none; margin:10px 12px 10px 0; cursor:pointer;} #oldUpload .upload:hover {background-position:0 -937px;} #oldUpload .upload:active {background-position:0 -979px;} #artworkDecision { width:380px; height:290px; background-position:-549px -630px; margin:0 0 0 510px; position:relative;} #artworkDecision a#requireArtwork { width:146px; height:42px; background-position:0 -517px; display:block; position:absolute; top:170px; left:30px; text-indent:-99999px;} #artworkDecision a:hover#requireArtwork { background-position:0 -559px;} #artworkDecision a:active#requireArtwork { background-position:0 -601px;} #artworkRequired { width:349px; float:left; padding:15px 0 0 0; } #artworkRequired h2{font:bold 15px Arial, Helvetica, sans-serif; } #artworkRequired h3{font:normal 13px Arial, Helvetica, sans-serif !important; padding:0 0 15px 0;} #artworkRequired input,#artworkRequired textarea,#artworkRequired submit, #artworkCheck textarea {display:block; border:0; border:none;} #artworkRequired input {display:block; background-position:0 -685px; cursor:pointer; width:163px; height:42px; text-indent:-99999px; color:#fff; font-size:0;} #artworkRequired textarea, #artworkCheck textarea {display:block; width:329px; height:141px; padding:10px; background-position:-591px -1012px; margin:0 0 10px 0; font:normal 110% Arial, Helvetica, sans-serif;} #artworkNotes { float:left; width:420px; margin:25px 0 0 20px; position:relative;} #artworkNotes ul {margin:0 !important; padding:0 !important; float:left; } #artworkNotes ul li.txtSelect {list-style:none; margin:0 !important; padding:0 !important; } #artworkNotes ul li.txtSelect p {width:380px !important; line-height:32px; } #artworkNotes ul li.txtSelect select {width:370px !important;font-weight:normal; color:#000; } #artworkNotes textarea { width:400px; height:100px; padding:10px; background:url(/images/artworknotes_txtarea.png); border:none; margin:0 0 10px 0; font:14px Arial, Helvetica, sans-serif;} #artworkNotes h3{ clear:left; font-weight:bold !important; padding:24px 0 8px 0 !important;} #artworkNotes input{ width:127px; height:42px; background-position:-807px -1928px; border:none; padding:0; margin:0; text-indent:-99999px; font-size:0; line-height:0; cursor:pointer; position:absolute; right:0; bottom:-42px;} #artworkNotes input:hover{ background-position:-807px -1970px; } #artworkNotes input:active{ background-position:-807px -2012px; } #artworkInfoIcon { float:left; margin:0 0 0 5px;} /******* Default Form Styling CSS *******/ #askQuestion, #requestQuote, #sendFriend { background:#EDEDED; margin:0 15px 5px 0; padding:10px 10px; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;} #content .defaultForm fieldset { border:1px solid #fff; padding:10px 0 25px 0; margin:0 4px 4px 4px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} #content .defaultForm fieldset legend{ margin:0 0 0 20px; padding:0 8px; font:bold 22px Arial, Helvetica, sans-serif; letter-spacing:-0.5px; color:#333;} #content .defaultForm ul{ background:none; margin:0 10px; padding:0; } #content .defaultForm li {list-style:none; padding:0; margin:0 0 15px 18px; overflow:hidden; clear:left;} #content .defaultForm label {float:left; font-weight:bold; color:#333; padding:5px 0 0 0; width:140px; } #content .defaultForm input {margin:0 10px 0 0; width:352px; height:22px; padding:5px; display:block; float:left; background-position:-275px -914px; border:none; font:14px Arial, Helvetica, sans-serif;} #content .defaultForm select {margin:0 10px 0 0; width:364px; height:34px; padding:7px; display:block; float:left; background-position:-275px -914px; border:none; font:14px Arial, Helvetica, sans-serif;} #content .defaultForm textarea {margin:0 10px 0 0; width:351px; height:148px; padding:5px; display:block; float:left; background-position:-275px -691px; border:none; font:14px Arial, Helvetica, sans-serif;} #content li.inputCheck input { padding:0; margin:0; width:20px; float:none; display:inline; vertical-align:middle; background:none; } #content li.inputCheck label { padding:0; margin:0; width:auto; float:none; display:inline; vertical-align:middle;} #content .defaultForm input.btnSubmit { width:180px; height:42px; background-position:-707px -689px; text-indent:-99999px; font-size:0; cursor:pointer;} #content .defaultForm input:hover.btnSubmit { background-position:-707px -731px;} #content .defaultForm input:active.btnSubmit { background-position:-707px -773px;} #content .defaultForm span.error { display:block; color:#b00000; font-weight:bold; padding:8px 0 0 8px;} #content #requestQuote .defaultForm input.btnSubmit { width:180px; height:42px; background-position:-898px -689px; text-indent:-99999px; font-size:0; cursor:pointer;} #content #requestQuote .defaultForm input:hover.btnSubmit { background-position:-898px -731px;} #content #requestQuote .defaultForm input:active.btnSubmit { background-position:-898px -773px;} #content #sendFriend .defaultForm input.btnSubmit { width:180px; height:42px; background-position:0 -1380px; text-indent:-99999px; font-size:0; cursor:pointer;} #content #sendFriend .defaultForm input:hover.btnSubmit { background-position:0 -1422px;} #content #sendFriend .defaultForm input:active.btnSubmit { background-position:0 -1463px;} /******* Checkout Form Styling CSS *******/ html.js .jshidden {display:none;} .jsvisible {display:none;} html.js .jsvisible {display:block;} #header #utilites .jsvisible {display:none;} html.js #header #utilites .jsvisible {display:inline;} #proTabsInfo #btnAskQuestion {display:none;} html.js #proTabsInfo #btnAskQuestion {display:block;} #boxContainerLg { width:896px; margin:15px auto; background:url(/images/checkout_content_bg_lg.jpg) no-repeat bottom center; min-height:290px; height:auto !important; height:290px; position:relative; padding:70px 22px 25px 22px; overflow:hidden;} a.uploadTroubles { width:363px; height:47px; position:absolute; right:0; top:0; z-index:99999; background-position:-577px 0; text-indent:-99999px;} a:hover.uploadTroubles { width:363px; height:47px; position:absolute; right:0; top:0; z-index:99999; background-position:-577px -47px; } #boxContainerLg .title{ height:47px; position:absolute; top:0; left:0; width:940px; padding:0; margin:0; text-indent:-99999px;} #boxContainerLg .artworkRequired { background-position:0 -188px;} #boxContainerLg h3 {font:16px Arial, Helvetica, sans-serif;} .artwork-options #boxContainerLg h2.title{ height:47px; width:940px;} #boxContainer { width:676px; margin:15px auto; background:url(/images/checkout_content_bg.jpg) no-repeat bottom center; min-height:290px; height:auto !important; height:290px; position:relative; padding:70px 22px 25px 22px; overflow:hidden;} #boxContainer .title{ height:47px; position:absolute; top:0; left:0; width:720px; padding:0; margin:0; text-indent:-99999px; display:block; background-position:0 -141px;} #boxContainer h3 {font:bold 17px Arial, Helvetica, sans-serif; margin:0 0 10px;} .cloud-zoom-lens {border:1px solid #888;margin:-4px;background-color:#fff;cursor:move; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .cloud-zoom-big {overflow:hidden;width: 315px;height: 315px; -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.4); box-shadow:0 0 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.4); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .cloud-zoom-loading {color:white; background:#222;padding:3px;border:1px solid #000;} .retrieve-password #boxContainer .title{ background-position:0 -94px;} .retrieve-password #boxContainer {min-height:150px; height:auto !important; height:150px;} /******* News Styling CSS *******/ #newsContainer {} #newsContent {} #newsContent .post { margin:5px 0 15px 0; background:#ececec url(/images/news_post_bg.jpg) repeat-x; padding:15px 0 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; position:relative; border:1px solid #ececec; border:none } .entry-content a.read_more, .entry-summary a.read_more {padding:3px 5px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; background:#253d6d url(/images/column_title_bg.jpg) repeat-x; position:relative; text-shadow: 0 -1px 0 #0b1321; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; text-decoration:none;} .entry-content a:hover.read_more, .entry-summary a:hover.read_more {-webkit-box-shadow:2px 2px 5px #999; -moz-box-shadow:2px 2px 5px #999; box-shadow:2px 2px 5px #999; } .entry-content a:active.read_more, .entry-summary a:active.read_more {background:#d5e7f8; color:#004990; text-shadow: 0 1px 0 #fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} #newsContent .entry-title {margin:0 15px 6px 15px; padding:0 150px 0 0; font:bold 23px Arial, Helvetica, sans-serif; color:#004990; letter-spacing:-1px;} #newsContent .entry-title a{ color:#004990; text-decoration:none;} #newsContent .entry-title a:hover{ text-decoration:underline;} #newsContent .entry-meta { position:absolute; right:-4px; top:10px; width:147px; height:47px; padding:0 10px 0 0; text-align:right; color:#fff; font:bold 15px/40px Tahoma, Geneva, sans-serif; letter-spacing:-0.5px; text-transform:uppercase; background:url(/images/news_date_bg.png) no-repeat;} #newsContent .entry-meta a{color:#fff; text-decoration:none;} #newsContent .entry-meta .author, #newsContent .entry-meta .meta-prep-author, #newsContent .entry-meta .meta-sep { display:none;} #newsContent .entry-cat {margin:0 15px 30px; padding:0 150px 15px 0; font:13px Arial, Helvetica, sans-serif; color:#666; border-bottom:1px dashed #d0d0d0;} #newsContent .entry-cat a{ color:#666; text-decoration:none;} #newsContent .entry-cat a:hover{ text-decoration:underline;} .entry-content, .entry-summary { margin:0 15px;} .entry-content h2, .entry-summary h2{ margin:0; padding:0 0 5px 0; font:26px Arial, Helvetica, sans-serif; color:#004990;} .entry-content h3, .entry-summary h3{ margin:0; padding:0 0 5px 0; font-weight:normal; font-size:22px; color:#3a3534;} .entry-content h4, .entry-summary h4{ margin:0; padding:0 0 5px 0; font-weight:normal; font-size:18px;} .entry-content h5, .entry-summary h5{ margin:0; padding:0 0 5px 0; font-weight:normal; font-size:16px;} .entry-content a, .entry-summary a {color:#008ADF;} .entry-content p, .entry-summary p {margin:0; padding:0 0 20px 0; line-height:20px;} .entry-content hr, .entry-summary hr {height:1px; border-top:1px solid #e5e5e5;border-bottom:none; border-left:none; border-right:none; width:100%; margin:10px 0 10px 0; clear:right; padding:0;} .entry-content small, .entry-summary small { font-size:0.8em;} .entry-content strong, .entry-summary strong { font-weight:bold;} .entry-content big, .entry-summary big {font-size:16px; font-weight:normal; line-height:18px; margin:0; display:block;} .entry-content ul, .entry-summary ul { margin:0 0 10px 25px;} .entry-content ol, .entry-summary ol { margin:0 0 10px 30px;} .entry-content ul li, .entry-summary ul li { margin:0; padding:0 0 5px 10px; list-style:disc;} .entry-content ol li, .entry-summary ol li { margin:0; padding:0 0 5px 10px; list-style:decimal;} #newsContent .entry-utility { color:#fff; padding:10px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; background:#77787b url(/images/news_utility_bg.jpg) repeat-x; margin:10px 0 0 0;} #newsContent .entry-utility a{ color:#fff; text-decoration:none;} #newsContent .entry-utility a:hover{text-decoration:underline;} #newsContent .entry-utility span{ font-weight:normal;} #newsContent .entry-utility span span{font-weight:bold;} #newsContent .entry-utility .meta-sep { padding:0 5px;} ul#columnNav {padding:0; margin:15px 11px 15px 10px;} ul#columnNav li.widget-container {padding:0; margin:0 0 15px 0; border-bottom:none; font-weight:normal;} ul#columnNav li.widget-container h3{ margin:0; padding:6px 7px; color:#fff; font:bold 15px Arial, Helvetica, sans-serif; margin:0 0 5px 0; background:#253d6d url(/images/column_title_bg.jpg) repeat-x; position:relative; border-bottom:none; text-shadow: 0 -1px 0 #0b1321; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} ul#columnNav li.widget-container h3 a{color:#fff; text-decoration:none;padding:0;} ul#columnNav li.widget-container h3 a:hover{text-decoration:underline;} ul#columnNav li.widget-container li{display:block; padding:0 0 8px 0; margin:8px 0 0 0; border-bottom:1px solid #ebebeb;} ul#columnNav li.widget-container li a{ color:#000; text-decoration:none; padding:0; margin:0; position:relative; } ul#columnNav li.widget-container li a:hover{ text-decoration:underline;} ul#columnNav li.widget-container select {display:block; padding:4px 3px; height:25px; margin:8px 0; border:0; border:none; width:184px; background-position:-750px -925px;} ul#columnNav li.widget_search {padding:8px; margin:0 10px 15px 25px; border-bottom:none; font-weight:bold; background:#eaeaea; color:#333; display:none;} ul#columnNav li.widget_search #s{background:#FFF; border:none; border:0; margin:3px 0; padding:5px; width:125px;} ul#columnNav li.widget_search #searchsubmit{ border:1px solid #881a00; background:#956aa3; color:#fff; cursor:pointer; padding:3px 3px;} div.widget-area ul li#tag_cloud-3 div{width:210px; background:#ededed; margin:0 0 15px 0; padding:5px 15px 15px 15px; text-align:center; line-height:22px} div.widget-area ul li#tag_cloud-3 div a{color:#adadad; text-decoration:none;} div.widget-area ul li#tag_cloud-3 div a:hover{text-decoration:underline;} .navigation {color: #888;font-size: 12px;line-height: 18px;overflow: hidden; } .navigation a:link, .navigation a:visited {padding:5px 0; color:#004990; font:13px Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; display:block; margin:0 0 15px 0; background:#d6e7f7; position:relative; text-shadow: 0 1px 0 #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .navigation a:active, .navigation a:hover { text-decoration:underline;} .nav-previous {float: left;width: 45%;} .nav-next {float: right;text-align: right;width: 45%;} #nav-above {display: none;} .paged #nav-above, .single #nav-above {display: block;} #nav-below {margin:0;} #comments {} #comments .navigation {padding: 0 0 18px 0;} h3#comments-title, h3#reply-title {color: #000;font-weight: bold;font-size: 20px;margin-bottom: 0;} h3#comments-title {padding: 24px 0;} .commentlist {list-style: none;margin: 0;} .commentlist li.comment {border-bottom: 1px solid #e7e7e7;line-height: 24px;margin: 0 0 24px 0;padding: 0 0 0 56px;position: relative;} .commentlist li:last-child {border-bottom:none;margin-bottom:0;} #comments .comment-body ul, #comments .comment-body ol {margin-bottom: 18px;} #comments .comment-body p:last-child {margin-bottom: 6px;} #comments .comment-body blockquote p:last-child {margin-bottom: 24px;} .commentlist ol {list-style: decimal;} .commentlist .avatar {position: absolute;top: 4px;left: 0;} .comment-author {} .comment-author cite {color: #000;font-style: normal;font-weight: bold;} .comment-author .says {font-style: italic;} .comment-meta {font-size: 12px;margin: 0 0 18px 0;} .comment-meta a:link, .comment-meta a:visited {color: #888;text-decoration: none;} .comment-meta a:active, .comment-meta a:hover {color: #FF4B33;} .commentlist .even {} .commentlist .bypostauthor {} .reply {font-size: 12px;padding: 0 0 24px 0;} .reply a, a.comment-edit-link {color: #888;} .reply a:hover, a.comment-edit-link:hover {color: #FF4B33;} .commentlist .children {list-style: none;margin: 0;} .commentlist .children li {border: none;margin: 0;} .nopassword, .nocomments {display: none;} #comments .pingback {margin-bottom: 18px;padding-bottom: 18px;border-bottom: 1px solid #e7e7e7;} .commentlist li.comment+li.pingback {margin-top: -6px;} #comments .pingback p {color: #888;font-size: 12px;line-height: 18px;display:block;margin: 0;} #comments .pingback .url {font-style: italic;font-size: 13px;} /* Comments form */ #respond p.comment-notes { margin:0 0 15px 0;} #respond p.comment-form-author { width:335px; float:left; display:inline; margin:0 25px 0 0; padding:5px 0;} #respond p.comment-form-email { width:335px; float:left; display:inline; padding:5px 0; margin:0;} #respond p.comment-form-url {padding:5px 0; margin:0; clear:left} #respond p.comment-form-comment { margin:0; padding:5px 0;} #respond p.form-allowed-tags {padding:5px 0; margin:0;} #respond p.form-submit {padding:5px 0; margin:0;} #respond label {color:#333; font-size:13px; font-weight:bold;} input[type=submit] {} #respond {margin: 24px 0;border-top: 1px solid #e7e7e7;overflow: hidden;position: relative;} #respond .comment-notes {margin-bottom:4px;} .children #respond {margin: 0 48px 0 0;} h3#reply-title {margin:18px 0 0 0; padding:0;} #comments-list #respond {margin: 0 0 18px 0;} #comments-list ul #respond {margin: 0;} #cancel-comment-reply-link {font-size: 12px;line-height: 18px;font-weight: normal;} #respond .required {color:#cc0000;font-weight:bold;} #respond input, #respond textarea {width:97%;background:#fff; border:1px solid #ccc; border-radius: 4px 4px 4px 4px; -webkit-box-shadow:0 2px 2px #000000; -moz-box-shadow:0 2px 2px #000000; box-shadow:0 2px 2px rgba(0, 0, 0, 0.2) inset; color: #333; margin:0; padding:6px; vertical-align:middle; font:14px Arial,Helvetica,sans-serif;} #respond input {margin:10px 0;} #respond textarea {margin:10px 0;} #respond input:focus, #respond textarea:focus { -webkit-box-shadow:0px 2px 5px #017C67; -moz-box-shadow:0px 2px 5px #8cc6ff; box-shadow:0px 2px 5px #8cc6ff; border-color:#8cc6ff;} #respond .form-allowed-tags {color: #888;font-size: 12px;line-height: 18px;} #respond .form-allowed-tags code {font-size: 11px;} #respond .form-submit input {display:block; width:225px; height:42px; background-position:0 -1817px; border:none; margin:0 0 10px 0; cursor:pointer; padding:0; border:0; -moz-box-shadow:none; -webkit-box-shadow:none; font-size:1px; color:#4b9500; text-indent:-99999px; } #respond .form-submit input:hover { background-position:0 -1859px;} #respond .form-submit input:active { background-position:0 -1901px;} img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%; height: auto; } .alignleft, img.alignleft {display: inline;float: left;margin-right: 24px;margin-top: 4px;} .alignright, img.alignright {display: inline;float: right;margin-left: 24px;margin-top: 4px;} .aligncenter, img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;} img.alignleft, img.alignright, img.aligncenter {margin-bottom: 12px;} .wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;max-width: 632px !important; padding: 4px;text-align: center;} .wp-caption img {margin: 5px 5px 0;} /******** Reviews ************/ #review_products {border-collapse:collapse;margin:10px 0 0 0;padding:0;width:100%;} #review_products a{ color:#333;} #review_products th {padding:10px; font:16px Arial, Helvetica, sans-serif; color:#fff;} #review_products th.thLeft { background:#6d6e71; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;} #review_products th.thRight { background:#6d6e71; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0;} #review_products tr.comment { background:none;} #review_products tr.comment td{ border-bottom:1px solid #fff; border-top:1px solid #e5e5e5; background:#fff url(/images/home_news_bg.png) repeat-x;} #review_products td {background:#f0f5ff; margin:0 15px 3px 0; padding:8px 10px; color:#333; vertical-align:middle;} #review_products td.rating {padding:0; font-size:9pt;} #review_products img {padding:3px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#eaeaea;} #review_products form {text-align:center;padding:0;margin:0;border:0;} #review_products textarea{font:0.9em Arial, Helvetica, sans-serif; border:1px solid #ccc; padding:3px; margin:0 6px 0 0;width:450px;height:110px;} #review_products textarea {display:block; border:0; border:none; width:329px; height:141px; padding:10px; background-position:-591px -1012px; margin:0 0 10px 0; font:normal 110% Arial, Helvetica, sans-serif; float:left;} a.addComment {height:30px; width:169px; overflow:hidden; border:none; cursor:pointer; background-position:-763px -2101px; text-indent:-99999px;} a:hover.addComment { background-position:-763px -2131px;} a:active.addComment { background-position:-763px -2161px;} .saveComment { width:180px; height:42px; background-position:0 -1273px; text-indent:-99999px; font-size:0; cursor:pointer; border:none; border:0; margin:120px 0 0 360px;} .saveComment:hover { background-position:0 -1315px;} .saveComment:active { background-position:0 -1357px;} html.js #review_products .comment div {display:none;overflow:hidden;} #review_products .addComment{display:none;} html.js #review_products .addComment{display:inline;float:right;} /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(/images/delete.gif) no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url(/images/star.gif) no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ #proTabReviews { margin:0 0 20px 0;} #proTabReviews .spacer {border:0; margin:15px 0 0 0;} #proTabReviews span.reviewer {margin:7px 0 0 0; font-weight:bold; font-size:16px; display:block; color:#004990;} #proTabReviews span.review_stars {margin:0;text-indent:-9999px; display:block;} #proTabReviews span.rating {margin:0; background:url(/images/review_stars.gif) no-repeat 0 0; width:105px; height:15px; overflow:hidden; text-indent:-9999px; display:block;float:right; } #proTabReviews div.description p {margin:10px 20px 10px 0; clear:left; border-bottom:1px solid #ccc;} #proTabReviews span.item {display:none;} #proTabReviews textarea {height:100px;} #proTabReviews input {margin:10px 0;} #proTabReviews td {padding:5px;} #productInfo .rating { font-size:0.9em; padding:0;margin:0 0 10px 0;} #productInfo .rating li{ color:#555; display:inline;} #productInfo .rating li img{ vertical-align:middle; padding:0 8px 0 0;} #productInfo .rating li a{color:#555;} .hreview-aggregate .item{display: none;} #feature-tabs .tabbedMenu { margin:20px 0 0 0;} #feature-tabs .tabbedMenu ul{ padding:0; border-bottom:1px solid #c3cada; font-size:15px; border-radius:0 3px 0 0;} #feature-tabs .tabbedMenu ul li{ display:inline-block; margin:0 2px 0 0; } #feature-tabs .tabbedMenu ul li a {display:block; padding:10px 20px; border-radius:3px 3px 0 0; top:1px; color:#fff; text-decoration:none; font-weight:bold; border-bottom:none; position:relative;background-color:#66a749;background-image:url(/images/btn-grad-med.png); cursor:pointer;} #feature-tabs .tabbedMenu ul li.tab-quote a {background-color:#ee9517;} #feature-tabs .tabbedMenu ul li.on a{ background-image:none; top:1px; cursor:default;} #feature-tabs .tabbedMenu ul li a:hover {background-image:none;} #quick-quote { border-top:none; border-radius:0 0 3px 3px; padding: 10px 0; margin-bottom:30px;} #quick-quote form{ padding: 15px 0 5px 0; border-radius:3px;} #quick-quote form li{float:left; width:42%; margin:0 3% 10px 3%; } #quick-quote form input[type="text"], #quick-quote form textarea, #quick-quote form select { background:#fff; padding:8px 5px; width:98%; border: 1px solid #f4f4f4; border-radius:4px; font-size:100%;-webkit-box-shadow:inset 1px 1px 2px 0px rgba(0, 0, 0, 0.55); box-shadow:inset 1px 1px 2px 0px rgba(0, 0, 0, 0.55);} #quick-quote form select {height: 36px; width: 102%;} #quick-quote form textarea { width:95%; height:60px; font:105% Arial, Helvetica, sans-serif;} #quick-quote li.txtarea {width: 94%;} #quick-quote form input[type="text"].incorrect, #quick-quote form textarea.incorrect, #quick-quote form select.incorrect {-webkit-box-shadow:inset 1px 1px 1px 0px rgba(255, 0, 0, 1); box-shadow:inset 1px 1px 1px 0px rgba(255, 0, 0, 1);} #quick-quote li.inputCheck { float:right; width: 49%; margin: 3px 2% 0 0;} #quick-quote li.q_submit { width: 170px; margin: 0 0 10px 3%; float:none;} #quick-quote li.inputKey {width: 94%;} #quick-quote li.inputKey input {width:44%;} #quick-quote li.inputKey img { float: right; margin: 0 14% 0 0;} #quick-quote form input[type="submit"] { width: 165px; height: 42px; background: url(/images/btn_quickquote4.png) no-repeat; display: block; text-indent: -99999px; float: left; margin:0; border:none; cursor:pointer;} #quick-quote form input[type="submit"]:hover { background-position: 0 -42px;} #quick-quote form input[type="submit"]:active { background-position: 0 -84px;} #quick-quote fieldset > .errors {color:#db0000; padding:10px; background:#ffcccc; margin:0 3% 10px 3%; border-radius:3px; border:1px solid #db0000; font-size:90%;} /******* jQuery UI CSS Framework *******/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-widget { font-size: 13px; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3; background:#fff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #cccccc url(/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #ffffff; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-left:1px solid #cccccc; background: #f00; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #004990; background:#dde9ff; font-weight: bold; color:#004990;} .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-widget-overlay { background: #666666; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000; opacity: .20;filter:Alpha(Opacity=20); } .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url(/images/ui-anim_basic_16x16.gif) right center no-repeat; } * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-menu {list-style:none; padding:4px; margin:0; display:block; /*width:218px !important;*/ -moz-box-shadow:0 6px 6px rgba(0, 0, 0, 0.4); box-shadow:0 5px 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.6); z-index:99999 !important; background:#fff; overflow:hidden; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;} .ui-menu .ui-menu {margin-top:0px;} .ui-menu .ui-menu-item {margin:0; padding: 0;zoom: 1; float:left; clear:left; width: 100%;} .ui-menu .ui-menu-item a {text-decoration:none;display:block;padding:.2em .4em;line-height:18px;zoom:1;} .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {font-weight: normal;margin: -1px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .ui-icon { width: 16px; height: 16px; background-image: url(/images/ui-icons_222222_256x240.png); } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .ui-icon-grip-diagonal-se { background-position: -80px -224px; } p#tip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; max-width:400px; } /********** Account Area **********/ #accountView {} #accountView .accountName{ float:right; padding:15px 10px 0 0; font-size:16px; letter-spacing:-0.5px;} #accountView h1{} #accountView h1 span{ color:#027dc7;} #accountView h2{ letter-spacing:-1px; padding:0; margin:35px 20px 0 15px; } #accountView h3{ letter-spacing:-1px; display:block; padding:8px; background:#e1ffc5; border:1px solid #c7ff91; margin:8px 0; color:#479200; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #accountOptions { margin:20px 0; padding:0; position:relative; background:url(/images/myaccount_navtabs_bg.jpg) repeat-x top right; height:44px;} #accountOptions li{ display:inline; float:left; padding:0; height:44px; list-style:none;} #accountOptions li.edge{ display:block; width:13px; height:44px; background:url(/images/myaccount_navtabs_edge.jpg) no-repeat top right; position:absolute; right:0; top:0;} #accountOptions li a{ display:inline; float:left; text-indent:-99999px; height:44px; background-image:url(/images/myaccount_navtabs.jpg); background-repeat:no-repeat;} #accountOptions li.dashboard a{ width:142px; background-position:0 0;} #accountOptions li.dashboard a.on{background-position:0 -44px;} #accountOptions li.history a{ width:147px; background-position:-142px 0;} #accountOptions li.history a.on{ background-position:-142px -44px;} #accountOptions li.details a{ width:139px; background-position:-289px 0;} #accountOptions li.details a.on{ background-position:-289px -44px;} #accountOptions li.logout a{ width:110px; background-position:-428px 0;} #accountOptions li.logout a.on{ background-position:-428px -44px;} .accountTable { margin:0; padding:0; width:100%;} .accountTable td{ padding:8px 15px; } .accountTable td.mid { border-right:1px solid #dadbdd; border-left:1px solid #dadbdd; } .accountTable td ul{ margin:0; padding:0;} .accountTable td ul li{ list-style:none; margin:0; padding:3px 0; font-size:14px; color:#060606;} .accountTable td ul li .label{ font-weight:bold;} .accountTable tr.divider td{ background:url(/images/my_account_divider.jpg) repeat-x 0 6px;} ul.orderDetails li.link {padding:0; margin:7px 0;} ul.orderDetails li.link a{ background-image:url(/images/my_account_assets.png); background-repeat:no-repeat; width:147px; height:39px; display:block; text-indent:-99999px;} ul.orderDetails li.link a:hover{background-position:-148px 0;} ul.orderDetails li.link a:active{background-position:-296px 0;} ul.orderStatus { font-weight:bold;} ul.orderStatus span{ display:block; padding:8px; background:#e1ffc5; border:1px solid #c7ff91; margin:8px 0; color:#479200; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} ul.orderActions {} ul.orderActions li a { background-image:url(/images/my_account_assets.png); background-repeat:no-repeat; width:177px; height:40px; display:block; text-indent:-99999px;} ul.orderActions li.review a{background-position:0 -41px;} ul.orderActions li.review a:hover{background-position:-179px -41px;} ul.orderActions li.review a:active{background-position:-358px -41px;} ul.orderActions li.tracking a{background-position:0 -81px;} ul.orderActions li.tracking a:hover{background-position:-179px -81px;} ul.orderActions li.tracking a:active{background-position:-358px -81px;} ul.orderActions li.reorder a{background-position:0 -121px;} ul.orderActions li.reorder a:hover{background-position:-179px -121px;} ul.orderActions li.reorder a:active{background-position:-358px -121px;} .accountViewTable { margin:0 0 20px 0; padding:0; width:100%;} .accountViewTable td{ padding:10px 10px; border-bottom:1px solid #dadbdd;} .accountViewTable th{ height:39px; padding:0 10px; vertical-align:middle; background:url(/images/my_account_view_td.jpg) repeat-x; font-size:15px;} .accountViewTable th.thSmall{ width:150px;} .my-account input.btnSave { background:url(/images/my_account_assets.png) no-repeat 0 -162px; border:none; width:147px; height:39px; display:block; text-indent:-99999px; cursor:pointer;} .my-account input:hover.btnSave { background:url(/images/my_account_assets.png) no-repeat -148px -162px;} .my-account input:active.btnSave { background:url(/images/my_account_assets.png) no-repeat -296px -162px;} .my-account #boxContainer {min-height:220px; height:auto !important; height:220px; background:url(/images/checkout_content_bg.jpg) repeat-x bottom center; margin:35px auto 0 !important;} .my-account #boxContainer .title{ height:47px; position:absolute; top:0; left:0; padding:0; margin:0; display:block; background:url(/images/myaccount_login_bg.png) repeat-x;} .my-account #boxContainer .title span { display:block; width:10px; height:47px; background:url(/images/myaccount_login_edge.png) no-repeat; position:absolute; right:0; top:0;} .my-account #boxContainer h1{ display:block; background:url(/images/myaccount_login_title.png) no-repeat left top; text-indent:-99999px; } .my-account #retrievePassword { margin:10px 0 0 0; display:block;} .tipsy { padding: 5px; font-size: 12px; } .tipsy-inner { padding:10px; background-color: #fff; color:black; border:1px solid #ccc; max-width: 200px; text-align: left; } .tipsy-inner { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } .tipsy p{ padding: 5px;} #backLink { display:none; width:104px; height:42px; background-position:0 -1552px; border:none; border:0; text-indent:-99999px; font-size:0; line-height:0; cursor:pointer; float:left; margin-right:10px;} html.js #backLink {display:block;} #backLink:hover {background-position:0 -1594px;} #backLink:active {background-position:0 -1636px;} #dropDownMenu #saleLink {margin:10px 0 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #dropDownMenu #saleLink a{color:#D64D3B;} li.inputKey img {float:left;} li.inputKey label {clear:left;} table#priceBreaks {width:100%; margin:20px 0 0 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#D6E7F9; } table#priceBreaks th{padding:6px 5px; background:#004990; color:#fff; width:20%; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } table#priceBreaks td{padding:6px 5px; border-right:1px solid #fff; text-align:center; font-weight:bold;} .bankDetails {margin:20px;} .bankDetails th {width:120px;text-align:left;} #showQuote { width: 165px; height: 42px; background: url(/images/btn_quickquote.png) no-repeat; display: block; text-indent: -99999px; float: left; margin: 25px 0 40px 0px;} #showQuote:hover { background-position: 0 -42px;} #showQuote:active { background-position: 0 -84px;} /********** New Homepage **********/ ::-webkit-input-placeholder {color:#000;} :-moz-placeholder {color:#000;} :-ms-input-placeholder {color:#000;} #homepageLayout { margin: 0; min-width:990px; width:100%;} #quickQuote { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; width:364px; border:3px solid #003995; overflow:hidden; background:#f9f9fa url(/images/homepage/quickquote_txt.png) no-repeat 10px 10px;} #quickQuote form{ margin: 12px 10px 0 140px; position:relative;} #quickQuote .title{ display:none;} #quickQuote form ul{ margin:0; padding:0;} #quickQuote form ul li{margin: 0 0 3px 0;} #quickQuote form input[type="text"], #quickQuote form textarea { border:1px solid #dadada;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:6px; width: 190px; font:12px Arial, Helvetica, sans-serif;} #quickQuote form textarea { height: 35px; resize:none;} #quickQuote form input[type="checkbox"] {float:left} #quickQuote form input.incorrect[type="text"], #quickQuote form textarea.incorrect { border:1px solid #B81900;} #quickQuote form input[type="submit"]{ background: #0d62ab; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkNjJhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBjNWVhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA2NDI4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjQyODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #0d62ab 0%, #0c5ea6 50%, #064287 50%, #064287 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d62ab), color-stop(50%,#0c5ea6), color-stop(50%,#064287), color-stop(100%,#064287)); background: -webkit-linear-gradient(top, #0d62ab 0%,#0c5ea6 50%,#064287 50%,#064287 100%); background: -o-linear-gradient(top, #0d62ab 0%,#0c5ea6 50%,#064287 50%,#064287 100%); background: -ms-linear-gradient(top, #0d62ab 0%,#0c5ea6 50%,#064287 50%,#064287 100%); background: linear-gradient(to bottom, #0d62ab 0%,#0c5ea6 50%,#064287 50%,#064287 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d62ab', endColorstr='#064287',GradientType=0 ); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:block; width: 100px; height: 35px; border:none; position:absolute; left:-128px; top:200px; color:#fff; font-size: 16px; font-weight: normal; } #quickQuote form p{ font-size:85%; line-height:130%} #quickQuote form p label{ display:block; margin:0 0 0 25px;} #quickQuote form p strong{ display:block;} #quickQuote .ad{ border-top:1px solid #d1d3d4; border-bottom:1px solid #d1d3d4; display:block; margin:12px 0;} #quickQuote div.received { margin:50px 10px 0 140px;height:120px;font-size:150%;} #sliderFeatured { position:relative; height: 500px; margin: 0 37% 0 0;} #slideWrap { width:100% !important} #sliderFeatured .ft_advert{ height: 500px; z-index:100;width: 100% !important;} #sliderFeatured .ft_advert a {text-indent:-99999px; display:block; height:500px;} #sliderNav{ width:200px; margin:0 auto; overflow:hidden; position:absolute; z-index:99999; bottom: 120px; left: 30px; margin: 0;} #sliderNav a {width:14px; height:14px; background:#fff; float:left; text-indent:-99999px;margin: 0 12px 0 0;-moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; } #sliderNav a:hover.activeSlide, #sliderNav a.activeSlide {background:#818181 !important;} #homepageAdverts { margin: 0; overflow: hidden; float:right; width:36%;} #homepageAdverts a.ad{background: white; height: 115px; width:98%; display: block;vertical-align: middle; border: 1px solid #c7c8ca; text-indent: -99999px; background-position: top center;} #homepageAdverts a {margin:0;} #homepageAdverts a + a {margin:10px 0 0 0;} #homeblocks {overflow:hidden; height:354px; margin: 10px 0 0 0;} #homeblocks .rflWide, #homeblocks .rflThin {display:block; float:left; height:100%; background:#efefef;} #homeblocks .rflWide a, #homeblocks .rflThin a {display:block; height:100%; width:100%; overflow:hidden; text-indent:-9999px;} #homeblocks .rflWide {width:50%;} #homeblocks .rflThin {width:24%; margin: 0 0 0 1%;} #homeMadMimiSignup {background:#B8BCBE; margin:18px 0;} #homeMadMimiSignup .formwrap {overflow:hidden;} #homeMadMimiSignup .formwrap p {float:left; font-size:16px; color: #222; width:30%; text-align:center; line-height:37px; margin:0; vertical-align:middle;} #homeMadMimiSignup .formwrap p span {vertical-align: middle; padding: 0 0 0 8px; border-left: 1px solid #555; margin: 0 0 0 4px;} #homeMadMimiSignup .formwrap p strong {} #homeMadMimiSignup .formwrap p strong sup {vertical-align:super;font-size:50%;line-height:14px;} #homeMadMimiSignup .formwrap p strong + span {border-left:1px solid #fff; margin-left:6px; padding-left:6px;} #homeMadMimiSignup .formwrap .formelement {float:left; width:30%; text-align:center;} #homeMadMimiSignup .formwrap .formelement input {width:90%; margin:4px 0; padding:5px;} #homeMadMimiSignup .formwrap .formsubmit {width:10%;} #homeMadMimiSignup .formwrap .formsubmit input {width:90%; text-align:center; cursor:pointer; background:none; border:none; color:#fff; font-weight:bold; font-size:18px; margin:4px 0; padding:0; background:#ee9517; height:30px;} #mad_mimi_signup_form > div {margin: 0 12px !important; padding-top:106px !important;} #mad_mimi_signup_form input[type="text"] {width:90% !important;} /* * Core Popbox CSS File * v2.12 */ .popbox-container { z-index:9990; background:url(/images/blackout.png) !important; } .popbox-popup { background:#fff; z-index:9991; position:absolute; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); padding:15px; } .popbox-title { z-index: 9992; padding: 0 65px 0 15px; height:50px; background: #064287; font-weight: normal; text-transform: uppercase; margin: -15px -15px 10px; line-height: 50px; font-size: 18px; color: #fff; } .popbox-content { z-index:9992; } .popbox-close { right:0; top: 0; width:50px; height:50px; z-index:9995; position:absolute; background:#064287; color: #2364B0; padding:0; text-align: center; cursor:pointer; font-weight:bold; font-size:24px; line-height:50px; text-decoration:none; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .popbox-close:hover { background:#2364B0; color: #064287; } .popbox-content .styling {margin:0;} #pbSignupButton {position: fixed; z-index:100; top: 20%; width:40px; height:240px; color: #fff; text-decoration: none; text-align: center; border: #fff 1px solid; outline: 2px dotted #d04aa0; right: 0; padding: 0; border-right: none; overflow:hidden; text-indent:-9999px; line-height:9999;} .pb-signup-form .indicates-required {width:100%; text-align:right;} .pb-signup-form form {padding:4px;} .pb-signup-form form p {margin: 0 0 10px 0;} .pb-signup-form .pb-field-group {margin:0 0 10px 0; font-size:16px;} .pb-signup-form .pb-field-group label {display:block; width:80%; margin: 0 0 2px 0;} .pb-signup-form .pb-field-group input, .pb-signup-form .pb-field-group select {display:block; padding:5px; width:80%; font-size:16px; border: 1px solid #7CABC8; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .pb-signup-form .pb-field-group input:focus, .pb-signup-form .pb-field-group select:focus{border:1px solid #4E7B98;} .pb-signup-form .clear .button {background:#064287; border:none; padding:8px 14px; font-weight:bold; color:#fff; font-size:16px; cursor:pointer;} .pb-signup-form .clear .button:hover {background:#2364B0;} /* #### Mobile Phones Portrait #### */ @media screen and (max-device-width: 480px) and (orientation: portrait){ } /* #### Mobile Phones Landscape #### */ @media screen and (max-device-width: 640px) and (orientation: landscape){ } /* #### Tablets Portrait #### */ @media screen and (max-device-width: 768px) and (orientation: portrait){ } /* #### Tablets Landscape #### */ @media screen and (max-device-width: 1024px) and (orientation: landscape){ } @media screen and (max-width: 1066px) { #socialHeader { left:215px !important; width: 320px; top:25px !important;} #socialHeader img{max-width:100%; height:auto;} } @media screen and (min-width:1200px) { #homeMadMimiSignup .formwrap p, #homeMadMimiSignup .formwrap p span {font-size:18px;} }