/* $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ .boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; border-color: #00CC99;} .errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; } .catentry { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; line-height: 24px;} .HomePage_SpecialOfferCopy {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #333333;} .Tag {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; color: #006699;} .moreinfo {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0099FF;} .sslink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0099FF; text-decoration: underline; font-weight: bold;} .carderror {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 22px; color: #CC0000;} .contactus { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #336699; font-weight: normal;} h1 { font-family: Verdana, Arial, sans-serif; font-size: 20px; color: #336699; font-weight: normal; line-height: 18px;} h2 { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 18px; font-weight: lighter;} h3 {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #336699; font-weight: bold; line-height: normal;} .tablecopy, TD.tablecopy {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #333333; line-height: 18px;} .imageborder {border: #A9A9A9 1px solid;} .AdvancedSearch{font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; line-height: 10px; font-size: 9px;} BODY { background: #369; color: #333333; margin: 0px;} hr.color {color: #336699} hr.product {color: #A9A9A9} A { color: #333333; text-decoration: none;} A:hover {color: #00CCFF; text-decoration: underline;} A.featProd { color: #336699; text-decoration: none; font-size: 14px; line-height:2.2; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;} A.featProd:hover {color: #00CCFF; text-decoration: underline;} A.specProd { color: #336699; text-decoration: none; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;} A.specProd:hover {color: #00CCFF; text-decoration: underline;} div.mainCatH {color: #336699; text-decoration: none; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;} A.mainCatH {color: #336699; text-decoration: underline; font-size: 11px; font-weight: bold; line-height: 2; font-family: Verdana, Arial, Helvetica, sans-serif;} A.mainCatH:hover {color: #00CCFF; text-decoration: underline;} FORM { display: inline;} TR.header { background: #ffffff;} TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #336699; font-weight : bold; padding-top:5px;} A.headerNavigation { color: #336699; } A.headerNavigation:hover { color: #00CCFF;} TABLE.popProducts { font-family: Verdana, Arial, sans-serif; font-size: 12px; background: #ffffff; border: 1px; border-style: solid; border-color:#336699; color: #336699; font-weight : bold;} TD.popProducts2 { font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #ffffff; color: #336699; font-weight : bold;} A.popProducts2 {font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #ffffff; color: #336699; font-weight : bold; text-decoration: underline;} A.popProducts2:hover { color: #00CCFF; text-decoration:underline; } TD.xmas { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #336699; line-height: 18px;} A.xmas { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #00ccff; font-weight : bold; text-decoration:underline;} A.xmas:hover { color: #C00000; text-decoration:underline; } TR.headerError {background: #ff0000;} TD.headerError { font-family: Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;} TR.headerInfo { background: #00ff00;} TD.headerInfo { font-family: Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center;} TR.footer { background: #336699;} TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #336699; color: #FFFFFF; font-weight: normal;} A.footer { color: #FFFFFF; } A.footer:hover { color: #00CCFF;} .infoBox { background: #336699;} .infoBoxContents { background: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px;} .infoBoxNotice {background: #FFFFFF;} .infoBoxNoticeContents { background: #FFFFFF; font-family: Verdana, Arial, sans-serif; font-size: 10px;} TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; background: #336699; color: #FFFFFF;} TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px;} TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #ffffff;} TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {background: #FFFFFF; } TABLE.productListing { border: 1px; border-style: solid; border-color: #336699; border-spacing: 1px;} TD.productListing2 {border: 1px; border-style: solid; border-color: #336699; border-spacing: 1px; background: #ffffff;} .productListing2RowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; } TD.paymentCat {border: 1px; border-style: solid; border-color: #336699; border-spacing: 6px; background: #E0FFFF; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;} .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #336699; color: #FFFFFF; font-weight: bold;} TD.productListing-data {font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 13pt;} A.pageResults { color: #0000FF;} A.pageResults:hover { color: #0000FF; background: #FFFF33;} TD.pageHeading, DIV.pageHeading, SPAN.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: normal; color: #336699;} TD.ProductHeading { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #336699;} TD.price { font-family: Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #0099FF;} SPAN.pricetext, .pricetext { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #0099FF; line-height:2.5;} TD.pageHeading_ex, DIV.pageHeading_ex { font-family: Verdana, Arial, sans-serif; font-size: 16px; font: bold; color: #00CCFF;} SPAN.pricetext2, .pricetext2 { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #00CCFF;} .delivery {font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #006699;} TR.subBar { background: #ffffff;} TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000;} TD.main, P.main, SPAN.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5;} TD.smallText, SPAN.smallText, P.smallText, DIV.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px;} TD.smallText2, SPAN.smallText2 { font-family: Verdana, Arial, sans-serif; line-height: 1.5; font-size: 10px;} SPAN.mainCatF { font-family: Verdana, Arial, sans-serif; line-height: 2; font-size: 9px; color: #336699; font-weight:bold; background-color: #ffffff;} A.mainCatF { font-family: Verdana, Arial, sans-serif; line-height: 2; font-size: 9px; color: #336699; font-weight:bold; background-color: #ffffff; text-decoration:underline;} SPAN.mainCat { font-family: Verdana, Arial, sans-serif; line-height: 1.5; font-size: 11px;} TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd;} TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold;} TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px;} TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold;} SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000;} CHECKBOX, INPUT, RADIO, SELECT { font-family: Verdana, Arial, sans-serif; font-size: 11px;} TEXTAREA { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px;} SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #f0a480; font-weight: bold;} TABLE.formArea {background: #FFFF66; border-color: #FFFF66; border-style: solid; border-width: 1px; color: #FFFF66;} TD.formAreaTitle { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold;} SPAN.markProductOutOfStock { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold;} SPAN.productStarPrice { font-family: Verdana, Arial, sans-serif; color: #ffffff; font-size: 11px; font-weight: bold; } SPAN.featuredCopy { font-family: Verdana, Arial, sans-serif; color: #336699; font-size: 16px; font-weight: bold; line-height:30px; } SPAN.productStarPrice2 { font-family: Verdana, Arial, sans-serif; color: #ffffff; font-size: 11px; font-weight: bold; } SPAN.productPrice { font-family: Verdana, Arial, sans-serif; color: #336699; font-size: 11px; font-weight: bold;} SPAN.productPrice2 { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #0099FF;} SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #FF0000;} SPAN.productSpecialPrice2 { font-family: Verdana, Arial, sans-serif; color: #ff0000; font-size: 11px; font-weight: bold;} SPAN.productName { font-family: Verdana, Arial, sans-serif; color: #336699; font-size: 12px; font-weight: bold;} A.SPAN.productName { color: #336699; text-decoration: none; font-size: 12px; font-weight: bold;} A.SPAN.productName:hover { color: #00CCFF; text-decoration: underline;} SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000;} .moduleRow { } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #E9F4FC; } .checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } TD.special_outline { border-top-width: 1px; border-bottom-width: 0px; border-right-width: 1px; border-left-width: 1px; border-style: solid; border-color: #336699;} TD.special_outline2 { border-top-width: 0px; border-bottom-width: 1px; border-right-width: 1px; border-left-width: 1px; border-style: solid; border-color: #336699;} SPAN.image_manu {position:absolute; margin-top:30px; margin-left:250px; float:right;} DIV.header_text {font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #336699; font-weight: normal; padding-top:3px; padding-left: 2px; font-stretch: ultra-condensed;} TD.top {border-top: 1px dotted #336699; border-left: 1px dotted #336699; border-right: 1px dotted #336699;} TD.bottom { border-bottom: 1px dotted #336699; border-left: 1px dotted #336699; border-right: 1px dotted #336699;} TD.right { border-right: 1px dotted #336699;} TD.left {border-left: 1px dotted #336699;} TD.featContent {font-family: Verdana, Arial, sans-serif; line-height: 1.5; font-size: 11px; border: 1px; border-style: solid; border-color: #336699; border-spacing: 1px; background: #ffffff; padding:8;} TD.sides { border-left: 1px dotted #336699; border-right: 1px dotted #336699;} span.contentQuest { line-height:18pt;} /* Vertical Fly-Out Menu Style */ .verbar { /* Color of main vertical menubar and border */ color: #336699; background-color: #ffffff; border: 0px outset #fdfefd; z-index:52; position:relative;} .vertitem { /* Behaviour of main vertical menu items, leave as is for proper operation */ text-align: left; white-space: nowrap;} .vertitem a { /* Font style, size of main menu items */ font-family: Verdana, Arial, sans-serif; font-size: 10px; text-decoration: underline; position: relative; display: block;} .vertitem a:link, .vertitem a:visited { /* Default font style & color of main menu items */ color: #000000; text-decoration: none; vertical-align:middle; } .vertitem a:hover { /* Font style & color, background menu color of main menu item when hovered over */ color: #ffffff; background-color: #336699; text-decoration: none; vertical-align:middle;} .vertitem a:active { /* Font style & color, background menu color of main menu item when clicked */ color: #ffffff; background-color: #336699; text-decoration: none; } .vertsubmenu { position: absolute; left: 0; top: 0; visibility: hidden; display: block; z-index:52; } .vertsubframe { /* Color of submenu item and border */ background-color: #ffffff; border: 1px outset #ffffff; position: relative; display: block; z-index:52;} .vertsubitem { /* Behaviour of sub-menu - leave as is for proper operation of submenus */ text-align: left; vertical-align: middle; white-space: nowrap; z-index:52; position:relative;} .vertsubitem a { /* Font style, size of submenu items */ font-family: Verdana, Arial, sans-serif; font-size: 10px; text-decoration: none; position: relative; display: block; } .vertsubitem a:link, .vertsubitem a:visited { /* Default font style & color of submenu items */ color: #000000; text-decoration: none; z-index:52; position:relative;} .vertsubitem a:hover { /* Font style & color, background submenu color of submenu item when hovered over */ color: #ffffff; background-color: #336699; text-decoration: none; z-index:52; position:relative;} .vertsubitem a:active { /* Font style & color, background submenu color of submenu item when clicked */ color: #ffffff; background-color: #336699; text-decoration: none; z-index:52; position:relative; } .vertsubitem .vertfwdarr, .vertitem .vertfwdarr { /* Positioning of right arrow for submenus */ position: absolute; top: 5px; right: 8px;} .dmselected { background-color: #00ccff; color:#FFFFFF; font-weight: bold; vertical-align: middle;} .verbar .dmselected { /* Style override for selected root category */ background-color: #00ccff; color:#ffffff;} /* ---------------------------------------------------- */ /* GLOBAL /* ---------------------------------------------------- */ /* ---------------------------------------------------- */ /* SLIDESHOW /* ---------------------------------------------------- */ #slideshow { width: 100%; border: 1px solid #336699; } #slideshow ul { margin: 0; padding: 0; list-style-type: none; height: 1%; /* IE fix */ } #slideshow ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;} /* ---------------------------------------------------- */ /* SLIDESHOW > SLIDES /* ---------------------------------------------------- */ #slideshow .slides { overflow: hidden; width: 98%;} #slideshow .slides ul { width: 2086px; } #slideshow .slides li { width: 670px; float: left; padding-left: 10px; padding-top: 12px; padding-bottom: 10px; } #slideshow .slides h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#336699; margin-top: 0;} #slideshow .slides p { font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; top:-10; font-size:11px; line-height:2; color: #333333; } #slideshow .slideprice { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:2; color: #336699; font-weight:bold; } /* ---------------------------------------------------- */ /* SLIDESHOW > NAVIGATION /* ---------------------------------------------------- */ #slideshow .slides-nav { background-color: #336699; border-top: 1px solid #00ccff; font-weight: normal;} #slideshow .slides-nav li { float: left;} #slideshow .slides-nav li a { display: block; padding: 5px 5px; outline: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: underline; color: #ffffff;} .js #slideshow .slides-nav li.on, .js #slideshow .slides-nav li.on a { background-color: #00ccff; font-weight:bold; text-decoration: underline;} .js #slideshow .slides-nav li.on a { position: relative; top: -3px;} /* sitemap BOF */ .sitemap #containersitemap { width: 100%; background: #FFFFFF; margin: 25 auto; } .sitemap #sidebarsitemap { float: left; width: 50%; background: #FFFFFF; margin-left: 20px; margin-right: 10px;} .sitemap #mainContentsitemap { margin-left: 10px; margin-right: 10em; float: right;} /* sitemap EOF */ a.boldbuttons{ background: transparent url('images/infobox/roundedge-red-left.gif') no-repeat top left; display: block; float: left; font: bold 10px Verdana; /* Change 13px as desired */ line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ color: white; height: 20px; /* Height of button background height */ padding-left: 8px; /* Width of left menu image */ text-decoration: none;} a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{ color: white; /*button text color*/} a.boldbuttons span{ background: transparent url('images/infobox/roundedge-red-right.gif') no-repeat top right; display: block; padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/} a:hover.boldbuttons{ /* Hover state CSS */ text-decoration: underline;} .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */ overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */ width: 100%;} a.infobuttons{ background: transparent url('images/infobox/roundedge-blue-left.gif') no-repeat top left; display: block; float: left; font: bold 10px Verdana; /* Change 13px as desired */ line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ color: white; height: 20px; /* Height of button background height */ padding-left: 8px; /* Width of left menu image */ text-decoration: none;} a:link.infobuttons, a:visited.infobuttons, a:hover.infobuttons, a:active.infobuttons{ color: white; /*button text color*/} a.infobuttons span{ background: transparent url('images/infobox/roundedge-blue-right.gif') no-repeat top right; display: block; padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/} a:hover.infobuttons{ /* Hover state CSS */ text-decoration: underline;} .infobuttonwrapper{ /* Container you can use to surround a CSS button to clear float */ overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */ width: 100%;} #media { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 100%; text-align: left; border-collapse: collapse; border: 1px solid #336699;} #media th {padding: 10px 5px 5px 5px; font-weight: bold; font-size: 12px; color: #336699;} #media tbody {background: #D7E9F7;} #media td { padding: 5px; color: #000000; border-top: 1px dashed #fff;} #media tbody tr:hover td {color: #ffffff; background: #336699; } .solidblockmenu ul{ margin: 0; padding: 0; float: left; font: normal 11px Verdana, Arial, sans-serif; width: 100%; border: 1px solid #336699; border-width: 1px 0; background: #336699 url('images/infoxbox/blockdefault.gif') center center repeat-x; padding-left:22px; } .solidblockmenu li{ display: inline; } .solidblockmenu li a{ float: left; color: white; padding: 9px 12px; text-decoration: underline; } .solidblockmenu li a:visited{ color: white; } .solidblockmenu li a:hover, .solidblockmenu li a.current{ color: white; text-decoration: underline; background: transparent url('images/infobox/blockactive.gif') center center repeat-x;} .tabcontainer{ width:95%; /*width of 2nd level sub menus*/ height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/} *:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/ margin-top: -1em;} * html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/ margin-top: -1em;} .tabcontent{display:none;} /* Start Products Specifications */ ul.specification_box { line-height: 1.5; } option, optgroup { text-decoration: none; font-style: normal; margin: 0; padding: 2px 2px 0 2px; font-family: Verdana, Arial, sans-serif; } .filter_count { font-weight: normal; } .no_results { color: #bbb; } .close { font-size: 75%; position: relative; top: -4px; } img.image_filter { /* Applies to images used as filters */ width: 20px; /* Width of each image */ height: 20px; /* Height of each image */ padding: 5px; /* Padding between the category contents and the border */ border: 1px solid #182d5c; /* Border around each image */ margin: 3px; /* Margin between the image border and other objects */ background: #ffffff; /* Background color behind each image */ float: left; /* Don't change this */ } .specs_box { /* Applies to the table surrounding the Specifications/tabs onproduct_info.php */ width: 100%; background: #FFFFFF; } #variantsBlock { } #variantsBlockTitle { font-size: 10pt; font-weight: bold; padding-left: 10px; padding-bottom: 10px; width: 10em; } #variantsBlockData { align: left; } .productInfoKey { font-size: 9pt; font-weight: bold; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .productInfoValue { font-size: 9pt; vertical-align: middle; } #productInfoPrice { font-size: 10pt; font-weight: bold; vertical-align: middle; } /* End Products Specifications */ .jquery_bannerslider{ position:relative; width:710px; height:150px; overflow: hidden; border: 1px solid #336699; } .jquery_bannerslider .items div.item, .jquery_bannerslider .items div.item img { position: absolute; top:0px; left:0px; width:710px; height:150px; overflow: hidden; } .jquery_bannerslider .bottom_group{ position: absolute; top:150px; height:35px; width:100%; } .jquery_bannerslider .bottom{ background-color:#336699; z-index:10; position: absolute; top:0px; height:35px; width:100%; } .jquery_bannerslider .pager{ position: absolute; bottom:1px; right:1px; z-index:20; } .jquery_bannerslider .subtitle{ position: absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; top:6px; left:28px; color:#FFFFFF; z-index:20; font-weight:bold; } .jquery_bannerslider .pager .page, .jquery_bannerslider .pager .prev, .jquery_bannerslider .pager .next{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:250%; background:#336699; padding: 2px 4px; margin-right:1px; text-decoration: none; cursor:pointer; color:#FFF; border: 1px solid #00ccff; -moz-user-select: none; -khtml-user-select: none; user-select: none; -o-user-select:none } .jquery_bannerslider .pager .page.active{ border:1px solid #ffffff; background:#00ccff; font-weight:bold; } .ddcolortabs{ padding: 0; width: 100%; background: transparent; voice-family: "\"}\""; voice-family: inherit; } .ddcolortabs ul{ font: bold 11px Verdana, Arial, sans-serif; margin:2; padding:0; list-style:none; } .ddcolortabs li{ display:inline; margin:0 2px 0 0; padding:0; } .ddcolortabs a{ float:left; color: white; background: #336699 url(images/infoxbox/color_tabs_left.gif) no-repeat left top; margin:0 2px 0 0; padding:0 0 1px 2px; text-decoration:none; letter-spacing: 0px; } .ddcolortabs a span{ float:left; display:block; background: transparent url(images/infoxbox/color_tabs_right.gif) no-repeat right top; padding: 6px 8px 3px 7px; } .ddcolortabs a span{ float:none; } .ddcolortabs a:hover{ color: white; background-color: #0099ff; } .ddcolortabs a:hover span{ color: white; background-color: #0099ff; } .ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/ color: white; background-color: #0099ff; } .ddcolortabsline{ clear: both; padding: 0; width: 100%; height: 2px; line-height: 4px; background: #336699; border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/ } .tabcontainer{ clear: left; width:95%; /*width of 2nd level sub menus*/ height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/ } .tabcontent{ display:none; } .ddcolortabsSP a{ float:left; color: white; background: #00ccff url(images/infoxbox/color_tabs_left.gif) no-repeat left top; margin:0 2px 0 0; padding:0 0 1px 2px; text-decoration:none; letter-spacing: 0px; } .ddcolortabsSP a span{ float:left; display:block; background: transparent url(images/infoxbox/color_tabs_right.gif) no-repeat right top; padding: 6px 8px 3px 7px; } .ddcolortabsSP a span{ float:none; } .ddcolortabsSP a:hover{ color: white; background-color: #FF3030; } .ddcolortabsSP a:hover span{ color: white; background-color: #FF3030; } .ddcolortabsSP a.current, #ddcolortabsSP a.current span{ /*currently selected tab*/ color: white; background-color: #FF3030; } /* Styles for coupon */ .couponHeader{ font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font : 14px; font-weight : bold; padding-top: 5px; } a.validateButton { text-decoration: none; color: #FFF; text-align: center; font-weight: 600px; border: 1px solid #5f413e; padding: 4px; background-color: #336699; } a.a.validateButton :hover { color: #0B0B0B; background-color: #7EDA7F; } /* Styles for coupon */ #header{width: 900px; font-family: Verdana, Arial, sans-serif;} #top{background:#336699; color: #FFFFFF; padding-left:15px; font-size: 70%; padding-top: 10px; padding-bottom: 10px;} #top a:link { color: #FFFFFF;} #top a:visited { color: #FFFFFF;} #top a:hover { color: #00CCFF; text-decoration: underline;} #message { position: absolute; padding-left: 350px; top: 30px; color: #FFFFFF; font-size: 70%; font-weight: bold;} #twit{ position: absolute; right: 350px; top:25px;} #twit img{ border: none;} #twit a:link{ border: none;} #twit a:visited{ border: none;} #mid{ padding-top: 10px;} #logo { padding-left: 5px;} #logo img{ border: none;} #logo a:link{ border: none;} #logo a:visited{ border: none;} #phone { position: absolute; padding-left: 335px; top: 65px;} #phone img{ border: none;} #cart { position: absolute; right: 300px; top:65px;} #pad {height:140px;} #menu {padding:0; margin-left:8px; list-style:none; } #menu li {float:left; margin-left:2px; font-family: Verdana, Arial, sans-serif; font-size:70%;} #menu li a {display:block; height:25px; line-height:25px; padding:0 6px; float:left; background:#336699; color:white; text-decoration:none;} #menu li a.SP {background:#C80000; color:white; text-decoration:none;} #menu li a.SP:hover {background:#A00000; color:white; text-decoration:none;} #menu li a b {text-transform:bold;} #menu li a:hover, .norm #menu li#norm a {background: #00ccff url(images/infobox/arrowMENU.gif) no-repeat center bottom; color:white; text-decoration:none;} .ddcolortabsline{ clear: both; padding: 0; width: 100%; height: 2px; line-height: 10px; background: #336699; border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/ } #search{background:#336699; font: 70% Verdana, Arial, sans-serif; color: #FFFFFF; padding-left:150px; height: 35px;} #search a:link{ font-weight: bold; color: #FFFFFF;} #search a:visited{ font-weight: bold; color: #FFFFFF;} #search a:hover{ font-weight: bold; color: #00ccff;} #bread{ font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #336699; font-weight : bold; padding-top:5px; padding-left:10px;} #bread a.link { color: #336699; } #bread a.hover { color: #00CCFF;}