/* INSTRUCTIONS: 1. For changes, please locate the title of section and look for XXXXXXXXXXXX (example: ------ TITLE ----- XXXXXXXXXXXX -----) 2. Once the changed section has been found, look for the comment tags at the end of the line. That is where the change need to be made. */ /* -------------------- GENERAL STYLES -------------------- XXXXXXXXXXXX -------- */ html, body, table, thead, tbody, tfoot, tr, th, td, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, textarea, input, select, img, hr, span, strong, fieldset, blockquote { margin: 0; padding: 0;} html { font-family: verdana, Arial, Helvetica, Sans-serif; color: #333e4c; /* do a find and replace all color with the code here to all others */ font-size: 12px; line-height:18px; } BODY { background: #e2e2e2 url(images/_custom_images/bg_body.jpg) top left repeat-x; } /* Make Changes to the BACKGROUND */ A:link { color: #333e4c; text-decoration: none; font-weight:bold; } A:visited { color: #333e4c; text-decoration: none; font-weight:bold; } A:hover { color: #2cb6de; text-decoration: underline; font-weight:bold;} A:active { color: #333e4c; text-decoration: none; font-weight:bold; } H1 { font-size: 15px; } H2 { font-size: 13px; } H3 { font-size: 12px; } HR { color: #f1f4f8; height: 1px; } TABLE,IMG { border: 0; } p { margin: 10px 0;} td { vertical-align:top;} /* -------------------- CUSTOM CONTAINERS ( skin1 - customer - home.tpl) -------------------- XXXXXXXXXXXX -------- */ #TopBox { margin-top: 5px; } #TableMain { width:960px; background:url(images/_custom_images/container_bg.jpg) top right no-repeat; } /* Main table where both left and right columns are located */ #TableCheckoutMain { width:960px; padding: 18px 0 0 0; } /* Main table where both left and right columns are located */ #TableFooter { width:800px;} /* Footer table */ .PopUpBox { background:#fff; padding:20px; } .BottomPopup { margin:0; padding:0; } .StoreContent { width:566px; padding:26px 20px 20px 32px; } /* Change the width of the right columm */ .TableVerticalMenu { width:298px; padding:18px; } /* Vertical Menu table LOGIN */ #TableSearch { width:298px; } /* Search.tpl */ #TableCart { width:298px;} /* cmg_cart.tpl */ /* -------------------- HEADER (skin1 - head.tpl) -------------------- XXXXXXXXXXXX -------- */ #header_box { background: #556271 url(images/_custom_images/bg_header.jpg) left bottom repeat-x; width: 100%; padding: 5px 0 9px 0; } #header { width:960px; margin:0 auto 0 auto; overflow: hidden; padding-top: 22px } #SiteHeader { width:960px; margin-bottom:16px; border-bottom: 1px solid #b2b5b7; overflow: hidden;} /* head.tpl */ #header h1 { float:left; margin-left:16px; display: inline; } #header h1 a { display:block; width:75px; height:31px; background: transparent url(images/_custom_images/logo_h1.jpg) top left no-repeat; text-indent:-9999px;} /*--- NAVIGATION --*/ #navigation_main { width:477px; padding:0; margin:28px 20px 0 0; float:right; display:inline; } #navigation_main ul { width:477px; overflow:hidden; } #navigation_main ul li { float:left; display:inline; } #navigation_main ul li a { display:block; height:32px; text-indent:-9999px; outline:none;} #navigation_main ul li a#home { background: transparent url(images/_custom_images/btn_nav_menu.gif) 0 0 no-repeat; width:65px; } #navigation_main ul li a#about { background: transparent url(images/_custom_images/btn_nav_menu.gif) -65px 0 no-repeat; width:88px; } #navigation_main ul li a#events { background: transparent url(images/_custom_images/btn_nav_menu.gif) -153px 0 no-repeat; width:62px; } #navigation_main ul li a#news { background: transparent url(images/_custom_images/btn_nav_menu.gif) -215px 0 no-repeat; width:56px; } #navigation_main ul li a#testimonies { background: transparent url(images/_custom_images/btn_nav_menu.gif) -271px 0 no-repeat; width:88px; } #navigation_main ul li a#store { background: transparent url(images/_custom_images/btn_nav_menu.gif) -359px 0 no-repeat; width:56px; } #navigation_main ul li a#contact { background: transparent url(images/_custom_images/btn_nav_menu.gif) -415px 0 no-repeat; width:62px; } #navigation_main ul li a#home:hover { background-position: 0 -32px; } #navigation_main ul li a#about:hover { background-position: -65px -64px; } #navigation_main ul li a#events:hover { background-position: -153px -64px; } #navigation_main ul li a#news:hover { background-position: -215px -64px; } #navigation_main ul li a#testimonies:hover { background-position: -271px -64px; } #navigation_main ul li a#store:hover { background-position: -359px -64px; } #navigation_main ul li a#contact:hover { background-position: -415px -64px; } body.home #navigation_main ul li a#home { background: transparent url(images/_custom_images/btn_nav_menu.gif) 0 -32px no-repeat; } body.about #navigation_main ul li a#about { background: transparent url(images/_custom_images/btn_nav_menu.gif) -65px -32px no-repeat; } body.events #navigation_main ul li a#events { background: transparent url(images/_custom_images/btn_nav_menu.gif) -153px -32px no-repeat; } body.news #navigation_main ul li a#news { background: transparent url(images/_custom_images/btn_nav_menu.gif) -215px -32px no-repeat; } body.testimonies #navigation_main ul li a#testimonies { background: transparent url(images/_custom_images/btn_nav_menu.gif) -271px -32px no-repeat; } body.store #navigation_main ul li a#store { background: transparent url(images/_custom_images/btn_nav_menu.gif) -359px -32px no-repeat; } body.contact #navigation_main ul li a#contact { background: transparent url(images/_custom_images/btn_nav_menu.gif) -415px -32px no-repeat; } body.home #navigation_main ul li a#home:hover { background: transparent url(images/_custom_images/btn_nav_menu.gif) 0 -32px no-repeat; } body.about #navigation_main ul li a#about:hover { background: transparent url(images/_custom_images/btn_nav_menu.gif) -65px -64px no-repeat; } body.events #navigation_main ul li a#events:hover { background: transparent url(images/_custom_images/btn_nav_menu.gif) -153px -64px no-repeat; } body.news #navigation_main ul li a#news:hover { background: transparent url(images/_custom_images/btn_nav_menu.gif) -215px -64px no-repeat; } body.testimonies #navigation_main ul li a#testimonies:hover { background: transparent url(images/_custom_images/btn_nav_menu.gif) -271px -64px no-repeat; } body.store #navigation_main ul li a#store:hover { background: transparent url(images/_custom_images/btn_nav_menu.gif) -359px -64px no-repeat; } body.contact #navigation_main ul li a#contact:hover { background: transparent url(images/_custom_images/btn_nav_menu.gif) -415px -64px no-repeat; } #SiteHeader ul.store_nav { width:800px; overflow:hidden; padding:0; margin:0; margin-top:34px; background:#b5d7d7; padding-left:0; border-bottom:3px solid #b5d7d7;} #SiteHeader ul.store_nav li { float:left; overflow:hidden; font-size:12px; } #SiteHeader ul.store_nav li a { display:block; background:#d4d9e0; padding:8px 12px; color:#255355; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; border-right:1px solid #b5d7d7;} #SiteHeader ul.store_nav li a:hover { color:#58c8cb; text-decoration:none; background:#fff; } #SiteHeader ul.store_nav li a:active { color:#58c8cb; text-decoration:none; } #SiteHeader ul.store_nav li a.weblink { display:block; background:#b5d7d7; padding:8px 18px 8px 22px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#255355; } #SiteHeader ul.store_nav li a.weblink:hover { color:#fff; text-decoration:none; } #SiteHeader ul.store_nav li a.weblink:active { color:#fff; text-decoration:none; } /* -------------------- WELCOME (skin1 - customer - main - welcome.tpl) -------------------- XXXXXXXXXXXX -------- */ .FeaturedBanner { width:580px; overflow:hidden;} .FeaturedBanner h1 a { display:block; width:546px; height:280px; background:transparent url(images/_custom_images/prepare_the_way.jpg) top left no-repeat; margin:15px 17px 17px 17px; text-indent:-9999px; padding:0; } .FeaturedBanner h2 a { display:block; width:546px; height:238px; background:transparent url(images/_custom_images/website.jpg) top left no-repeat; margin:17px 17px 17px 17px; text-indent:-9999px; padding:0; } .FeaturedBanner h3 a { display:block; width:546px; height:98px; background:transparent url(images/_custom_images/free_mp3.jpg) top left no-repeat; margin:17px 17px 0 17px; text-indent:-9999px; padding:0; } .FeaturedProducts { width:546px; overflow:hidden; background:#d4d9e0; margin-left:17px; } .FeaturedProducts h1 { width:512px; color: #fff; font-size: 15px; padding: 8px 17px 8px 17px; background-color:#333e4c; text-transform:capitalize; font-weight:normal;} .col { width:151px; float:left; padding:17px 15px 0 15px; color:#5c6569; text-align:center;} .col h2 { font-size:12px; margin-bottom:12px; color:#2cb6de;} .col_buttons { width:147px; float:left; padding:0 17px 17px 17px; text-align:center; margin-top:6px;} /* -------------------- CUSTOM STYLES -------------------- XXXXXXXXXXXX -------- */ .product_text { color:#333e4c; line-height: 16px; } .ProductsRightColumn { width: 380px; vertical-align:top; line-height:16px; } .PDesBox { padding-left:16px;} .Product_Description { line-height: 16px; } #CheckoutBar { margin-bottom:26px; } .flc_buttons { background:#2cb6de; border:1px solid #1a96ba; color:#ffffff; text-decoration:none; padding:6px 12px; height: 36px;} .flc_buttons:hover { background:#43c6ec; border:1px solid #1a96ba; color:#ffffff; text-decoration:none; } TABLE.DialogBoxCheckout { width: 100%; height: 100%; vertical-align: top; border:0;} TD.DialogBoxCheckout { background-color: #d4d9e0; text-align: left; padding: 8px 16px 8px 16px; height:220px; border-right:2px #e2e2e2 solid; border-top:2px #ffffff solid; } TD.DialogTitleCheckout { color: #fff; font-size: 15px; padding: 8px 17px 8px 17px; background-color:#333e4c; border-right:2px #e2e2e2 solid; } /* Change the size of the sub page titles */ /* -------------------- CUSTOM EDITS -------------------- XXXXXXXXXXXX -------- */ .border_left { width:6px; background: url(images/_custom_images/bg_border_left.gif) top left repeat-y;} .border_right { width:6px; background: url(images/_custom_images/bg_border_right.gif) top left repeat-y;} .td_width { background: #ffffff; } .featured_text_1 p { color:#645b42; padding: 0px 20px 0px 22px; margin-top:11px; margin-bottom:11px; line-height:16px;} .featured_text_1 p strong { color:#333e4c;} td.featured_text_1 a:link { color:#333e4c; text-decoration: none; font-weight:bold; } /* Find and Replace the link color throught the site for links */ td.featured_text_1 a:visited { color:#333e4c; text-decoration: none; font-weight:bold; } td.featured_text_1 a:hover { color:#2cb6de; text-decoration: underline; font-weight:bold; } td.featured_text_1 a:active { color:#333e4c; text-decoration: underline; font-weight:bold;} .featured_text_2 p { color:#ffffff; padding: 0px 20px 0px 22px; margin-top:11px; margin-bottom:11px; line-height:16px;} .featured_text_2 p strong { color:#d5e07a;} td.featured_text_2 a:link { color:#d5e07a; text-decoration: none; font-weight:bold; } td.featured_text_2 a:visited { color:#d5e07a; text-decoration: none; font-weight:bold;} td.featured_text_2 a:hover { color:#2cb6de; text-decoration: underline; font-weight:bold;} td.featured_text_2 a:active { color:#d5e07a; text-decoration: underline; font-weight:bold;} /* -------------------- SEARCH ( skin1 - customer - search.tpl) -------------------- XXXXXXXXXXXX -------- */ .search { padding: 16px 0px 4px 17px; } .search_input { width:180px; border: 1px solid #b5b09f; height:16px;} .search_advanced { padding: 11px 0px 0px 0px; vertical-align:top; color:#333e4c;} td.search_advanced a:link { color:#333e4c; text-decoration: none; } td.search_advanced a:visited { color:#333e4c; text-decoration: none; } td.search_advanced a:hover { color:#2cb6de; text-decoration: underline; } td.search_advanced a:active { color:#333e4c; text-decoration: underline; } .padding_left { padding: 0px 0px 16px 17px; } .padding_top { padding: 12px 0px 4px 0px; color:333e4c;} .menu_links { padding: 12px 12px 12px 17px; vertical-align:top; color:#333e4c; line-height: 16px; font-size: } td.menu_links a:link { color:#333e4c; text-decoration: none; } td.menu_links a:visited { color:#333e4c; text-decoration: none; } td.menu_links a:hover { color:#2cb6de; text-decoration: underline; } td.menu_links a:active { color:#333e4c; text-decoration: underline; } /* -------------------- AUTHENTICATION ( skin1 - cmg_auth.tpl) -------------------- XXXXXXXXXXXX -------- */ .login_side { padding: 16px 0px 4px 18px; } .login_side input { margin-bottom: 4px; width:180px; border: 1px solid #b5b09f; height:16px; } .register_links { padding: 12px 0 12px 18px; vertical-align:top; color:#333e4c; line-height: 16px;} td.register_links a:link { color:#333e4c; text-decoration: none; } td.register_links a:visited { color:#333e4c; text-decoration: none; } td.register_links a:hover { color:#2cb6de; text-decoration: underline; } td.register_links a:active { color:#333e4c; text-decoration: underline; } div.register_small_link { COLOR: #ffffff; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; } div.register_small_link a:link { COLOR: #333e4c; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; } div.register_small_link a:visited { COLOR: #333e4c; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; } div.register_small_link a:hover { COLOR: #2cb6de; TEXT-DECORATION: underline; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; } div.register_small_link a:active { COLOR: #333e4c; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; } /*---------------------------- FOOTER -------------------------------*/ #footer { width:960px; padding-top:12px; border-top:1px solid #b2b5b7; margin:0 auto; } #footer h2 { float:right; display:inline; margin-top: 4px; padding: 0;} #footer h2 a { display:block; background: transparent url(images/_custom_images/cmg_logo.jpg) top left no-repeat; text-indent:-9999px; width:161px; height:10px; line-height: 0;} #footer h2 a:hover { background: transparent url(images/_custom_images/cmg_logo.jpg) bottom left no-repeat;} #footer p { color:#888888; float:left; margin-left:0; display:inline; margin-top:2px; font-size: .85em;} .menu_bottom_bar {color: #F1EDE7} a.menu_bottom:link { color: #F1EDE7; font-weight: bold; text-decoration: none; } a.menu_bottom:visited { color: #F1EDE7; font-weight: bold; text-decoration: none; } a.menu_bottom:hover { color: #2cb6de; font-weight: bold; text-decoration: underline; } a.menu_bottom:active { color: #F1EDE7; font-weight: bold; text-decoration: none; } /* ------------------ CONTAINER ------------------- XXXXXXXXXXXX -------- */ TABLE.Container { height: 100%; margin: 0 auto 0 auto; width:960px;} /* Margin was Added to center the store & Width Changed */ TD.Container { vertical-align: top; } /* ------------------ HEADER STYLES ------------------- */ .HeadLogo { padding-left: 27px; text-align: left; } .HeadrightBox { vertical-align: top; text-align: right; } .Headtext { font-size: 12px; font-weight: bold; } .HeadLine { background-color: #D6D7D9; } .HeadThinLine { background-color: #68C1FF; height: 1px; } .PrintableRow { width: 100%; vertical-align: middle; padding-right: 176px; height: 18px; } .HeadtopPad { height: 18px; } .HeadtopPad IMG { width: 1px; height: 18px; } /* ------------------ COMMON STYLES ------------------- */ .SubmitBox { padding-top: 10px; } HR.Line { width: 100%; height: 1px; border-bottom-width: 0; border-left-width: 0; border-right-width: 0; } .SectionBox { background-color: #ffffff; text-align: left; margin:0; padding:0; } .text { color: #000000; } .NumberOfArticles { color: #000000; font-weight: bold; } .topLabel { color: #333e4c; font-weight: bold; font-size: 12px; } .Message { color: #FF3300; } /* Change the color */ .Line { background-color: #2cb6de; } /* Change the color */ TD.ButtonsRow { padding: 2px 12px 2px 2px; } .CustomerMessage { color: #2cb6de; font-weight: bold; } /* Change the color */ .ErrorMessage { color: #2cb6de; font-weight: bold; } .Star { color: #FF0000; } .TableHead { background-color: #f1f4f8; font-weight: bold; } /* This changes color for Table headers */ .TableSubHead { background-color: #ebe4d2; } .Spc { width: 1px; height: 1px; } TABLE.EmptyBox { width: 100%; } TABLE.EmptyBox TR TD { padding: 0; } /* ------------------ POP-UP STYLES ------------------- */ .PopupContainer { height: 100%; width: 100%; text-align: center; } .PopupTitle { background-color: #D6D7D9; height: 15px; vertical-align: middle; text-align: center; font-weight: bold; font-size: 12px; } .PopupBG { background-color: #D6D7D9; } .PopupHelpLink { font-size: 9px; color: #333e4c; text-decoration: none; } /* ------------------ BUY NOW SECTION ------------------- */ .BuyNowQuantity { height: 25px; width: 15%; white-space: nowrap; padding-right: 10px; } .BuyNowPrices { width: 100%; height: 25px; vertical-align: middle; } /* ------------------ VERTICAL MENU STYLES ------------------- XXXXXXXXXXXX -------- */ .VertMenuLeftColumn { vertical-align: top; padding: 0; width:298px; } /* Change the width of the left columm */ .VertMenurightColumn { vertical-align: top; padding: 0 6px 0 20px; } .VertMenuBox { padding: 0; } /* Change the color of the left columm */ .VertMenuBoxCartAuth { padding: 16px 0 0 20px; width:278px; line-height:16px;} /* Change the padding of the CART */ .VertMenuTitle { background-color: #333e4c; width:258px; padding:8px 20px; font-size:14px; color:#fff; } /* Change the color of the left columm */ .VertMenuSubTitle { background-color: #333e4c; } .VertMenuTitleIcon { width: 21px; height: 20px; margin-left: 8px; margin-right: 8px; vertical-align: middle; } .VertMenuItems { color: #333e4c; text-decoration: none; } .VertMenuItems strong { color: #333e4c; text-decoration: none; } A.VertMenuItems:link { color: #333e4c; text-decoration: none; } A.VertMenuItems:visited { color: #333e4c; text-decoration: none; } A.VertMenuItems:hover { color: #333e4c; text-decoration: underline; } A.VertMenuItems:active { color: #333e4c; text-decoration: none; } .VertMenuHr { width: 100%; height: 1px; border-bottom-width: 0; border-left-width: 0; border-right-width: 0; color: #999999; } .CategoriesList { font-size: 12px; } .VertMenuItemsCartTop { padding: 12px 0px 0px 0; color:#333e4c; line-height:16px; } /* Change the color */ .VertMenuItemsCart { color:#333e4c; line-height:16px; padding-left:0; } /* Change the color */ a.VertMenuItemsCartTop:link { COLOR: #333e4c; TEXT-DECORATION: none; } /* Change the color */ a.VertMenuItemsCartTop:visited { COLOR: #333e4c; TEXT-DECORATION: none; } /* Change the color */ a.VertMenuItemsCartTop:hover { COLOR: #333e4c; TEXT-DECORATION: underline; } /* Change the color */ a.VertMenuItemsCartTop:active { COLOR: #333e4c; TEXT-DECORATION: none; } /* Change the color */ a.VertMenuItemsCart:link { COLOR: #333e4c; TEXT-DECORATION: none; } /* Change the color */ a.VertMenuItemsCart:visited { COLOR: #333e4c; TEXT-DECORATION: none; } /* Change the color */ a.VertMenuItemsCart:hover { COLOR: #333e4c; TEXT-DECORATION: underline; } /* Change the color */ a.VertMenuItemsCart:active { COLOR: #333e4c; TEXT-DECORATION: none; } /* Change the color */ /* ------------------ DIALOG BOX ------------------- XXXXXXXXXXXX -------- */ TABLE.DialogBox { width: 100%; height: 100%; vertical-align: top; } TD.DialogBox { background-color: #d4d9e0; text-align: left; padding: 8px 16px 8px 16px; width:548px; } /* Change the width */ .Dialogborder { background-color: #68C1FF; padding: 0; } TD.DialogTitle { color: #fff; font-size: 15px; padding: 8px 17px 8px 17px; background-color:#333e4c; text-transform:capitalize; } /* Change the size of the sub page titles */ font.DialogTitle { color: #FFFFFF; font-size: 11px; vertical-align: bottom; height: 15px; text-align: left; margin-left: 10px; } /* ------------------ DIALOG INFO BOX ------------------- */ TABLE.DialogInfo { width: 90%; text-align: center; background:#2cb6de; border:#3b8145 1px dashed; margin:24px 0; color:#333e4c;} .DialogInfoTitle { color: #FFFFFF; font-weight: bold; font-size: 11px; vertical-align: bottom; text-align: left; height: 15px; padding: 0 5px; } .DialogInfoTitleborder { background-color: #caf1d0; padding: 0; vertical-align: bottom; height: 15px; } .DialogInfoborder { background-color: #333e4c; padding: 0; } .DialogInfoIcon { width: 16px; height: 16px; } .DialogInfoClose { width: 15px; height: 13px; } /* ------------------ DIALOG TOOLS SECTION ------------------- */ .NavDialogTitle { width: 50%; font-size: 11px; font-weight: bold; color: #333e4c; padding-left: 8px; } .NavDialogborder { background-color: #D6D7D9; } .NavDialogBox { background-color: #FFFFFF; } .NavDialogSeparator { width: 100%; height: 14px; background-image: url(images/separator.gif); padding-left: 7px; } .NavDialogSeparator IMG { width: 100%; height: 14px; } .NavDialogCell { padding-right: 3px; } .NavDialogCell A IMG { width: 9px; height: 9px; } /* ------------------ PRODUCTS DETAILED PAGE ------------------- */ .ProductTitle { color: #333e4c; font-weight: bold; font-size: 12px; } .ProductTitleHidden { color: #666666; font-weight: bold; font-size: 11px; } .ProductDetailsTitle { color: #333e4c; font-weight: bold; font-size: 12px; line-height: 16px;} /* Change the color */ .ProductDetails { color: #000000; line-height: 16px; } .ProductPriceTitle { color: #000000; font-weight: bold; font-size: 12px; } .ProductPriceConverting { color: #000000; font-weight: bold; font-size: 12px; } .ProductPrice { color: #333e4c; font-weight: bold; font-size: 12px; } /* Change the color */ .ProductPriceSmall { color: #333e4c; font-weight: bold; } /* Change the color */ .SaveMoneyLabel { width: 57px; height: 57px; text-align: center; vertical-align: middle; color: #FFFFFF; font-weight: bold; background: url(images/save_money.gif) no-repeat; } .MarketPrice { font-size: 14px; font-family: Times New Roman; } .PIMGBox { text-align: left; vertical-align: top; margin-right: 20px; } /* Changed Width of image */ /* ------------------ PRODUCTS LIST ------------------- */ TD.PListIMGBox { text-align: center; vertical-align: top; white-space: nowrap; padding-right: 8px; } DIV.PListIMGBox { white-space: nowrap; vertical-align: top; } HR.PListLine { width: 100%; height: 1px; border-bottom-width: 0; border-left-width: 0; border-right-width: 0; } .PListTaxBox { padding: 2px 2px 2px 70px; } .PListCell { background-color: #ffffff; text-align: center; padding: 10px; vertical-align: top; } /* ------------------ ITEM STYLES ------------------- */ .ItemsList { color: #333e4c; font-weight: bold; } .ItemsListDisabled { color: #909090; } A.ItemsList:link { color: #333e4c; text-decoration: none; } A.ItemsList:visited { color: #333e4c; text-decoration: none; } A.ItemsList:hover { color: #333e4c; text-decoration: underline; } A.ItemsList:active { color: #333e4c; text-decoration: none; } /* ------------------ LOCATION BAR ------------------- */ .NavigationPath { color: #000000; font-weight: bold; text-decoration: none; } A.NavigationPath:link { color: #000000; text-decoration: underline; } A.NavigationPath:visited { color: #000000; text-decoration: underline; } A.NavigationPath:hover { color: #000000; text-decoration: none; } A.NavigationPath:active { color: #000000; text-decoration: underline; } /* ------------------ BUTTONS ------------------- */ .FormButton { color: #333e4c; font-weight: bold; } TABLE.ButtonTable { cursor: pointer; vertical-align: middle; DIRECTION: ltr; } TD.Button { background:#2cb6de; border:1px solid #1a96ba; vertical-align: middle; white-space: nowrap; padding:6px 12px;} /*Change the color of ther background*/ TD.Button:hover { background:#43c6ec; } /*Change the color of ther background*/ font.Button { font-family: Arial; color: #e3dcd1; color:#ffffff; text-decoration:none; font-size:12px; text-decoration: none; text-transform:uppercase; } /*Change the color of text and Capitalization */ IMG.ButtonSide { width: 7px; height: 22px; } .SimpleButton TR TD { padding: 0; white-space: nowrap; } A.Button:link, A.Button:visited, A.Button:hover, A.Button:active { color: #333e4c; font-weight: bold; } .Goimage { width: 21px; height: 18px; vertical-align: middle; border: 0; } /* ------------------ SMALL TEXT / LINK STYLE ------------------- */ .SmallNote:link { color: #888888; text-decoration: none; font-size: 9px; font-family: Arial, Verdana, Helvetica, Sans-serif;} .SmallNote:visited { color: #888888; text-decoration: none; font-size: 9px; font-family: Arial, Verdana, Helvetica, Sans-serif; } .SmallNote:hover { color: #888888; text-decoration: underline; font-size: 9px;font-family: Arial, Verdana, Helvetica, Sans-serif;} .SmallNote:active { color: #888888; text-decoration: none; font-size: 9px;font-family: Arial, Verdana, Helvetica, Sans-serif; } .Smalltext { color: #7C4C00; text-decoration: none; font-size: 9px; font-family: Arial, Verdana, Helvetica, Sans-serif;} /* ------------------ CATEGORY PAGE ------------------- */ .SubcatTitle { text-align: left; width: 95%; padding-left: 5px;} .SubcatInfo { text-align: right; white-space: nowrap; color: #000000;} /* ------------------ SEARCH SORT BAR ------------------- */ .SearchSortTitle { font-weight: bold; padding-right: 20px;} .SearchSortLink:link, .SearchSortLink:visited, .SearchSortLink:hover, .SearchSortLink:active {text-decoration: underline;} .SearchSortIMG { width: 9px; height: 9px; margin-right: 5px;} .SearchSortCell { padding-right: 20px;} /* ------------------ EXPANDABLE SECTION ------------------- */ .ExpandSectionMark { width: 11px; cursor: pointer; vertical-align: middle;} /* ------------------ TAB MECHANISM ------------------- */ .Tab { background-color: #D6D7D9; font-weight: bold; text-TRANSFORM: uppercase; width: 85px; height: 30px; text-align: center;} .Tabtop { height: 5px; background-color: #D6D7D9;} TD.TableftSide { width: 9px; background-image: url(images/tab_l.gif);} TD.TabrightSide {width: 9px; background-image: url(images/tab_r.gif);} TD.TableftCorner {width: 9px; height: 9px; background-image: url(images/tab_c1.gif);} TD.TabrightCorner {width: 9px; height: 9px; background-image: url(images/tab_c2.gif);} TD.TabCenter {height: 9px; background-image: url(images/tab_b.gif);} IMG.TabCorner {width: 9px; height: 9px;} IMG.TabSide {width: 9px; height: 1px;} /* ------------------ PAGINATION MECHANISM ------------------- */ .NavigationArrow {width: 9px; height: 9px;} .NavigationTitle {white-space: nowrap; height: 14px; padding-right: 10px;} .NavigationCell {text-align: center; vertical-align: bottom; background-image: url(images/page.gif); width: 17px; height: 14px;} .NavigationCell A:link, .NavigationCell A:visited, .NavigationCell A:hover, .NavigationCell A:active {text-decoration: none;} .NavigationCell IMG {height: 1px; width: 17px;} .NavigationCellWide { text-align: center; vertical-align: bottom; background-image: url(images/page_wide.gif); width: 23px; height: 14px;} .NavigationCellWide A:link, .NavigationCellWide A:visited, .NavigationCellWide A:hover, .NavigationCellWide A:active {text-decoration: none;} .NavigationCellWide IMG {height: 1px; width: 23px;} .NavigationCellSel {vertical-align: middle; font-weight: bold; text-align: center; width: 15px;} /* ------------------ SUBHEADER STYLES ------------------- */ TABLE.SubHeaderGrey {width: 100%; margin-bottom: 10px;} .SubHeaderGrey {color: #666666; font-size: 11px; font-weight: bold; padding: 0;} .SubHeaderGreyLine { height: 1px; background-color: #CCCCCC; padding: 0;} TABLE.SubHeaderBlack { width: 100%; margin-bottom: 10px;} .SubHeaderBlack { color: #333e4c; font-size: 12px; font-weight: bold; padding: 0;} .SubHeaderBlackLine { height: 1px; background-color: #000000; padding: 0;} TABLE.SubHeaderRed { width: 100%; margin-bottom: 10px;} .SubHeaderRed { font-weight: bold; padding: 0;} .SubHeaderRedLine { height: 1px; background-color: #333e4c; padding: 0;} TABLE.SubHeader { width: 100%; margin-bottom: 10px;} .SubHeader { color: #333e4c; font-weight: bold; font-size: 12px; padding: 0;} /* Change the color */ .SubHeaderLine { height: 1px; background-color: #FF6600; padding: 0;} /* ------------------ FEATURE COMPARISON MODULE ------------------- */ TABLE.CompareBtn { cursor: pointer;} TD.CompareBtnleft { height: 18px; width: 21px; background-image: url(images/compare1.gif);} TD.CompareBtnleft IMG { height: 18px; width: 21px;} TD.CompareBtnMain { background-image: url(images/compare2.gif); background-repeat: repeat-x; vertical-align: top; padding-left: 5px; padding-top: 2px;} TD.CompareBtnMainMozilla { background-image: url(images/compare2.gif); background-repeat: repeat-x; vertical-align: top; padding-left: 5px; padding-top:1px;} TD.CompareBtnright {height: 18px; width: 9px;} TD.CompareBtnright IMG {height: 18px; width: 9px;} TD.FCompProductSelBox { padding: 0; white-space: nowrap;} TD.FCompProductButtonBox { padding: 0 0 0 25px; width: 100%; white-space: nowrap;} TD.FCompProductAddCL { padding: 10px 0 0 0; } TD.FCompFeatureHCell { vertical-align: top; text-align: center; background-color: #ebe4d2; font-weight: bold;} .HightLightEqualRow { background-color: #ffe8af; text-align: center;} /* ------------------ SPECIAL OFFERS MODULE ------------------- */ .SpecialOffersPrice { color: #333e4c; font-weight: bold; font-size: 14px;} /* Change the color */ .SpecialOffersThumb { display: inline; margin-left: -51px;} .SpecialOffersThumb A IMG { width: 47px; height: 44px; } /* ------------------ FANCY CATEGORIES MODULE ------------------- */ .CatMenuItemOff { background-color: transparent; color: #333e4c; border: 0; margin: 3px 0 3px 1px; cursor: pointer; font-size: 12px;} .CatMenuItemOffExp { background-color: transparent; border: 0; margin: 1px 3px 1px 2px; cursor: pointer;} .CatMenuItemOn { background-color: #333e4c; color: #333e4c; border:0; margin: 3px 0 3px 1px; cursor: pointer; font-size: 12px;} .CatSubMenu { background-color: #D6D7D9; border: #68C1FF 1px solid; margin: 0; padding: 2px; } TABLE.CatMenuContainer { width: 136px;} A.CatMenuItem { font-size: 12px; font-family: Arial; cursor: pointer;} A.CatMenuItem:link { color: #333e4c; text-decoration: none;} A.CatMenuItem:visited { color: #333e4c; text-decoration: none;} A.CatMenuItem:hover { color: #333e4c; text-decoration: none;} A.CatMenuItem:active { color: #333e4c; text-decoration: none;} A#nojs.CatMenuItem:hover { background-color: #FF8600; color: #333e4c; text-decoration: none;} IMG.FCIcon { width: 16px; height: 16px; border-width: 0; margin-left: 2px; margin-right: 3px;} IMG.FCTriangle { width: 9px; height: 9px; border-width: 0; margin-left: 3px;} TABLE.FCItemTable { width: 100%; border-width: 0; margin: 0; text-align: left; } TD.FCIconCell { vertical-align: middle; text-align: center; TD.FCTriangleCell {vertical-align: middle; text-align: right;} /* ------------------ EXPLORER SKIN ------------------- */ /* ------------------ PRODUCT CONFIGURATOR MODULE ------------------- */ .ProductBG { background-color: #ffffff; } .SlotCell { width: 50%; height: 35px; padding-top: 25px; background-color: #ffffff; text-align: center;} .SlotProductCell { width: 50%; height: 35px; background-color: #ffffff; text-align: center;} TABLE.PCSummaryTable { width: 100%; background-color: #ffffff;} .PimageimageCell { padding: 5px; text-align: center; vertical-align: middle; height: 100%;} .PimageimageCell IMG { text-align: center; vertical-align: middle;} .PimageNumbersCell { padding-right: 10px; padding-left: 10px; white-space: nowrap;} .PimageLine { height: 1px; background-color: #CCCCCC;} .PimageLine IMG { height: 1px;} BODY.Pimage { background-color: #FFFFFF; } .PimagePageRow { height: 30px; vertical-align: middle; padding-left: 10px;} .EqualRow { background-color: #ffffff; text-align: center;} TD.FCChain { width: 18px; background-repeat: repeat-y; } TD.FCChain IMG { width: 18px; height: 1px;} TD.FCExplorerBox { width: 37px; vertical-align: top; background-repeat: repeat-y; } TD.PListIMGBox { width: 139px; text-align: center; vertical-align: top; white-space: nowrap; margin-right: 21px;} DIV.PListIMGBox { white-space: nowrap;} TD.FLCDialogCell { width: 50%; height: 225px; text-align: center;} TD.FLCDialogCellAntibot { width: 50%; height: 350px; text-align: center;} TABLE.FLCDialog { width: 100%; height: 100%;} /* ------------------ LAST CHECKOUT STEP ------------------- */ TD.LCSbackground { background-color: #68c1ff; } TABLE.WebBasedPayment { height: 100%; width: 100%; } TABLE.WebBasedPayment TR TD { text-align: center; vertical-align: middle; height: 90%; padding: 0;} /* ------------------ USER PROFILE PAGE ------------------- */ .RegSectionTitle {color: #333e4c; font-size: 10px; font-weight: bold;} /* ------------------ CUSTOM REVIEWS MODULE ------------------- */ IMG.StarIMG { width: 14px; height: 14px;} /* ------------------ MANUFACTERS MODULE ------------------- */ .ManufacturersItem { text-align: left; white-space: nowrap; width: 95%; padding-left: 5px;} /* ------------------ RECOMMENDED PRODUCTS MODULE ------------------- */ UL.RPItems {padding-left: 10px; padding-top: 0; padding-bottom: 0;} /* ------------------ WEBMASTER MODE ------------------- */ SPAN.Lbl { color: green; font-weight: bold;} .Section {margin: 0; padding: 0;} /* ------------------ FAST LANE CHECKOUT ------------------- */ .FLCAuthBox {white-space: nowrap; padding-left: 10px; padding-right: 5px;} .FLCAuthPreBox {padding-left: 30px; height: 20px; width: 100%;} .FLCtopPad { vertical-align: middle; height: 15px;} .FLCtopPad IMG { width: 1px; height: 15px;} /* ------------------ ADD ONS ------------------- */ /* ------------------ GIFT REGISTRY MODULE ------------------- */ .HighLight { background-color: #FFFFCC;}