/* CSS Document */ h2, li.active_menu li a:link, li.active_menu li a:visited, #nav li.active_menu a, #nav li.active_menu a:hover { color: #FF6500; } a:hover, li.active_menu li a:hover { color: #fa9348; } #nav li.active_menu a, #nav li.active_menu a:hover { background: url(../images/marine/storm/head_meo.png) 0 0 repeat-x; } #nav li a:hover { color: #fff; } /** template layout stuff **/ div#header { background: url(../images/marine/storm/head_sha.png) 100% 0 repeat-y; } div#header .hd1 { background: url(../images/marine/storm/head_shb.png) 0 0 repeat-y; } div#header .hd2 { background: url(../images/marine/storm/head_shc.png) 0 100% repeat-x; border: 0px; } div#header .hd3 { background: url(../images/marine/storm/head_shd.png) 100% 100% no-repeat; } div#header .hd4 { background: url(../images/marine/storm/head_she.png) 0 100% no-repeat; padding: 0 6px 12px 6px; } div#header div#header-body { height: 124px; background: #464968; } img#logo { width: 359px; height: 133px; position: absolute; border: 0; left: 3px; } img#logo2 { width: 300px; height: 100px; position: absolute; border: 0; right: 3px; } div#header-menu { position: absolute; top: 16px; right: 30px; height: 133px; margin-right: 3px; } /***************************** **** splitmenu **** *****************************/ #nav { margin: 0; padding: 0; height: 117px; overflow: hidden; } #nav ul { padding: 0; margin: 0; margin-left: 2px; } #nav li { margin: 0; padding: 0; float: left; display: block; padding-right: 2px; } #nav a { text-decoration: none; cursor: pointer; font-weight: bold; } #nav li.on li.on a { text-decoration: underline; } #nav li a { display: block; float: left; height: 117px; line-height: 204px; padding: 0 10px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; color: #ddd; } /****** Main Table ******/ .basicTable {width: 100%;} .mainTable {width: 100%;} .mainTable75 {width: 75%;} .mainTable50 {width: 50%;} .mainTableCell {padding: 0px; vertical-align: top; background: #b1b1b1;} .mainTableCellLeft {padding: 0px; vertical-align: top; background: url(../images/marine/storm/ccolumn-c.gif); border-right: 2px solid #cf4614;} .mainTableCellCenter {padding: 0px; vertical-align: top; background: #b1b1b1;} .mainTableCellRight {padding: 0px; vertical-align: top; background: url(../images/marine/storm/ccolumn-c.gif); border-left: 2px solid #cf4614;} .homeGreeting {padding: 0px; vertical-align: top; border-bottom: 1px solid #2B4371;} .homeGreetingTable {width: 100%; background: #b1b1b1 url(../images/marine/storm/ccolumn-t.gif) repeat-x top;} .homeGreetingLeft {background: url(../images/marine/storm/ccolumn-b.gif) repeat-x bottom;} .homeGreetingCenter {background: url(../images/marine/storm/ccolumn-b.gif) repeat-x bottom; padding: 15px;} .homeGreetingRight {background: url(../images/marine/storm/ccolumn-b.gif) repeat-x bottom;} .introBlock {border: 0px solid #D5D5D5;} .introBlock td {padding: 6px;} /****** Menu ******/ .filterPopup { display: none; position: absolute; border: 2px solid #cf4614; background-color: #b1b1b1; z-index: 2000; } .filterPopup a {line-height: 160%;} .filterPopup a:hover, .filterPopup a:active {} /************* Breadcrumb *******************/ .breadcrumb {border: 0px; margin: 0px 0px 0px 0px; background: url(../images/marine/storm/ccolumn-t.gif) repeat-x top;} .breadcrumbBegin { vertical-align: top; width: 11px; border: 0px solid #999; background: url(../images/marine/storm/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/storm/ccolumn-b.gif) repeat-x bottom; } .breadcrumbDelimiter td {} .breadcrumbDelimiter b {color: #000000; font-size: 9pt;} .breadcrumbDelimiter a {color: #000000; text-decoration: none; font-size: 9pt; font-weight: normal;} .breadcrumbDelimiter a:hover {color: #000000; text-decoration: underline; font-size: 9pt; font-weight: normal;} .breadcrumbDelimiter a.treeItemLast {color: #cf4614; font-weight: bold; text-decoration: none; cursor: text;} .breadcrumbDelimiter a.treeItemLast:hover {color: #cf4614; font-weight: bold; text-decoration: none; cursor: text;} .breadcrumbDelimiter span { color: #000000; font-size: 8pt; } .breadcrumbDelimiter img {display: none;} .breadcrumbRSS { border: 0px; padding: 0px 20px 0px 0px; background: url(../images/marine/storm/ccolumn-b.gif) repeat-x bottom; } .breadcrumbEnd { vertical-align: top; width: 11px; border: 0px solid #999; background: url(../images/marine/storm/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: #cf4614; 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/storm/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/storm/ccolumn-t.gif) repeat-x top; } .titleTopCenter div { color: #cf4614; font: 13pt "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; } .titleTopCenter h1 { display: block; color: #cf4614; 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/storm/ccolumn-t.gif) repeat-x top; } .titleTopImgRight {width: 1px; height: 1px;} /****** Top ******/ /****** Center ******/ .block { border: 0px; background: #b1b1b1; } .blockTD {padding: 0px 10px;} .menuLeft {padding: 0px 10px;} /****** Center ******/ /****** Bottom ******/ .titleBot {margin-bottom: 0px;} .titleBotLeft { width: 1px; border: 0px; background: url(../images/marine/storm/ccolumn-b.gif) repeat-x bottom; } .titleBotImgLeft {width: 1px; height: 17px;} .titleBotRight { width: 100%; text-align: right; border: 0px; background: url(../images/marine/storm/ccolumn-b.gif) repeat-x bottom; } .titleBotImgRight {width: 1px; height: 1px;} /****** Bottom ******/ /************* end Fieldset ***************/ /***************custom blocks in left column********************/ .mainTableCellLeft .titleTopLeft {width: 1px; background: url(../images/marine/storm/lcolumn-t.gif) repeat-x top right;} .mainTableCellLeft .titleTopImgLeft {width: 1px; height: 17px;} .mainTableCellLeft .titleTopCenter { background: url(../images/marine/storm/lcolumn-t.gif) repeat-x top right; padding:10px 0px 0px 10px;} .mainTableCellLeft .titleTopCenter table { width: 100%;} .mainTableCellLeft .titleTopCenter div { text-align: center;} .mainTableCellLeft .titleTopRight {width: 20px; background: url(../images/marine/storm/ccolumn-c.gif) repeat-y top right; vertical-align: top;} .mainTableCellLeft .titleTopImgRight {width: 20px; height: 14px; background: url(../images/marine/storm/lcolumn-t.gif) top right;} .mainTableCellLeft .block {background: none;} .mainTableCellLeft .block .blockTD {background: none;} .mainTableCellLeft .block .menuLeft {background: none;} .mainTableCellLeft .titleBotLeft {width: 100%; border: 0px; background: url(../images/marine/storm/lcolumn-b.gif) ;} .mainTableCellLeft .titleBotImgLeft {width: 1px; height: 1px;} .mainTableCellLeft .titleBotRight {width: 19px; border: 0px; background: url(../images/marine/storm/lcolumn-b.gif);} .mainTableCellLeft .titleBotImgRight {width: 19px; height: 12px;} /***************custom blocks in right column********************/ .mainTableCellRight .titleTopLeft {width: 19px; background: url(../images/marine/storm/lcolumn-t.gif) repeat-x top left; vertical-align: top;} .mainTableCellRight .titleTopImgLeft {width: 19px; height: 14px; background: url(../images/marine/storm/rcolumn-t-l.gif) no-repeat top left;} .mainTableCellRight .titleTopCenter {background: url(../images/marine/storm/lcolumn-t.gif) repeat-x top right; padding:10px 10px 0px 0px;} .mainTableCellRight .titleTopCenter table { width: 100%;} .mainTableCellRight .titleTopCenter div { text-align: center;} .mainTableCellRight .titleTopRight {width: 1px; background: url(../images/marine/storm/lcolumn-t.gif) repeat-x top right;} .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/storm/rcolumn-bl.gif);} .mainTableCellRight .titleBotImgLeft {width: 19px; height: 12px;} .mainTableCellRight .titleBotRight {width: 100%; border: 0px; background: url(../images/marine/storm/rcolumn-b.gif);} .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;} td.userHomeTitle { font-size: 10pt; white-space: nowrap; padding: 0px 10px 0px 0px; background: url(../images/marine/storm/ccolumn-t.gif) repeat-x top; } td.userHomeTitle b {color: #eaeaea;} div.userHomeBottom { background: none; padding: 0px 20px 0px 20px; } div.userHomeBottom a {color: #b1b1b1; text-decoration:underline;} div.userHomeBottom a:hover {color: #b1b1b1; 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: auto; 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;} .topCategory a.title {color: #ffffff; text-decoration: none;} .selectedtopCategory {background: transparent; margin: 0px; padding: 3px 0px;} .selectedtopCategory a.title {color: #cf4614;} .subCategory {background: transparent; margin: 0px; padding: 0px;} .subCategory a.title {color: #ffffff; text-decoration: none;} .selectedsubCategory {background: transparent; margin: 0px; padding: 0px;} .selectedsubCategory a.title {color: #cf4614;} .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: 11pt; color: #3b3b3b;} .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');/* top: -20px; position: relative;*/} .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: #eaeaea; border-left:1px solid #3b3b3b; border-top:1px solid #3b3b3b;; border-bottom:1px solid #3b3b3b;; } .forumMessageRight {background: #eaeaea; border: 1px solid #3b3b3b; } .forumMessageTop {background: #3b3b3b; border-bottom: 1px solid #3b3b3b; } /************* Categories (catalogue) *******************/ .block-categories-catalog .blockTD {padding-left: 18px;} .block-categories-catalog .blockTD img {display: ;} .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: #000000; font: bold 10pt Arial, Helvetica, sans-serif; text-decoration: underline;} .footerMenu a.smallText:hover {color: #000000; font: bold 10pt Arial, Helvetica, sans-serif; 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: #000000; margin: 0px; padding: 0px; background: url(../images/marine/storm/ccolumn-c.gif);} body.popup {font: 12px Arial, Helvetica, sans-serif; color: #000000; margin: 0px; padding: 0px; background: #000111;} body.editor {background: #b1b1b1;} tr, td {font: 12px Arial, Helvetica, sans-serif; color: #000000;} h1, h2 {padding: 0px; margin: 0px;} .middlebg {background: #b1b1b1;} .middlebg td {font-weight: bold;} .usualbg {background: transparent;} .errorbg {background: #FFE0E0; border: 1px solid #CC0000; color: #CC0000; padding: 6px;} .popup .errorbg {padding: 4px;} .messagebg {color: #0000CC; font-weight: bold; padding: 6px;} .padding10px {padding: 10px;} .padding6px td {padding: 6px;} .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: #000000;} input.orderprice {background-color: transparent; border: none; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000;} input.search {border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; background: #eaeaea;} input.text {border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; background: #eaeaea;} input.field {border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; background: #eaeaea;} input.fieldSmall{border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; background: #eaeaea; font-size: 8pt;} 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: #eaeaea;} select.search {border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; background: #eaeaea;} textarea {border-top: 1px solid #95b6d1;border-right: 1px solid #bdddf5;border-bottom: 1px solid #bdddf5;border-left: 1px solid #95b6d1; background: #eaeaea;} 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: #b1b1b1; text-decoration: underline; } a.header:hover {color: #FAF7AA; text-decoration: underline; } a.title {font-size: 10pt; font-weight: bold; color: #3b3b3b; text-decoration: underline; } a.title:hover {font-size: 10pt; font-weight: bold; color: #ffffff; text-decoration: none; } a.top10 {color: #000000; text-decoration: none; font-size: 8pt; } a.top10:hover {color: #000000; text-decoration: underline; } a.smallText {color: #000000; text-decoration: none; font-size: 8pt; } a.smallText:hover {color: #000000; text-decoration: underline; font-size: 8pt; } a {color: #ffffff; text-decoration: none; font-size: 9pt; } a:hover {color: #ffffff; text-decoration: underline; } .block-content a.top10 {color: #000000; text-decoration: none; font-size: 8pt; } .block-content a.top10:hover {color: #000000; text-decoration: underline; } .titleText {color: #000000; text-decoration: none; } .articleDate {font-size: 8pt; color: #000000; font-style: italic; } .top {font-size: 8pt; padding: 2 0 2 0;} .smallText {font-size: 8pt; } .middleText {font-size: 9pt; } .bigText {font-size: 10pt; } .comment {font-size: 8pt; color: #7777CC;} .message {font-size: 9pt; color: #fff;} .title {font-size: 10pt; font-weight: bold; color: #000000;} .bigtitle {font-size: 12pt; font-weight: bold; color: #3b3b3b;} .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 url(../images/marine/storm/ccolumn-c.gif);} /***/.hDelimiter {background: url(../images/marine/storm/ccolumn-c.gif); 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 url(../images/marine/storm/ccolumn-c.gif); border-bottom: none; background: none; padding: 0px;} td.tabActive {border: 1px solid url(../images/marine/storm/ccolumn-c.gif); border-bottom: none; background: url(../images/marine/storm/ccolumn-c.gif); padding: 0px;} a.tab {background: none; color: #b1b1b1; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none;} a.tab:hover {background: url(../images/marine/storm/ccolumn-c.gif); color: #b1b1b1; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none;} a.tabActive {background: url(../images/marine/storm/ccolumn-c.gif); color: #b1b1b1; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;} a.tabActive:hover {background: url(../images/marine/storm/ccolumn-c.gif); color: #b1b1b1; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;} .tabline {background: url(../images/marine/storm/ccolumn-c.gif);} /***** Visualisation tubs on product details *****/ /***** Visualisation tubs on UserHome pages *****/ .blockTDtabs table {width: 100%; margin-bottom: 10px;} div.adminTab {font: 11px Verdana, sans-serif; border: 1px solid url(../images/marine/storm/ccolumn-c.gif); 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 url(../images/marine/storm/ccolumn-c.gif); border-top: 2px solid url(../images/marine/storm/ccolumn-c.gif); border-bottom: none; padding: 5px 9px 5px 9px;; margin: 3px 0px 0px 0px; white-space: nowrap;} td.adminTab {border-bottom: 1px solid url(../images/marine/storm/ccolumn-c.gif); vertical-align: bottom;} td.adminTabActive {border: none;} td.beginTab {padding: 0px 4px; border-bottom: 1px solid url(../images/marine/storm/ccolumn-c.gif);} td.endTab {padding: 0px 4px; width: 90%; border-bottom: 1px solid url(../images/marine/storm/ccolumn-c.gif);} a.blackSm, a.blackSm:hover {text-decoration: none;} /***** Visualisation tubs on UserHome pages *****/ /***** Prices on the site *****/ .priceBlock {color: #cf4614; font-weight: bold;} .priceBlock .price {font-weight: bold;} .priceBlock .priceTax {font-weight: normal;} .priceBlockOld {color: #cf4614; text-decoration: line-through;} .priceBlockOld .price {font-weight: normal;} .priceBlockOld .priceTax {font-weight: normal;} .priceBlockHidden {color: #cf4614; font-weight: bold; display: none;} .priceBlockHidden .price {font-weight: bold;} .priceBlockHidden .priceTax {font-weight: normal;} .priceBlockEdit {color: #cf4614; 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: #b1b1b1;} .salesBlock {color: #cf4614; 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;} .productsTable td {padding: 3px;} .productsCategory {font-size: 10pt; font-weight: bold; color: #000000; padding: 6px !important; } .productsDelimiter {background: url(../images/marine/storm/ccolumn-c.gif); padding: 0px !important;} .productsDelimiterTop {background: url(../images/marine/storm/ccolumn-c.gif); 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; filter: alpha(opacity=50); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: #E1E1E1; moz-opacity: 0.5; opacity: 0.5;} .wishlist-shadow {display: none; z-index: 1000; position: absolute; top: 0px; left: 0px; width: 400px; background: #4D5E7D;} .wishlist-block {position: relative; bottom: 5px; right: 5px; width: 400px; background: #b1b1b1; border: 1px solid url(../images/marine/storm/ccolumn-c.gif);} .wishlist-img-close img {margin: 10px 10px 5px 0px;} .wishlist-descr {padding: 0px 35px 20px 30px; font-size: 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;} * html .restrictedCategory img.restrictedCategory {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/lock-s.png,sizingMethod=crop);} /***** 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 *****/