/* theme.css contains styles that support different sizes of theme images */ img{ border:0;} .logoimage { margin: 0px; }  .secondbar { border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #336699; border-bottom-color: #336699; }  .sidebar { width: 184px; background-image: url("theme_sidebar_background.gif"); background-repeat: repeat; border: none; }  .bulk { border: 1px solid #000066; }  .borderdiv { margin-left: 7px; margin-right: 7px; }  .borderdiv img{ border:none; width:50px; }  .whybox h3{ font-family: Arial, Helvetica, sans-serif; font-size: 16pt; margin: 0px; padding: 3px 8px 2px 8px !important; color: #fff; background: #0085cc; clear:both; } .whybox p{ font-size:16px; } .bannerlinkstext{ padding-left:50px;} .bannerlinkstext{ color: #EEEEEE; font-weight: bold; }  .bannerlinkstext a {color: #EEEEEE; text-decoration: none; font-weight: bold; }  .bannerlinkstext a:visited {color: #EEEEEE; text-decoration: none; font-weight: bold; }  .bannerlinkstext a:active {color: #EEEEEE; text-decoration: none; font-weight: bold; }  .bannerlinkstext a:link {color: #EEEEEE; text-decoration: none; font-weight: bold; }  .box1,.box2,.xbox { COLOR: #fff; PADDING-BOTTOM: 0px; background-color: #D9D9FF; background-repeat: no-repeat; background-position: left bottom; font-weight: bold; FONT-SIZE: 1px; padding: 0px; margin-top: 0px; margin-right: 7px; margin-bottom: 0px; margin-left: 10px; }  .box1DT { COLOR: #fff; background-color: #336699; background-image: url('topr.gif'); background-repeat: no-repeat; background-position: right top; FONT-SIZE: small; FONT-FAMILY:  Arial, Helvetica, sans-serif; } .box1DT div { background-image: url('topl.gif'); background-repeat: no-repeat; background-position: left top; FONT-SIZE: small; FONT-FAMILY:  Arial, Helvetica, sans-serif; }  .xblc, .xbrc { background-color: transparent; background-repeat: no-repeat; } .xblc { background-image:url('botl.gif'); background-position: left bottom; } .xbrc { background-image:url('box_bottom2x.gif'); background-position: right bottom; } .xx2 { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; margin-top: 0px; margin-right: 6px; margin-left: 0px; }  .error,.jdresults,.jdnex t,.jdprevious { } .form_text,.text_select { font-size:11px; color:#000; } #container { width: 98%; margin: 10px auto; background-color: #fff; color: #333; border: 1px solid gray; line-height: 130%; }  #top { padding: .5em; background-color: #ddd; border-bottom: 1px solid gray; }  #top h1 { padding: 0; margin: 0; }  #leftnav { float: left; /* width: 160px; */ margin: 0; padding: 1em; width:95%; }  .modlink img{width:100%;} #content > img{width:100%; max-width:210px; } #content {  /* margin-left: 100px; float:right; width:100%; */ padding: 1em; }  #footer { clear: both; margin: 0; padding: .5em; color: #333; background-color: #ddd; border-top: 1px solid gray; }  #leftnav p { margin: 0 0 1em 0; }  #content h2 { margin: 0 0 .5em 0; }  #fixedtipdiv{ position:absolute; padding: 2px; border:1px solid black; font:normal 12px Verdana; line-height:18px; z-index:100; }  .extinfo { color: #0033FF; text-decoration: underline; }  .CompColheader { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: left; padding: 4px; } .CompColheader a:hover  {color: #0033FF; text-decoration: underline; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; padding: 4px; } .qlinksbx a {color: #000066; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }  .qlinksbx a:hover {color: #0033FF; text-decoration: underline; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }  a.qlinksbxb,  a.qlinksbxb:visited, a.qlinksbxb:active,a.qlinksbxb:link  { color: #000066; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block; padding-top: 0px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }  a:link,a:visited,a:active {color: #000066; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }  a:hover {color: #0033FF; text-decoration: underline; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a.bsdes,  a.bsdes:visited, a.bsdes:active,a.bsdes:link  { color: #000022; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 10px; display: block; padding-top: 0px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }  a.bsdes:hover {color: #0033FF; text-decoration: underline; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }  .maintype { margin: 0 3px 5px 3px; }		 .maintype div:first-child{ margin: 0px } .tabstuff { margin: 0px; padding: 0px; } .cvt { border: 2px solid #dddddd; Height:50px } .cvt div{ background-color: #ffffff;padding:5px; } .ptb{ vertical-align: middle;  font-weight: bold;  float:right; } .ptb b{ vertical-align: middle;  font-weight: bold;  font-size:12pt; color: #3366ff; } #xcontainer { _padding-left: 180px;   /* LC fullwidth */ _padding-right: 190px;  /* RC fullwidth + CC padding */ } #xcontainer .xcolumn { _position: relative; _float: left; } #xcenter { padding: 0px 0px;    /* CC padding */ width: 100%; } #xleft { width: 187px;          /* LC width */ padding: 0 0px;       /* LC padding */ right: 187px;          /* LC fullwidth + CC padding */ margin-left: -100%; } #xright { width: 130px;          /* RC width */ padding: 0 00px;       /* RC padding */ margin-right: -190px;  /* RC fullwidth + CC padding */ } #xfooter {  background: #0085c3 none repeat scroll 0 0; clear: both; color: white; line-height: 1.7; width: 990px; text-align:center; } *+html #xcontainer > #xleft {left: -187px; /* -LC width for others */ margin-left: expression(document.all.xcenter.offsetWidth * -1); /* Fix for IE7 */ } *+html #xouterwrapper > #xleft {left: -187px; /* -LC width for others */ margin-left: expression(document.all.xcenter.offsetWidth * -1); /* Fix for IE7 */ } #xouterwrapper {  padding-top:0px; padding-left: 180px;   /* LC fullwidth */ padding-right: 190px;  /* RC fullwidth + CC padding */ _padding-left: 0px;   /* LC fullwidth */ _padding-right: 0px;  /* RC fullwidth + CC padding */ _zoom: 1;  } #xouterwrapper .xcolumn { position: relative; float: left; } .headbar{ background: url('centerbarheader-2.jpg'); } .sbarhdr{ line-height:25px;vertical-align:middle;width:180px;height:25px;background: url('sidebarheader.jpg'); } h1.styleh2 { color: #333399; font-size: 16px; font-weight: bold; } .hh1{ font-weight: bold; /*	float:left;  */ margin: 0px; padding: 0px 8px 0px 6px; vertical-align:middle; whitespace:nowrap; display: inline;  font-size: 10pt; color: white;} .hh2 {font-size:10pt;font-weight:bold;color:white;float:left;margin:0px;padding:0px;} .hh2b {font-size:10pt;font-weight:bold;color:white;float:left;margin:0px;padding:0px;padding-left:40px;} .hh4 { color: black; text-decoration:none; font-size: 11px; font-style: normal; font-weight: normal; margin-top: 0px; padding-top: 0px; display: inline;  } .product_image_cost img{ width:45%; border:none; } .ui-tabs-nav ul  {  list-style-image:none; list-style-type:none; padding: 0px; margin: 0px 0px 0px -1px; line-height:20px; } #fragment-10,#fragment-11,#fragment-1,#fragment-2,#fragment-3  { border: solid 1px #CCCCCC; } .prodfrag  { border: solid 1px #000066 ;height:180px;  text-align:left; } #optiondivtab {position: relative; left: -46px; top: -66px; z-index: 10; display:none; } .prodfragmain  { border: solid 1px #000066 ; } #optiondivtab {position: relative; left: -46px; top: -66px; z-index: 10;} .prodfragmain:after { content: ""; display: table; clear: both; } #optiondivtab1 {position: relative; left: -30px; top: -26px; z-index: 10;} #optiondiv {  position: relative; top: -78px; border: solid 1px #CCCCCC;  z-index: 2; background: url('tclog.jpg') no-repeat -10% 100%; } #optiondiv1 {  position: relative; top: -38px; z-index: 2; border: solid 1px #CCCCCC;  background: url('tclog.jpg') no-repeat 110% 100%; } .scl{ margin:0px; padding:0.1vw; background:url('cartback2.gif') no-repeat; background-size: contain; width:105%; } .asbr{ border-top: 1px solid; border-bottom: 1px solid; border-top-color: #000066; border-right-color: #000066; border-bottom-color: #000066; border-left-color: #FF0000; margin: 0px; padding:0px; } .attribute-list{ padding:10px; padding:0.5vw; text-align:right; float:right; } ::-webkit-scrollbar { -webkit-appearance: none; width: 8px;    /* for vertical scrollbars */ height: 8px;    /* for horizontal scrollbars */ } ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius:4px; } ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); border-radius:4px; } .errbx { background-color:#FFFC48; } /* .accorders tbody tr:nth-child(4n), .accorders tr:nth-child(4n-1) {background: #eeeeFf} .accorders tbody tr:nth-child(4n-2), .accorders tr:nth-child(4n-3) {background: #eeeeee} */ .accorders tbody tr:nth-child(3n) { background-color: white; } .accorders tbody tr:nth-child(3n-1) { background-color: #eeeeFf } .accorders tbody tr:nth-child(3n-2) { background-color: #eeeeFf} .accorders tbody tr:nth-child(6n) { background-color: white; } .accorders tbody tr:nth-child(6n-1) { background-color: #eeeeee } .accorders tbody tr:nth-child(6n-2) { background-color: #eeeeee } .innertab table{ background-color:white !important} .innertab table tr{background-color:white !important} .accorders {width:100%;} .acc2nlineheadtd span{ text-decoration:underline;} .acc2nlineheadtd { vertical_align:top;} .ppinfo{ margin:auto; clear:both; padding:5px; width:98%; } /*---------*/ /* begin general styles for all themes */ html,body {    margin: 0px; padding: 0px; background-color:#ffffff; font-family: Arial, Helvetica, sans-serif; color: #000000; /* font-size: <span style='font-size: 12px;'>11px</span>; */ font-size: 12px; } .exprice { font-size:18px; color:blue; line-height:70%; font-weight:600; } .BecBestSell{ border: 1px dotted #336699; padding: 8px; width:30%; margin:3px; float:left; } body {background:url("summerback.jpg") repeat-y scroll center top #FFFFFF; position: relative; margin:0; padding:0; } p, table, td, th { font-family: Arial, Helvetica, sans-serif; /* font-size: 11px; */ font-size: 11px; font-style: normal; font-weight: 100; color: #000000; margin-top: 0px; } .qlnk{ float:left; width: 141px; margin: 2px; font-size: 11px; border-right: 1px solid #eeeeee; } .pners{ float:left; width: 140px; margin: 0px; font-size: 11px; text-align: center; } .pners2{ float:left; width: 115px; margin: 0px; font-size: 11px; } .qlnkr{ float:left; width: 120px; margin: 2px; font-size: 11px; } .qlnk2r{ float:left; width: 120px; margin: 2px; font-size: 11px; border-right: 1px solid #eeeeee; } form { margin: 0px; } a:link { color: #0000ff; text-decoration: none; } a:visited { color: #0000ff; text-decoration: none; } a:hover { color: #008040; text-decoration: underline; } a:active { color: #00ffff; text-decoration: none; } a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #ffffff 2px solid; border-top: #ffffff 2px solid; border-right: #000000 1px solid; border-bottom: #000000 1px solid; } a.checkout-checkoutbg:link { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:visited { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:hover { color: #ffffff; text-decoration: underline; } a.checkout-checkoutbg:active { color: #ffffff; text-decoration: underline; } a.checkout-textcolor:link { color: #000000; text-decoration: none; } a.checkout-textcolor:visited { color: #000000; text-decoration: none; } a.checkout-textcolor:hover { color: #000000; text-decoration: underline; } a.checkout-textcolor:active { color: #000000; text-decoration: underline; } ul { list-style-type: square; } .actCHECKOUTEM { background-color: #999999; } .actCHECKOUTBG { background-color: #ffffff; } .actlarger { font-size: 13px; color: #000000; } .actsmaller{ font-size: 10px; color: #000000; } .actxxsmall { font-size: 10px; color: #000000; } .actxsmall { font-size: 11px; color: #000000; } .actsmall { font-size: 11px; color: #000000; } .actsmall td{ width:100%; } .actregular { font-size: 13px; color: #000000; } .actlarge{ font-size: 16px; color: #000000; } .actxlarge { font-size: 20px; color: #000000; } .actxxlarge { font-size: 20px; color: #000000; } .actwarningcolor { color: #000066; } .actrequiredcolor { color: #000066; } .actsearchhighlightcolor { color: #ff0000; } .actrequired { color: #000066; } .actwarning { font-size: 11px; color: #000066; } .actwelcome { font-size: 11px; color: #000000; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 11px; color: #0000ff; } .thinborder1 { border: 1px solid #000066; } .thinborder2 { border: 1px solid #336699; } .thinred { border: solid 1px #000066; border-top: 0px; } .thinred2 { border: solid 1px #336699; border-top: 0px; }  .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } .boxheading { font-weight: bold; color: #ffffff; float:left; padding-left:40px; font-size: 10pt; } .bxnopd{ padding-left:0px; } a.boxlink:link{ color: #ffffff; text-decoration:none; } a.boxlink:visited{ color: #ffffff; text-decoration:none; } a.boxlink:hover{ color: #ffffff; text-decoration:underline; } a.boxlink:active{ color: #ffffff; text-decoration:none; } div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { width: 100%; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #ffffff; border-top: solid 1px #999999; border-bottom: solid 1px #999999; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 100%; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #999999; font-size: 13px; font-weight: bold; color: #ffffff; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } table.checkout th.instruction { font-size: 11px; font-weight: normal; } table.checkout th.change { font-size: 11px; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; font-size : 11px; background-color: #336699; border: 1px solid #000066; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button	{ line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; font-size : 11px; background-color: #336699; border: 1px solid #000066; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button a { padding-left: 20px; color: #ffffff; text-decoration: none; } table.checkout td { background-color: #ffffff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #ffffff; border-bottom: solid 1px #999999; } .checkout-cartheading { font-weight: bold; background-color: #ffffff; border-top: solid 1px #999999; border-bottom: solid 1px #999999; } .cartheading { background-color: #999999; font-weight: bold; color: #ffffff; } h2.checkout-heading { background-color: #999999; font-size: 13px; font-weight: bold; color: #ffffff; padding: 5px 2px; border-bottom: solid 3px #ffffff; width: 100%; } h3.checkout-heading { width: 100%;  padding: 3px 0; background-color: #999999; font-size: 13px; font-weight: bold; color: #ffffff; border-bottom: solid 3px #ffffff; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 25px; } .button-wrapper { display: inline-block; background: url('button_background_right.gif') right no-repeat; padding: 0 10px 0 0; } .button { background: url('button_background_left.gif') left no-repeat; cursor:pointer; color: #ffffff; padding: 0 0 0 10px; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } .cart-button { height: 28px; } input.normal-button { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; background: #336699; padding: 5px; border: solid 1px #000000; } input.highlight-button { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; background: #000066; padding: 5px; border: solid 1px #000000; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #ffffff; border: 0;	 } .checkout-field-area { background: #ffffff; border-bottom: solid 2px #ffffff; width: 100%; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: 100%;  height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } * html .boxhead h2 {height: 1%;} .sidebox { background: url('theme_curve4.gif') no-repeat bottom right; font-size: 100%; } .boxhead { background: url('theme_curve2.gif') no-repeat top right; margin: 0; padding: 0; text-align: left; } .boxhead h2 { background: url('theme_curve1.gif') no-repeat top left; margin: 0; padding: 5px 10px 5px; color: #ffffff;  font-weight: bold;  font-size: 1.2em;  line-height: 1em; } .boxbody { background: url('theme_curve3.gif') no-repeat bottom left; margin: 0; padding: 5px 10px 11px; } /* PRODUCT FORMATTING ELEMENTS & LINE ELEMENTS --------------------------------------------------- */ /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #336699; background-image:url('theme_dotted_line.gif'); clear:both; } .BecBestSell{ border: none; padding: .5%; width:30.8%; height:390px; margin: .5%; float:left; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #336699; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #000066; clear:both; } .dotted_outline_blue	{ border: 1px dotted #336699; padding: 8px; }		 /* end lines ---------------------------------------------------------------------------- */ .best_selling_items	{ padding: 10px; background-color: #ffffff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; } .product_list	{ margin: 10px 0px 10px 0px; }	 /* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS -------------------------------------------- */ /* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_product	{ margin: 0px 18px 10px 0px; text-align: center; float: left; } .simage	{ margin: 0px 18px 10px 0px; text-align: center; float: left; } .image_product img{ border: none; width:120px; } .imageprodhgt{ height:300px; } /* END OF IMAGE FORMATTING ELEMENTS ----------------------------------------------------- */ /* TEXT FORMATTING ELEMENTS ------------------------------------------------------------- */ /* headings ----------------------------------------------------------------------------- */ h1.butlink0	{ margin: 0px; padding: 8px 0px 0px 0px; whitespace:nowrap; display: inline;  font-weight:normal; font-size: 16px; color: white; } h1	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #336699; } h1.subheading	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #336699; } h2	{ font-size: 16px; margin: 0px; padding: 2px 0px 14px 0px; color: #336699; } h2.normal	{ margin: 0px; padding: 0px; float: left;  display: inline; MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Arial,  } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #336699; clear:both; } h3.product	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #336699; } h2.product	{ font-size: 13px; margin: 0px; padding: 0px 0px 6px 0px; color: #336699; } h3.product_price	{ font-size: 11px; font-weight: 900; margin: 0px; padding: 0px 15px 14px 0px; clear:right; float:right; } .text_heading_left_column	{ margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; color: #000066; font-weight: 900; font-size: 13px; } /* end headings ------------------------------------------------------------------------- */ /* list fomatting ----------------------------------------------------------------------- */ ul	{ line-height: 150%; padding: 0px 0px 0px 1px; margin: 0px 0px 18px 15px; font-size: 11px; } ul.products	{ line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; font-size: 11px; color: #000066; } /* end list fomatting ------------------------------------------------------------------- */ /* menu text --------------------------------------------------------------------------- */ .text_menu	{ padding: 2px 0px 2px 0px; font-size : 11px; margin: 0px; color : #ffffff; } .text_menu_no_space	{ word-spacing: normal; } .text_menu_cart	{ padding: 0px; margin: 0px; line-height: normal; } .text_menu_cart_items	{ padding: 0px; margin: 0px; line-height: normal; font-weight: 900; }	 /* end menu text ----------------------------------------------------------------------- */ /* product text ------------------------------------------------------------------------ */ .text_product_small_info	{ font-size: 10px; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_heading	{ margin: 0px; padding: 10px 0px 12px 0px; line-height:normal; color: #336699; font-weight: 900; font-size: 11px;} .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 11px; } /* end product text -------------------------------------------------------------------- */ .text_breadcrumbs	{ font-size: 10px; color: #000066; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; }	 .text_footer	{ color: #336699; font-size: 10px; padding:0px; margin:4px 0px 0px 0px; } .text_options	{ font-weight: 900; } .text_word_spacing_8px	{ word-spacing: 8px; } .text_terms_conditions	{ color: #336699; font-size: 11px; border: 0; margin: 0; padding: 0; } /* END OF TEXT FORMATTING ELEMENTS ----------------------------------------------------- */ /* FORM FORMATTING ELEMENTS ------------------------------------------------------------ */ /* buttons ----------------------------------------------------------------------------- */ .form_button	{ line-height: normal; width: 76px; margin: 0px; padding: 0px 0px 0px 12px; font-size : 11px; background-color: #336699; border: 1px solid #000066; color: #ffffff; word-spacing: normal; }	 .form_button_quick_search	{ line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 11px; background-color: #336699; border: 1px solid #000066; color: #ffffff; background-image: url('theme_icon_search.gif'); word-spacing: normal; } .form_button_add_to_cart	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 11px; background-color: #336699; border: 1px solid #000066; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }	 /* end buttons ------------------------------------------------------------------------- */ .form_input_general	{ line-height: normal; font-size : 16px !important; word-spacing: normal; } .form_main_search_box	{ line-height: 13px; width: 76px; height: 16px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 2px; font-size : 11px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; vertical-align: top; } .form_main_search_box_td	{ background-color: #336699 } /* END OF FORM FORMATTING ELEMENTS ------------------------------------------------------ */ /* LINK FORMATTING ELEMENTS ------------------------------------------------------------- */ a.product_section:visited  { color : #006699; text-decoration : none; } a.product_section:link  { color : #0000ff; text-decoration : none; } a.product_section:active  { color : #00ffff; text-decoration : none; } a.product_section:hover  { color : #008040; text-decoration : none; } /* ------------------------ */ a.link_menu:visited  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #336699;  border: 1px solid #cccccc; } a.link_menu:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #336699; border: 1px solid #cccccc; } a.link_menu:active  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #336699; border: 1px solid #cccccc; } a.link_menu:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #000066; border: 1px solid #cccccc; } /* ------------------------ */ a.link_footer:visited  { color : #cccccc; text-decoration : underline; } a.link_footer:link  { color : #cccccc; text-decoration : underline; } a.link_footer:active  { color : #cccccc; text-decoration : underline; } a.link_footer:hover  { color : #cccccc; text-decoration : underline; } /* ------------------------ */ a.link_breadcrumbs:visited	{	 color : #000066; text-decoration : underline; } a.link_breadcrumbs:link  { color : #000066; text-decoration : underline; } a.link_breadcrumbs:active  { color : #000066; text-decoration : underline; } a.link_breadcrumbs:hover  { color : #000066; text-decoration : underline; } /* ------------------------ */ a.link_cart:visited	{	 color : #000066; text-decoration : underline; } a.link_cart:link  { color : #000066; text-decoration : underline; } a.link_cart:active  { color : #000066; text-decoration : underline; } a.link_cart:hover  { color : #000066; text-decoration : underline; } /* ------------------------ */ a.link_terms_conditions:visited	{	 color : #cccccc; text-decoration : underline; } a.link_terms_conditions:link  { color : #cccccc; text-decoration : underline; } a.link_terms_conditions:active  { color : #cccccc; text-decoration : underline; } a.link_terms_conditions:hover  { color : #cccccc; text-decoration : underline; } /* ------------------------ */ /* END OF LINK FORMATTING ELEMENTS ------------------------------------------------------ */ .progress25 { border: 1px solid black; margin-left:10px; background-color:green; padding-right:50px; height:10px; } .progress50 { border: 1px solid black; margin-left:10px; background-color:green; padding-right:100px; height:10px; } .progress75 { border: 1px solid black; margin-left:10px; background-color:green; padding-right:150px; height:10px; } .progress100 { border: 1px solid black; margin-left:10px; background-color:green; padding-right:200px; height:10px; } .to-go25 { border: 1px solid black; background-color:red; padding-right:50px; height:10px; } .to-go50 { border: 1px solid black; background-color:red; padding-right:100px; height:10px; } .to-go75 { border: 1px solid black; background-color:red; padding-right:150px; height:10px; } .style9 { color: #66FFFF; font-size: xx-small; } .style10 { color: #00FFFF; font-size: xx-small; } .style12 {color: #00FFFF} .style2 { color: #333399; font-size: 16px; font-weight: bold; } .style11 {font-size: xx-small} #pscroller1{ height: 150px; width: 250px; padding: 5px; } .hlinkmenu{ margin: 0px; padding: 0px; float: left; font-family: Arial,helvetica,sans-serif; width: 101%; overflow: hidden; text-align:center; border-width: 1px 0; font-weight: normal; background-position: center;  font-size:1vw; } .hlinkmenu li{ display: inline; background:   url('blue2a.gif');  background-repeat: repeat-x; } .hlinkmenu li a{ float: left; color: white; padding: 5px 8px; background:   url('blue2a.gif');  background-repeat: repeat-x; text-decoration: none; border: 1px solid white; width:103px; } .hlinkmenu li a:visited{ color: white; padding-bottom: 4px; background:   url('blue2a.gif');  background-repeat: repeat-x; background-position: center;  } .hlinkmenu span{ font-family:Arial,Helvetica,Sans-Serif; font-style: normal; font-weight: normal; font-size: 1.4vw; } .hlinkmenu li a:hover, .hlinkmenu li .current{ color: white; padding-bottom: 4px; background:   url('blue3a.gif'); background-repeat: repeat-x; background-position: center; } .toggle{ float:right; clear:none; } .toggle a:link, .toggle a:visited, .toggle a:active { color: white; text-decoration: none; } .toggle a:hover { color: white; text-decoration: underline; } .bkcell { font-size:9pt; background-color:#EFEFEF; text-align: center; } /* Recently Viewed Products List Style ------------------------------------ */ #rphtml { display: none;  visibility:hidden; } /* Used internally - do not delete */ #recenthtlist { width: 54%; } #recenthtitem { border-spacing: 0px; border-collapse: collapse; } #recenthtitem td { width: 110px; padding: 4px; text-align: center; border-left: 1px solid #cccccc; border-right:1px solid #cccccc; } .recenthtitemimage { border-top: 1px solid #cccccc; } .recenthtitemdesc	{} .recenthtitemprice	{} .recenthtitemdelete { border-bottom: 1px solid #cccccc; } .recenthtitemspacer { width:2px !important;  border:0 !important; padding: 0px !important; } .recenththeader { clear: both; padding: 3px; font-size: 16px; font-weight: 900; margin: 0px; color: #336699; width: 93%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .recenthtbuttonleft { float: left; cursor: pointer; width: 100px; border: 0; background-color: #ffffff; } .recenthtbuttonright { float: right; cursor: pointer; width: 100px; border: 0; background-color: #ffffff; } a.lxa  { color: black; text-decoration:none; font-size: 11px; font-size: 11px; font-style: normal; font-weight: normal; } a.lxa:visited { color: black; text-decoration:none; font-size: 11px; font-style: normal; font-weight: normal; } a.lxa:active { color: black;  text-decoration:none; font-size: 11px; font-style: normal; font-weight: normal; } a.lxa:link { color: black;  text-decoration:none; font-size: 11px; font-style: normal; font-weight: normal; } a.lxa:hover { color:black; text-decoration:none; font-size: 11px; font-style: normal; font-weight: normal; } .blank{ display:none; } input::-webkit-input-placeholder { color:    #999; } input:-moz-placeholder { color:    #999; } input:-ms-input-placeholder { color:    #999; }		 /* start search results sort list */  .sort_by { background-color: #000066; width: 100%; height: 24px; color: #ffffff; text-align: right; } .sort_by select { font-size: 12px; height: 20px; margin-right: 1px; margin-top: 1px; border: #000066 2px solid; border-top: #000066 2px solid; border-right: #000066 1px solid; border-bottom: #000066 1px solid; } .sort_by-submit { background: transparent; height: 20px; color: #ffffff;  font-weight: bold; font-size: 12px; margin-right: 1px; margin-top: 1px; border: 0; } .sort_by-submit:hover { cursor: pointer; text-decoration: underline; } /* end search results sort list */ /* start auto suggestion list */ .sf_suggestion { position: absolute; line-height: 15px; z-index: 2147483637; } .sf_suggestion ul { margin: 1px; padding: 0px; background: #ffffff;  border: 1px solid rgb(51, 51, 51); top: 0; left: 0; } .sf_suggestion li{ margin: 0px; padding: 0px; list-style: none; } .sf_suggestion li a { display: block; text-indent: 5px; text-align: left; padding: 5px; text-decoration: none; } .sf_suggestion li.selected a { background: #cccccc; color: #000000; font-weight: normal; } .sf_suggestion li.notselected a{ color: #000000; font-weight: normal; } /* end auto suggestion list */ /* start filter loading dialog */ .loading-block	{ display: table; height: 100%; width: 100%; overflow: hidden; margin-left: 50%; z-index: 2147483638; } .loading-gif { display: table-cell; vertical-align: middle; } .loading-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-repeat: repeat; opacity:0.9; } /* start filter loading dialog */ /* Some basic formatting for filter lists in upgraded themes */ .sidebar-filter-element { margin: 10px; } .sidebar-filter-element h2 { display: block; font-size: 13px; } .filter-by { float: right; } .sidebar-filter-element .button-wrapper { float: right; margin-bottom: 10px; } /* These layout selectors bring in styles for specific themes, that are ONLY used by that theme. */ /* If you are not using these themes, you can safely remove this code */ /* In Context PSP form style*/ .container-popup { position: relative; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); display: none; } #pspwait { height: 5em; min-width:1px; width:8em; max-width:90%; margin: auto; padding:0.5em; position:absolute; top: 0; right: 0; bottom: 0; left: 0; background:#FFF000; text-align: center; border: solid 1px #FFFFFF; } #payment { height: 32em; min-width:1px; width:400px; max-width:90%; margin: auto; padding:0.5em; position:absolute; top:1em; right: 0; bottom: 0; left: 0; background:#eeeeee; } #payment .has-error { color:red; } #payment .form-group { float:left; width:100%; } #payment .form-group label, #payment .form-group div { float:left; margin:0.5em 0; } #payment .form-group label { width:10em; padding:0.3em; } #payment .form-group div { width:55%; } #payment .form-group div input { width:100%; padding:0.3em; } #payment > a, #payment > a:hover { float:left; } #payment button, #payment button:hover { float:right; } #payment button, #payment button:hover, #payment > a, #payment > a:hover { clear:none; width:auto; margin:4% 1em 4% 0; padding:0.2em 0.5em; font-size:1em; line-height:1.9em; font-weight:bold; color:#666666; text-align:center; text-decoration:none; border:none; background:#cccccc; } #payment button:hover, #payment > a:hover { cursor:pointer; background:#ffffff; } .defpic{max-width: 300px; width:100%; } .slideouter{width:100%;} .whybox{margin:auto;} #cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;} #cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;} #cookie-bar.fixed.bottom {bottom:0; top:auto;} #cookie-bar p {margin:0; padding:0;color:white} #cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;} #cookie-bar .cb-enable {background:#007700;} #cookie-bar .cb-enable:hover {background:#009900;} #cookie-bar .cb-disable {background:#990000;} #cookie-bar .cb-disable:hover {background:#bb0000;} #cookie-bar .cb-policy {background:#0033bb;} #cookie-bar .cb-policy:hover {background:#0055dd;} .mody { font-size:12px} .fpheader{background-color:#0085cc;color:white;font-size:16pt;padding-left:5px;} .sectionICONDIV td { text-align: center; } .sectionICONDIV{  /*   background: blue linear-gradient(180deg, rgb(61, 122, 184) 0%, rgb(61, 122, 184) 50.78%, rgb(51, 102, 153) 50.78%, rgb(51, 102, 153) 100%) repeat scroll 0 0; */ background: #f4f4f4; border: 1px solid #f4f4f4; border-radius: 6px; color: black; display: table-cell; font-size: 9px; text-decoration: none; width: 99%; height: 64px; margin: 5px; padding: 10px 2px 0px; vertical-align: middle; width: 130px; }  .sectionICONDIV:hover{  background: #0085CC; cursor: pointer; } .sectionICONDIV:hover a{  color: white; } .sectionICONDIV   a,   .sectionICONDIV   a.link {  /*   background: blue linear-gradient(180deg, rgb(61, 122, 184) 0%, rgb(61, 122, 184) 50.78%, rgb(51, 102, 153) 50.78%, rgb(51, 102, 153) 100%) repeat scroll 0 0; */ text-decoration: none; color: #000080; }  .mtx {padding:0.2em;position:relative;}.pfx{padding: 1em 1em;border-radius: 3px;border: 1px solid #ddd;} .qouter { display: table; /*    position: absolute; height: 300px; width: 94%; */ } .qmiddle { display: table-cell; vertical-align: middle;height:300px; } .qinner { margin-left: auto; margin-right: auto;  width: 100%;		/*whatever width you want*/; } .refbx1 table, .refbx1 td, .refbx1 th { background-color: #efefef; border: 1px solid #000000; border-collapse: collapse; color: #0064db; padding-left: 8px !important; padding-right: 12px !important; text-align: center; } .refn{ background-color: rgba(0, 92,162, .7);  border-radius:25px;font-size:16px;color:  white; font-weight: bold; width: 39px; padding: 4px 14px 4px 8px;text-align:center; } .refnp, .refnp-atoc, .refnps{ background-color: rgba(0, 92,162, .7);  border-radius:25px;font-size:16px;color:  white; font-weight: bold; width: 39px; padding: 4px 14px 4px 8px;text-align:center; min-height:32px; float:left; margin-left:2px; } .nbd { background-color: rgba(0, 92,162, .7);  color: white; display: block; font-size: 18px; text-align: center; width: 100%; line-height:120%; border-radius:4px; padding-top:3px; } .sage{width:300px;padding:10px;margin:auto;} .break{line-height:0px} .refnps{ background-color: rgba(0, 127,78, 1); padding: 4px 10px; width: 44px; line-height: 16px; } .refnp-atoc{ background-color: rgba(0, 192,52, 1);  min-width:88px; } .slevel span>span{font-size:18px;} .refn span,.refnp span,.refnp-atoc span{font-size:10px;color:white} .refnps span{font-size:10px;color:white} .figure span{font-size:12px;} .prodcontrols{height: 40px; padding: 1px; margin: auto; width: 246px;} .bipad{ float: left; height: 100%; width: 13%; max-width:124px; } .innerbest{ min-height: 346px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; } #xfooter{ width:100%;} .eyediv{position:absolute;right:42%;bottom:0px;opacity:0.4} .einfo{position:absolute;display:none;width:90%;text-align:left;top:10px;height:290px} .product_image_cost.product_image_costx img { max-width: 260px; } @media (max-width : 950px ) { .innerbest{min-height:322px;max-height:322px} } @media (min-width : 901px )and (max-width : 950px ) { .innerbest{min height:322px;max height:322px}  } @media (min-width : 851px )and (max-width : 900px ) { .innerbest{min-height:305px;max-height:305px}   } @media (min-width : 801px )and (max-width : 850px ) { .innerbest{min-height:288px;max-height:288px}   } @media (min-width:768px) and (max-width : 800px ) { .innerbest{min-height:271px;max-height:271px; }     } @media (min-width:751px) and (max-width : 767px ) { .innerbest{min-height:335px;max-height:335px}     } @media (min-width:701px) and (max-width : 750px ) { .innerbest{min-height:329px;man-height:329px}     } @media (min-width : 651px ) and (max-width : 700px ) { .innerbest{min-height:307px;max-height:307px}     } @media (min-width : 614px )and (max-width : 650px ) { .innerbest{min-height:286px;max-height:286px}     } @media (min-width : 581px )and (max-width : 613px ) { .innerbest{min-height:270px;max-height:270px}     } @media (min-width : 531px )and (max-width : 580px ) { .innerbest{min-height:255px;max-height:255px}     } @media (min-width : 531px )and (max-width : 580px ) { .innerbest{min-height:255px;max-height:255px}     } @media (min-width : 505px )and (max-width : 530px ) { .innerbest{min-height:397px;max-height:397px} } @media (min-width : 481px )and (max-width : 504px ){ .innerbest{min-height:375px;max-height:375px} } @media (min-width : 468px )and (max-width : 480px ){ .innerbest{min-height:365px;max-height:365px;} } @media (min-width : 448px )and (max-width : 467px ){ .innerbest{min-height:350px;max-height:350px} } @media (min-width : 427px )and (max-width : 447px ){ .innerbest{min-height:334px;max-height:334px;} } @media (min-width : 406px )and (max-width : 426px ){ .innerbest{min-height:318px;max-height:318px} } @media (min-width : 387px )and (max-width : 405px ){ .innerbest{min-height:303px;max-height:303px} } @media (min-width : 368px )and (max-width : 386px ){ .innerbest{min-height:289px;max-height:289px} } @media (min-width : 350px )and (max-width : 367px ){ .innerbest{min-height:274px;max-height:274px} } @media (min-width : 333px )and (max-width : 349px ){ .innerbest{min-height:261px;max-height:261px} } @media (min-width : 321px )and (max-width : 332px ){ .innerbest{min-height:248px;max-height:248px} } @media  (max-width : 320px ){ .innerbest{min-height:239px;max-height:239px} } .fon {font-size:18px; font-weight:bold; color:white; padding-right:70%;} .boxl{ height:9.7vw; max-height:96px; position:relative; } .fban { float: left; margin-top: 20px; margin-left: 6px; margin-bottom: 12px;width:40% } .vspace{ float:left; width:100%;} .mpbox{clear:both; /* margin-right:12px;padding-left:25%; */ width:100%; text-align:center } /* .mpbox p{float:left;} */ .morebox2 { float:left; width:40%; /* padding-left:12%; */ } /*********************** additions for front page */ .morebox a:link { font-size:16px; color: white; text-decoration: none; } .morebox a:visited { font-size:16px; color: white; text-decoration: none; } .morebox a:hover { font-size:16px; color: white; text-decoration: none; } .morebox a:active { color: white; text-decoration: none; } .signbox a:link { font-size:13px; color: white; text-decoration: none; } .signbox a:visited { font-size:13px; color: white; text-decoration: none; } .signbox a:hover { font-size:13px; color: white; text-decoration: none; } .signbox a:active { color: white; text-decoration: none; } .signbox{ text-align:center; background-color:#435EFB; color:white; padding:8px; font-size:13px; margin: 3px; border-radius: 8px; } .moreboxtop a:link { font-size:16px; color: white; text-decoration: none; } .moreboxtop a:visited { font-size:16px; color: white; text-decoration: none; } .moreboxtop a:hover { font-size:16px; color: white; text-decoration: none; } .moreboxtop a:active { color: white; text-decoration: none; } .product_image_costx{ float:left;width:33%; margin: 0 0 0 20%; } .text_product_bestsell a:link { color: #0085cc; text-decoration: underline; font-size:12pt; } .text_product_bestsell a:visited { color: #0085cc; text-decoration: underline; } .text_product_bestsell a:hover { color: #0085cc; text-decoration: underline } .text_product_bestsell{ text-align:center} .text_product_bestsell a:active { color: #0085cc; text-decoration: underline } .BecBestSell li { font-size: 12pt; list-style: outside none disc } .BecBestSell ul { line-height: 150%; margin: 0 0 5px 15px; padding: 0 0 0 1px; } .bestsellprice{ font-size: 17pt; color:red;text-align:center} .bestsellpricevat{font-size: 10pt; color:black} .fpheader{background-color:#0085cc;color:white;font-size:16pt;padding-left:5px;} .cslide{ } .BecBestSellx li { font-size: 12pt; list-style: outside none disc } .BecBestSellx ul { line-height: 150%; margin: 0 0 5px 15px; padding: 0 0 0 1px; } .text_product_bestsellx a:link { color: #0085cc; text-decoration: none; font-size:16pt; } .text_product_bestsellx a:visited { color: #0085cc; text-decoration: none; } .text_product_bestsellx a:hover { color: #0085cc; text-decoration: none; } .text_product_bestsellx{ text-align:center} .text_product_bestsellx a:active { color: #0085cc; text-decoration: none; } .respbantall{ display: none; /*		float:left;  */ margin:0px auto; max-height: 365px; } .respbanwide{ display: block; /*		float:left;  */ margin:0px auto; max-height: 365px; } .centrecol{ float:left; width:35%; margin-top:2vw; } .news-slider .text-content p { margin: .3em; } .morebox{ text-align:center; background-color:#5FB222; color:white; padding:8px; font-size:16px; margin: 3px; border-radius: 3px; } .moreboxtop{ text-align:center; background-color:#5FB222; color:white; padding: 5px 10px 5px 10px; font-size:16px; border-radius: 3px; } /*********************** additions for front page */ .morebox a:link { color: white; text-decoration: none; } .morebox a:visited { color: white; text-decoration: none; } .morebox a:hover { color: white; text-decoration: none; } .morebox a:active { color: white; text-decoration: none; } .text_product_bestsell a:link { color: #0085cc; text-decoration: underline; font-size:12pt; } .text_product_bestsell a:visited { color: #0085cc; text-decoration: underline; } .text_product_bestsell a:hover { color: #0085cc; text-decoration: underline } .text_product_bestsell{ text-align:center} .text_product_bestsell a:active { color: #0085cc; text-decoration: underline } .BecBestSell li { font-size: 12pt; list-style: outside none disc } .BecBestSell ul { line-height: 150%; margin: 0 0 5px 15px; padding: 0 0 0 1px; } .bestsellprice{ font-size: 15pt; color:red;text-align:center} .bestsellpricevat{font-size: 10pt; color:black} .fon {font-size:18px; font-weight:bold; color:white;} .boxl{ height:9.7vw; max-height:96px; } .faimg{ float: left;  width: 16%; } .fban { float: left; margin-top: 20px; margin-left: 6px; margin-bottom: 12px; } .logobanner{line-height:90%;float:left;} .logobanner > span{letter-spacing: 0.4vw;} .tagline{color:white; margin-top:0px; line-height:92%; } .taglineouter{ width:750px; background-color: #0085cc; background-image: url("sitelogo2.gif"); background-repeat: no-repeat; position:absolute; background-position: 100% 0px; top: 0px; right: 0px; height:100%; } .tagline{ float: right;  text-align: right;  font-size: /*2017 2.7vw*/ 200%;   font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;  font-weight: bold; line-height: 100%; color: white;  margin-top: .5vw; margin-right: 6px; margin-bottom: 6px; margin-left: 6px; } @media (max-width : 1020px ) { .taglineouter{ background:none; } .tagline{  font-size: 2.4vw; } } /* .tagline > div{ font-size: 1.2vw; line-height: 100%; padding-top: 4px; } */ .bannerlinkstext{ /* clear:both; */ float:left; padding-left:0px} .ukc{color:white;text-align:right;font-weight: bold;padding-top:4.5%;padding-right:0px;margin-right:0px;} .ukc1{display:none;color:white;text-align:right;font-weight: bold;padding-top:4.5%;padding-right:0px;margin-right:0px;} .dtable { width:60%;} .dtabletr img{max-width:88px; width:100%;} .socialicons div {width:100%; height:auto} .socialicons img { width:33% !important; float:right; clear:none; height:auto } .footericons img { width:33% !important; float:right; clear:none; height:auto } .footerextras{ width:70%; display:none; margin:auto; margin-top:15px; } .dtable2 {width:96%;text-align:center;margin:auto} .dtable2  table tr{height:70px;} .dtable2  table tr:nth-child(12){height:170px;} .dtable2  table tr:nth-child(1){height:100px;} .dtable2  table td:nth-child(1){font-size:10px;} .dtable2tr img{width:100%; max-width:88px;} .dtable2tr2 img{width:100%; max-width:68px;} .dtable2  table{float:left;width:49%;} .RWDtab td:nth-child(1) { display:none; } .dualleft{width:50%; display:inline-block;} .dualright{width:45%;display:inline-block;float:right;} .maxt  table{width:98%} .Rimg{ width:100%; max-width:300px;} .biggeri{max-width:450px;} .alttopbar{ text-align: center; width:100%; background-color: #434343;	 font-size: 14px; } .headtxt{ text-align:center;margin: 0px auto; display: block; width: 80%; background: #FFFFC9; padding: 5px; border: 1px solid #F4F4F4; } .sidebarbuttons img{width:100%;} .DeliverField { display:none; } .sectionICONDIV{ font-size: 9px;background-color: #f4f4f4;width:120px;height:54px;margin:5px;vertical-align: bottom; } .outertrade{ background-color: #435EFB;	 width:85%; font-size: 20px; font-size: 2vw; margin:auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; border-radius: 4px; padding-left: 5px; border: thin solid #5331FF; text-align: center; background-image: -webkit-linear-gradient(270deg,rgba(55,61,170,1.00) 0%,rgba(102,122,199,1.00) 100%); background-image: -moz-linear-gradient(270deg,rgba(55,61,170,1.00) 0%,rgba(102,122,199,1.00) 100%); background-image: -o-linear-gradient(270deg,rgba(55,61,170,1.00) 0%,rgba(102,122,199,1.00) 100%); background-image: linear-gradient(180deg,rgba(55,61,170,1.00) 0%,rgba(102,122,199,1.00) 100%);  color: #FFFFFF; } .innertrade{ padding: 5px; border: 4px solid #FFFFFF; border-radius: .5vw; } /* cart remove button stuff */ .reminvis {display:none;} .remvis{display:none;} .cartstyle { float:right;} .fright, .fright div{ float:right; padding:3px;} .clrboth {clear:both;} .refbx1 table,.refbx1 td, .refbx1 th{ border-collapse:collapse; border: 1px solid #000000; text-align: center; background-color: #EFEFEF; padding-right: 18px; padding-left: 18px; color: #0064DB; } .refbx1 th{ background: #8CC2F5; color: #000000;	 } .cartbulkouterlayout{ padding-left:0px; } .receipt_quantity input{ width: 30px;} #idcheckoutform input[type="text"] { border: 1px solid #FFFFFF; font-size: 16px; padding: 5px; width: 200px; } /* .InvoiceField input{ width:400px;} .DeliverField input{ width:400px;} */ .logoouter{ width:100%; display:inline-block; /* padding-left:13.2vw;*/ position:absolute; } .logobanner{ font-size: /*2017 6vw*/510%; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color: white; font-weight: bold; } .boxl{ background-color: #0085cc; background-image: url(sitelogo2.gif); background-repeat: no-repeat; background-size: contain; border-width: thin; min-height:32px; } .jumps{ margin: 0px; padding: 0px; float: left; font-family: Arial,helvetica,sans-serif; width: 101%; overflow: hidden; text-align:center; border-width: 1px 0; font-weight: normal; background-position: center;  font-size:14px; font-size:2.4vw; height:100%; } .jumps { display: inline; /*	background:   url('blue2a.gif');  background-repeat: repeat-x; */ } .jumps a{ float: left; color: white; padding: 7px 0px;  font-size:14px; /* padding: 0.6vw 0px; */ background-image: -webkit-linear-gradient(270deg,rgba(61,122,184,1.00) 0%,rgba(61,122,184,1.00) 50.78%,rgba(51,102,153,1.00) 50.78%,rgba(51,102,153,1.00) 100%); background-image: -moz-linear-gradient(270deg,rgba(61,122,184,1.00) 0%,rgba(61,122,184,1.00) 50.78%,rgba(51,102,153,1.00) 50.78%,rgba(51,102,153,1.00) 100%); background-image: -o-linear-gradient(270deg,rgba(61,122,184,1.00) 0%,rgba(61,122,184,1.00) 50.78%,rgba(51,102,153,1.00) 50.78%,rgba(51,102,153,1.00) 100%); background-image: linear-gradient(180deg,rgba(61,122,184,1.00) 0%,rgba(61,122,184,1.00) 50.78%,rgba(51,102,153,1.00) 50.78%,rgba(51,102,153,1.00) 100%); text-decoration: none; border: 1px solid white;  width:99%; } .jumps a:visited{ color: white; padding-bottom: 4px; } .jumps span{ font-family:Arial,Helvetica,Sans-Serif; font-style: normal; font-weight: normal; font-size: 1.4vw; } .jumps a:hover, .jumps .current{ color: white; padding-bottom: 4px; background-image: -webkit-linear-gradient(270deg,rgba(31,48,95,1.00) 0%,rgba(61,94,184,1.00) 50.78%,rgba(5,49,189,1.00) 50.78%,rgba(31,48,95,1.00) 100%); background-image: -moz-linear-gradient(270deg,rgba(31,48,95,1.00) 0%,rgba(61,94,184,1.00) 50.78%,rgba(5,49,189,1.00) 50.78%,rgba(31,48,95,1.00) 100%); background-image: -o-linear-gradient(270deg,rgba(31,48,95,1.00) 0%,rgba(61,94,184,1.00) 50.78%,rgba(5,49,189,1.00) 50.78%,rgba(31,48,95,1.00) 100%); background-image: linear-gradient(180deg,rgba(31,48,95,1.00) 0%,rgba(61,94,184,1.00) 50.78%,rgba(5,49,189,1.00) 50.78%,rgba(31,48,95,1.00) 100%); } /*  SECTIONS  */ .section { clear: both; padding: 0px; margin: 0px; } /*  COLUMN SETUP  */ .col { display: block; float:left; /* margin: 1% 0 1% 1.6%;*/ margin: 0.5% 0 0.5% 1%; } .col:first-child { margin-left: 0; } /*  COLUMN SETUP  */ .col2 { display: block; float:left; /* margin: 1% 0 1% 1.6%;*/ margin: 0.5% 0 0.5% 0.5%; } .col2:first-child { margin-left: 0; } /*  GROUPING  */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /*  GRID OF FOUR  */ .span_4_of_4 { width: 100%; } .span_3_of_4 { /*	width: 76.3%;  */ width:81%; width: calc(98% - 224px); /*	background-color:blue; */ } .span_2_of_4 { width: 49.2%; } .span_1_of_4 { /*	width: 21.8%;  */ width: 15.8%;   width: 224px; /*	background-color:red;  */ } /*  GRID OF EIGHT  */ .span_8_of_8 { width: 100%; } .span_7_of_8 { width: 87.37%; } .span_6_of_8 { width: 74.75%; } .span_5_of_8 { width: 62.12%; } .span_4_of_8 { width: 49.5%; } .span_3_of_8 { width: 36.87%; } .span_2_of_8 { width: 23.1%; } .span_1_of_8 { width: 12%; background-color:blue;   } .revnarrow,.scarticon{ display:none; } #vnarrow{ display:block; } .sectionIcon{ display: inline-block; } .sectionbox{  width:100%;  } #sneakymenu{ display:none; } .narrowdisp, .realnarrow{ display:block; } #locul{ text-align:center; } .SppInfoBlk{ width:55%; float:left; } .ItcSideMenu{ z-index: 10000000000; width: 100%;  padding: 0px; display:block; } #MainFrame { /*  padding: 10px; */ width: 100%; height: auto; } .mainitctable{ width:100% } .mainitcsidebar{ width: 184px; } .ui-tabs-nav ul { list-style-image: none; list-style-type: none; } .itcPICbrowser{ /* width:400px;	*/ width:60%; float:left; } .itcouterdiv{ /* width:990px; */ width:97%; max-width:1440px; padding-left:1%; padding-right:1%; background-color: #ffffff; } .itcsearchbox{ display:block; } .hlinkmenu li a{ height:20px; /* width:103px; */ } @media (max-width : 1375px ) { .maintype { width: 31.6%; } } @media (max-width : 1375px ) { } /* @media (min-width : 1440px ) { .outertrade{ font-size: 20px; } .itcouterdiv{ background-color: #ffffff; } .logobanner{ font-size: 60px; } .tagline{ font-size: 26px; } .hlinkmenu li a{ } } */ .ppinfo{ width:78%; float:left; clear:none; margin:0px;} @media (max-width : 1180px ){ .ppinfo{ width:100%;float:none; clear:both;margin:auto;} .righttp{display:none} } .Spp2 { clear: right; /*    float: right; margin: 8px; */ padding-top:20px; width:45%;  float:left; } .SppInfoBlk, .attribute-list { float:left; width:55%; text-align:center; } /*----------768 Below---------------------------------*/ /*----------------------------------------------------*/ @media (min-width : 769px ) and (max-width : /*1440px*/1007px ){ .prodcontrols{height: 40px; padding: 5px; margin: auto; width: 260px;} .SppInfoBlk{width:100%;clear:both;} .refnp, .refnp-atoc, .refnps{margin-left:8px;} .Spp2 { clear: both; float: none; margin: auto; width: 300px; padding-top:30px; } .SppInfoBlk{ /*	width:100%; float:none;*/ } .hlinkmenu{ /*	display:none !important;*/ } .hlinkmenu li a{ width:10vw;  } .itcsearchbox{ /*	display:none; */ } #evenSrch{ display:none; } .jumps a{ float: left; color: white; padding: 7px 0px;  padding: 0.6vw 0px;  font-size:14px; font-size: 1.6vw; } .fon{padding-right:0px}  .maintype { width: 47%; } .itcouterdiv{ width:98%; min-width:320px; } .ItcSideMenu{ z-index: 10000000000; width: 100%;  padding: 0px; display:block; } .mainitctable{ width:100%; } .mainitcsidebar{ width: 184px; } .ui-tabs-nav ul { list-style-image: none; list-style-type: none; } .itcPICbrowser{ /*	 margin:auto; float:none; width:60%;  float:left; */ } #xfooter, .mct2{ width:100%; } .fban{ margin-top:1.6vw; margin-bottom:1.2vw} } /*----------600 Below---------------------------------*/ /*----------------------------------------------------*/ @media  (max-width : 600px ){ .dtable { width:90%;} .cartbulkouterlayout p, table, td, th{ font-size:11px } .dualleft{width:100%; display:inline-block;} .dualright{width:100%;display:inline-block;clear:both;float:none;text-align:center;} .dtable2  table{float:left;width:98%;} .RWDtab td:nth-child(1) { display:block;display:table-cell; } .SppInfoBlk{ width:100%; float:none; } .realnarrow{ display:none; } #tmen li:nth-child(3),#tmen li:nth-child(5){ display:none; } .revnarrow{ display:block; } .itcPICbrowser{ width:100%; max-width:420px; } } /* switch to 2 columns */ @media (min-width:0px) and (max-width:675px){ .maintype { width: 47%; } } /*----------768 Below---------------------------------*/ /*----------------------------------------------------*/ @media (min-width : 0px ) and (max-width : 768px ){ .prodcontrols{height: 40px; padding: 5px; margin: auto; width: 260px;} .SppInfoBlk{width:100%;clear:both;} .refnp, .refnp-atoc, .refnps{margin-left:8px;} .Spp2 { clear: both; float: none; margin: auto; width: 300px; padding-top:30px; } .ppinfo{ width:100%;float:none; clear:both;margin:auto;} .righttp{display:none} .fban{ margin-top:2.8vw} .fon{   padding-right:0px; font-size:2.5vw} .dtable { width:60%;} .col {  margin: 1% 0 1% 1px; } .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 99%; } .span_1_of_8 { width:16.2%;} .span_2_of_8 {width:0.1%;} .jumps a{ font-size:3vw;} .logobanner{ font-size: 7.1vw ; padding-top: 1vw } /*	.tagline{ font-size:2vw;} */ .hlinkmenu li a{ width:13vw;  } /* Shopping cart width */ .scl{  background-size:100% 100%; margin:auto; display:none; } .footerextras{ display:block; } .scarticon{ display:block; float:right;    } #MainFrame { padding: 0px; } .itcouterdiv{ width:99%; } .ItcSideMenu{ z-index: 10000000000; width: 100%;  padding: 0px; } .bannerlinkstext,.leftsideextras{ display:none; } .socialicons img { width:16.6% !important; } /* .logoouter{ padding-left:10.2vw; } */ .narrowdisp{ display:none; } /* reveal extra menu items and S in laptops button */ #sneakymenu{ display:block; } .outertrade{ font-size: 14px; } #xfooter, .mct2{ width:100%; } .mainitctable{ width:100%; } .mainitcsidebar{ width: 1px; } /* .itcsearchbox{ display:none; } */ .whybox,.whybox2,#priceband,#evenSrch{ display:none;  } } @media (max-width: 530px){ div.pq-select-button{ font-size:22px; margin:5px; } .product_image_costx { margin: 0 0 0 5%; width: 43%; } .centrecol { width: 45%; } .mpbox { /* margin-right: 8px; padding-left: 5%; */ } /* home page slider */ /* .product_image_costx{ float:right;width:25%; } .mpbox{ float:right;padding-left:0px;} .mpbox p{float:none;padding-right:0px;} .morebox2 { float: none; padding-left: 0; width: 100%; } .centrecol{ width:55%; clear:both; margin-top:-40px; margin-left:20px; } */ .text_product_bestsellx a:link { font-size:14pt; } .news-slider .text-content p { margin: .3em; } .respbantall{ display: block;   } .respbanwide{ display: none;    } /*-------------- end of stuff for homepage slider ------------ */		 .headtxt,.searchlabel,.fragvis,.shpbox,#shpboxdial,#priceband, #oddSrch, #evenSrch{ display:none; } .form_input_general { max-width:320px; } .footerextras{ width:80%; } .outertrade{ font-size: 12px; } .BecBestSell{ width:47% } /* Max out recent list */ #recenthtlist { width: 80%; } input[type=”text”]:focus, input[type=”text”]:hover { font-size: 16px; /* Adding 16px on focus/hover will prevent page zoom */ } input.actsmall {font-size:16px; width:100%; } input:hover.actsmall {font-size:16px;} #content {width:98%; padding:0px;} .table1,.table2 {width:90%;} .dtable { width:98%;} } /*-----------Banner Minimum text size-------------------------------------*/ @media (max-width: 420px){ .fban{ margin-top:1.8vw;float:left;margin-bottom: 2px;width:100%;margin-left:20%} .fon{float:left;display:inline;font-size: 12px;  margin-bottom: 0;    margin-left: 4px; } .ukc{padding-top:0px;float:left;} .hls{ display:none;} .boxl{height:100%;background-image: url("sitelogosmaller.gif");} .logoouter{position:relative;} .faimg{ width:18%; }	    .maintype { width: 97.5%; } .footerextras{ width:99%; } .form_input_general { max-width:260px; } .logobanner{	font-size: 12vw; margin-left:3vw; } #servlink, #printlink {display:none;} .span_1_of_8 {	width: 24.6%;} .jumps a{ font-size:4vw;} .prodfragmain { /*   height: 255px; */ } h2.product{ clear:both; font-size:12px; padding: 6px 0px 6px; } .cartstyle{ padding-top:35px; } #tcart1 tr td:nth-child(4){ display: none; } #tcart1 tr th:nth-child(6){ display: none; } /* Max out recent list */ #recenthtlist { width: 94%; } .InvoiceField input{ width:96%;} .DeliverField input{ width:96%;} .Col50p input{ width:46%;} .Col30p input{ width:26%;} .Col80p input{ width:76%;} .Col100p input{ width:96%;} .itcouterdiv{ width:100%; min-width:320px; } } /*-----------------------------------------------------------------------*/ @media (max-width: 380px){ .boxl {min-width:320px;} .logoouter{ /*width:85%*/; /*padding-left:35pt*/} .tagline{ display:none} .itcouterdiv{ padding-left: 0; padding-right: 0; } /*.logobanner{  line-height:85%;  }*/ } /* @media (max-width: 360px){ .ukc > img {display:none;}  } */ @media (max-width: 320px){ .logobanner{  font-size:40px; } } .newfragstyle { font-size: 14px; } .itcPICbrowser { float: right; margin-left: 10px; min-width: 400px; width: 48%; } @media (min-width : 768px ) and (max-width: 850px){ .itcPICbrowser { float: none; margin: auto; } } @media  (max-width: 580px){ .itcPICbrowser { float: none; margin: auto; width:100%; min-width: 290px; } .ui-tabs .ui-tabs-panel{ padding:3px;} .ppinfo{ width:98%; } } .SppInfoBlk .ptb tbody tr:first-child td:nth-child(3) { display: block; } #ui-id-3 h1 { color: white; font-size: calc(10px + 0.4vw); font-weight: bold; padding: 0; } .attribute-list{ text-align:left; } .attribute-list td{ padding-bottom:10px;} .exprice{font-size:26px;line-height:1%;} .SppInfoBlk .exp2 {line-height:150%} .scl{background-size:100% 100%} .sectionICONDIV{  /*   background: blue linear-gradient(180deg, rgb(61, 122, 184) 0%, rgb(61, 122, 184) 50.78%, rgb(51, 102, 153) 50.78%, rgb(51, 102, 153) 100%) repeat scroll 0 0; */ background: #f4f4f4; border: 1px solid #f4f4f4; border-radius: 6px; color: black; display: table-cell; font-size: 9px; text-decoration: none; width: 99%; height: 64px; margin: 5px; padding: 10px 2px 0px; vertical-align: middle; width: 130px; }  .sectionICONDIV:hover{  background: #0085CC; } .sectionICONDIV:hover a{  color: white; } .sectionICONDIV   a,   .sectionICONDIV   a.link {  /*   background: blue linear-gradient(180deg, rgb(61, 122, 184) 0%, rgb(61, 122, 184) 50.78%, rgb(51, 102, 153) 50.78%, rgb(51, 102, 153) 100%) repeat scroll 0 0; */ text-decoration: none; color: #000080; }  .sectionICONDIV td { text-align: center; } .ui-tabs-nav { display:none}  /* hide tab navigation */ .maintype { float: left; margin: 0 3px 5px; /*  width: 49%; */ } .prodfragmain { height: 315px; overflow:hidden; } .fright, .fright div { float: none; padding: 3px; } .ptb { float:none} .image_product img { height: 150px; width: auto; } .image_product img { width: auto; } .image_product  { float: none; margin:auto;	/* override existing margin */ } .product_list > div { text-align: center;  } .ptb tbody tr:first-child td:nth-child(3) { display:none; } .cartstyle { display: none; } .ptb { float:none; margin:auto;} h3.product_price{float:none;} h2.product{ height:040px;} .realnarrow { display: none; } .text_breadcrumbs{ clear:both;} .itcouterdiv{ /* width:auto; width:1400px; */ } .maintype { /*  width: 24%;  */ } .maintype div:first-child{ } .product_image_cost.pximg img{ max-width:180px; } .ui-tabs .ui-tabs-panel { padding: 1em 7px; } .newfragstyle h1 { font-size: 16px; } .newfragstyle > ul { font-size: 14px; list-style: outside none disc; padding-left: 10px; } .image_product > div {font-size: 9px;background-color: #f4f4f4;}