/****** Main Tables ******/ .basicTable {width: 100%;} .mainTable {width: 940px;} .mainTable75 {width: 75%;} .mainTable50 {width: 50%;} .mainTableCell {padding: 0px; vertical-align: top; /*background: #2e5bb6;*/} .mainTableCellLeft {padding: 0px; vertical-align: top; background: #133d92 url(../images/marine/lcolumn-l.gif) repeat-y right; border-right: 1px solid #3c6dd0;} .mainTableCellCenter {padding: 0px; vertical-align: top; } .mainTableCellRight {padding: 0px; vertical-align: top; background: #133d92 url(../images/marine/rcolumn-l.gif) repeat-y left;} .homeGreeting {padding: 0px; vertical-align: top;} .homeGreetingTable {width: 100%;} .homeGreetingLeft {/*background: url(../images/marine/ccolumn-b.gif) repeat-x bottom;*/} .homeGreetingCenter {/*background: url(../images/marine/ccolumn-b.gif) repeat-x bottom;*/ padding: 15px;} .homeGreetingRight {/*background: url(../images/marine/ccolumn-b.gif) repeat-x bottom;*/} .introBlock {border: 0px solid #D5D5D5;} .introBlock td {padding: 6px;} /****** Main Tables ******/ /*******************************************************************************/ /****** Menu ******/ .headerMenu { position: relative; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /*background: url(../images/marine/border-bt.gif) repeat-x bottom;*/ } .headerMenu td#logo { /* Background under logo on the site */ display: none; vertical-align: top; } .headerMenu td#logo img { /* Logo on the site */ width: 0px; height: 0px; border: 0px solid #333; } .headerMenu td#logoL {} .headerMenu td#logoL img { /* Logo on the site (if logo is left)*/ margin: 20px 20px 32px 30px; border: 0px; } .headerMenu td#menu { /* Text Menu with or without images */ width: 100%; } .headerMenu td#menu img.Img {width: 0px; height: 0px;} .headerMenu td#menu table {width: 100%;} .headerMenu td#menu td {text-align: center;} td#menu td.begin {width: 26px; background: url(../images/marine/tmenu-l-img.gif) no-repeat bottom;} td#menu td.begin img.Img {width: 26px; height: 1px;} td#menu td.end {width: 100%; /*background: url(../images/marine/tmenu-l-img.gif) no-repeat bottom;*/ border-bottom: 1px solid #e5e5e5;} td#menu td.end img.Img {width: 1px; height: 1px;} /* Active & Noneactive links in menu */ a.menu:link, a.menu:visited, a.menu:hover, a.menu:active {display:block;background: url(../images/marine/tmenu-r-na.gif) no-repeat right; color: #fff; text-decoration: none; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase;} a.menu .nobr {display:block;background: url(../images/marine/tmenu-l-na.gif) no-repeat left; padding: 4px 27px 4px 13px;} a.menuActive:link, a.menuActive:visited, a.menuActive:hover, a.menuActive:active {display:block;background: url(../images/marine/tmenu-r.gif) no-repeat right; color: #7b7b7b; text-decoration: none; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase;} a.menuActive .nobr {display:block;background: url(../images/marine/tmenu-l.gif) no-repeat left; padding: 4px 27px 4px 13px;} /****** Sub Menu ******/ .subMenuBlock { display:none; position:absolute; border-top: 1px solid #6a9c02; border-left: 1px solid #6a9c02; z-index: 2500; } a.subMenu { width: 150px; padding: 6px 20px 6px 10px; border-right: 1px solid #6a9c02; border-bottom: 1px solid #6a9c02; display:block; font: 11px tahoma, verdana, sans-serif; color: #0a0509; text-decoration:none; text-align: left; background: #b3e001; } a.subMenu:hover, a.subMenu:active { background: #dfff61; color: #588300; display:block; text-decoration:none; } /****** Secondary Menu ******/ table.secondaryMenu {width: 100%; border-bottom: 1px solid #E5E5E5;} td#menu td.secondaryBegin img.Img {width: 1px; height: 25px;} a.secondaryMenu {display:block; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0px 0px 0px 20px; color: #7b7b7b; text-transform: lowercase; text-decoration: underline;} a.secondaryMenu:hover {display:block; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0px 0px 0px 20px; color: #7b7b7b; text-transform: lowercase; text-decoration: none !important;} a.secondaryMenuActive {display:block; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0px 0px 0px 20px; color: #7b7b7b; text-transform: lowercase; text-decoration: none !important;} a.secondaryMenuActive:hover {display:block; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0px 0px 0px 20px; color: #7b7b7b; text-transform: lowercase; text-decoration: underline;} td#menu td.secondaryEnd {width: 100%;} td#menu td.secondaryEnd img.Img {width: 1px; height: 25px;} /****** Menu ******/ .filterPopup { display: none; position: absolute; border: 1px solid #3c6dd0; /*background-color: #2e5bb6;*/ z-index: 2000; } .filterPopup a {line-height: 160%;} .filterPopup a:hover, .filterPopup a:active {} /*****************************************************************************/ /************* Breadcrumb *******************/ .breadcrumb {border: 0px; margin: 0px 0px 0px 0px; /*background: /*#2e5bb6*/ /*url(../images/marine/ccolumn-t.gif) repeat-x top;*/} .breadcrumbBegin { vertical-align: top; width: 11px; border: 0px solid #999; /*background: url(../images/marine/ccolumn-b.gif) repeat-x bottom;*/ } .breadcrumbBegin img {width: 1px; height: 30px;} .breadcrumbDelimiter { width: 100%; white-space: normal; border: 0px; font-size: 8pt; padding: 6px 6px 6px 20px; /*background: url(../images/marine/ccolumn-b.gif) repeat-x bottom;*/ } .breadcrumbDelimiter td {} .breadcrumbDelimiter b {color: #FFFFFF; font-size: 9pt;} .breadcrumbDelimiter a {color: #FFFFFF; text-decoration: none; font-size: 9pt; font-weight: normal;} .breadcrumbDelimiter a:hover {color: #FFFFFF; text-decoration: underline; font-size: 9pt; font-weight: normal;} .breadcrumbDelimiter a.treeItemLast {color: #c7d3ec; font-weight: bold; text-decoration: none; cursor: text;} .breadcrumbDelimiter a.treeItemLast:hover {color: #c7d3ec; font-weight: bold; text-decoration: none; cursor: text;} .breadcrumbDelimiter span { color: #6CA1B9; font-size: 8pt; } .breadcrumbDelimiter img {display: none;} .breadcrumbRSS { border: 0px; padding: 0px 20px 0px 0px; /*background: url(../images/marine/ccolumn-b.gif) repeat-x bottom;*/ } .breadcrumbEnd { vertical-align: top; width: 11px; border: 0px solid #999; /*background: url(../images/marine/ccolumn-b.gif) repeat-x bottom;*/ } .breadcrumbEnd img {width: 1px; height: 30px;} /************* Breadcrumb *******************/ /*************** Order Pages ****************/ .breadcrumbDelimiter span.nonactive {font-size: 11pt; color: #4179E8; margin-right: 10px; display: inline; font-weight: bold;} .breadcrumbDelimiter span.active {font-size: 11pt; color: #c7d3ec; margin-right: 10px; display: inline; font-weight: bold;} /************* end Order Pages ***************/ /*****************************************************************************/ /************* Fieldset *******************/ /****** Top ******/ .titleTop {margin-top: 0px;} .titleTopLeft { width: 1px; border: 0px; /*background: url(../images/marine/ccolumn-t.gif) repeat-x top;*/ } .titleTopImgLeft {width: 1px; height: 16px;} .titleTopCenter { /* Title of block (example: any blocks, articles,...) */ white-space: normal; padding:19px 20px 11px 20px; border: 0px; /*background: url(../images/marine/ccolumn-t.gif) repeat-x top;*/ } .titleTopCenter div { color: #c7d3ec; font: 13pt "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; } .titleTopCenter h1 { display: block; color: #c7d3ec; font: 13pt "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0px; padding: 0px; } .titleTopCenter div b {font-weight: normal;} .titleTopRight { width: 1px; border: 0px; /*background: url(../images/marine/ccolumn-t.gif) repeat-x top;*/ } .titleTopImgRight {width: 1px; height: 1px;} /****** Top ******/ /****** Center ******/ .block { border: 0px; /*background: #2e5bb6;*/ } .blockTD {padding: 0px 0px;} .menuLeft {padding: 0px 10px;} /****** Center ******/ /****** Bottom ******/ .titleBot {margin-bottom: 0px;} .titleBotLeft { width: 1px; border: 0px; /*background: url(../images/marine/ccolumn-b.gif) repeat-x bottom;*/ } .titleBotImgLeft {width: 1px; height: 17px;} .titleBotRight { width: 100%; text-align: right; border: 0px; /*background: url(../images/marine/ccolumn-b.gif) repeat-x bottom;*/ } .titleBotImgRight {width: 1px; height: 1px;} /****** Bottom ******/ /************* end Fieldset ***************/ /***************custom blocks in left column********************/ .mainTableCellLeft .titleTopLeft {width: 1px; } .mainTableCellLeft .titleTopImgLeft {width: 1px; height: 17px;} .mainTableCellLeft .titleTopCenter { padding:10px 0px 0px 10px;} .mainTableCellLeft .titleTopCenter table { width: 100%;} .mainTableCellLeft .titleTopCenter div { text-align: center;} .mainTableCellLeft .titleTopRight {width: 20px; vertical-align: top;} .mainTableCellLeft .titleTopImgRight {width: 20px; height: 14px; } .mainTableCellLeft .block {background: none;} .mainTableCellLeft .block .blockTD {background: none;} .mainTableCellLeft .block .menuLeft {background: none;} .mainTableCellLeft .titleBotLeft {width: 100%; border: 0px; background: url(../images/marine/lcolumn-b.gif) repeat-x bottom;} .mainTableCellLeft .titleBotImgLeft {width: 1px; height: 1px;} .mainTableCellLeft .titleBotRight {width: 19px; border: 0px; background: url(../images/marine/lcolumn-b-r.gif) no-repeat; vertical-align: bottom;} .mainTableCellLeft .titleBotImgRight {width: 19px; height: 17px;} /***************custom blocks in right column********************/ .mainTableCellRight .titleTopLeft {width: 19px; vertical-align: top;} .mainTableCellRight .titleTopImgLeft {width: 19px; height: 14px;} .mainTableCellRight .titleTopCenter { padding:10px 10px 0px 0px;} .mainTableCellRight .titleTopCenter table { width: 100%;} .mainTableCellRight .titleTopCenter div { text-align: center;} .mainTableCellRight .titleTopRight {width: 1px; } .mainTableCellRight .titleTopImgRight {width: 1px; height: 17px;} .mainTableCellRight .block {background: none;} .mainTableCellRight .block .blockTD {background: none;} .mainTableCellRight .block .menuLeft {background: none;} .mainTableCellRight .titleBotLeft {width: 19px; border: 0px; background: url(../images/marine/rcolumn-bl.gif) no-repeat;} .mainTableCellRight .titleBotImgLeft {width: 19px; height: 17px;} .mainTableCellRight .titleBotRight {width: 100%; border: 0px; background: url(../images/marine/rcolumn-b.gif) repeat-x bottom;} .mainTableCellRight .titleBotImgRight {width: 1px; height: 1px;} /***************custom blocks in left & right column********************/ .block-filter .titleTopLeft, .block-simple .titleTopLeft, .block-banners .titleTopLeft, .block-navigation .titleTopLeft { width: 100%;} /*****************************************************************************/ /************* userHome *******************/ td.userHome {padding: 7px; color:#FFFFFF; } td.userHomeTitle { font-size: 10pt; white-space: nowrap; padding: 0px 10px 0px 0px; /*background: url(../images/marine/ccolumn-t.gif) repeat-x top;*/ } td.userHomeTitle b {color: #FFFFFF;} div.userHomeBottom { background: none; padding: 0px 20px 0px 20px; } div.userHomeBottom a {color: #FFFFFF; text-decoration:underline;} div.userHomeBottom a:hover {color: #FFFFFF; text-decoration:none;} /* td.userHome img.orders {background: url(../images/icons/admin_orders_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.orders {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_orders.png,sizingMethod=crop);} td.userHome img.profile {background: url(../images/icons/admin_profile_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.profile {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_profile.png,sizingMethod=crop);} td.userHome img.arr {background: url(../images/icons/arr.gif) no-repeat; width: 15px; height: 16px; border:0px; margin: 0px 5px 0px 55px;} td.userHome img.support {background: url(../images/icons/admin_support_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.support {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_support.png,sizingMethod=crop);} td.userHome img.forum {background: url(../images/icons/admin_forum_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.forum {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_forum.png,sizingMethod=crop);} td.userHome img.products {background: url(../images/icons/admin_products_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.products {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_products.png,sizingMethod=crop);} td.userHome img.pages {background: url(../images/icons/admin_pages_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.pages {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_pages.png,sizingMethod=crop);} td.userHome img.salesorders {background: url(../images/icons/admin_salesorders_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.salesorders {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_salesorders.png,sizingMethod=crop);} td.userHome img.merchant {background: url(../images/icons/admin_merchant_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.merchant {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_merchant.png,sizingMethod=crop);} td.userHome img.affiliates {background: url(../images/icons/admin_affiliates_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.affiliates {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_affiliates.png,sizingMethod=crop);} td.userHome img.payments {background: url(../images/icons/admin_payments_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.payments {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_payments.png,sizingMethod=crop);} td.userHome img.carts {background: url(../images/icons/admin_carts_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.carts {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_carts.png,sizingMethod=crop);} td.userHome img.wishlist {background: url(../images/icons/admin_wishlist_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.wishlist {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_wishlist.png,sizingMethod=crop);} td.userHome img.reminders {background: url(../images/icons/admin_reminders_d.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} * html td.userHome img.reminders {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/admin_reminders.png,sizingMethod=crop);}*/ /*td.userHome div {margin: 0px 0px 0px 50px;}*/ /************* userHome *******************/ /*****************************************************************************/ /************* Button Links *******************/ td.butTd {} td.butTd span.spacer { display:inherit; color: #1584D2;} /* '|' between button */ a.button:link, a.button:visited {font: 14px/20px Arial, Helvetica, sans-serif; padding: 0px 10px 0px 0px; white-space: nowrap;} a.button:hover, a.button:active {font: 14px/20px Arial, Helvetica, sans-serif; padding: 0px 10px 0px 0px; white-space: nowrap;} a.button span {} a.button img {display: none;} a.button-add span {font-weight: bold;} /* add to cart (products categories, product details) */ a.button-view span {} /* view cart (products categories, product details) */ a.button-check span {} /* check out (products categories, product details) */ a.button-wishlist span {} /* wishlist (products categories, product details) */ a.buttonBasket:link, a.buttonBasket:visited {font: 14px/20px Arial, Helvetica, sans-serif; white-space: nowrap;} a.buttonBasket:hover, a.buttonBasket:active {font: 14px/20px Arial, Helvetica, sans-serif; white-space: nowrap;} a.buttonBasket span {} a.buttonBasket img {display: none;} a.button-shopping span {font-weight: bold;} /* Continue shopping (basket) */ a.button-retrieve span {} /* Retrieve Cart (basket) */ a.button-save span {} /* Save cart (basket) */ a.button-clear span {} /* Clear cart (basket) */ a.button-checkout span {font-weight: bold;} /* Checkout (basket) */ a.buttonCart:link, a.buttonCart:visited {font: 12px Arial, Helvetica, sans-serif; white-space: nowrap;} a.buttonCart:hover, a.buttonCart:active {font: 12px Arial, Helvetica, sans-serif; white-space: nowrap;} a.buttonCart span {} a.buttonCart img {display: none;} a.button-check span {} /* Checkout (small cart) */ a.button-amend span {} /* Amend cart (small cart) */ a.button-view span {} /* View cart (small cart) */ a.buttonMore:link, a.buttonMore:visited {font: normal normal normal 12px Arial, Helvetica, sans-serif; white-space: nowrap;} a.buttonMore:hover, a.buttonMore:active {font: normal normal normal 12px Arial, Helvetica, sans-serif; white-space: nowrap;} a.buttonMore span {} /* read more... (special offers, etc.) */ a.buttonMore b {font-weight: normal;} a.buttonMore img {display:none;} a.disabled { /* disadled add to cart */ color: #dedede; cursor: pointer; font: bold 14px/20px Arial, Helvetica, sans-serif; padding: 0px 10px 0px 0px; } a.disabled:hover {color: #dedede; cursor: pointer; text-decoration: none;} /************* Button Links *******************/ /************* Category *******************/ /*.topCategory {background: transparent; margin: 0px; padding: 3px 0px;} .selectedtopCategory {background: transparent; margin: 0px; padding: 3px 0px;} .selectedtopCategory a.title {color: #6CA1B9;}*/ .subCategory {background: transparent; margin: 0px; padding: 0px;} .selectedsubCategory {background: transparent; margin: 0px; padding: 0px;} .selectedsubCategory a.title {color: #ffffff;} .topCategory .category_img, .subCategory .category_img, .selectedtopCategory .category_img, .selectedsubCategory .category_img {margin: 0px 0px 0px 5px;} /************* Category *******************/ /************* Latest *******************/ td.topArticle {padding: 3px 3px 3px 0px;} td.subArticle {padding: 3px 3px 3px 0px;} a.subArticle {padding-left: 8px; font-size: 11px; /*background: url(../images/bullet.gif) no-repeat left 3px;*/} /************* Latest *******************/ /************* Offers *******************/ .block-offers .block .blockTD a.bigtitle {font-size: 10pt; color: White; text-decoration: underline;} .block-offers .block .blockTD a.bigtitle:hover {text-decoration: none;} .offerTitleTop {display: none;} .offerTitle {text-align: left; clear: right; display: block;} .offerTd {text-align: left;} /*.offerTd img.offerImg {float: left; padding:2px;background:#fff;margin: 0px 8px 3px 0px;border:0px;filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#224ca2', Positive='true');} */ .offerTd div.offerText {text-align: justify;} .offerTd a.buttonMore span {display:none;} /************* Product details like Offers *******************/ /*.block-products-list .block .blockTD img.productImg, .block-product-details .block .blockTD img.productImg {padding:2px;background:#fff;border:0px;filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#224ca2', Positive='true');} */ /************* Forum *******************/ .forumAdmin {color: blue; font-weight: bold; } .forumUser {color: black; font-weight: bold; } .forumGuest {color: black; font-weight: bold; font-style: italic;} .forumMessageLeft {/*background: #bee4ff;*/ border-left:1px solid #013155; border-top:1px solid #013155; border-bottom:1px solid #013155; } .forumMessageRight {/*background: #bee4ff;*/ border: 1px solid #013155; } .forumMessageTop {background: #013155; border-bottom: 1px solid #013155; } /************* Categoties (catalogue) *******************/ .block-categories-catalog .blockTD {padding-left: 18px;} .block-categories-catalog .blockTD img { } .block-categories-catalog .smallText {color: White;} .block-categories-catalog a.smallText {color: White;} .block-categories-catalog a.smallText:hover {color: White;} /************* Hot (news,...) *******************/ .block-hot .blockTD img {display: none;} .block-hot .blockTD .articleDate {display: none;} .block-hot .blockTD div {padding-left: 15px;} .block-hot a.bigtitle {padding-left: 15px; background: url(../images/marine/arrow-green.gif) no-repeat 3px 5px; display: block; position: relative; left: -15px; font-size: 10pt; text-decoration: underline;} .block-hot a.bigtitle:hover {padding-left: 15px; background: url(../images/marine/arrow-green.gif) no-repeat 3px 5px; text-decoration: none;} /*.block-hot div.smalltext {padding-left: 15px;}*/ /*****************************************************************************/ /************* Footer *******************/ .footerAll {/*background: url(../images/marine/border-bt.gif) repeat-x 0px 1px;*/ height: 45px;} .footerMenu {text-align:center; font-size:9pt;position:relative;top:28px; margin: 0px 25%;} .footerMenu span {display: none; padding: 0px 0px 0px 5px;} .footerMenu img.separator {margin: 0px 5px;} .footerMenu a.smallText {color: #404f64; font-family:Arial; font-size:10px; text-decoration: underline;} .footerMenu a.smallText:hover {color: #404f64; font-family:Arial; font-size:10px; text-decoration: none;} .footerHTML {text-align:center; padding: 10px; float:left;} .footerHTML font {font-size:12px;} .footerImg {text-align:right; float:right; padding: 0px 10px 0px 0px;} .footerImg img {width: 80px; height: 26px; border:0px; margin-top: 10px;} /************* Footer *******************/ body {font: 12px Arial, Helvetica, sans-serif; color: #6CA1B9; margin: 0px; padding: 0px;} body.popup {font: 12px Arial, Helvetica, sans-serif; color: #6CA1B9; margin: 0px; padding: 0px; /*background: #2e5bb6;*/} body.editor {/*background: #2e5bb6;*/} tr, td {font: 12px Arial, Helvetica, sans-serif; color: #6CA1B9;} h1, h2 {padding: 0px; margin: 0px;} .middlebg {background: #356381; border-bottom:1px solid #0b2140; } .middlebgBorderTop {background: #356381; border-top:1px solid #0b2140; } td.totalCol { background:#0b4b70; border-left:1px solid #47718c; border-right:#47718c; border-bottom:1px solid #0b2140; } td.itemCol { border-right:1px solid #47718c; } td.itemOdd { background:#214967; } tr.itemEven { background:#0b2e4e; } td.border-bottom-basket { border-top:1px solid #0b2140; background:url(../images/images_healthspectrum/border-bottom-basket.png) left top no-repeat; width:907px; height:6px; font-size:1px; } div.totalSum { background: #356381 url(../images/images_healthspectrum/border-bottom-total-basket.jpg) left bottom no-repeat; height:45px; width:193px; float:right; margin:0px; } div.totalSum .box_total { float:left; } div.totalSum .box_total div.spanTotal { margin:2px 0px 0px 15px; font-size:10px; font-weight:normal; color:#78acce; } div.totalSum .box_total div.divTotal { margin:0px 0px 0px 15px; } div.totalSum .box_total div.divTotal span.pound { font-size:12px; font-weight:normal; } div.totalSum .box_total div.divTotal span.poundSum { font-size:18px; font-weight:bold; } span.spanSubTotal { font-size:10px; font-weight:normal; color:#78acce; } span.poundSumTotalFinal { font-size:18px; font-weight:bold; } div.totalSum .clear-the-cart { float:right; margin:10px 24px 0px 0px; } .middlebg td {font-weight: normal;} .usualbg {background: transparent;} /*.errorbg {background: #FFE0E0; border:1px solid #CC0000; color:#CC0000; padding:6px; margin-right:26px;}*/ .errorbg {border: solid 1px #0F87BB; color: #FFFFFF; margin: 20px 0px 20px 0px; width:100%; text-align:center; vertical-align:middle; padding:10px;} .popup .errorbg {padding: 4px;} .messagebg { color:#FF0000; font-weight: bold;} .padding10px {padding: 10px;} .padding6px td {padding: 6px; color: #FFFFFF;} .padding2px td {padding: 2px; color: #FFFFFF;} .padding6pxBgTop { background:url(../images/images_healthspectrum/border-top-basket.png) left top no-repeat; width:907px; color:#FFFFFF;} .padding0px td { color: #FFFFFF; } .marginTop8px td { padding-top:8px; color: #FFFFFF; } .marginTop13px td { padding-top:13px; color: #FFFFFF; } .block-product-details .padding6px td {padding: 6px 10px;} .padding6px td td {padding: 0px;} .padding6px .padding4px td {padding: 4px;} .padding4px td {padding: 4px;} .padding4px td td {padding: 0px;} .paddingReviews td {padding: 0px 11px;} .paddingReviews td td {padding: 0px;} .paddingRev5px td {padding: 5px 11px;} .paddingRev3px td {padding: 3px 3px 3px 11px;} input {font-family: Arial, Helvetica, sans-serif; font-size: 11pt;} input.usualprice {background-color: transparent; border: none; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #6CA1B9;} input.orderprice {background-color: transparent; border: none; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #6CA1B9;} input.search {border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; /*background: #bee4ff;*/} input.text {border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; background: #bee4ff;} input.text_chk_login { background:url(../images/images_healthspectrum/bg-input-existing-user.png) left top no-repeat; width:191px; height:16px; border:0px; color:#000000; padding:2px 5px; } input.text_profile { background:url(../images/marine/input_checkout_bg.gif) left top no-repeat; width:262px; height:14px; border:0px; color:#000000; padding:3px; } input.field {border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; /*background: #bee4ff;*/} input.fieldForgotPass { background:url(../images/images_healthspectrum/bg_input_forgot_pass.png) left top no-repeat; height:16px; width:191px; border:0px; float:left; margin:9px 0px 0px 0px; color:#000000; padding:2px 5px; /*background: #bee4ff;*/} input.fieldSmall{border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; /*background: #bee4ff;*/ font-size: 8pt;} input.submitSignIn { background:url(../images/marine/sign_in.png) left top no-repeat; height:21px; width:61px; border:0px; cursor:pointer; } input.submitRegister { background:url(../images/marine/register_btn.png) left top no-repeat; height:21px; width:91px; border:0px; cursor:pointer; } input.submitCancel { background:url(../images/marine/cancel_btn.png) left top no-repeat; height:21px; width:94px; border:0px; cursor:pointer; } input.submitBtn { background:url(../images/images_healthspectrum/submit_btn.png) left top no-repeat; height:20px; width:61px; border:0px; cursor:pointer; float:left; margin:9px 0px 0px 8px; } input.submit {font-weight: normal; border: 0px; color: #000; font-size: 10pt; cursor: pointer; background: url(../images/marine/button-r.gif) no-repeat right; height: 28px; padding: 0px 7px 2px 3px; margin: 0px;} input#clear {color: #8A8A8A;} input#reset {color: #8A8A8A;} input#preview {color: #FF6C00;} input#cancel {color: #8A8A8A;} input#delete {color: #8A8A8A;} select {border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; /*background: #bee4ff;*/} select.search {border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; /*background: #bee4ff;*/} textarea {border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; /*background: #bee4ff;*/} input.field {margin-bottom: 2px;} select.field {margin-bottom: 2px;} input.submit {margin: 0px 0px 0px 0px;} html>body input.submit {margin: 1px 0px 2px 0px;} * html input.submit {margin: 0px 0px 0px 0px;} span.submit {background: url(../images/marine/button-l.gif) no-repeat left; font: 18px Arial; padding-left: 4px !important; white-space: nowrap; display: inline-block;} /*For old templates < ver. 3.3*/ td.submit {background: url(../images/marine/button-l.gif) no-repeat left; padding-left: 4px !important;} form { margin: 0px; padding: 0px;} a.header {color: #ffffff; text-decoration: underline; } a.header:hover {color: #FAF7AA; text-decoration: underline; } a.title {font-size: 10pt; font-weight: bold; color: #FFFFFF; text-decoration: underline; } a.title:hover {font-size: 10pt; font-weight: bold; color: #FFFFFF; text-decoration: none; } a.top10 {color: #6CA1B9; text-decoration: none; font-size: 8pt; } a.top10:hover {color: #6CA1B9; text-decoration: underline; } a.smallText {color: #FFFFFF; text-decoration: none; font-size: 10px; font-weight: normal;} a.smallText:hover {color: #FFFFFF; text-decoration: underline; font-size: 10px; font-weight: normal;} a {color: #ffffff; text-decoration: none; font-size: 9pt; } a:hover {color: #ffffff; text-decoration: underline; } .block-content a.top10 {color: #FFFFFF; text-decoration: none; font-size: 8pt; } .block-content a.top10:hover {color: #FFFFFF; text-decoration: underline; } .titleText {color: #FFFFFF; text-decoration: none; } .articleDate {font-size: 8pt; color: #6CA1B9; font-style: italic; } .top {font-size: 8pt; padding: 2px 0 2px 0;} .smallText {font-size: 8pt; } .middleText {font-size: 9pt; } .bigText {font-size: 11px; color:#6ca1b9; } .comment {font-size: 8pt; color: #7777CC;} .message {font-size: 9pt; color: #fff;} .title {font-size: 11px; font-weight:bold; color:#FFFFFF;} .bigtitle {font-size: 12pt; font-weight: bold; color: #FFFFFF;} .error {color: red; } .terms {height: 300px; width: 600px; overflow: auto; border: 1px solid silver; } .link {color: green; } span.nobr {white-space: nowrap !important;} /***** Delimiter for list and rollover for details *****/ /***/.vDelimiter {border-right: 1px solid #5D94B2;} /***/.hDelimiter {background: #5D94B2; border: 0px;} /***/.block-offers .vDelimiter {border: 0px;} /***/.block-offers .hDelimiter {background: none;} /***/ /***/.rolloverImagesTop {padding: 10px 0px 0px 0px;} /***/.rolloverImages {float: left; padding: 5px; text-align: center; width: 30%;} /***/.manufacturerImage {padding: 10px 0px 0px 0px;} /***** Delimiter for list and rollover for details *****/ /***** Visualisation tubs on product details *****/ td.tab {border: 1px solid #133D92; border-bottom: none; background: none; padding: 0px;} td.tabActive {border: 1px solid #133D92; border-bottom: none; background: #133D92; padding: 0px;} a.tab {background: none; color: #FFFFFF; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none;} a.tab:hover {background: #133D92; color: #ffffff; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none;} a.tabActive {background: #133D92; color: #ffffff; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;} a.tabActive:hover {background: #133D92; color: #ffffff; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;} .tabline {background: #133D92;} /***** Visualisation tubs on product details *****/ /***** Visualisation tubs on UserHome pages *****/ .blockTDtabs table {width: 100%; margin-bottom: 10px; color:#ffffff; } div.adminTab {font: 11px Verdana, sans-serif; border: 1px solid #133D92; border-bottom: none; padding: 3px 8px 2px 8px; margin: 0px 2px; cursor: pointer; background: none; white-space: nowrap;} div.adminTabActive {font: bold 11px Verdana, sans-serif; border: 1px solid #133D92; border-top: 2px solid #133D92; border-bottom: none; padding: 5px 9px 5px 9px;; margin: 3px 0px 0px 0px; white-space: nowrap;} td.adminTab {border-bottom: 1px solid #133D92; vertical-align: bottom;} td.adminTabActive {border: none;} td.beginTab {padding: 0px 4px; border-bottom: 1px solid #133D92;} td.endTab {padding: 0px 4px; width: 90%; border-bottom: 1px solid #133D92;} a.blackSm, a.blackSm:hover {text-decoration: none;} /***** Visualisation tubs on UserHome pages *****/ /***** Prices on the site *****/ .priceBlock {color: #FFFFFF; font-weight: bold;} .priceBlock .price {font-weight: bold;} .priceBlock .priceTax {font-weight: normal;} .priceBlockOld {color: #B1FAFF; text-decoration: line-through;} .priceBlockOld .price {font-weight: normal;} .priceBlockOld .priceTax {font-weight: normal;} .priceBlockHidden {color: #B1FAFF; font-weight: bold; display: none;} .priceBlockHidden .price {font-weight: bold;} .priceBlockHidden .priceTax {font-weight: normal;} .priceBlockEdit {color: #B1FAFF; font-weight: bold;} .priceBlockEdit input.price {text-align: right; font-weight: bold; width: 60px; font-size: 12px; color: black; border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; /*background: #bee4ff;*/} .salesBlock {color: #B1FAFF; font-weight: bold; border: none; background: transparent;} .salesPrice {font-weight: bold;} .salesTax {font-weight: normal;} .priceSaveBlock {color: #FFA; font-weight: bold;} .priceSaveBlock .price {font-weight: bold;} .priceSaveBlock .percent {font-weight: normal;} .pointsPriceBlock {} .pointsPriceBlock .points {} .rewardPointsBlock {} .rewardPointsBlock .points {} /***** Prices on the site *****/ /***** Visualisation product list as table *****/ .productsTable th {padding: 3px; color: #FFFFFF;} .productsTableWhite th {color: #FFFFFF;} .productsTable td {padding: 3px; color: #FFFFFF;} .productsTableWhite td {color: #FFFFFF;} .productsCategory {font-size: 10pt; font-weight: bold; color: #FFFFFF; background: #214F6D; padding: 6px !important; } .productsDelimiter {background: #5D94B2; padding: 0px !important;} .productsDelimiterTop {background: #5D94B2; padding: 0px !important;} .productsDelimiterTop img {height: 2px;} /***** Visualisation product list as table *****/ /***** Rating iamges *****/ .neutral {display: none; } /* .commend {background: url(../images/icons/commend.png) no-repeat; width: 20px; height: 20px; border:0px;} * html .commend {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/commend.png,sizingMethod=crop);} .discommend {background: url(../images/icons/discommend.png) no-repeat; width: 20px; height: 20px; border:0px;} * html .discommend {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/discommend.png,sizingMethod=crop);} .not-rated {background: url(../images/icons/not-rated.png) no-repeat; width: 97px; height: 18px; border:0px;} * html .not-rated {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/not-rated.png,sizingMethod=crop);} .rating-1 {background: url(../images/icons/rating-1.png) no-repeat; width: 97px; height: 18px; border:0px;} * html .rating-1 {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/rating-1.png,sizingMethod=crop);} .rating-2 {background: url(../images/icons/rating-2.png) no-repeat; width: 97px; height: 18px; border:0px;} * html .rating-2 {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/rating-2.png,sizingMethod=crop);} .rating-3 {background: url(../images/icons/rating-3.png) no-repeat; width: 97px; height: 18px; border:0px;} * html .rating-3 {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/rating-3.png,sizingMethod=crop);} .rating-4 {background: url(../images/icons/rating-4.png) no-repeat; width: 97px; height: 18px; border:0px;} * html .rating-4 {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/rating-4.png,sizingMethod=crop);} .rating-5 {background: url(../images/icons/rating-5.png) no-repeat; width: 97px; height: 18px; border:0px;} * html .rating-5 {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/rating-5.png,sizingMethod=crop);}*/ /***** Rating iamges *****/ /***** Wishlist pop-up window *****/ .wishlist-opacity {display: none; z-index: 900; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: #E1E1E1;} .wishlist-shadow {display: none; z-index: 1000; position: absolute; top: 0px; left: 0px; width: 400px; background: #5C7199;} .wishlist-block {position: relative; bottom: 5px; right: 5px; width: 400px; /*background: #2E5BB6;*/ border: 1px solid #013155;} .wishlist-img-close img {margin: 10px 10px 5px 0px;} .wishlist-descr {padding: 0px 35px 20px 30px; font: 14px sans-serif; text-align:justify;} /***** Wishlist pop-up window *****/ /***** New Product's icon *****/ .block-product-details .newProduct {display: block; position: relative; padding-right: 34px !important;} .block-product-details .newProduct img {background: url(../images/icons/new_l.png) no-repeat; width: 30px; height: 22px; border: none; position: absolute; bottom: 0px; margin: 0px 0px 0px 2px;} /* * html .block-product-details .newProduct img {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/new_l.png,sizingMethod=crop);} .block-products-list .newProduct img {background: url(../images/icons/new_l.png) no-repeat; width: 30px; height: 22px; border: none; position: relative; bottom: -6px; margin: 0px 0px 0px 2px;} * html .block-products-list .newProduct img {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/new_l.png,sizingMethod=crop);} .newProduct img {background: url(../images/icons/new_m.png) no-repeat; width: 20px; height: 16px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px;} * html .newProduct img {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/new_m.png,sizingMethod=crop);}*/ /***** New Product's icon *****/ /***** Restricted Item's icon *****/ .block-products-list .restrictedItem img.restrictedItem {background: url(../images/icons/lock.png) no-repeat; width: 22px; height: 23px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px;} /** html .block-products-list .restrictedItem img.restrictedItem {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/lock.png,sizingMethod=crop);} .restrictedItem img.restrictedItem {background: url(../images/icons/lock-s.png) no-repeat; width: 15px; height: 16px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px;} * html .restrictedItem img.restrictedItem {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/lock-s.png,sizingMethod=crop);} .restrictedCategory img.restrictedCategory {background: url(../images/icons/lock-s.png) no-repeat; width: 15px; height: 16px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px;}*/ /***** Restricted Item's icon *****/ /***** Manual list *****/ .level1 {padding: 2px 2px 2px 15px;} .level1 a {font-weight: bold;} .level1 a:hover {font-weight: bold;} .level2 {padding: 2px 2px 2px 30px;} .level3 {padding: 2px 2px 2px 40px;} .level4 {padding: 2px 2px 2px 50px;} /***** Manual list *****/ /***** Custom menu list *****/ .menuLeft .level1 {padding: 2px 2px 2px 5px;} .menuLeft .level2 {padding: 2px 2px 2px 15px;} .menuLeft .level3 {padding: 2px 2px 2px 30px;} .menuLeft .level4 {padding: 2px 2px 2px 40px;} .menuLeft .a a {font-weight: bold;} .menuLeft .a a:hover {font-weight: bold;} /***** Custom menu list *****/ /***** Matrix price *****/ table.matrix { border: 1px solid gray; margin-bottom: 5px; margin-top: 5px; } th.matrixTop { padding-left: 5px; padding-right: 5px; border-bottom: 1px solid silver; } th.matrixBottom { padding-left: 5px; padding-right: 5px; } td.matrixTop { border-bottom: 1px solid silver; border-left: 1px solid silver; padding-left: 5px; padding-right: 5px; } td.matrixBottom { border-left: 1px solid silver; padding-left: 5px; padding-right: 5px; } /***** Matrix price *****/ /*##############################################################################################################################*/ /*######################################### - START Health Spectrum Custom CSS - ###############################################*/ /*##############################################################################################################################*/ /* Main CSS Styles Document Author: Health Spectrum Last Modified: 09/09/2009 */ /* HTML Elements */ body,html { min-height:101%; font-size:11px;} body { background:#001737; margin:auto; } body, select, input, textarea { font: 100% Arial, Verdana, Sans-Serif; color:#FFF; } a, a:visited { text-decoration:none; outline:none; } a:hover, a:active { text-decoration:underline; } a img { border:none; } table { display: table; margin:0px 0; width:100%; border-collapse:collapse; } .clear {clear:both; font-size:1px; line-height:1px; height:1px;} .left { float:left; display: inline;} .right { float:right; display: inline;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden;line-height: 0; height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix { display: block;} * html .clearfix { height: 1%;} p { margin:0; padding:0;} select { color:#000000; } colorWhite { color:#ffffff; } /* Structure */ /* top links */ #top-pages { background:#000d1f; color:#5e91aa; height:21px; } #top-pages #inside-top { background:#000d1f; color:#5e91aa; font-weight:bold; height:20px; width:940px; margin:0 auto; text-align:right; } #logo_link { width:320px; height:90px; position:absolute; top:70px; left:0; cursor:pointer; } #top-pages #inside-top #page-top-links { float:right; } #top-pages #inside-top #page-top-links #sign-in { float:left; padding:3px 7px 4px 0px; border-right:1px solid #13273b; } #top-pages #inside-top #page-top-links #sign-in span { font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:bold; } #top-pages #inside-top #page-top-links #sign-in a, #top-pages #inside-top #sign-in a:visited { color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; } #top-pages #inside-top #page-top-links #sign-in a:hover { color:#ffffff; font-size:11px; text-decoration:underline; font-weight:bold; } #top-pages #inside-top #page-top-links #my-basket { float:left; padding:3px 0px 4px 7px; position:relative; } #top-pages #inside-top #page-top-links .my-basket_active, #top-pages #inside-top #page-top-links #my-basket:hover { background:#356381; } #top-pages #inside-top #page-top-links #my-basket a.myBasket, #top-pages #inside-top #my-basket a.myBasket:visited { background:url(../images/images_healthspectrum/my_basket.jpg) left center no-repeat; padding-left:16px; color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; } #top-pages #inside-top #page-top-links #my-basket a.myBasket_active, #top-pages #inside-top #page-top-links #my-basket a.myBasket:hover { background:url(../images/images_healthspectrum/my-basket-over.png) left center no-repeat; padding-left:16px; color:#ffffff; font-size:11px; text-decoration:none; font-weight:bold; } #top-pages #inside-top #page-top-links #my-basket a.myBasketItems, #top-pages #inside-top #page-top-links #my-basket a.myBasketItems:visited { background: url(../images/images_healthspectrum/arrow_my_basket_over.png) right center no-repeat; padding-right:8px; width:117px; color:#d0dee8; text-decoration:none; font-weight:normal;} #top-pages #inside-top #page-top-links #my-basket a.myBasketItems_active, #top-pages #inside-top #page-top-links #my-basket a.myBasketItems:hover { background:url(../images/images_healthspectrum/arrow_my_basket_over.png) right center no-repeat; padding-right:8px; width:117px; color:#ffffff; text-decoration:none; font-weight:normal;} /* top links */ #home-page { width:986px; margin:0 auto; } #page { width:940px; margin:0 auto; background:#001737 url(../images/images_healthspectrum/bg-right.jpg) no-repeat scroll; position:relative; } #page.home { width:940px; margin:0 auto; position:relative; } #left_side { background:url(../images/images_healthspectrum/bg-left.jpg) no-repeat; width:347px; left:-347px; height:600px; position:absolute; } #page-header {height:185px;} #header-logo { float:left; } #sales-hotline {width:168px; display:block; float:right; margin:107px 0px 0px 0px; background:url(../images/images_healthspectrum/sales-hotline.jpg) left top no-repeat; right:0; position:absolute; } #sales-hotline p.sales-phone { font-size:25px; font-weight:normal; color:#e4000c; margin:10px 0px 0px 0px; padding:0px; } #sales-hotline p.sales-phone-new { font-size:23px; font-weight:normal; color:#e4000c; margin:10px 0px 0px 0px; padding:0px; } /*#people_beneffit { background:url(../images/images_healthspectrum/percent_people.jpg) left top no-repeat; width:273px; height:55px; display:block; float:right; margin:95px 0px 0px 0px; right:0; position:absolute; text-align:right; }*/ #people_beneffit { background:url(../images/images_healthspectrum/are_you_taking_suppliments.jpg) left top no-repeat; width:322px; height:20px; display:block; float:right; margin:33px 0px 0px 0px; right:0; position:absolute; text-align:left; } #people_beneffit p.beneffit { background:url(../images/images_healthspectrum/circle.jpg) left 5px no-repeat; margin:28px 0px 0px 0px; padding:0px 0px 0px 10px; font-size:11px; line-height:16px; width:322px; } #people_beneffit p.beneffit span { color:#aeae54; font-weight:bold; } #people_beneffit p.beneffit a, #people_beneffit p.beneffit a:visited { color:#91d0ef; font-weight:bold; text-decoration:underline; } #people_beneffit p.beneffit a:hover { color:#91d0ef; font-weight:bold; text-decoration:none; } #people_beneffit p.beneffit.beneffit_second { margin:12px 0px 0px 0px; padding:0px 0px 0px 10px; font-size:11px; line-height:16px; width:322px; } #people_beneffit p.percent_people { width:280px; font-size:19px; color:#FFFFFF; text-transform:uppercase; margin:0px; padding:0px; text-align:right; } #people_beneffit p.dont_beneffit { width:280px; font-size:21px; color:#e4000c; text-transform:uppercase; margin:0px; padding:0px; text-align:right; } #people_beneffit p.vitamins { width:280px; font-size:21px; color:#78abc7; text-transform:uppercase; margin:0px; padding:0px; text-align:right; } #page-body {} #page-content { } #get_sample_content {width:666px; padding: 17px; vertical-align:middle; background:url(../images/images_healthspectrum/get_sample_bkg_1X700.jpg) left top repeat-y;} #get_sample_title {text-align:left; font-size:30px; color:#FFFFFF; background:url(../images/images_healthspectrum/bg-pixel-dotted-line.png) left bottom repeat-x;} #get_sample_content p { font-size: 13px; padding-top: 11px;} #get_sample_content #get_sample_form { margin-top:32px; width:660px; padding:0px;} #get_sample_content #get_sample_form #get_sample_form_left_side {width:320px; font-size: 13px; float:left; padding:0px; } #get_sample_content #get_sample_form #get_sample_form_left_side label {color:#FFFFFF; width:98px; padding-left:0px; display:block; float:left; clear:left; height:32px; padding-top:3px; font-size:13px;} #get_sample_content #get_sample_form #get_sample_form_left_side label span { color:#e5000c; } #get_sample_content #get_sample_form #get_sample_form_left_side input.txt { background:url(../images/images_healthspectrum/get_sample_input.png) no-repeat; width:194px; height:20px; border:0; color:#454545; font-size:11px; padding:3px; clear:right; margin-bottom:15px; display:block; float:left; } #get_sample_content #get_sample_form #get_sample_form_right_side { font-size: 13px; float:right; width:320px; margin-right:0px; padding:0px;} #get_sample_content #get_sample_form #get_sample_form_right_side label {color:#FFFFFF; width:118px; padding-left:0px; display:block; float:left; clear:left; height:32px; padding-top:3px; font-size:13px;} #get_sample_content #get_sample_form #get_sample_form_right_side label.same {width:380px; padding-left:7px; display:block; float:left; clear:right; height:56px; padding-top:3px; font-size:13px;} #get_sample_content #get_sample_form #get_sample_form_right_side label span { color:#e5000c; } #get_sample_content #get_sample_form #get_sample_form_right_side input.txt { background:url(../images/images_healthspectrum/get_sample_input.png) right top no-repeat; width:194px; height:20px; border:0; color:#454545; font-size:11px; padding:3px; clear:right; margin-bottom:15px; display:block; float:right; } #get_sample_content #get_sample_form #get_sample_form_right_side input.get-sample { float:right; background:url(../images/images_healthspectrum/get_sample_btn_21X72.jpg) right top no-repeat; width:88px; height:21px; border:0px; margin-left:10px; cursor:pointer;} #get_sample_content #get_sample_form #get_sample_form_legend {margin-left:473px; font-size: 13px; float:left;} #get_sample_content #get_sample_form #get_sample_form_legend span { color:#e5000c; } #page-content #page-content-top { background:url(../images/images_healthspectrum/big_container_top940x2.png) left top no-repeat; width:940px; height:3px; font-size:3px; } #page-content #page-content-middle { background:url(../images/images_healthspectrum/big_container_middle940x1.png) left top repeat-y; width:939px; padding:0px 0px 0px 0px; min-height: 312px;} #page-content #page-content-middle #inside-content { width:908px; margin:0 auto; } #page-content #page-content-middle #inside-content #page-name { background:url(../images/images_healthspectrum/bg-pixel-dotted-line.png) left bottom repeat-x; padding:14px 0px 0px 0px; text-transform:capitalize; } /* about us*/ #page-body #page-content #page-content-middle #inside-content #about-us { margin-top:30px; } #page-body #page-content #page-content-middle #inside-content #about-us #about-us-left { float:left; width:906px; } #page-body #page-content #page-content-middle #inside-content #about-us #about-us-left #left-about-top { background:url(../images/bg-about-us-top.png) left top no-repeat; width:906px; height:2px; font-size:2px; } #page-body #page-content #page-content-middle #inside-content #about-us #about-us-left #left-about-middle { background:url(../images/bg-pixel-about-us.png) left top repeat-y; width:906px;} #page-body #page-content #page-content-middle #inside-content #about-us #about-us-left #left-about-middle p.title { font-size:18px; line-height:20px; color:#ffffff; padding:8px 0px 16px 16px; margin:0px; width:645px; } #page-body #page-content #page-content-middle #inside-content #about-us #about-us-left #left-about-middle p.about-top { font-size:13px; line-height:20px; color:#ffffff; padding:0px 0px 16px 16px; margin:0px; width:870px; } #page-body #page-content #page-content-middle #inside-content #about-us #about-us-left #left-about-middle .div-about { } #page-body #page-content #page-content-middle #inside-content #about-us #about-us-left #left-about-middle .div-about .div-about-left { float:left; width:204px; margin-left:16px; } #page-body #page-content #page-content-middle #inside-content #about-us #about-us-left #left-about-middle .div-about .div-about-right { float:left; width:664px; margin-left:16px; } #page-body #page-content #page-content-middle #inside-content #about-us #about-us-left #left-about-middle .div-about .div-about-right p { font-size:13px; line-height:20px; color:#ffffff; padding:0px 0px 29px 6px; margin:0px; width:640px; } #page-body #page-content #page-content-middle #inside-content #about-us #about-us-left #left-about-bottom { background:url(../images/bg-about-us-bottom.png) left top no-repeat; width:906px; height:2px; font-size:2px; } #page-body #page-content #page-content-middle #inside-content #about-us #about-us-right { float:right; } /* end about us*/ /* related products */ #related-products { margin-top:22px; } #related-products #top-rel-prod { background:url(../images/images_healthspectrum/big_container_top940x2.png) left top no-repeat; width:940px; height:3px; font-size:3px; } #related-products #middle-rel-prod { background:url(../images/images_healthspectrum/big_container_middle940x1.png) left top repeat-y; width:939px; padding:0px 0px 14px 0px; } #related-products #middle-rel-prod #sub-name { background:url(../images/images_healthspectrum/bg-pixel-dotted-line.png) left bottom repeat-x; width:908px; margin:0 auto; padding:14px 0px 0px 0px; margin-bottom:3px;} #related-products #bottom-rel-prod { background:url(../images/images_healthspectrum/big_container_bottom940x2.png) left top no-repeat; width:940px; height:7px; font-size:7px; } #page-content #related-products #product { width:197px;} #page-content #related-products h2 {margin:0; padding:0; font-size:23px; color:#FFF; font-weight:normal;} #page-content #related-products #product .added { background:url(../images/images_healthspectrum/product-added-to-chart.png) right top no-repeat; float:right; width:197px; height:78px; position:absolute;} #page-content #related-products .category-description { margin:0px 14px 6px 14px; background: #356381 url(../images/images_healthspectrum/bg-products-inside.png) left bottom no-repeat; width:908px; color:white; line-height:18px; padding:0px; } #page-content #related-products .category-description .product { width:286px; position:relative; float:left; padding:0px 0px 0px 13px; } #page-content #related-products .category-description .product .product-container { margin:20px 0px 22px 6px; padding-right:10px; padding-bottom:2px; background:url(../images/images_healthspectrum/pixel_product.jpg) right repeat-y; } #page-content #related-products .category-description .product .no-right-border { margin:20px 0px 22px 6px; padding-right:10px; padding-bottom:2px; background:none; } #page-content #related-products .category-description .name {font-size:18px; display:block; } #page-content #related-products .category-description .subtitle {font-size:11px; display:block; line-height:18px; } #page-content #related-products .category-description .image { float:left; width:111px;} #page-content #related-products .category-description .image a.zoom { display:block; background:url(../images/images_healthspectrum/zoom.jpg) no-repeat left center; font-size:9px; text-decoration:underline; color:white; padding-left:11px; margin-left:23px; } #page-content #related-products .category-description .image a.zoom:hover {text-decoration:none; } #page-content #related-products .category-description .product-details {float:left; padding-top:3px;} #page-content #related-products .category-description .product-details p.price-box { float:left; font-size:12px; width:100px; } #page-content #related-products .category-description .product-details p.price-box span { font-size:20px; } #page-content #related-products .category-description .product-details p.code-box { float:left; font-size:12px; } #page-content #related-products .category-description .product-details p.code-box span { font-weight:bold; } #page-content #related-products .category-description .product-details p.qty-box { float:left; font-size:12px; margin-top:31px; width:100px; } #page-content #related-products .category-description .product-details p.qty-box select { margin-top:7px; color:black; width:40px; } #page-content #related-products .category-description .product-details p.stock-box { float:left; font-size:12px; margin-top:31px; } #page-content #related-products .category-description .product-details p.stock-box img { margin-top:5px; } #page-content #related-products .category-description p.description { margin-top:20px; height:105px; font-size:12px; line-height:18px; } #page-content #related-products .category-description input.add_basket { background:url(../images/images_healthspectrum/add_cart.jpg) no-repeat; border:0; width:91px; height:21px; cursor:pointer; float:left; } #page-content #related-products .category-description a.view_details { display:block; float:left; background:url(../images/images_healthspectrum/view_details.jpg) no-repeat; border:0; width:139px; height:21px; cursor:pointer; text-indent:-9999px; margin-left:14px; } #page-content #related-products .category-description .product .added-basket { position:absolute; right:1px; top:0; } #page-content #page-content-middle #inside-content #inside-bottom { background:url(../images/images_healthspectrum/bottom_category.jpg) no-repeat; height:2px; width:100%; } #page-content #page-content-middle #inside-content #detail-content #detail-content-right #product .pict img {margin-top:20px; float:left;} #page-content #page-content-middle #inside-content #detail-bottom { width: 908px;height:2px; background:url(../images/images_healthspectrum/detail-bottom.png) left top no-repeat;} #page-content #page-content-middle #inside-content #detail-content #detail-content-right #product a.zoom { background:url(../images/images_healthspectrum/zoom.jpg) left center no-repeat; font-size:9px; text-decoration:underline; color:white; padding-left:10px; margin-left:73px; } /* end related products */ /* books */ #page-body #page-content #page-content-middle #inside-content #page-books { } #page-body #page-content #page-content-middle #inside-content #page-books .book { padding:25px 0px 14px 14px; border-bottom:1px solid #1e3b58; } #page-body #page-content #page-content-middle #inside-content #page-books .book.m36 { padding-top:36px; } #page-body #page-content #page-content-middle #inside-content #page-books .book.border0 { border-bottom:0px; padding:25px 0px 0px 14px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-left { float:left; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-left p.book-name { color:#6ca1b9; font-size:23px; font-size:18px; text-transform:uppercase; margin:0px; padding:0px 0px 13px 0px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-left p.book-description { font-size:13px; line-height:20px; color:#ffffff; width:415px; margin:0px; padding:0px; } #page-body #page-content #page-content-middle #inside-content #page-books .book select {width:40px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right { float:left; margin:0px 0px 0px 28px; position:relative; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box { float:left; background: url(../images/images_healthspectrum/buy-online2.jpg) left top no-repeat; width:215px; height:250px; margin:20px 0px 0px 0px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .added { height:78px; position:absolute; right:0; top:-25px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details { margin:60px 0px 0px 0px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .qty { float:left; margin-left:22px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .qty span { font-size:12px; color:#f1f0f0; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .price { float:left; margin-left:43px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .price span { font-size:12px; color:#f1f0f0; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .price span.book-price { font-size:22px; font-weight:bold; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .stock { float:left; margin:11px 0px 0px 22px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .stock span { font-size:12px; color:#f1f0f0; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .stock img { margin-top:4px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .shipping-price { float:left; margin:11px 0px 0px 56px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .shipping-price span { font-size:12px; color:#f1f0f0; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .shipping-price span.blue { margin:2px 0px 0px 0px; font-size:18px; color:#5e91aa; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-image { float:left; margin:5px 0px 0px 0px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .book-buttons { padding:24px 0px 0px 17px; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .book-buttons input.btn-buy-now { background:url(../images/images_healthspectrum/buy-now.jpg) left top no-repeat; width:72px; height:21px; border:0px; cursor:pointer; margin-bottom:5px; float:left; } #page-body #page-content #page-content-middle #inside-content #page-books .book .book-right .prod-details-box .p-details .book-buttons /*img.get-sample { width:145px; height:21px; border:0px; margin-left:10px; cursor:pointer; }*/ img.get-sample { width:145px; height:21px; border:0px; margin-left:0px; cursor:pointer; } /* end books */ /* testimonials */ #page-body #page-content #page-content-middle .box-testimonials { width:915px; margin:5px 0px 0px 7px; position:relative; } .quote {position:absolute; left:0; top:0; } #page-body #page-content #page-content-middle .box-testimonials.m20 { margin-top:22px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-left { float:left; margin:10px 0px 5px 0px; padding:13px 0px 0px 8px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-left .t-left-top { background:url(../images/images_healthspectrum/bg-box-testimonial-top.png) left top no-repeat; width:484px; height:3px; font-size:3px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-left .t-left-middle { background:url(../images/images_healthspectrum/bg-pixel-box-testimonia.png) left top repeat-y; width:484px; height:173px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-left .t-left-middle td.testimonial_td { padding:10px 22px 37px 20px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-left .t-left-middle td.testimonial_and_image_td { padding:10px 10px 37px 30px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-left .t-left-middle td.testimonial_image_td { padding:14px 22px 0px 18px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-left .t-left-middle p { margin:0px; padding:0px; color:#ffffff; font-size:14px; font-style:italic; line-height:24px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-left .t-left-bottom { background:url(../images/images_healthspectrum/bg-box-testimonial-bottom.png) left top no-repeat; width:484px; height:2px; font-size:2px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-right { float:left; padding:10px 0px 5px 18px; width:405px; position:relative; border-bottom:1px solid #213551; height:185px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-right .client-name { margin:13px 0px 0px 0px; width:275px; border-bottom:1px solid #6ca1b9; padding-bottom:7px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-right .client-name p.name { font-size:23px; line-height:18px; color:#6ca1b9; margin:0px; padding:0px 0px 0px 12px; text-transform:uppercase; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-right .about-client p.about-client { font-size:13px; line-height:18px; width:175px; color:#ffffff; margin:4px 0px 0px 0px; padding:0px 0px 0px 13px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-right .about-client p.location { font-size:13px; line-height:18px; width:175px; color:#79795b; margin:0px; padding:0px 0px 0px 13px; } #page-body #page-content #page-content-middle .box-testimonials .testimonial-right .client-photo { position:absolute; right:0px; bottom:1px; } h3 {font-size:23px; color:#6ca1b9; margin:0px; text-transform:uppercase;} /* end testimonials */ /*###### START CONTACT ###########*/ #inside-content #contact #contact-left { width:907px; float:left; background:url(../images/images_healthspectrum/bg-pixel-about-us.png) left top repeat; margin-top: 8px;} #inside-content #contact #contact-container { padding:13px 0px 20px 17px; float:left; width:413px; } #inside-content #contact #contact-container h2 {margin:0; padding:0; font-size:23px; color:#6ca1b9; padding-bottom:30px; font-weight:normal;} #inside-content #contact #contact-container label {color:#FFFFFF; width:115px; padding-left:22px; display:block; float:left; clear:left; height:32px; padding-top:3px; font-size:13px;} #inside-content #contact #contact-container label.same {width:380px; padding-left:7px; display:block; float:left; clear:right; height:56px; padding-top:3px; font-size:13px;} #inside-content #contact #contact-container label span { color:#e5000c; } #inside-content #contact #contact-container input.txt { background:url(../images/images_healthspectrum/input_checkout_bg.gif) no-repeat; width:262px; height:14px; border:0; color:#454545; font-size:11px; padding:3px; clear:right; margin-bottom:15px; display:block; float:left; } #inside-content #contact #contact-left div.errors {width:382px; color:#e5fcff; border: solid 1px #507994; margin:18px 0px 0px 18px; padding:10px 10px 10px 10px; text-align: left; vertical-align: middle; background-color:#356381;} #inside-content #contact #contact-left-chk div.errors {width:275px; color:#FFFFFF; border: solid 1px #0F87BB; margin:18px 0px 0px 18px; padding:10px 10px 10px 10px; text-align: left; vertical-align: middle;} /* checkout login */ #inside-content #contact #contact-left-chk { margin-top: 18px; } #inside-content #contact #contact-left-chk #checkout-login {} #inside-content #contact #contact-left-chk #checkout-login #chk-login-left { float:left; } #inside-content #contact #contact-left-chk #checkout-login #chk-login-right { float:right; } .chk-login-top { background:url(../images/images_healthspectrum/bg-top-chk-box-login-top.png) left top no-repeat; width:442px; height:3px; } .chk-login-middle { background:url(../images/images_healthspectrum/bg-top-chk-box-login-pixel.png) left top repeat-y; width:400px; height:235px; padding:11px 19px 0px 23px; } .chk-login-middle .box-name { font-size:23px; color:#6ca1b9; } .chk-login-middle .box-link { margin-top:9px; font-size:13px; color:#FFFFFF; font-weight:normal; } .chk-login-middle .box-link a.link, .chk-login-middle .box-link a.link:visited { font-size:13px; font-weight:bold; text-decoration:underline; color:#FFFFFF; } .chk-login-middle .box-link a.link:hover { font-size:13px; font-weight:bold; text-decoration:none; color:#FFFFFF; } .chk-login-middle .box-link a.link-forgot-pass, .chk-login-middle .box-link a.link-forgot-pass:visited { font-size:11px; font-weight:normal; text-decoration:underline; color:#FFFFFF; } .chk-login-middle .box-link a.link-forgot-pass:hover { font-size:11px; font-weight:normal; text-decoration:none; color:#FFFFFF; } .chk-login-middle .box-chk-login { margin-top:14px; font-size:13px; color:#FFFFFF; font-weight:normal; } .chk-login-middle .box-chk-login a.link, .chk-login-middle .box-chk-login a.link:visited { font-size:13px; font-weight:bold; text-decoration:underline; color:#FFFFFF; } .chk-login-middle .box-chk-login a.link:hover { font-size:13px; font-weight:bold; text-decoration:none; color:#FFFFFF; } .chk-login-middle .box-chk-login a.link-forgot-pass, .chk-login-middle .box-chk-login a.link-forgot-pass:visited { font-size:11px; font-weight:normal; text-decoration:underline; color:#FFFFFF; } .chk-login-middle .box-chk-login a.link-forgot-pass:hover { font-size:11px; font-weight:normal; text-decoration:none; color:#FFFFFF; } .chk-login-bottom { background:url(../images/images_healthspectrum/bg-top-chk-box-login-bottom.png) left top no-repeat; width:442px; height:3px; } /* end checkout login */ #inside-content #contact #contact-container input.txt_small { background:url(../images/images_healthspectrum/input_checkout_small_bg.gif) no-repeat; width:69px; height:14px; border:0; color:#454545; font-size:11px; padding:3px; clear:right; margin-bottom:15px; display:block; float:left; } #inside-content #contact #contact-container input.check { border:0; clear:left; margin-bottom:15px; display:block; float:left; margin-left:60px; display:block; } #inside-content #contact #contact-container select {background-color:#FFFFFF; width:268px; height:20px; border:0; color:#454545; font-size:11px; clear:right; margin-bottom:15px; display:block; float:left; padding-left:3px; vertical-align:middle; } #inside-content #contact #contact-container input.submit { background:url(../images/images_healthspectrum/continue.gif) no-repeat; width:84px; height:21px; border:0; margin-left:379px; } #inside-content #contact #contact-container-right { padding:0px 0px 20px 34px; float:left; width:400px; vertical-align:top;} /* #inside-content #contact #contact-container-right h2 {margin:0; padding:0; font-size:23px; color:#6ca1b9; padding-bottom:30px; } */ #inside-content #contact #contact-container h2 {margin:0; padding:0; font-size:23px; color:#6ca1b9; padding-bottom:30px; font-weight:normal;} #inside-content #contact #contact-container-right #contact-textarea { background:url(../images/images_healthspectrum/contact_textarea.png) no-repeat; width:268px; height:92px; border:0; float:left; clear:right; margin-bottom: 13px;} #inside-content #contact #contact-container #contact-textarea textarea.txt_textarea {background-color:#FFFFFF; width:258px; height:82px; border:0; float:left; clear:right; color:#454545; font-size:11px; display:block; margin: 1px 1px 1px 1px; vertical-align: middle; overflow:auto; padding:3px;} #inside-content #contact form #contact-container-right label {color:#FFFFFF; width:117px; padding-left:9px; display:block; float:left; clear:left; height:32px; padding-top:3px; font-size:13px;} #inside-content #contact form #contact-container b {color:#FFFFFF; float:left; clear:right; height:32px; padding-top:3px; font-size:13px;} #inside-content #contact form #contact-container-right label.same {width:380px; padding-left:7px; display:block; float:left; clear:right; height:56px; padding-top:3px; font-size:13px;} #inside-content #contact form #contact-container-right label span { color:#e5000c; } #inside-content #contact form #contact-container-right input.txt { background:url(../images/images_healthspectrum/input_checkout_bg.gif) no-repeat; width:262px; height:14px; border:0; color:#454545; font-size:11px; padding:3px; clear:right; margin-bottom:15px; display:block; float:left; } #inside-content #contact form #contact-container-right input.txt_small { background:url(../images/images_healthspectrum/input_checkout_small_bg.gif) no-repeat; width:69px; height:14px; border:0; color:#454545; font-size:11px; padding:3px; clear:right; margin-bottom:15px; display:block; float:left; } #inside-content #contact form #contact-container-right input.check { border:0; clear:left; margin-bottom:15px; display:block; float:left; margin-left:60px; display:block; } #inside-content #contact form #contact-container-right select {background-color:#FFFFFF; width:268px; height:20px; border:0; color:#454545; font-size:11px; clear:right; margin-bottom:15px; display:block; float:left; padding-left:3px; vertical-align:middle; } #inside-content #contact form #contact-container input.submit { background:url(../images/images_healthspectrum/submit_btn_61x21.jpg) no-repeat; width:61px; height:21px; border:0; margin-left:344px; } #inside-content #contact #contact-right { float:left; margin-left:20px; background:#213551; width:288px; } #inside-content #contact #contact-right #checkout-basket-top { background:url(../images/images_healthspectrum/checkout-basket-top.jpg) left top no-repeat; width:288px; height:3px; } #inside-content #contact #contact-via-address { padding:12px 0px 20px 21px; float: left; vertical-align:top;} #inside-content #contact #contact-via-address h2 {margin:0; padding:0; font-size:23px; color:#6ca1b9; padding-bottom:14px; font-weight:normal;} #inside-content #contact #contact-via-address b {color:#FFFFFF; float:left; clear:right; height:27px; padding-top:19px; font-size:13px; padding-left:18px;} #inside-content #contact #contact-via-address div.line p.p_blue {float:left; clear:right; color:#6ca1b9; font-size:13px; line-height:19px; padding-top:3px; font-size:13px; padding-left:18px; width:70px;} #inside-content #contact #contact-via-address div.line p.p_white {float:left; clear:right; color:#FFFFFF; font-size:13px; line-height:19px; padding-top:3px; font-size:13px; padding-left:0px; width:210px;} #inside-content #contact #contact-via-address div.line p.p_normal { color:#FFFFFF; font-size:13px; line-height:19px; padding:3px 0px 0px 18px; font-size:13px; } .line h2#contact_press { margin:0px; padding-bottom:0px; margin-left:20px; font-size:23px; color:#6ca1b9; padding-bottom:14px; font-weight:normal; } .line p.p_normal_contact { color:#FFFFFF; font-size:13px; line-height:19px; padding:3px 0px 0px 40px; font-size:13px; } #inside-content #blue_10 {padding-top:10px;} #inside-content #blue_10 p {color:#6ca1b9;font-size: 10px;line-height:12px;padding-top:2px;font-weight:normal;} /*###### END CONTACT ###########*/ /* press */ #page-body #page-content #page-content-middle .press { padding-top:0px; } #page-body #page-content #page-content-middle .press-space { padding:10px; } #page-body #page-content #page-content-middle .press .press-left { float:left; width:682px; margin:10px 0px 5px 0px; padding:13px 0px 0px 8px; } #page-body #page-content #page-content-middle .press .box-press { position:relative; margin:5px 0px 0px 7px; display:block; } #page-body #page-content #page-content-middle #press-quota { margin:0px; } #page-body #page-content #page-content-middle .press .press-left .left-press-top { background:url(../images/images_healthspectrum/bg-press-top.png) left top no-repeat; width:682px; height:2px; font-size:2px; } #page-body #page-content #page-content-middle .press .press-left .left-press-middle { background:url(../images/images_healthspectrum/bg-press-content.png) repeat-y; width:682px; font-style:italic; } #page-body #page-content #page-content-middle .press .press-left .left-press-middle p { font-size:14px; line-height:24px; color:#ffffff; padding:12px 16px 0px 18px; margin:0px; text-align:justify; } #page-body #page-content #page-content-middle .press .press-left .left-press-date { background:url(../images/images_healthspectrum/bg-press-content.png) repeat-y; width:648px; color:#79795b; padding:13px 16px 16px 18px; font-family:Arial; font-size: 12px; } #page-body #page-content #page-content-middle .press .press-left .left-press-date .name { color:#FFFFFF; font-weight:bold; line-height:24px;} #page-body #page-content #page-content-middle .press .press-left .left-press-date .name a { background:url(../images/images_healthspectrum/bg-press-arrow.png) no-repeat; padding-left:10px; font-weight:normal; color:#6ca1b9; line-height:18px;} #page-body #page-content #page-content-middle .press .press-left .left-press-date .date { font-style:italic; } #page-body #page-content #page-content-middle .press .press-left .left-press-bottom { background:url(../images/images_healthspectrum/bg-press-bottom.png) left top no-repeat; width:682px; height:2px; font-size:2px; } #page-body #page-content #page-content-middle .press .press-right { float:left; padding-left:20px; margin-top:23px; position:relative; } /* end press */ /* products detail FROM main_gigi.css */ #detail-menu { width: 908px; margin-top: 6px; border-bottom:1px solid #305D7B; } #detail-menu-top { width: 908px; height:2px; background:url(../images/images_healthspectrum/sub-menu-top.png) left top no-repeat; font-size:2px; } #detail-menu #detail-menu-content {width: 908px; background:url(../images/images_healthspectrum/sub-menu-middle.png) repeat-y; margin:0px; height: 28px; font:10px Arial; text-transform:uppercase; position:relative;} #detail-menu #detail-menu-content a{color:#FFFFFF; padding:9px 20px 10px 20px; text-decoration:none; display:block; } #detail-menu #detail-menu-content a span{color:#FFFFFF; padding:9px 0 12px 0; text-decoration:none;} #detail-menu #detail-menu-content a:hover, #detail-menu #detail-menu-content a.active { background: url(../images/images_healthspectrum/detail-hover-left2.png) no-repeat left top; padding:9px 2px 11px 2px; } #detail-menu #detail-menu-content a:hover span, #inside-content #detail-menu #detail-menu-content a.active span{ background: url(../images/images_healthspectrum/detail-hover-right.png) no-repeat right top; padding:9px 18px 10px 18px; } #detail-menu #detail-menu-content ul {margin: 0; padding: 0px; list-style-type: none; position:absolute; top:-3px; } #detail-menu #detail-menu-content li {position: relative; display: inline; float: left; } #steps-menu { margin-top: 0px; } #steps-menu-top { height:0px; background:url(../images/images_healthspectrum/sub-menu-top.png) left top no-repeat; font-size:2px; } #steps-menu #steps-menu-content { margin:0px; height: 36px; font:10px Arial; position:relative;} #steps-menu #steps-menu-content a{color:#FFFFFF; padding:0px 20px 5px 20px; text-decoration:none; display:block; cursor:default; } #steps-menu #steps-menu-content a span{color:#FFFFFF; padding:9px 0 10px 0; text-decoration:none; display:block;} #steps-menu #steps-menu-content a span b { clear:both;} #inside-content #steps-menu #steps-menu-content a.active { background: url(../images/images_healthspectrum/detail-hover-left2.png) no-repeat left top; padding:0px 2px 10px 2px;} #inside-content #steps-menu #steps-menu-content a.active span{ background: url(../images/images_healthspectrum/detail-hover-right2.png) no-repeat right top; padding:9px 18px 10px 18px; } #steps-menu #steps-menu-content ul {margin: 0; padding: 0px; list-style-type: none; position:absolute; top:-3px; } #steps-menu #steps-menu-content li {position: relative; display: inline; float: left; } #detail-content { width: 908px; background-color:#356381; margin:0px;} #detail-content-left {float:left; width:690px; } #content {float:left; width:670px; color:#FFFFFF; padding:20px 0px 18px 20px; } #content .name {text-transform:uppercase; font:18px Arial ; font-weight:normal; } #content .subtitle{ font:11px Arial; line-height:18px; text-transform:uppercase; } #detail-content #detail-content-left #content .product-details{ float: left; line-height:19px; display: block; width:670px; background:url(../images/images_healthspectrum/bg-dotted-line-details-product.png) left top repeat-x; margin-top:18px; height:61px; padding:14px 0px 0px 0px; } #detail-content #detail-content-left #content .product-details p.price-box { float:left; font-size:12px; width:100px; } #detail-content #detail-content-left #content .product-details p.price-box span { font-size:20px; } #detail-content #detail-content-left #content .product-details p.code-box { float:left; font-size:12px; width: 88px; } #detail-content #detail-content-left #content .product-details p.code-box span { font-weight:bold; } #detail-content #detail-content-left #content .product-details p.qty-box { float:left; font-size:12px; width:100px; } #detail-content #detail-content-left #content .product-details p.qty-box select { margin-top:3px; color:black; width:40px; } #detail-content #detail-content-left #content .product-details p.stock-box { float:left; font-size:12px; } #detail-content #detail-content-left #content .product-details p.stock-box img { margin-top:3px; } #detail-content #detail-content-left #content .product-details a.view_details { display:block; float:right; background:url(../images/images_healthspectrum/view_details.jpg) no-repeat; border:0; width:139px; height:21px; cursor:pointer; text-indent:-9999px; margin-left:14px; margin-top:12px;} #detail-content #detail-content-left #content .product-details img.add_to_basket_btn, #detail-content #detail-content-left #content .product-details img.call_us_btn { border:0; cursor:pointer; float:right;} .product-write{ float: left; display: block; border-top:1px dotted #4583a2;width:670px;} .product-write .content { margin-top:13px;} .product-write .content p { margin-top:13px; font-size:12px; line-height:18px; width:660px; } #detail-content #detail-content-right { float:right;} #detail-content #detail-content-right #product { width:217px; position:relative;} #detail-content #detail-content-right #product .added { height:78px; position:absolute; right:0; top:0; } #detail-content #detail-content-right #product .pict img {margin-top:20px; float:left;} #page-body #page-content #page-content-middle #inside-content #detail-bottom { width: 908px;height:2px; background:url(../images/images_healthspectrum/detail-bottom.png) left top no-repeat;} #page-body #page-content #page-content-middle #inside-content #detail-content #detail-content-right #product a.zoom { display:block; background:url(../images/images_healthspectrum/zoom.jpg) no-repeat bottom left; font-size:9px; text-decoration:underline; color:white; padding-left:10px; margin-left:73px; } /* end products detail*/ #page-name h1.page-title { font-size:30px; color:#ffffff; margin:0px; padding:0px; text-transform:capitalize; } #page-content #page-content-bottom { background:url(../images/images_healthspectrum/big_container_bottom940x2.png) left top no-repeat; width:940px; height:7px; font-size:7px; } #page-content #page-container-bottom { background:url(../images/images_healthspectrum/bg_container_bottom.png) left top no-repeat; width:940px; height:3px; } #content-top { background:url(../images/images_healthspectrum/content_top.gif) no-repeat; height:235px; } #content-bottom { background:url(../images/images_healthspectrum/content_bottom.gif) no-repeat; height:24px; } /* About Us - page */ #about-left{ margin: 0; float: left; width: 682px; margin:70px 20px 0px 18px; position: relative; background:url(../images/images_healthspectrum/about_top.gif) #172C49 no-repeat; color:#FFFFFF; } #about-bottom{ margin:0; float: left; height:3px; width: 682px; margin:0px 20px 0px 18px; position: relative; background:url(../images/images_healthspectrum/about_bottom.gif) #213F5C no-repeat; } #about-left #about-content{ text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:20px 20px 17px 20px; } #about-right{ margin: 0; float: left; width: 203px; } #page-footer { width:940px; color:#404f64; } #page-footer #content-footer{ font-size:10px; font-family:Arial; text-align:center; color:#404f64; text-decoration:none; padding:8px 0px 12px 0px; } #page-footer #content-footer a.termsLink, #page-footer #content-footer a.termsLink:visited { font-size:10px; font-family:Arial; text-align:center; color:#ffffff; text-decoration:none; } #page-footer #content-footer a.termsLink:hover { font-size:10px; font-family:Arial; text-align:center; color:#ffffff; text-decoration:underline; } #page-footer #content-footer a.xtLink, #page-footer #content-footer a.xtLink:visited{ font-size:10px; font-family:Arial; text-align:center; color:#404f64; text-decoration:none; } #page-footer #content-footer a.xtLink:hover{ font-size:10px; font-family:Arial; text-align:center; color:#404f64; text-decoration:underline; } #page-footer #content-footer-homepage{ font-size:10px; font-family:Arial; text-align:center; padding:0px 0px 12px 0px; } /* Menu */ #menu_items { width:100%; float:left; height:40px; } #menu_items_homepage { margin:0 auto; height:49px; width:782px; }/* for homepage menu */ #menu_left { width:6px; float:left; height:39px;background: url(../images/images_healthspectrum/menu-left.png) no-repeat top; } #menu_left_home { width:6px; float:left; height:44px;background: url(../images/images_healthspectrum/menu-left-home.png) no-repeat top; } #menu_right { width:6px; float:left; height:39px;background: url(../images/images_healthspectrum/menu-right.png) no-repeat top; } #menu_right_home { width:6px; float:left; height:44px;background: url(../images/images_healthspectrum/menu-right-home.png) no-repeat top; } #menu_content { width:928px; float:left; height:39px;background: url(../images/images_healthspectrum/menu_middle.png) repeat-x top; } #homepage-menu { width:770px; float:left; height:44px;background: url(../images/images_healthspectrum/menu_middle-home.png) repeat-x top; } #menu img { float:left; } #menu ul { height:39px; margin:0 0px; padding:0; list-style-type:none; float:left; padding-left:4px; } #homepage-menu ul {height:39px; margin-left:48px; padding:0; list-style-type:none; float:left; padding-left:4px; } #menu ul li {display:inline; } #homepage-menu ul li a, #menu_content ul li a { display:block; float:left; padding:14px 0px 0px; font-size:14px; font-family:Calibri; text-indent:-9999px;outline: none;} #homepage-menu ul li a.home, #menu_content ul li a.the_beginning { background:url(../images/images_healthspectrum/sprite.png) 5px 2px no-repeat; width:107px; } #homepage-menu ul li a.the_beginning_active, #homepage-menu ul li a.the_beginning:hover, #menu_content ul li a.the_beginning_active, #menu_content ul li a.the_beginning:hover { background:url(../images/images_healthspectrum/sprite.png) 5px -257px no-repeat; width:107px; } #homepage-menu ul li a.discover_our_secrets, #menu_content ul li a.discover_our_secrets { background:url(../images/images_healthspectrum/sprite.png) 5px -35px no-repeat; width:155px; } #homepage-menu ul li a.discover_our_secrets_active, #homepage-menu ul li a.discover_our_secrets:hover, #menu_content ul li a.discover_our_secrets_active, #menu_content ul li a.discover_our_secrets:hover { background:url(../images/images_healthspectrum/sprite.png) 5px -294px no-repeat; width:155px; } #homepage-menu ul li a.to_read, #menu_content ul li a.to_read { background:url(../images/images_healthspectrum/sprite.png) 5px -72px no-repeat; width:67px; } #homepage-menu ul li a.to_read_active, #homepage-menu ul li a.to_read:hover, #menu_content ul li a.to_read_active, #menu_content ul li a.to_read:hover { background:url(../images/images_healthspectrum/sprite.png) 5px -331px no-repeat; width:67px; } #homepage-menu ul li a.what_people_say, #menu_content ul li a.what_people_say { background:url(../images/images_healthspectrum/sprite.png) 5px -109px no-repeat; width:123px; } #homepage-menu ul li a.what_people_say_active, #homepage-menu ul li a.what_people_say:hover, #menu_content ul li a.what_people_say_active, #menu_content ul li a.what_people_say:hover { background:url(../images/images_healthspectrum/sprite.png) 5px -368px no-repeat; width:123px; } #homepage-menu ul li a.press, #menu_content ul li a.press { background:url(../images/images_healthspectrum/sprite.png) 5px -146px no-repeat; width:52px;} #homepage-menu ul li a.press_active, #homepage-menu ul li a.press:hover, #menu_content ul li a.press_active, #menu_content ul li a.press:hover { background:url(../images/images_healthspectrum/sprite.png) 5px -405px no-repeat; width:52px; } #homepage-menu ul li a.our_story, #menu_content ul li a.our_story { background:url(../images/images_healthspectrum/sprite.png) 5px -183px no-repeat; width:83px; } #homepage-menu ul li a.our_story_active, #homepage-menu ul li a.our_story:hover, #menu_content ul li a.our_story_active, #menu_content ul li a.our_story:hover { background:url(../images/images_healthspectrum/sprite.png) 5px -442px no-repeat; width:83px; } #homepage-menu ul li a.contact_us, #menu_content ul li a.contact_us { background:url(../images/images_healthspectrum/sprite.png) 5px -220px no-repeat; width:90px; } #homepage-menu ul li a.contact_us_active, #homepage-menu ul li a.contact_us:hover, #menu_content ul li a.contact_us_active, #menu_content ul li a.contact_us:hover { background:url(../images/images_healthspectrum/sprite.png) 5px -479px no-repeat; width:90px; } /*#homepage-menu ul li a.questions, #menu_content ul li a.questions { background:url(../images/images_healthspectrum/sprite.png) 22px -220px no-repeat; width:95px; } #homepage-menu ul li a.questions_active, #homepage-menu ul li a.questions:hover, #menu_content ul li a.questions_active, #menu_content ul li a.questions:hover { background:url(../images/images_healthspectrum/sprite.png) 22px -479px no-repeat; width:95px; }*/ /*#homepage-menu ul li a.buy_now, #menu_content ul li a.buy_now { background:url(../images/images_healthspectrum/sprite.png) 22px -553px no-repeat; width:90px; }*/ #homepage-menu ul li a.buy_now, #homepage-menu ul li a.buy_now:visited { display:none; } #homepage-menu ul li a.buy_now_active, #homepage-menu ul li a.buy_now:hover { display:none; } #menu_content ul li a.buy_now { background:url(../images/images_healthspectrum/sprite.png) 5px -553px no-repeat; width:90px; } #menu_content ul li a.buy_now_active, #menu_content ul li a.buy_now:hover { background:url(../images/images_healthspectrum/sprite.png) 5px -553px no-repeat; width:90px; } /*#homepage-menu ul li a.buy_now_active, #homepage-menu ul li a.buy_now:hover, #menu_content ul li a.buy_now_active, #menu_content ul li a.buy_now:hover { background:url(../images/images_healthspectrum/sprite.png) 22px -553px no-repeat; width:90px; } #homepage-menu ul li a.buy_now_active, #homepage-menu ul li a.buy_now:hover, #menu_content ul li a.buy_now_active, #menu_content ul li a.buy_now:hover { background:url(../images/images_healthspectrum/sprite.png) 22px -516px no-repeat; width:95px; }*/ /*Search form*/ div#search-form { display:block; float:right; background:url(../images/images_healthspectrum/search.gif) no-repeat; height:19px; margin-top:10px; margin-right:10px; width:140px; } div#search-form form { padding:0; margin:0px; } div#search-form form input.input { background:no-repeat left #0b4b70; border:none; width:124px; height:16px; color:#000000; font-size:11px; padding:3px 0 0 8px; margin:0px; float:right; margin-right:4px; text-align:center; text-transform:uppercase; } input.apply-coupon { background:url(../images/images_healthspectrum/apply.jpg) left top no-repeat; width:57px; height:21px; border:0px; cursor:pointer; } /* coupon field */ div#coupon-form { background:url(../images/images_healthspectrum/search.gif) no-repeat; height:19px;margin-right:20px; width:140px; } input.field-coupon { background:no-repeat left #0b4b70; border:none; width:124px; height:15px; color:#000000; font-size:11px; padding:3px 0 0 8px; margin:0px; margin-right:4px; text-align:center; text-transform:uppercase; } /* breadcrump */ div#breadcrump { margin-top:10px; margin-bottom:10px; } div#breadcrump #breadc-left { float:left; background:url(../images/images_healthspectrum/bg-left-breadcrump.jpg) left top no-repeat; width:2px; height:21px; } div#breadcrump #breadc-center { float:left; padding:4px 4px 0px 8px; background:url(../images/images_healthspectrum/bg-pixel-breadcrump.jpg) left top repeat-x; height:17px; } div#breadcrump #breadc-center span.where-am { font-size:9px; color:#79795b; padding:0px 0px 0px 0px; margin:0px; line-height:18px; padding-right:6px; } div#breadcrump #breadc-center span.inactiv { font-size:9px; color:#6ca1b9; background:url(../images/images_healthspectrum/breadcrump-arrow.jpg) left center no-repeat; padding-left:6px; margin-left:1px; } div#breadcrump #breadc-center a.home, div#breadcrump #breadc-center a.home:visited { width:11px; height:10px; } div#breadcrump #breadc-center a.home:hover { width:11px; height:10px; text-indent:-99999px; } div#breadcrump #breadc-center a.activ, div#breadcrump #breadc-center a.activ:visited { font-size:9px; color:#ffffff; background:url(../images/images_healthspectrum/breadcrump-arrow.jpg) left center no-repeat; padding-left:6px; margin-left:1px; text-decoration:none; } div#breadcrump #breadc-center a.activ:hover { font-size:9px; color:#ffffff; background:url(../images/images_healthspectrum/breadcrump-arrow.jpg) left center no-repeat; padding-left:6px; margin-left:1px; text-decoration:underline; } div#breadcrump #breadc-right { float:left; background:url(../images/images_healthspectrum/bg-right-breadcrump.jpg) left top no-repeat; width:2px; height:21px; } /* PRODUCTS CATRGORY */ #page-body #page-content #page-content-middle #inside-content #categories { margin-top:0px; width:100%; background:url(../images/images_healthspectrum/bg-pixel-about-us.png) left top repeat; } #inside-content #categories #subcategories { height:30px; width:100%; background:blue; } #inside-content #categories #list-categories { padding:15px; background:#356381;} #inside-content #categories #list-categories .category-description { padding:14px; background:#214f6d; color:white; line-height:18px; margin-bottom:15px; font-size:12px; } #inside-content #categories #list-categories .category-description span.title { font-weight:bold; padding-bottom:6px; display:block; margin:0; } #inside-content #categories #list-categories .product { width:295px; border-top:1px solid #5d94b2; position:relative; float:left; color:#ffffff; } #inside-content #categories #list-categories .product.first-col { width:286px; border-top:1px solid #5d94b2; position:relative; float:left; } #inside-content #categories #list-categories .product .product-container { margin:20px 0px 22px 6px; padding-right:10px; padding-bottom:2px; background:url(../images/images_healthspectrum/pixel_product.jpg) right repeat-y; padding-left:15px; } #inside-content #categories #list-categories .product .product-container.first { margin:20px 0px 22px 6px; padding-right:10px; padding-bottom:2px; background:url(../images/images_healthspectrum/pixel_product.jpg) right repeat-y; padding-left:0px; } #inside-content #categories #list-categories .product .product-container.no-right-border { margin:20px 0px 22px 6px; padding-right:10px; padding-bottom:2px; background:none; } #list-categories .product .product-container .name {font-size:18px; display:block; } #list-categories .product .product-container .subtitle {font-size:11px; display:block; line-height:18px; margin-bottom:10px; } #list-categories .product .product-container .image { float:left; width:111px;} #list-categories .product .product-container .image a.zoom { display:block; background:url(../images/images_healthspectrum/zoom.jpg) no-repeat left top; font-size:9px; text-decoration:underline; color:white; padding-left:11px; margin-left:23px; } #list-categories .product .product-container .image a.zoom:hover {text-decoration:none; } #list-categories .product .product-container .product-details {float:left; padding-top:3px;} #list-categories .product .product-container .product-details p.price-box { float:left; font-size:12px; width:100px; } #list-categories .product .product-container .product-details p.price-box span { font-size:20px; } #list-categories .product .product-container .product-details p.code-box { float:left; font-size:12px; } #list-categories .product .product-container .product-details p.code-box span { font-weight:bold; } #list-categories .product .product-container .product-details p.qty-box { float:left; font-size:12px; margin-top:31px; width:100px; } #list-categories .product .product-container .product-details p.qty-box select { margin-top:7px; color:black; width:40px; } #list-categories .product .product-container .product-details p.stock-box { float:left; font-size:12px; margin-top:31px; } #list-categories .product .product-container .product-details p.stock-box img { margin-top:5px; } #list-categories .product .product-container p.description { margin-top:20px; height:105px; font-size:12px; line-height:18px; } #list-categories .product .product-container input.add_basket { background:url(../images/images_healthspectrum/add_cart.jpg) no-repeat; border:0; width:91px; height:21px; cursor:pointer; float:left; } #list-categories .product .product-container a.view_details { display:block; float:left; background:url(../images/images_healthspectrum/view_details.jpg) no-repeat; border:0; width:139px; height:21px; cursor:pointer; text-indent:-9999px; margin-left:14px; } #list-categories .product .added-basket { position:absolute; right:1px; top:0; } #page-body #page-content #page-content-middle #inside-content #inside-bottom { background:url(../images/images_healthspectrum/bottom_category.jpg) no-repeat; height:2px; width:100%; font-size:2px; } /* END PRODUCTS CATEGORY */ /* CHECKOUT */ #page-body #page-content #page-content-middle #inside-content #checkout { margin-top:8px; width:100%; } #inside-content #checkout #checkout-left { width:599px; float:left; background:url(../images/images_healthspectrum/bg-pixel-about-us.png) left top repeat; } #inside-content #checkout #checkout-left #bottom-checkout { background:url(../images/images_healthspectrum/bottom-checkout.jpg) no-repeat; height:2px; width:100%; font-size:12px; } #inside-content #checkout #checkout-steps { height:40px; width:100%;} #inside-content #checkout #checkout-container { margin-top: 8px; padding:0px 0px 20px 24px; background:#356381;} #inside-content #checkout #checkout-container form { padding:0; margin:0;} #inside-content #checkout #checkout-container h2 {margin:0; padding:0; font-size:23px; color:#6ca1b9; padding-bottom:30px; padding-top:26px; } #inside-content #checkout #checkout-container form label {color:#FFFFFF;width:135px; padding-left:60px; display:block; float:left; clear:left; height:32px; padding-top:3px; font-size:13px;} #inside-content #checkout #checkout-container form label.same {width:380px; padding-left:7px; display:block; float:left; clear:right; height:56px; padding-top:3px; font-size:13px;} #inside-content #checkout #checkout-container form label span { color:#e5000c; } #inside-content #checkout #checkout-container form input.txt { background:url(../images/images_healthspectrum/input_checkout_bg.gif) no-repeat; width:262px; height:14px; border:0; color:#454545; font-size:11px; padding:3px; clear:right; margin-bottom:15px; display:block; float:left; } #inside-content #checkout #checkout-container form input.txt_small { background:url(../images/images_healthspectrum/input_checkout_small_bg.gif) no-repeat; width:69px; height:14px; border:0; color:#454545; font-size:11px; padding:3px; clear:right; margin-bottom:15px; display:block; float:left; } #inside-content #checkout #checkout-container form input.check { border:0; clear:left; margin-bottom:15px; display:block; float:left; margin-left:60px; display:block; } #inside-content #checkout #checkout-container form select {background-color:#FFFFFF; width:268px; height:20px; border:0; color:#454545; font-size:11px; clear:right; margin-bottom:15px; display:block; float:left; padding-left:3px; vertical-align:middle; } #inside-content #checkout #checkout-container form input.submit { background:url(../images/images_healthspectrum/continue.gif) no-repeat; width:84px; height:21px; border:0; margin-left:379px; } #inside-content #checkout #checkout-right { float:left; margin-left:20px; background:#213551; width:288px; } #inside-content #checkout #checkout-right #checkout-basket-top { background:url(../images/images_healthspectrum/checkout-basket-top.jpg) left top no-repeat; width:288px; height:3px; font-size:3px; } .basket p.header { font-size:12px; line-height:16px; padding:6px 21px; } .basket table { color:white; width:288px; } .basket table th { background:#356381; font-size:11px; font-weight:normal; height:21px; text-align:center; } .basket table th.first { padding-left:12px; width:183px; text-align:left; color:#ffffff; } .basket table th.second { width:42px; color:#ffffff; } .basket table th.last { width:60px; color:#ffffff; } .basket table td { text-align:center; height:56px; color:#ffffff; font-size:11px; } .basket table td.first { text-align:left; padding-left:12px; width:32px; color:#ffffff; } .basket table td.first img.smallImg { padding:0px 7px 0px 0px; text-align:left; color:#ffffff; } .basket table.table-top { color:white; width:258px; } .basket table th.first-top { padding-left:12px; width:158px; text-align:left; color:#ffffff; } .basket table th.second-top { width:42px; color:#ffffff; } .basket table th.last-top { width:45px; color:#ffffff; } .basket table td.first-top { text-align:left; padding-left:12px; width:32px; color:#ffffff; } .basket table tr.odd { background:#205779; color:#ffffff; } .basket table tr.even { background:#0b4b70; color:#ffffff; } .basket table td.name {text-align:left; color:#ffffff; font-size:11px; } .basket table td.name a, .basket table td.name a:visited { text-align:left; color:#ffffff; font-size:11px; text-decoration:none; font-weight:bold; } .basket table td.name a:hover { text-align:left; color:#ffffff; font-size:11px; text-decoration:underline; font-weight:bold; } .basket table td.border-LR { border-left:1px solid #356381; border-right:1px solid #356381; } .basket table td.name a, .basket table td.name a:visited {float:left; font-weight:bold; width:125px; color:white;} .basket table td a.checkout { display:block; float:left; background:url(../images/images_healthspectrum/checkout.jpg) no-repeat; border:0; width:62px; height:18px; cursor:pointer; text-indent:-9999px; margin-left:5px; } .basket table td a.view_details { display:block; float:left; background:url(../images/images_healthspectrum/view_details_basket.jpg) no-repeat; border:0; width:94px; height:18px; cursor:pointer; text-indent:-9999px; margin-left:8px; } .basket table tr.last { background:#356381; height:26px; } .basket table tr.last td { height:26px; } .basket table tr td.total { text-align:right; } .basket-top { position:absolute; top:0; right:0; display:none; z-index:1; } /* END CHECKOUT */ input.add_basket_search { background:url(../images/images_healthspectrum/add_cart.jpg) no-repeat; border:0; width:91px; height:21px; cursor:pointer; float:right; vertical-align:top;} .forgot_password_desc { font-size:13px; color:#FFFFFF; } td.borderRight { border-right:1px solid #356381; padding:15px 0px; } td.padding15px { padding:15px 0px;} tr.evenRow { background:url(../images/images_healthspectrum/bg_tr_even_odd.png) left top repeat-y; width:907px; } /* home page after login */ div.home-logged { margin-top:18px; } div.home-logged .home-logged-top { background:url(../images/images_healthspectrum/bg_top_home_page_logged.png) left top no-repeat; width:903px; height:3px; } div.home-logged .home-logged-middle { background:url(../images/images_healthspectrum/bg_pixel_home_page_logged.png) left top repeat-y; width:903px; padding:5px 7px; } div.home-logged .home-logged-middle .change_password { padding:9px 14px; font-size:13px; color:#FFFFFF; } div.home-logged .home-logged-bottom { background:url(../images/images_healthspectrum/bg_bottom_home_page_logged.png) left top no-repeat; width:903px; height:3px; } a.home-logged-link, a.home-logged-link:visited { font-family:Arial; font-size:23px; color:#6ca1b9; text-decoration:none; } a.home-logged-link:hover { font-family:Arial; font-size:23px; color:#6ca1b9; text-decoration:underline; } td.userHome .leftSide {} td.userHome .leftSide .divImageOrders { float:left; } td.userHome .leftSide .divLinkOrders { float:left; margin:10px 0px 0px 7px; } .divOrdersDesc { width:406px; margin:10px 0px 0px 0px; border-top:1px solid #4583a2; padding-top:5px; color:#FFFFFF; } td.userHome .leftSide .divImagePass { float:left; margin:17px 0px 0px 12px; } td.userHome .leftSide .divLinkPass { float:left; margin:30px 0px 0px 14px; } .divPassDesc { width:406px; margin:10px 0px 0px 0px; padding-top:5px; border-top:1px solid #4583a2; } td.userHome .rightSide .divImageDetails { float:left; } td.userHome .rightSide .divLinkDetails { float:left; margin:8px 0px 0px 7px; } .divDetailsDesc { width:406px; margin:17px 0px 0px 0px; border-top:1px solid #4583a2; padding-top:5px; color:#FFFFFF; } a.linkBold, a.linkBold:visited { font-weight:bold; text-decoration:underline; } a.linkBold:hover { font-weight:bold; text-decoration:none; } /* end home page after login */ /*change your password */ .change_your_password_title { font-size:23px; color:#6ca1b9; padding-bottom:10px; } span.mandatory_field { color:#e5000c; } span.mandatory_field_white { font-size:12px; } /* end change your password*/ /* order details */ div.order-details { margin-top:8px; } #page-content #page-content-middle #inside-content #page-name-order { background:url(../images/images_healthspectrum/bg-pixel-dotted-line.png) left bottom repeat-x; padding:14px 0px 0px 0px; } #page-content #page-content-middle #inside-content #page-name-order #order_details-left { float:left; } #page-content #page-content-middle #inside-content #page-name-order #order-details-right { float:right; } span.order-product-name { font-size:13px; color:#FFFFFF; font-weight:bold; } span.order-product-code { font-size:11px; color:#FFFFFF; font-weight:normal; } span.order-product-label { font-size:12px; color:#FFFFFF; font-weight:normal; } span.order-product-detail { font-size:13px; color:#FFFFFF; font-weight:normal; } .table_order_details { font-size:13px; color:#FFFFFF; font-weight:normal; } .table_order_details .td_details_blue { color:#6ca1b9; width:118px; padding-bottom:7px; } /* end order details */ /*START USER PROFILE*/ #inside-content #user-profile #user-profile-container h2 {margin:0; padding:0; font-size:23px; color:#6ca1b9; padding-bottom:30px; padding-top:26px; } #inside-content #user-profile #user-profile-container form label {color:#FFFFFF;width:135px; padding-left:60px; display:block; float:left; clear:left; height:32px; padding-top:3px; font-size:13px;} #inside-content #user-profile #user-profile-container form label.same {width:380px; padding-left:7px; display:block; float:left; clear:right; height:56px; padding-top:3px; font-size:13px;} #inside-content #user-profile #user-profile-container form label span { color:#e5000c; } #inside-content #user-profile #user-profile-container form input.txt { background:url(../images/images_healthspectrum/input_checkout_bg.gif) no-repeat; width:262px; height:14px; border:0; color:#454545; font-size:11px; padding:3px; clear:right; margin-bottom:15px; display:block; float:left; } #inside-content #user-profile #user-profile-container form input.txt_small { background:url(../images/images_healthspectrum/input_checkout_small_bg.gif) no-repeat; width:69px; height:14px; border:0; color:#454545; font-size:11px; padding:3px; clear:right; margin-bottom:15px; display:block; float:left; } #inside-content #user-profile #user-profile-container form input.check { border:0; clear:left; margin-bottom:15px; display:block; float:left; margin-left:60px; display:block; } #inside-content #user-profile #user-profile-container form select {background-color:#FFFFFF; width:268px; height:20px; border:0; color:#454545; font-size:11px; clear:right; margin-bottom:15px; display:block; float:left; padding-left:3px; vertical-align:middle; } #inside-content #user-profile #user-profile-container form input.submit { background:url(../images/images_healthspectrum/continue.gif) no-repeat; width:84px; height:21px; border:0; margin-left:379px; } #inside-content #user-profile #user-profile-container div.errors {width:440px; color:#e5fcff; border: solid 1px #507994; margin:18px 0px 18px 2px ; padding:10px; text-align: left; vertical-align: middle; float:left; background-color:#356381;} #inside-content #user-profile #user-profile-container input.submitRegister {border: 0px; background:url(../images/marine/register_btn.png) left top no-repeat; height:21px; width:91px; cursor:pointer; margin-left: 192px;} #inside-content #user-profile #user-profile-container input.submitCancel {border: 1px solid red; background:url(../images/marine/cancel_btn.png) left top no-repeat; height:21px; width:94px; border:0px; cursor:pointer; margin-left: 15px; } .error_general{border:1px solid #6b8fa7; background-color:#356381; color:#e5fcff; font-size:12px; font-weight:bold; margin-top:7px; vertical-align:middle; text-align:left; padding:5px 0px 6px 6px; text-align:center; } /*END USER PROFILE*/ /*START MY ORDER*/ #order_table_id table.order_table { width: 100%} #order_table_id tr.tr_sort { height: 27px; background-color:#356381; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; border-bottom: 1px solid #0b3e5f;} #order_table_id td.td_sort { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center;} #order_table_id img { margin-bottom: 2px;} #order_table_id tr.tr_transparent { height: 68px; text-align: center; vertical-align:middle; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;} #order_table_id td.td_bold { font-size: 13px; font-family: Arial; color:#FFFFFF; font-weight:bold; border-right: 1px solid #47718c;} #order_table_id td.td_skin { font-size: 13px; font-family: Arial; color:#FFFFFF; font-weight:normal; border-right: 1px solid #47718c;} #order_table_id span.td_skin { font-size: 13px; font-family: Arial; color:#FFFFFF; font-weight:normal;} #order_table_id #invoice_tds a { text-decoration: underline; font-size: 11px;} #order_table_id td.td_order_total { font-size: 13px; font-family: Arial; color:#FFFFFF; font-weight:normal; font-weight:bold; text-align:center;border-right: 1px solid #47718c;} /*END MY ORDER*/ .download_terms {border: 0px; text-align:left; width:900px; color: #FFFFFF; margin-top:7px; padding-left:3px; line-height:18px;} .download_btn {background:url(../images/download_btn_87x21.png) no-repeat; width:87px; height:21px; border:0; padding:0px; margin:0px 0px 0px 12px; } .error_agree{width:904px; border: 1px solid #507994; background-color:#356381; color: #e5fcff; font-size: 12px; font-weight:bold; margin-top:7px; height:27px; vertical-align:middle; line-height:27px;} input.submit_continue { background:url(../images/images_healthspectrum/continue.gif) no-repeat; width:84px; height:21px; border:0; margin-left:379px; } p.checkout-final { font-size:13px; line-height:20px; color:#ffffff; padding:0px 0px 16px 16px; margin:0px; width:870px; } /* box personal consultation */ #personal_consultation { background:url(../images/images_healthspectrum/bg_box_consultation_new2.png) left top no-repeat; width:244px; height:277px; float:right; margin:0px; padding:0px; } #personal_consultation .box_consultation_title { display:block; background:url(../images/images_healthspectrum/bg_title_box_consultation_new2.jpg) left top no-repeat; width:227px; height:24px; margin:4px 0px 0px 7px; text-indent:-9999px; } #personal_consultation .box_contetnt { width:224px; margin:8px 0px 0px 10px; } #personal_consultation .box_contetnt p { font-family:"Arial"; font-size:12.5px; font-weight:normal; color:#001938; line-height:15px; } #personal_consultation .box_contetnt p a, #personal_consultation .box_contetnt p a:visited { font-family:"Arial"; font-size:12px; font-weight:normal; color:#001938; line-height:15px; text-decoration:underline; } #personal_consultation .box_contetnt p a:hover { line-height:15px; text-decoration:none; } /* end box personal consultation*/ /*##############################################################################################################################*/ /*######################################### - END Health Spectrum Custom CSS - #################################################*/ /*##############################################################################################################################*/ iframe {overflow:hidden; border:0;}