/* Minification failed. Returning unminified contents. (512,208): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: TBWindowMargin (532,206): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: TBWindowMargin (1528,110): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ .AllPopBoxes { color: #444; } /*div, table, tr, td { position:relative; }*/ .clr { clear: both; line-height: 0; height: 0; } /*p { margin:0; }*/ select { max-width: 100%; } .HeaderSection { position: relative; } /*.Section1 { position: absolute; top: 0; right: 0; margin: 0.5%; }*/ .Section1Out { position: absolute; right: 5px; top: 5px; z-index: auto; width: 220px; } .CenterColumn { background-color: #ffffff; } /*.FilterBox select { margin-left:5px;}*/ .BreadCrumbHolder { margin: 5px 10px; } .Widget .wCenter { padding: 2px; padding-top: 6px; } .Section2 .wCenter { padding-top: 2px; } .RichText .wCenter { padding: 5px; } .HeaderSection .RichText .wCenter, .FooterSection .RichText .wCenter { padding: 0; } .MemberBox .wCenter div { text-align: center; } .Section3 .MemberBox .wCenter div, .Section4 .MemberBox .wCenter div, .Section7 .MemberBox .wCenter div, .Section8 .MemberBox .wCenter div { top: 35%; position: relative; } .MemberBox a:link, .MemberBox a:hover, .MemberBox a:visited, .MemberBox a:active { font-weight: bold; } .LiveHelp .wCenter { text-align: center; } .listing-sort-items { text-align: right; } .listing-description { padding-bottom: 5px; } .LinkExchange .wCenterIn ul { list-style: none inside; padding: 0px; margin: 0px; text-align: center; } .LinkExchange .wCenterIn { text-align: center; } /* .Search .wTextField, .Newsletter .wTextField {margin-bottom:2px;width:90%} */ .CustomPage .wCenter { margin-left: 5px; margin-right: 5px; } .Newsletter .wTextField { margin-bottom: 2px; width: 90%; } .Search .wButton { padding: 2px 5px 2px 5px; } .wTextField { vertical-align: middle; } /*Bottom Ahop Link item*/ .AshopLinkItem { margin: auto; } .NewProducts .DataViewItem { vertical-align: top; } .BestSellers .DataViewItem { vertical-align: top; } /* .CustomPagesMenu ul, .CustomMenu ul, .Categories ul, .Brands ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; line-height:2em; } .CustomPagesMenu ul a, .CustomMenu ul a, .Categories ul a, .Brands ul a { display:block; padding:0 5px; } */ .CustomMenu ul, .CustomPagesMenu ul, .Categories ul, .Brands ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; line-height: 1.4em; } .CustomMenu ul a, .CustomPagesMenu ul a, .Categories ul a, .Brands ul a { padding-bottom: 0; padding-left: 0; padding-right: 2px; padding-top: 0; } /*.CustomMenu .list-vertical li a, .CustomPagesMenu .list-vertical li a, .Categories .list-vertical li a, .Brands .list-vertical li a { margin-left:-6px;} .CustomMenu .dropdown-vertical li a, .CustomPagesMenu .dropdown-vertical li a, .Categories .dropdown-vertical li a, .Brands .dropdown-vertical li a { margin-left:-6px;}*/ /* .CustomMenu ul a { display:block;} */ .sub-categories td { text-align: center; vertical-align: middle; } .tabs-ie6 ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; } * html .LeftSection .Categories .wCenter, * html .RightSection .Categories .wCenter { padding-left: 2px; } * html .LeftSection .CustomMenu .wCenter, * html .RightSection .CustomMenu .wCenter { padding-left: 2px; } * html .LeftSection .CustomPagesMenu .wCenter, * html .RightSection .CustomPagesMenu .wCenter { padding-left: 2px; } * html .LeftSection .CurrencyConverter .wCenter, * html .RightSection .CurrencyConverter .wCenter { padding-top: 3px; padding-bottom: 3px; } * html .LeftSection .Brands .wCenter, * html .RightSection .Brands .wCenter { padding: 3px; } .wButton { border-width: 1px; border-style: solid; border-color: #777; background-color: #72d1dd; color: #ffffff; text-decoration: none; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; margin: 0px; padding: 1px 5px 1px 5px; font-size: 100%; display: inline-block; } .wButton:active { /*border-style: inset;*/ } input.wButton, button.wButton { width: auto; overflow: visible; } .wButton[class] { background-image: url(/Images/shade.png); background-position: bottom; } .wButtonSmall { font-size: 80%; vertical-align: middle; } /*vertical-align:bottom; added from EM.*/ .add2cart { vertical-align: middle; } /*vertical-align:bottom; added from EM.*/ .ShoppingCart .wButton { margin-bottom: 2px; margin-top: 2px; } .text-variant { width: 250px; } /*List Horizontal*/ .list-horizontal { float: left; position: relative; } .list-horizontal, .list-horizontal li, .list-horizontal ul { list-style: none outside none; margin: 0; padding: 0; } .list-horizontal li { float: left; line-height: 1.3em; vertical-align: middle; } /* Javascript Menu*/ /*ul.dropdown ul.list-horizontal {*/ /* For javascript sub menu width*/ ul.dropdown-horizontal li ul { width: auto; } ul.dropdown-horizontal ul li a { padding: 2px 5px; } ul.dropdown-vertical li ul { width: auto; } ul.dropdown ul li { width: auto; max-width: 180px; } ul.dropdown ul li a { display: block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; } ul.dropdown li ul { width: auto; max-width: 180px; } ul.dropdown-vertical ul li { padding: 0px 5px; } /*For IE7 hack on javascript menus*/ * + html ul.dropdown ul { width: 150px; } * + html ul.dropdown-vertical ul { top: 0px; left: 98%; } ul.dropdown-vertical ul { top: 0px; left: 99%; left: 98%\9; } /*dropdown */ /*For listing items*/ .category-list .list-vertical li { padding-left: 8px; } .wWrapperOut, .wHeaderOut, .wCenterOut, .wFooterOut, .MainOut, .HeaderSectionOut, /*.Section1Out,*/ .Section2Out, .LeftSectionOut, .Section3Out, .Section4Out, .Section5Out, .CenterSectionOut, .Section6Out, .Section7Out, .Section8Out, .RightSectionOut, .FooterSectionOut, .wWrapperIn, .wHeaderIn, .wCenterIn, .wFooterIn, .MainIn, .HeaderSectionIn, .Section1In, .Section2In, .LeftSectionIn, .Section3In, .Section4In, .Section5In, .CenterSectionIn, .Section6In, .Section7In, .Section8In, .RightSectionIn, .FooterSectionIn, .wWrapper, .wHeader, .wCenter, .wFooter, .Main, .HeaderSection, .Section1, .Section2, .LeftSection, .Section3, .Section4, .Section5, .CenterSection, .Section6, .Section7, .Section8, .RightSection, .FooterSection { position: relative; z-index: auto; } form { margin: 0; padding: 0; } .close_btn { background-attachment: scroll; background-color: transparent; background-image: url("Images/close.gif"); background-position: right top; background-repeat: no-repeat; border-bottom-color: -moz-use-text-color; border-bottom-style: none; border-bottom-width: 0; border-top-style: none; border-top-width: 0; display: block; height: 14px; width: 14px; } .close_lk { background-attachment: scroll; background-color: #FFFFFF; background-image: none; background-position: 0 0; background-repeat: repeat; display: inline-block; margin-left: -30px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px; vertical-align: top; } #BlogPanel { height: auto; } /* Problem on overlapping categories top menu over custompages*/ .CustomPagesMenu ul.dropdown { z-index: 10; } input.blogSearchKeyword { width: 60%; } input.blogSearchButton { width: 34%; } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: local('Raleway'), url(https://fonts.gstatic.com/s/raleway/v9/IczWvq5y_Cwwv_rBjOtT0w.woff) format('woff'); } #TB_window{ font:12px Arial,Helvetica,sans-serif; } #TB_secondLine{ font:10px Arial,Helvetica,sans-serif; } #TB_overlay{ position:fixed; z-index:100000; top:0px; left:0px; height:100%; width:100%} .TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat} .TB_overlayBG{ background-color:#fff; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50} * html #TB_overlay{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')} #TB_window{ position:fixed; background:#fff; z-index:100002; color:#000; display:none; border:2px solid #D0D0D0; text-align:left; top:50%; left:50%} #TB_window .sb-inner{background-color:#D0D0D0} #TB_window_inner{background-color:#FFF} * html #TB_window{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')} #TB_window img#TB_Image{ display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666} #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left} #TB_closeWindow{ height:25px; padding:10px 0; float:right} #TB_closeAjaxWindow{ padding:0 5px 5px 0; text-align:right; float:right} #TB_closeWindow a, #TB_closeAjaxWindow a{overflow:hidden; float:right} #TB_closeWindow a{background:transparent url(../images/lightbox-btn-close.gif) no-repeat scroll 50% 50%; height:25px; width:90px} #TB_closeAjaxWindow a{padding-top:6px; text-align:right; font-size:90%; color:#fff;} #TB_ajaxWindowTitle{float:left; padding:7px 0 5px 5px; margin-bottom:1px; color:#fff; font-weight:bold; } #TB_title{font-size:14px; height:30px} #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em} #TB_ajaxContent.TB_modal{ padding:15px} #TB_ajaxContent p{ padding:5px 0px 5px 0px} #TB_load{ position:fixed; display:none; height:13px; width:208px; z-index:100003; top:50%; left:50%; margin:-6px 0 0 -104px} * html #TB_load{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')} #TB_HideSelect{ z-index:99999; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%} * html #TB_HideSelect{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')} #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px} div.rating-cancel,div.rating-cancel a{background:url(http://static.shop033.com/resources/50/336/delete.gif) no-repeat 0 -16px} /* 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.star-rating,div.star-rating a{background:url(http://static.shop033.com/resources/50/336/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 */ /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.star-rating2{float:left;width:10px;height:9px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.star-rating2,div.star-rating2 a{background:url(stars.png) no-repeat 0 0px} div.star-rating2 a{display:block;width:9px;height:100%;background-position:0 0px;border:0} div.star-rating2-on a{background-position:0 -18px!important} div.star-rating2-hover a{background-position:0 -9px} /* Read Only CSS */ div.star-rating2-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating2{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ .DataViewWrapper { padding: 5px; overflow: hidden; } .DataViewRow { margin:0;} .DataViewCellOut { margin: 5px 0; } .DataViewCell { text-align:center; } .DataViewItem { margin: 5px 0; text-align:center; } .DataViewItemThumbnailImage {} .DataViewItemThumbnailImage img { border:none; } .DataViewItemAddToCart { } .DataViewItemProductTitle { } .DataViewItemRetailPrice { text-decoration: line-through; color: #888; } .DataViewItemOurPrice { font-weight: bold;font-size: 110%; } /*font-size: 110%;*/ .DataViewItemOverallRating { width:50px; height:10px; margin: 0 auto; } .DataViewItemMoreLink { } .DataViewItemSKU { } .DataViewItemShortDescription { } .DataViewItemSavingsInDollar { } .DataViewItemSavingsInPercentage { } .DataViewItemDomesticTax { } .DataViewSeparator { clear: both; height: 5px; overflow: hidden; } .DataViewNoItem { } .DataViewPager { } .DataViewPager ul { line-height: 1.4; font-weight: bold; padding: 0; } .DataViewPager ul li { display: inline; list-style: none; margin-right: 0.6em; padding: 0.2em 0.4em; border: 1px solid #9AAFE5; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } .DataViewPager ul li.currentPage { background-color: #888; border: 1px solid #ccc; color: #fff; } .DataViewPager ul li a { color: #666; } .DataViewPager ul li a, .DataViewPager ul li a:visited { text-decoration: none; } .DataViewPager ul li a:hover { color: #a00; } .DataViewWatchList {padding-left:20px; background-image: url('/images/favorites-add_16.gif'); cursor: pointer ;background-repeat: no-repeat; font-size: 90%; display:inline-block; height: 18px;padding-top:4px;} .DataViewOutOfStock {font-weight: bold;} .DataViewSubCategoryBorder{border-width: thin; border-style: solid;} .FeaturedProductsTitle {font-size:12px;} .FeaturedProductsTitle_HR {height:2px;margin:0px;color:#FFF;} /*For rounding border of listing items*/ .DataViewCellOut {position:relative;} .DataViewCellIn {position:relative;} .DataViewCell {position:relative;} /* Following Rules for centering image in product listing*/ /* .wraptocenter { display: table-cell; text-align: center; vertical-align: middle; } .wraptocenter * { vertical-align: middle; } */ /*\*//*/ .wraptocenter { display: block; } .wraptocenter span { display: inline-block; height: 100%; width: 1px; } /**/ html>body .DataViewItemThumbnailImage img { /*hidden from IE 5-6 */ margin-top: 0; /* to clean up, just in case IE later supports valign! */ vertical-align: middle; } .listing-responsive-wrapper { margin: 0 auto; width: 100%; } .listing-responsive-wrapper:after { content: ""; display: table; clear: both; } .listing-responsive-wrapper .DataViewCellOut { width: 23%; margin: 1%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 15px; } @media (max-width: 900px) { .listing-responsive-wrapper .DataViewCellOut { width: 31.333%; } } @media (max-width: 680px) { .listing-responsive-wrapper .DataViewCellOut { width: 48%; } } @media (max-width: 480px) { .listing-responsive-wrapper .DataViewCellOut { width: 98%; } } @charset "UTF-8"; /** * Minimal Horizontal CSS Drop-Down Menu Module * * @file dropdown.min.css * @package Dropdown * @version 0.7.1 * @type Transitional * @requires reset.css * @stacks 597-599 * @browsers Windows: IE6+, Opera7+, Firefox1+ * Mac OS: Safari2+, Firefox2+ * * @link http://www.lwis.net/ * @copyright 2006-2008 Live Web Institute. All Rights Reserved. * */ ul.dropdown { position: relative; z-index: 597; float: left; } ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; } ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } ul.dropdown ul li { float: none; } ul.dropdown ul ul { top: 1px; left: 99%; } ul.dropdown li:hover > ul { visibility: visible; } /** * Vertical Left-to-Right Direction CSS Drop-Down Menu Component * * @file dropdown.vertical.css * @package Dropdown * @version 0.3 * @type Transitional * @requires dropdown.css * @browsers Windows: IE5+, Opera7+, Firefox1+ * Mac OS: Safari2+, Firefox2+ * * @link http://www.lwis.net/ * @copyright 2006-2008 Live Web Institute. All Rights Reserved. * */ ul.dropdown-vertical { /* width: 200px;*/ width: 100%; } ul.dropdown-vertical ul { /*top: 1px;*/ /*Removed From Emre*/ top:0px; left: 99%; } ul.dropdown-vertical li { float: none; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/js/fancybox/fancybox.png'); } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 65555; display: none; } #fancybox-outer { z-index: 65556; position: relative; width: 100%; height: 100%; background: #FFF; /*background:url('/images/shoppingcart/scartbackground.png') no-repeat;*/ } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; z-index: 65557; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; /*top: -15px;*/ top: -50px; right: -15px; width: 30px; height: 30px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; /*bottom: 0;*/ left: 0; font-family: Arial; font-size: 12px; z-index: 1102; top:-35px; bottom:auto; } .fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; } .fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; /*background-image: url('fancy_title_over.png');*/ display: block; background-color:#f4f3f3; font-size:18px; padding-top: 6px; color:#777575; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; } #fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('/js/fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF; } #fancybox-title-right { padding-left: 15px; background-image: url('/js/fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/js/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancy-bg-n { top: -20px; left: 0; width: 100%; /*background-image: url('fancybox-x.png');*/ } #fancy-bg-ne { top: -20px; right: -20px; /*background-image: url('fancybox.png');*/ background-position: -40px -162px; } #fancy-bg-e { top: 0; right: -20px; height: 100%; /*background-image: url('fancybox-y.png');*/ background-position: -20px 0px; } #fancy-bg-se { bottom: -20px; right: -20px; /*background-image: url('fancybox.png');*/ background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; /*background-image: url('fancybox-x.png');*/ background-position: 0px -20px; } #fancy-bg-sw { bottom: -20px; left: -20px; /*background-image: url('fancybox.png');*/ background-position: -40px -142px; } #fancy-bg-w { top: 0; left: -20px; height: 100%; /*background-image: url('fancybox-y.png');*/ } #fancy-bg-nw { top: -20px; left: -20px; /*background-image: url('fancybox.png');*/ background-position: -40px -122px; } /* IE */ #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_close.png', sizingMethod='scale'); } /*.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }*/ .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .spopup-addedtext{color:#4F4F4F;font-family:tahoma;font-size:15px;font-weight:normal;left:25px;padding:24px 0 0 0;position:relative;width:90%;} .spopup-closebtn {cursor:pointer;position:absolute;top:18px;left:350px;} .spopup-content-table {padding-right:20px;} .spopup-content {height:120px;padding:10px 0 0 26px;position:relative;top:10px;width:90%;} .spopup-productname {font-family:arial;font-size:12px; color:#4f4f4f;text-align:right;font-weight:bold;} .spopup-productcode {font-family:arial;font-size:12px; color:#bababa;text-align:right;} .spopup-variant {font-family:arial;font-size:11px; color:#7d7d7d;text-align:right;font-weight:normal;padding-top:5px;} .spopup-qty {font-family:arial;font-size:12px; color:#7d7d7d;text-align:right;padding-top:5px;} .spopup-price {font-family:arial;font-size:12px; color:#7d7d7d;text-align:right;} .spopup-continue-shopping{background-color:#cacaca;color:#595959;font-family:arial;font-size:12px} .spopup-checkout{background-color:#8e8e8e;color:#ffffff;font-family:arial;font-size:12px; text-transform: uppercase;} .spopup-buttons{padding-top:7px;text-align:right;} .spopup-advanceOrder{font-weight:normal;} /* IE6 */ * html .spopup-addedtext {background-color:#ffffff;} * html .spopup-content {background-color:#ffffff;} div.MainShoppingCart {position:relative; z-index:3; text-align:center;} div.BasketItems {width:100%; position:absolute; top:0; left:0; border:0; z-index:99;} table.Basket {border:solid 1px #ccc;} table.Basket tr.Header {font-size:9px;} table.Basket a.ProductTitle {font-size:11px; cursor:pointer;} table.Basket a.ProductTitle:hover {font-size:11px; cursor:pointer;} table.Basket a.ProductTitle:hover {font-size:11px; cursor:pointer;} table.Basket div.ProductCode {font-size:9px; vertical-align:top;} table.Basket td.Detail {font-size:9px;} table.Basket td.Footer {font-weight:bold; font-size:9px; text-align:right; padding-right:5px;} .CalculateShippingLink {font-size:90%;} .scb_itemsadded {font-size:10px;font-weight:normal; color:#FFF; padding-left:5px;} .scb_baskettotal{font-size:10px;font-weight:normal; color:#FFF;padding-right:7px;padding-bottom:2px;} .scb_quantity {font-size:11px;} .scb_price{font-size:11px;font-weight:bold;} .scb_producttitle{font-size:11px;padding-left:2px;padding-bottom:3px;} .scb_productcode{font-size:10px;padding-left:2px;} .scb_maintableborder{border:1px solid #ffffff;} /*ceebox*/ /* CeeBox CSS Document */ /* Minor change made for 2.0.6 */ /* Works with 2.0.4 and up */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for ceebox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ /*{padding: 0; margin: 0;} html,body{height:100%;}*/ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> ceebox specific background images <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #cee_closeBtn { background-image: url(../images/cee-close-btn.png); } #cee_next { background-image: url(../images/cee-next-btn.png); } #cee_prev { background-image: url(../images/cee-prev-btn.png); } * html #cee_next { background-image: url(../images/cee-next-btn.gif); } /* IE6 hack */ * html #cee_prev { background-image: url(../images/cee-prev-btn.gif); } /* IE6 hack */ #cee_load { background-image: url(../images/loader.gif);} /* ceebox border width controled as option in jquery.ceebox.js */ /* colors for ceebox background and border can also be set as option in jquery.ceebox.js */ #cee_box {background-color: #fff;border-color:#525252;border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> ceebox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #cee_box { font: 12px Arial, Helvetica, sans-serif; color: #333333; background-color: #fff; } #cee_count { font: 10px Arial, Helvetica, sans-serif; -moz-opacity: 0.8; opacity: 0.8;/* opacity used to reduce contrast of font color so that any main color will work */ clear:left; float:left; padding: 2px 0 4px; } .cee_html #cee_title h2 {float:left;} .cee_html #cee_count {clear:none;padding-left:5px;} * html #cee_count { /* ie6 hack */ zoom:1; padding-bottom:6px; } #cee_next,#cee_prev{ height:100%; width: 49%; text-indent:-10000px; text-decoration:none; visibility:visible; background-repeat:no-repeat; } #cee_box a {border:0;outline:none} #cee_box a:link {color: #666;} #cee_box a:visited {color: #666;} #cee_box a:hover {color: #000;} #cee_box a:active {color: #666;} #cee_box a:focus{color: #666;} #cee_closeBtn { background-repeat: no-repeat; display:box; width:24px; height:23px; position:absolute; text-indent:-10000px; } /* Next up a bunch of ugly ass css hacks to fix the fact that IE cuts off the close button when it floats negative. Yeah "thou shalt not hack the css" ...so sue me it's better than handling it in the javascript */ #cee_closeBtn {top:-3px;right:-3px;} /* base value only here for IE8 */ #cee_closeBtn, #ie8#hack {top:-10px;right:-10px;} /* All browsers except IE8 see this; IE8 keeps using the */ *:first-child+html #cee_closeBtn{top:-3px;right:-3px;} /* only IE7 sees this*/ * html #cee_closeBtn{top:-3px;right:-3px;} /*only IE 6 sees this*/ #cee_closeBtn:hover { background-position: 0px -23px; } .cee_close {cursor:pointer} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> ceebox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #cee_box { text-align:left; color:#000; } #cee_box img#cee_img, #cee_vid,#cee_iframeContent,#cee_ajax { display:block; margin: 15px 15px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #cee_title { padding:7px 15px 5px 15px; overflow:hidden; } .cee_html #cee_title{ background-color:#e8e8e8; height:18px; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } #cee_title h2 { font-size:1em; font-weight:400; margin:0 0 1px; } #cee_ajax{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #cee_load{ display:none; height:50px; width:50px; margin: -25px 0 0 -25px; /* -height/2 0 0 -width/2 */ background-position: center center; background-repeat:no-repeat; } #cee_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #cee_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #cee_iframe{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; } .bubbleInfo{position:relative; top:0px; left:0px} .trigger{} .popup{position:absolute; display:none; z-index:65000; border-collapse:collapse} .popup td{font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; padding:0pt;z-index:65001;} .popup td.corner{height:15px; width:19px;z-index:65002;} .popup td.bubble_content{background:#fff; font-family:"Trebuchet MS",sans-serif; font-size:11px; padding:10px;z-index:65003;} .popup td.topleft{background-image:url(/images/bubble/bubble-1.png);z-index:65004;} .popup td.top{background-image:url(/images/bubble/bubble-2.png);z-index:65005;} .popup td.topright{background-image:url(/images/bubble/bubble-3.png);z-index:65006;} .popup td.left{background-image:url(/images/bubble/bubble-4.png);z-index:65007;} .popup td.right{background-image:url(/images/bubble/bubble-5.png);z-index:65008;} .popup td.bottomleft{background-image:url(/images/bubble/bubble-6.png);z-index:65009;} .popup td.bottom{background-image:url(/images/bubble/bubble-7.png); text-align:center;z-index:65010;} .popup td.bottom img{display:block; margin:0 auto;z-index:65011;} .popup td.bottomright{background-image:url(/images/bubble/bubble-8.png);z-index:65012;} .popup table.popup-contents{font-size:12px; line-height:1.2em; background-color:#fff; color:#666; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",sans-serif;z-index:65015;} table.popup-contents th{text-align:right; text-transform:lowercase;z-index:65013;} table.popup-contents td{text-align:left;z-index:65014;} /* Old Rules. HTML structure is updated. .recent-blog-item {padding-bottom:10px;padding-left:5px;} .recent-blog-title {font-weight:bold; color:#[Color21];} .recent-blog-title a:link {font-size:105%; font-weight:bold;} .recent-blog-title a:visited { font-size:105%;font-weight:bold;} .recent-blog-title a:active { font-size:105%;font-weight:bold;} .recent-blog-title a:hover { font-size:105%;font-weight:bold;} .recent-blog-timestamp {font-weight:normal;font-size:90%;} .recent-blog-description {font-weight:normal;font-size:100%;} */ .blog-widget-container a { text-decoration: none; } .blog-widget-container a:hover { text-decoration: underline; } .blog-widget-container .clear { clear: both; } .blog-widget-container { font-family: Arial, Helvetica, sans-serif; width: 100%; max-width: 900px; margin-right: auto; margin-left: auto; } .blog-widget-container .widget-container { margin-bottom: 15px; margin-left: 0px; margin-right: 10px; vertical-align: top; } .blog-widget-container.one .widget-container { width: calc(100%); display: inline-block; } .blog-widget-container.two .widget-container { width: calc(50% - 12px); display: inline-block; } .blog-widget-container.three .widget-container { width: calc(33.3% - 13px); display: inline-block; } .blog-widget-container.four .widget-container { width: calc(25% - 13px); display: inline-block; } .blog-widget-container .widget-container h2.blog-title { font-size: 14px; font-weight: bold; margin: 0 0 7px 26%; padding: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .blog-widget-container.two .widget-container h2.blog-title, .blog-widget-container.three .widget-container h2.blog-title, .blog-widget-container.four .widget-container h2.blog-title, .blog-widget-container .widget-container.no-photo h2.blog-title { margin: 0 0 7px 0; } .blog-widget-container .widget-container .tags { font-size: 13px; margin: 0 0 10px 26%; padding: 0 0 7px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .blog-widget-container.two .widget-container .tags, .blog-widget-container.three .widget-container .tags, .blog-widget-container.four .widget-container .tags, .blog-widget-container .widget-container.no-photo .tags { margin: 0 0 10px 0; } .blog-widget-container .widget-container .tags .tag { display: inline-block; margin-right: 3px; } .blog-widget-container .widget-container .featured-image { margin-bottom: 10px; float: left; width: 23%; margin-right: 3%; } .blog-widget-container.two .widget-container .featured-image, .blog-widget-container.three .widget-container .featured-image, .blog-widget-container.four .widget-container .featured-image { float: none; width: 100%; margin-right: 0; } .blog-widget-container .widget-container.no-photo .featured-image { display: none; } .blog-widget-container .widget-container .featured-image img { width: 100%; height: auto; opacity: 1; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; } .blog-widget-container .widget-container .featured-image img:hover { width: 100%; height: auto; opacity: 0.8; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; } .blog-widget-container .widget-container .excerpt { line-height: 17px; } .blog-widget-container .widget-container h2.blog-title.no-image, .blog-widget-container .widget-container .no-image { margin-left: 0; } @media screen and (max-width: 600px) { .blog-widget-container .widget-container { margin-bottom: 50px; } .blog-widget-container .widget-container .featured-image { margin-bottom: 10px; float: none; width: 100%; margin-right: 0; } .blog-widget-container .widget-container .tags { margin: 0 0 10px 0; } .blog-widget-container .widget-container h2.blog-title { margin: 0 0 8px 0; } } @media screen and (max-width: 480px) { .blog-widget-container .widget-container { margin-bottom: 40px; } } @media screen and (max-width: 360px) { .blog-widget-container .widget-container h2.blog-title { font-size: 20px; } } .blog-widget-container .widget-container.last-blog { margin-bottom: 0px; } .clear { clear:both; } /* No Image */ .main-image { width:200px; /*height:200px;*/ overflow:hidden; margin:3px auto; border:solid 1px #ccc;text-align:center;vertical-align:middle; } .main-image img { border:none; cursor:default; } /* CAROUSEL HORIZONTAL */ .slide-container-h { width:225px; height:265px; } .slide-container-h .slide-main-image { width:200px; height:200px; overflow:hidden; margin:3px auto; border:solid 1px #ccc; text-align:center;vertical-align:middle;} .slide-container-h .slide-main-image img { border:none; cursor:pointer; } .slide-container-h .slide-thumbs-container { width:220px; height:60px; margin:5px 0; padding:0 12px; } .slide-container-h .slide-thumbs { float:left; } .slide-container-h .slide-thumbs ul li { width:60px; height:52px; overflow:hidden; } .slide-container-h .slide-thumbs ul li img { margin:0 5px; border:solid 1px #ccc; cursor:pointer; } .slide-container-h .slide-prev, .slide-next { float:left; text-indent:-9999px; cursor:pointer; width:10px; height:52px; margin:0; } .slide-container-h .slide-prev { background:url(../images/gal_arrow_left_over.png) no-repeat 0 50%;width:10px;height:52px;} .slide-container-h .slide-prev-disabled { background:url(../images/gal_arrow_left.png) no-repeat 0 50%; } .slide-container-h .slide-next { background:url(../images/gal_arrow_right_over.png) no-repeat 100% 50%;width:10px;height:52px;} .slide-container-h .slide-next-disabled { background:url(../images/gal_arrow_right.png) no-repeat 100% 50%; } /* CAROUSEL VERTICAL */ .slide-container-v { width:290px; height:225px; } .slide-container-v .slide-main-image { float:left; width:200px; height:200px; overflow:hidden; margin:5px; border:solid 1px #ccc; text-align:center;vertical-align:middle;} .slide-container-v .slide-main-image img { border:none; cursor:pointer; } .slide-container-v .slide-thumbs-container { float:left; width:60px; height:220px; margin:0 5px; padding:0; } .slide-container-v .slide-thumbs { float:left; width:60px; } .slide-container-v .slide-thumbs ul { vertical-align:middle; } .slide-container-v .slide-thumbs ul li { width:52px; height:60px; overflow:hidden; } .slide-container-v .slide-thumbs ul li img { line-height:60px; margin:5px 0; border:solid 1px #ccc; cursor:pointer; } .slide-container-v .slide-prev, .slide-next { float:left; text-indent:-9999px; cursor:pointer; width:52px; height:10px; margin:0; } .slide-container-v .slide-prev { background:url(../images/gal_arrow_up_over.png) no-repeat 50% 0%; } .slide-container-v .slide-prev-disabled { background:url(../images/gal_arrow_up.png) no-repeat 50% 0%; } .slide-container-v .slide-next { background:url(../images/gal_arrow_down_over.png) no-repeat 50% 100%; } .slide-container-v .slide-next-disabled { background:url(../images/gal_arrow_down.png) no-repeat 50% 100%; } /* FANCY THUMBS */ /* http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/ */ ul.fancy-thumbs { float: left; list-style: none; margin: 0; padding: 10px; width: 240px; } ul.fancy-thumbs li { margin: 0; padding: 5px; float: left; position: relative; width: 110px; height: 110px; } ul.fancy-thumbs li img { width: 100px; height: 100px; -ms-interpolation-mode: bicubic; border: 1px solid #ddd; padding: 5px; background: #f0f0f0; position: absolute; left: 0; top: 0; } ul.fancy-thumbs li img.hover { background:url(../Images/thumb_bg.png) no-repeat center center; border:none; * background:none; } /* jQZoom Evolution */ /* http://www.mind-projects.it/projects/jqzoom/ */ div.jqZoomTitle { z-index:5000; text-align:center; font-size:11px; font-family:Tahoma; height:16px; padding-top:2px; position:absolute; top: 0px; left: 0px; width: 100%; color: #FFF; background: #999; } .jqZoomPup { overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:10; border-color:#c4c4c4; border-style: solid; cursor:crosshair; } .jqZoomPup img { border: 0px; } .preload{ -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; width:90px; *width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px; } .jqZoomWindow { border: 1px solid #999; background-color: #FFF; } .ProductDetailAddToWatchList {padding-left:28px; background-image: url('/images/favorites-add_24.gif'); cursor: pointer ;background-repeat: no-repeat; display:inline-block; height: 28px;padding-top:8px;} .ProductDetailAddToBasketQty_td {width:1px;white-space:nowrap;} .ProductDetailAddToBasketPreOrderText {text-align: left;white-space:nowrap;} /*.ProductDetailAddToBasketBtn_td {text-align:left;}*/ .RelatedProductsHeader{border-bottom:1px solid;color:#000000;font-size:110%;font-weight:bold;} .SimilarProductsHeader{border-bottom:1px solid;color:#000000;font-size:110%;font-weight:bold;} /*Questions*/ .questionText{ float:left; display:block; margin-bottom:5px;} .answerText{float:left; display:block; margin-bottom:5px;} .question-item{ float:left; display:block; margin-bottom:15px;} /*CategoryBestSellers*/ .category-best-seller-wrapper a {color: #0063c3 !important;} .category-best-seller-badge {display: inline-block;color: #fff;padding-right: 7px;font-size: 12px;width: auto;height: 0px;border-right: 5px solid transparent;border-top: 10px solid #E47911;border-left: 7px solid #E47911;border-bottom: 10px solid #E47911;border-top-left-radius: 4px;border-top-right-radius: 0px;border-bottom-left-radius: 4px;border-bottom-right-radius: 0px;} .category-best-seller-badge span {display: inline-block;margin-top: -6px;} @-moz-document url-prefix() {.category-best-seller-badge span {display: inline-block;margin-top: -7px;}} /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .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; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; 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: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .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 { 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 button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .filter-box { padding:0px 0 15px 0; } .filter-box ul { margin:0; padding-left:15px;} .filter-box ul li { padding:0; } .filter-title { padding:5px 2px; font-weight:bold; cursor:pointer; } .filtered-title { padding:5px 2px; font-weight:bold; } .filtered-title .filter-remove { float:right; font-weight:normal; text-align:right; } .filter-price-range { } .filter-price-range .txt { border:solid 1px #ccc; width:50px; } .filter-variant { } .clear { clear:both; } .CustomPageTitle { width: 100%; height: 20px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #C0C0C0; } .CustomPageBody { width: 100%; } select { font-family: arial; font-size: 10px; color: #444444; } input { font-family: arial; font-size: 10px; color: #444444; } .topheader { height: 18px; font-size: 11px; font-family: arial; color: #727272; } .topheader td { border-bottom: solid 1px #e7e7e7; } .subtotalbar { height: 28px; font-size: 11px; color: #afacac; font-weight: bold; } .subtotalbold { height: 28px; font-size: 11px; color: #737171; font-weight: bold; } .subtotalMessage { height: 28px; font-size: 11px; color: red; font-weight: bold;font-family: Verdana;} .grandtotalbar { height: 28px; font-size: 15px; color: #afacac; font-weight: bold; } .grandtotalbold { height: 28px; font-size: 15px; color: #737171; font-weight: bold; } .grandtotalMessage { height: 28px; font-size: 15px; color: red; font-weight: bold; } .basket { vertical-align: middle; font-family: arial; font-size: 10px; color: #737171; border-bottom: solid 1px #e7e7e7; } .basket a { text-decoration: none; color: #727272; font-weight: bold;} .basket a:hover { text-decoration: none; color: #727272;font-weight: bold;} .basket a:visited { text-decoration: none; color: #727272;font-weight: bold;} .basket div.basketpicture { width: 50px; height: 50px; border: solid 1px #e8e8e8; text-align: center; } .basket div.basketpicture div.basketthumbnail { margin-top: 3px; text-align: center; position: relative; z-index: 0; } .basket div.basketpicture div.basketthumbnail:hover { cursor: pointer; z-index: 50; } .basket div.basketpicture div.basketthumbnail span { background-color: #ffffff; position: absolute; left: -1000px; visibility: hidden; text-decoration: none; } .basket div.basketpicture div.basketthumbnail span img { padding: 5px; border: solid 1px #e8e8e8; } .basket div.basketpicture div.basketthumbnail:hover span { visibility: visible; top: 0; left: 60px; } .basketnumeric {text-align:center; vertical-align: middle; font-family: arial; font-size: 11px; color: #737171; border-bottom: solid 1px #e7e7e7; } .basketbold { vertical-align: middle; font-family: arial; font-size : 10px; font-weight: bold; color: #444444; border-bottom: solid 1px #e7e7e7; } .basketmessage { vertical-align: middle; font-family: arial; font-size: 10px; font-weight: bold; color: #444444; padding-left: 10px; } .detailstext { font-family: arial; font-size: 10px; color: #444444; } table.basketitems tr.default { background-color: #FFFFFF; } table.basketitems tr.alternate { background-color: #f6f6f6; } .calculatortop { background-image: url('/images/sctopbck.jpg'); background-repeat: repeat-x; height: 24px; } .calculatortextbold { font-family: arial; font-size: 10px; font-weight: bold; color: #615f5f; } .calculatortext { font-family: arial; font-size: 10px; color: #656464; } .calculatorformobjects { font-family: arial; font-size: 10px; color: #656464; } .imagenotavailable { text-align: center; width: 40px; font-family: arial; font-size: 9px; color: #aba9a9; padding-top: 13px; padding-left: 4px; padding-right: 3px; line-height: 95%; } table.MainTable { background-color: #fff; } table.MainTable td.CenterColumn { padding-bottom: 0px; } .header { height: 35px; font-size: 20px; font-family: Arial; background-color: #f9f9f9; color: #727272; font-weight: bold; border-bottom: solid 1px #ececec; } .headerContent { height: 35px; font-size: 20px; font-family: Arial;background-color: #f9f9f9; color: #727272; font-weight: bold; width: 750px; padding-left: 10px;border-bottom : solid 1px #ececec; } div.Content { width: 750px; padding-left: 10px; border: solid 1px #ececec; background-color: #f9f9f9; vertical-align: middle; text-align: left; } div.Content table.Content { width: 100%; text-align: left; color: #727272; } div.Content table.Content td { font-size: 11px; vertical-align: middle; } div.Content table.Content td.Note { font-size: 10px; } div.Content table.Content select { font-size: 11px; width: 222px; overflow: auto; color: #727272; } div.Content table.Content input { font-size: 11px; color: #727272; } div.Content table.Content textarea { font-family: Arial; font-size: 11px; color: #727272; overflow: auto; } div.Content table.Content td.Header { font-family: Arial; font-size: 16px; background-color: #f9f9f9; padding: 10px 0px 10px 0px; font-weight: bold; } div.Content table.Content td.Empty { height: 5px;font-size: 5px; } div.Shipping { border-left: 1px solid; border-color: #ececec; padding-left: 10px; } .Message { color: red; font-size: 10px; font-weight: bold;font-family: Verdana; } td.MessagePlaceHolder { padding: 0px 0px 0px 0px; } td.MessagePlaceHolder table { padding: 0px 0px 0px 0px; } td.Header { font-family: Arial; font-size: 16px; background-color: #f9f9f9;padding: 10px 0px 10px 0px; font-weight: bold; text-align: left; color: #727272; } .shoppingCartImage{ background-image:url('/Images/shoppingcart_background.png'); background-repeat:no-repeat;color:#A1A1A1;font-family:arial;font-size:18px;font-weight:bold;height:37px;padding-left:35px;width:153px;padding-bottom:8px;} .basketLargeButton{ padding:3px; font-size:120%;font-Weight:bold;} .basketLargeButton:hover{ font-Weight:bold;} .basketOutOfStockMessage{ font-Weight:bold; color:#e35259; font-size:10px;text-align:right;} .basketOutOfStockMessage img {vertical-align:middle;} .CustomUploadField {display:none;} /* Start custom button CSS here ---------------------------------------- */ .ProceedButton {width:329px;height:47px;border:0px;font-size:15px!important;font-weight:bold;color:#707070;cursor:pointer;} .ProceedButton:hover {width:329px;height:47px;background-position:0px -47px;font-size:15px!important;font-weight:bold;color:#252525;cursor:pointer;} .CheckoutButton { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:80%/1.2 Arial,Sans-serif; text-decoration:none; white-space:nowrap; color:#333; } * html button.CheckoutButton { padding-bottom:1px; } /* Immediately below is a temporary hack to serve the following margin values only to Gecko browsers Gecko browsers add an extra 3px of left/right padding to button elements which can't be overriden. Thus, we use -3px of left/right margin to overcome this. */ html:not([lang*=""]) button.CheckoutButton { margin:0 -3px; } .CheckoutButton span { background:#ddd url(/images/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; } * html .CheckoutButton span { padding-top:0; } * html .CheckoutButton span span img{ padding-right:5px; vertical-align:middle; } .CheckoutButton span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; } .CheckoutButton span span img { padding-right:5px; vertical-align:middle; } /* only needed if implementing separate hover/focus/active state for buttons */ .CheckoutButton:hover span, .CheckoutButton:hover span span, .CheckoutButton:focus span, .CheckoutButton:focus span span { cursor:pointer; /* important for any clickable/pressable element */ border-color:#9cf !important; color:#000; } .CheckoutButton:active span { background-position:0 -400px; outline:none; } .CheckoutButton:focus, .CheckoutButton:active { outline:none; /* doesn't seem to be respected for