/* reset styles */
html, div, iframe, p, font, ol, ul, li,
fieldset, form, label, legend, table, tbody, tr, th, td {
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font: 12px tahoma, "Trebuchet MS", arial, serif;
color: #494949;
}
:focus {
outline: 0px;
}
ol, ul {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {color: #000; font: bold 12px tahoma, "Trebuchet MS", arial, serif; margin: 0px; padding: 0px;}
a img, a:hover img {border: none;}
p {padding: 7px 0px;}
div.clear {height: 0px; font-size: 0px; line-height: 0px; clear: both;}
hr {display: none;}
form { margin: 0px; padding: 0px;}
/* end reset styles */
/****** Main Table ******/
.basicTable {width: 1068px; margin-top: 18px; }
.mainTable {
position: relative;
top: -65px;
width: 1048px;
background: #FFFFFF;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}
.mainTable75 {width: 100%; background: #cdcdcd; border-top: 1px solid #fff;}
.mainTable50 {width: 100%; background: #cdcdcd; border-top: 1px solid #fff;}
.mainTableCellLeft {padding: 10px 10px 20px 10px; vertical-align: top;}
.mainTableCellCenter {padding: 10px 10px 20px 10px; vertical-align: top;}
.mainTableCellRight {padding: 10px 10px 20px 10px; vertical-align: top;}
.homeGreeting {padding: 4px 10px 4px 10px; vertical-align: top;}
.homeGreetingTable {width: 100%;}
.homeGreetingLeft {}
.homeGreetingLeft img {}
.homeGreetingCenter {padding: 10px 0px; width: 100%;}
.homeGreetingRight {}
.homeGreetingRight img {}
.introBlock {border: 0px solid #D5D5D5;}
.introBlock td {padding: 6px;}
/****** Main Table ******/
/*******************************************************************************/
/****** Menu ******/
.headerMenu {
position: relative;
top:-15px;
width: 1050px;
height: 145px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(../images/fruit/top.png) no-repeat left;
}
.headerMenu td#logo { /* Background under logo on the site */
vertical-align: top;
}
.headerMenu td#logo img { /* Logo on the site */
margin: 35px 22px 20px 22px;
border: 0px;
}
.headerMenu td#logoL {display: none;}
.headerMenu td#logoL img { /* Logo on the site (if logo is left)*/
margin: 40px 22px 0px 22px;
border: 0px;
display: none;
}
.headerMenu td#menu { /* Text Menu with or without images */
width: 100%;
padding: 0px 0px 0px 0px;
vertical-align: bottom;
}
.headerMenu td#menu img.Img {width: 0px; height: 0px;}
.headerMenu td#menu table {width: 100%; border-bottom: 6px solid #CDCDCD;}
.headerMenu td#menu td {text-align: center;}
.headerMenu td#menu td.begin {width: 10%; height: 1px;}
.headerMenu td#menu td.begin img {width: 1px; height: 1px;}
.headerMenu td#menu td.end {width: 30%;}
.headerMenu td#menu td.end img {width: 1px; height: 1px;}
/* Active & Noneactive links in menu */
a.menu:link, a.menu:visited {color: #fff; text-decoration: none; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block;}
a.menu:hover, a.menu:active {color: #fff; text-decoration: none; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block;}
a.menuActive:link, a.menuActive:visited {color: #4167d3; text-decoration: none; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block; background: url(../images/fruit/menuRight.png) no-repeat center right;}
a.menuActive:hover, a.menuActive:active {color: #3640d3; text-decoration: none; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block; background: url(../images/fruit/menuRight.png) no-repeat center right;}
a.menu span {color: #fff; text-decoration: none; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block; cursor: pointer; padding: 8px 10px 7px 10px;}
a.menu:hover span {color: #fff; text-decoration: none; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block; cursor: pointer; padding: 8px 10px 7px 10px;}
a.menuActive span {color: #4167d3; text-decoration: none; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block; cursor: pointer; padding: 8px 10px 7px 10px; background: url(../images/fruit/menuLeft.png) no-repeat center left;}
a.menuActive:hover span {color: #4167d3; text-decoration: none; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block; cursor: pointer; padding: 8px 10px 7px 10px; background: url(../images/fruit/menuLeft.png) no-repeat center left;}
/****** Sub Menu ******/
.subMenuBlock {
display:none;
position:absolute;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
z-index: 2500;
}
a.subMenu {
width: 150px;
padding: 6px 20px 6px 10px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
display: block;
font: 12px tahoma, "Trebuchet MS", arial, serif;
color: #4167d3;
text-decoration:none;
text-align: left;
background: #CECECE url(../images/fruit/subMenu.gif) repeat-x top left;
}
a.subMenu:hover, a.subMenu:active {
background: #CECECE url(../images/fruit/subMenu.gif) repeat-x top left;
font: 12px tahoma, "Trebuchet MS", arial, serif;
color: #4167d3;
display: block;
text-decoration: none;
}
/****** Secondary Menu ******/
table.secondaryMenu {width: 100%;}
td#menu td.secondaryBegin {width: 1px; height: 1px; display: none;}
a.secondaryMenu {color: #666666; text-decoration: none; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block;}
a.secondaryMenu:hover {color: #666666; text-decoration: none; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block;}
a.secondaryMenuActive {color: #666666; text-decoration: none; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block;}
a.secondaryMenuActive:hover {color: #666666; text-decoration: none; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block;}
td#menu td.secondaryEnd {width: 100%;}
td#menu td.secondaryEnd img.Img {width: 1px; height: 1px;}
a.secondaryMenu span {color: #666666; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; text-decoration: none; font: bold 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block; padding: 8px;}
a.secondaryMenu:hover span {color: #666666; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; text-decoration: none; font: bold 12px/14px tahoma, "Trebuchet MS", arial, serif; white-space: nowrap; display: block; padding: 8px;}
a.secondaryMenuActive span {color: #666666; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; text-decoration: none; white-space: nowrap; display: block; padding: 8px;}
a.secondaryMenuActive:hover span {color: #666666; font: 12px/14px tahoma, "Trebuchet MS", arial, serif; text-decoration: none; white-space: nowrap; display: block; padding: 8px;}
/****** Menu ******/
.filterPopup {
display: none;
position: absolute;
border: 1px solid #666666;
background-color: #fff;
z-index: 2000;
padding: 0px 3px;
}
.filterPopup a {line-height: 160%;}
.filterPopup a:hover {line-height: 160%;}
.block-filter .padding10px div {padding-bottom: 3px;}
.block-filter .padding10px div a img {margin-top: 3px;}
/*****************************************************************************/
/************* Breadcrumb *******************/
.breadcrumb {border: 0px solid #D5D5D5; margin: 0px 0px 10px 0px;}
.breadcrumbBegin {display: none;}
.breadcrumbBegin img {width: 1px; height: 1px;}
.breadcrumbDelimiter {
width: 100%;
white-space: normal;
font-size: 10px;
}
.breadcrumbDelimiter td {}
.breadcrumbDelimiter b {color: #5F514E; font-size: 10px;}
.breadcrumbDelimiter a {color: #5F514E; text-decoration: none; font-size: 10px; font-weight: normal;}
.breadcrumbDelimiter a:hover {color: #5F514E; text-decoration: none; font-size: 10px; font-weight: normal;}
.breadcrumbDelimiter a.treeItemLast {font-weight: bold; text-decoration: none; cursor: text; color: #666666;}
.breadcrumbDelimiter a.treeItemLast:hover {font-weight: bold; text-decoration: none; cursor: text; color: #666666;}
.breadcrumbDelimiter span {
color: #5F514E;
font-size: 10px;
}
.breadcrumbDelimiter img {display: none;}
.breadcrumbRSS {}
.breadcrumbEnd {display: none;}
.breadcrumbEnd img {width: 1px; height: 1px;}
/************* Breadcrumb *******************/
/*************** Order Pages ****************/
.breadcrumbDelimiter span.nonactive {font-size: 10px; color: #5F514E; margin-right: 10px;}
.breadcrumbDelimiter span.active {font-size: 10px; color: #666666; margin-right: 10px; font-weight: bold;}
/****************** end Order Pages ***********************************/
/*****************************************************************************/
/************* Fieldset *******************/
/****** Top ******/
.titleTop {margin-top: 0px; background: #E8E9EA url(../images/fruit/titleTC.gif) repeat-x top left;}
.titleTopLeft {width: 22px; background: url(../images/fruit/titleTL.gif) no-repeat top left;}
.titleTopImgLeft {width: 22px;}
.titleTopCenter {padding: 10px 8px 10px 8px; vertical-align: middle;}
.titleTopCenter div {color: #ffffff; font: 12px/14px tahoma, "Trebuchet MS", arial, serif;}
.titleTopCenter h1 {color: #ffffff; font: 12px/14px tahoma, "Trebuchet MS", arial, serif;}
.titleTopCenter div b {font-weight:;}
.titleTopRight {width: 22px; background: url(../images/fruit/titleTR.gif) no-repeat top right;}
.titleTopImgRight {width: 22px;}
/****** Top ******/
/****** Center ******/
.block {}
.blockTD {padding: 0px 10px; background: #fff;}
.menuLeft {padding: 0px 10px; background: #fff;}
/****** Center ******/
/****** Bottom ******/
.titleBot {margin-bottom: 10px;}
.titleBotLeft {width: 5px; height: 5px; background: url(../images/fruit/titleBL.gif) no-repeat top left;}
.titleBotImgLeft {width: 5px; height: 5px;}
.titleBotRight {width: 100%; text-align: right; background: #fff;}
.titleBotImgRight {width: 5px; height: 5px; background: url(../images/fruit/titleBR.gif) no-repeat top right;}
/****** Bottom ******/
.block-filter .titleTopRight, .block-simple .titleTopRight, .block-banners .titleTopRight, .block-navigation .titleTopRight
{width: 100%;}
.block-filter .titleTopImgLeft, .block-simple .titleTopImgLeft, .block-banners .titleTopImgLeft, .block-navigation .titleTopImgLeft
{width: 22px; height: 28px;}
.block-filter .titleTopImgRight, .block-simple .titleTopImgRight, .block-banners .titleTopImgRight, .block-navigation .titleTopImgRight
{width: 22px; height: 28px;}
/*table#user-home .titleTopLeft {background: url(../images/rainbow/block-t-l.gif) no-repeat top;}
table#user-home .titleTopRight {width: 100%; background: url(../images/default/cblock-t-bgr.gif) repeat-x top; text-align: right;}
table#user-home .titleTopImgLeft {width: 24px; height: 23px;}
table#user-home .titleTopImgRight {width: 24px; height: 23px; background: url(../images/default/cblock-t-r.gif) no-repeat top right;}*/
/************* end Fieldset ***************/
/*****************************************************************************/
/************* userHome *******************/
td.userHome {padding: 7px;}
td.userHomeTitle {
font-size: 12px;
white-space: nowrap;
background: url(../images/womenshop/pinkTC.gif) repeat-x top left;
}
td.userHomeTitle b {color: #0000CC;}
div.userHomeBottom {
background: none;
padding: 0px 20px 0px 20px;
}
div.userHomeBottom a {color: #444444; text-decoration:underline;}
div.userHomeBottom a:hover {color: #444444; text-decoration:none;}
td.userHome img.orders {background: url(../images/icons/admin_orders.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.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.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.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.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.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.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.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.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.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.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.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.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: none; color: #E96A03;} /* '|' between button */
a.button:link, a.button:visited {font: 12px/15px tahoma, "Trebuchet MS", arial, serif; padding: 0px 0px 0px 0px; white-space: nowrap; display: inline-block; text-decoration: none; color: #4167d3; background: url(../images/fruit/inputRight.gif) no-repeat 100% 50%; margin-left: 7px; margin-bottom: 5px;}
a.button:hover, a.button:active {font: 12px/15px tahoma, "Trebuchet MS", arial, serif; padding: 0px 0px 0px 0px; white-space: nowrap; display: inline-block; text-decoration: none; color: #4167d3; background: url(../images/fruit/inputRight.gif) no-repeat 100% 50%; margin-left: 7px; margin-bottom: 5px;}
a.button span {font: 12px/15px tahoma, "Trebuchet MS", arial, serif; padding: 3px 3px 3px 10px; white-space: nowrap; display: inline-block; cursor: pointer; color: #4167d3; background: url(../images/fruit/inputLeft.gif) no-repeat 0% 50%; position: relative; left: -7px;}
a.button:hover span {font: 12px/15px tahoma, "Trebuchet MS", arial, serif; padding: 3px 3px 3px 10px; white-space: nowrap; display: inline-block; cursor: pointer; color: #4167d3; background: url(../images/fruit/inputLeft.gif) no-repeat 0% 50%; position: relative; left: -7px;}
a.button img {display: none;}
a.button-add span, a.button-add:hover 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: 12px/15px tahoma, "Trebuchet MS", arial, serif; padding: 0px 0px 0px 0px; white-space: nowrap; display: inline-block; text-decoration: none; color: #4167d3; background: url(../images/fruit/inputRight.gif) no-repeat 100% 50%; margin-left: 7px; margin-bottom: 5px;}
a.buttonBasket:hover, a.buttonBasket:active {font: 12px/15px tahoma, "Trebuchet MS", arial, serif; padding: 0px 0px 0px 0px; white-space: nowrap; display: inline-block; text-decoration: none; color: #4167d3; background: url(../images/fruit/inputRight.gif) no-repeat 100% 50%; margin-left: 7px; margin-bottom: 5px;}
a.buttonBasket span {font: 12px/15px tahoma, "Trebuchet MS", arial, serif; padding: 3px 3px 3px 10px; white-space: nowrap; display: inline-block; cursor: pointer; color: #4167d3; background: url(../images/fruit/inputLeft.gif) no-repeat 0% 50%; position: relative; left: -7px;}
a.buttonBasket:hover span {font: 12px/15px tahoma, "Trebuchet MS", arial, serif; padding: 3px 3px 3px 10px; white-space: nowrap; display: inline-block; cursor: pointer; color: #4167d3; background: url(../images/fruit/inputLeft.gif) no-repeat 0% 50%; position: relative; left: -7px;}
a.buttonBasket img {display: none;}
a.button-shopping span {} /* 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 {} /* Checkout (basket) */
a.buttonCart:link, a.buttonCart:visited {font: 12px/15px tahoma, "Trebuchet MS", arial, serif; padding: 0px 0px 0px 0px; white-space: nowrap; display: inline-block; text-decoration: none; color: #4167d3; background: url(../images/fruit/inputRight.gif) no-repeat 100% 50%; margin-left: 7px; margin-bottom: 5px;}
a.buttonCart:hover, a.buttonCart:active {font: 12px/15px tahoma, "Trebuchet MS", arial, serif; padding: 0px 0px 0px 0px; white-space: nowrap; display: inline-block; text-decoration: none; color: #4167d3; background: url(../images/fruit/inputRight.gif) no-repeat 100% 50%; margin-left: 7px; margin-bottom: 5px;}
a.buttonCart span {font: 12px/15px tahoma, "Trebuchet MS", arial, serif; padding: 3px 3px 3px 10px; white-space: nowrap; display: inline-block; cursor: pointer; color: #4167d3; background: url(../images/fruit/inputLeft.gif) no-repeat 0% 50%; position: relative; left: -7px;}
a.buttonCart:hover span {font: 12px/15px tahoma, "Trebuchet MS", arial, serif; padding: 3px 3px 3px 10px; white-space: nowrap; display: inline-block; cursor: pointer; color: #4167d3; background: url(../images/fruit/inputLeft.gif) no-repeat 0% 50%; position: relative; left: -7px;}
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.buttonore {color: #4167d3; text-decoration: none !important; font: 12px tahoma, "Trebuchet MS", arial, serif;}
a.buttonore:hover {color: #4167d3; text-decoration: none !important; font: 12px tahoma, "Trebuchet MS", arial, serif;}
a.buttonore span {color: #4167d3; text-decoration: none; font: 12px tahoma, "Trebuchet MS", arial, serif;}
a.buttonore:hover span {color: #4167d3; text-decoration: none; font: 12px tahoma, "Trebuchet MS", arial, serif;}
a.buttonore img {display:none;}
a.disabled { /* disadled add to cart */
color: gray;
cursor: pointer;
font: bold 14px/20px tahoma, "Trebuchet MS", arial, serif; padding: 0px 10px 0px 0px;
}
a.disabled:hover {color: gray; cursor: pointer; text-decoration: none;}
/************* Button Links *******************/
/************* Category *******************/
.topCategory {margin: 0px; padding: 4px 0px;}
.selectedtopCategory {margin: 0px; padding: 4px 0px;}
.topCategory a.title {font: 12px tahoma, "Trebuchet MS", arial, serif; color: #494949; text-decoration: none;}
.topCategory a.title:hover {font: 12px tahoma, "Trebuchet MS", arial, serif; color: #494949; text-decoration: none;}
.selectedtopCategory a.title {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.selectedtopCategory a.title:hover {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.subCategory {margin: 0px; padding: 3px 0px 3px 6px;}
.selectedsubCategory {margin: 0px; padding: 3px 0px 3px 6px;}
.subCategory a.title {font: 11px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.subCategory a.title:hover {font: 11px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.selectedsubCategory a.title {font: bold 11px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.selectedsubCategory a.title:hover {font: bold 11px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.topCategory .category_img, .subCategory .category_img, .selectedtopCategory .category_img, .selectedsubCategory .category_img {margin: 5px 5px 0px 0px;}
/************* 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: bold 14px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none; text-transform: uppercase;}
.block-offers .block .blockTD a.bigtitle:hover {font: bold 14px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none; text-transform: uppercase;}
.offerTitleTop {display: none;}
.offerTitle {text-align: left; clear: right; display: block; margin: 0px; padding: 0px;}
.offerTd {text-align: left;}
.offerTd img.offerImg {float: left; margin: 0px 10px 3px 0px;}
.offerTd div.offerText {text-align: justify; padding-top: 5px;}
.offerTd a.buttonore span {}
.block-products-list .block .blockTD img.productImg, .block-product-details .block .blockTD img.productImg
{margin-right: 10px; margin-bottom: 10px;}
/************* Forum *******************/
.forumAdmin {color: #4167d3;}
.forumUser {color: #999;}
.forumGuest {color: black; font-weight: bold; font-style: italic;}
.forumMessageLeft {background: #fff; border-left:1px solid #cdcdcd; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding: 5px;}
.forumMessageRight {background: #fff; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.forumMessageRight .usualbg {padding: 5px;}
.forumMessageTop {background: #4167d3 url(../images/fruit/thirdTC.png) repeat-x left; height: 27px; border-bottom: 0px solid #cdcdcd; border-top: 0px solid #cdcdcd; padding-top: 5px; padding-left: 5px; }
.forumMessageTop .articleDate {color: #fff;}
/************* Categoties (catalogue) *******************/
.block-categories-catalog .blockTD {padding-left: 18px;}
.block-categories-catalog .blockTD img {margin-right: 5px;}
.block-categories-catalog a.bigtitle {}
.block-categories-catalog a.bigtitle:hover {}
.block-categories-catalog div.smallText {margin-bottom: 6px;}
/************* Hot (news,...) *******************/
.block-hot .blockTD img {display: none;}
.block-hot .blockTD .articleDate {display: none;}
.block-hot .blockTD div {}
.block-hot a.bigtitle {}
.block-hot a.bigtitle:hover {}
/*.block-hot div.smalltext {padding-left: 15px;}*/
/*****************************************************************************/
/************* Footer *******************/
.footerAll {
position: relative;
top: -60px;
}
.footerMenu a.smallText {font: 12px tahoma, "Trebuchet MS", arial, serif; color: #fff; text-decoration: none; margin: 0px 7px 0px 7px;}
.footerMenu a.smallText:hover {font: 12px tahoma, "Trebuchet MS", arial, serif; color: #fff; text-decoration: none; margin: 0px 7px 0px 7px;}
.footerMenu {text-align:center; font-size: 11px; padding-top: 22px; padding-bottom: 10px;}
.footerMenu span {padding: 0px 0px 0px 0px; font: 12px tahoma, "Trebuchet MS", arial, serif; color: #fff;}
.footerHTML {text-align:center; padding: 5px 10px 0px 10px;}
.footerHTML font {font: 11px tahoma, "Trebuchet MS", arial, serif; color: #fff;}
.footerImg {text-align:right; padding: 0px 10px 0px 0px; display: none;}
.footerImg img {width: 80px; height: 26px; border: 0px;}
/************* Footer *******************/
body {font: 11px tahoma, "Trebuchet MS", arial, serif; color: #1a3a6b; margin: 0px; padding: 0px 10px; background: #1a3a6b}
.commonbg
{background: #1a3a6b url(back.jpg) repeat-x;
}
tr, td {font: 11px tahoma, "Trebuchet MS", arial, serif; color: #494949;}
.middlebg {background: ;}
.middlebg td {font-weight:;}
.usualbg {background: ;}
.errorbg {
background: #4167d3;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color: #ffffff;
padding: 6px;
}
.messagebg {color: #4167d3; 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: 12px/16px tahoma, "Trebuchet MS", arial, serif; color: #000;}
input.usualprice {background-color: transparent; border: none; text-align: right; font: 12px/16px tahoma, "Trebuchet MS", arial, serif; color: #000;}
input.orderprice {background-color: transparent; border: none; text-align: right; font: 12px/16px tahoma, "Trebuchet MS", arial, serif; color: #000; color: #000; font-weight: bold; }
input.search {}
input.text {}
input.field {}
input.fieldSmall {}
input.submit {font-weight: normal; border: 0px; color: #4167d3; font: 12px tahoma, "Trebuchet MS", arial, serif; cursor: pointer; background: url(../images/fruit/buttonRight.png) no-repeat center right; height: 24px; padding: 1px 15px 2px 5px; margin: 0px;}
input#clear {color: #C3C1C1;}
input#reset {color: #C3C1C1;}
input#preview {color: #4167d3;}
input#cancel {color: #C3C1C1;}
input#delete {color: #C3C1C1;}
select {border: 1px solid #C8C8C8; background: #fff; font: 12px/16px tahoma, "Trebuchet MS", arial, serif; color: #000;}
select.search {border: 1px solid #C8C8C8; background: #fff; font: 12px/16px tahoma, "Trebuchet MS", arial, serif; color: #000;}
textarea {border: 1px solid #C8C8C8; background: #fff; font: 12px/16px tahoma, "Trebuchet MS", arial, serif; color: #000;}
input.field {margin-bottom: 3px;}
select.field {margin-bottom: 3px;}
span.submit {background: url(../images/fruit/buttonLeft.png) no-repeat center left; font: bold 11px/25px tahoma, "Trebuchet MS", arial, serif; padding-left: 12px !important; padding-right: 5px; white-space: nowrap; display: inline-block; cursor: pointer;}
a.header {color: #4167d3; text-decoration: none; }
a.header:hover {color: #4167d3; text-decoration: none; }
a.title {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #494949; text-decoration: none;}
a.title:hover {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #494949; text-decoration: none;}
a.smallText {color: #4167d3; text-decoration: none; font-size: 11px; }
a.smallText:hover {color: #4167d3; text-decoration: none; font-size: 11px; }
a {color: #4167d3; text-decoration: none; }
a:hover {color: #4167d3; text-decoration: none; }
.titleText {color: #666666; text-decoration: none; font: 12px tahoma, "Trebuchet MS", arial, serif;}
.articleDate {font-size: 8pt; color: #666666; font-style: italic; font-weight: bold;}
.top {font-size: 8pt; padding: 2px 0px;}
.smallText {font-size: 11px; color: #4167d3;}
.middleText {font-size: 9pt; }
.bigText {font-size: 10pt; }
.comment {font-size: 8pt; color: #7777CC; }
.message {font-size: 9pt; color: #0000CC; }
.title {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #494949;}
.bigtitle {font: bold 14px tahoma, "Trebuchet MS", arial, serif; color: #4167d3;}
a.bigtitle {font: bold 14px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
a.bigtitle:hover {font: bold 14px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.error {color: red; }
.terms {height: 300px; width: 600px; overflow: auto; border: 1px solid silver; }
.link {color: #4167d3; }
span.nobr {white-space: nowrap !important;}
/***** Delimiter for list and rollover for details *****/
/***/.vDelimiter {border-right: 0px solid #E9E9E9;}
/***/.hDelimiter {background: ; border: 0px;}
/***/
/***/.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 #cdcdcd; border-bottom: none; background: none; padding: 0px;}
td.tabActive {border: 1px solid #cdcdcd; border-bottom: none; background: #fff; padding: 0px;}
a.tab {background: #fff; color: #4167d3; display: block; font-size: 12px; font-weight: ; padding: 5px 8px; text-decoration: none;}
a.tab:hover {background: #fff; color: #4167d3; display: block; font-size: 12px; font-weight: ; padding: 5px 8px; text-decoration: none;}
a.tabActive {background: #fff; color: #4167d3; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;}
a.tabActive:hover {background: #fff; color: #4167d3; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;}
.tabline {border-top: 1px solid #cdcdcd;}
/***** Visualisation tubs on product details *****/
/***** Visualisation tubs on UserHome pages *****/
.blockTDtabs table {width: 100%; margin-bottom: 10px;}
div.adminTab {font: 11px tahoma, "Trebuchet MS", arial, serif; border: 1px solid #919B9C; border-bottom: none; padding: 3px 8px 2px 8px; margin: 0px 2px; cursor: pointer; background: #E9E9E9; white-space: nowrap;}
div.adminTabActive {font: bold 11px tahoma, "Trebuchet MS", arial, serif; border: 1px solid #919B9C; border-top: 2px solid #919B9C; border-bottom: none; padding: 5px 9px 5px 9px; margin: 3px 0px 0px 0px; white-space: nowrap;}
td.adminTab {border-bottom: 1px solid #919B9C; vertical-align: bottom;}
td.adminTabActive {border: none;}
td.beginTab {padding: 0px 4px; border-bottom: 1px solid #919B9C;}
td.endTab {padding: 0px 4px; width: 99%; border-bottom: 1px solid #919B9C;}
a.blackSm, a.blackSm:hover {text-decoration: none;}
/***** Visualisation tubs on UserHome pages *****/
/***** Prices on the site *****/
.priceBlock {color: #666666; font: bold 12px tahoma, "Trebuchet MS", arial, serif;}
.priceBlock .price {color: #666666; font: bold 12px tahoma, "Trebuchet MS", arial, serif;}
.priceBlock .priceTax {color: #666666; font: 12px tahoma, "Trebuchet MS", arial, serif;}
.priceBlock .priceTax span {color: #666666; font: 12px tahoma, "Trebuchet MS", arial, serif;}
.priceBlockOld {color: #666666; text-decoration: line-through; font: 12px tahoma, "Trebuchet MS", arial, serif;}
.priceBlockOld .price {color: #666666; font: 12px tahoma, "Trebuchet MS", arial, serif;}
.priceBlockOld .priceTax {color: #666666; font: 12px tahoma, "Trebuchet MS", arial, serif;}
.priceBlockHidden {color: #000; font-weight: bold; display: none;}
.priceBlockHidden .price {font-weight: bold;}
.priceBlockHidden .priceTax {font-weight: normal;}
.priceBlockEdit {color: #000; font-weight: bold;}
.priceBlockEdit input.price {text-align: right; font-weight: bold; width: 60px; font-size: 12px; color: black; border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
.salesBlock {color: #666666; font: bold 12px tahoma, "Trebuchet MS", arial, serif;}
.salesPrice {color: #666666; font: bold 12px tahoma, "Trebuchet MS", arial, serif;}
.salesTax {color: #666666; font: 12px tahoma, "Trebuchet MS", arial, serif;}
.salesTax span {color: #666666; font: 12px tahoma, "Trebuchet MS", arial, serif;}
.priceSaveBlock {color: #4167d3; font: bold 12px tahoma, "Trebuchet MS", arial, serif;}
.priceSaveBlock .price {color: #4167d3; font: bold 12px tahoma, "Trebuchet MS", arial, serif;}
.priceSaveBlock .percent {color: #4167d3; font: 12px tahoma, "Trebuchet MS", arial, serif;}
.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: 12px; font-weight: bold; color: #4167d3; background: ; padding: 6px !important; }
.productsDelimiter {background: ; padding: 0px !important;}
.productsDelimiterTop {background: ; 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: #CCCCCC;}
.wishlist-block {position: relative; bottom: 5px; right: 5px; width: 400px; background: #F4F4F4; border: 1px solid #cdcdcd;}
.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: -1px; 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 *****/
/*********************************************************/
.mainTableCellCenter .titleTop {margin-top: 0px; background: #ffffff none repeat-x left;
color: #ffffff;
}
.mainTableCellCenter .titleTopLeft {width: 22px; background: url(../images/fruit/thirdTL.png) no-repeat top left;}
.mainTableCellCenter .titleTopImgLeft {width: 22px;}
.mainTableCellCenter .titleTopCenter {padding: 10px 8px 10px 8px; vertical-align: middle;}
.mainTableCellCenter .titleTopCenter div {color: #fff; font: bold 3px/4px tahoma, "Trebuchet MS", arial, serif;}
.mainTableCellCenter .titleTopCenter h1 {color: #fff; font: bold 3px/4px tahoma, "Trebuchet MS", arial, serif;}
.mainTableCellCenter .titleTopCenter table {margin: 0px auto;}
.mainTableCellCenter .titleTopRight {width: 22px; background: url(../images/fruit/thirdTR.png) no-repeat top right;}
.mainTableCellCenter .titleTopImgRight {width: 22px;}
/*********************************************************/
.block-product-details .manufacturerImage {padding: 15px;}
.block-products-table-view .blockTD select {float: left; margin-bottom: 10px;}
.block-products-table-view .productsTable th {font-weight: bold; font-size: 12px;}
.block-products-table-view a.button-add {float: left;}
.block-login-advanced .padding6px td.middlebg font {font-size: 12px; font-weight: bold;}
.block-checkout-login .padding6px td.middlebg font {font-size: 12px; font-weight: bold;}
.block-top-sellers .blockTD img {margin-right: 10px; margin-bottom: 10px; float: left;}
.block-top-sellers .blockTD {padding: 10px 0px;}
.block-top-sellers .blockTD a {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-top-sellers .blockTD a:hover {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-top-rated .blockTD img {margin-right: 10px; margin-bottom: 10px; float: left;}
.block-top-rated .blockTD {padding: 10px;}
.block-top-rated .blockTD a {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-top-rated .blockTD a:hover {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-related-products .blockTD img {margin-right: 10px; margin-bottom: 10px; float: left;}
.block-related-products .blockTD {padding: 10px;}
.block-related-products .blockTD a {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-related-products .blockTD a:hover {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-top-viewed .blockTD img {margin-right: 10px; margin-bottom: 10px; float: left;}
.block-top-viewed .blockTD {padding: 10px;}
.block-top-viewed .blockTD a {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-top-viewed .blockTD a:hover {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-products-recently-viewed .blockTD img {margin-right: 10px; float: left;}
.block-products-recently-viewed .blockTD {padding: 10px;}
.block-products-recently-viewed .blockTD a {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-products-recently-viewed .blockTD a:hover {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-products-latest .blockTD img {margin-right: 10px; margin-bottom: 10px; float: left;}
.block-products-latest .blockTD {padding: 10px;}
.block-products-latest .blockTD a {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-products-latest .blockTD a:hover {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-products-recommended .blockTD img {margin-right: 10px; margin-bottom: 10px; float: left;}
.block-products-recommended .blockTD {padding: 10px;}
.block-products-recommended .blockTD a {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-products-recommended .blockTD a:hover {font: bold 12px tahoma, "Trebuchet MS", arial, serif; color: #4167d3; text-decoration: none;}
.block-basket-recommended select {margin-right: 8px;}
.block-filter .titleTopRight, .block-simple .titleTopRight, .block-banners .titleTopRight, .block-navigation .titleTopRight
{width: 100%;}
.block-filter .titleTopImgLeft, .block-simple .titleTopImgLeft, .block-banners .titleTopImgLeft, .block-navigation .titleTopImgLeft
{width: 9px; height: 28px;}
.block-filter .titleTopImgRight, .block-simple .titleTopImgRight, .block-banners .titleTopImgRight, .block-navigation .titleTopImgRight
{width: 9px; height: 28px;}
.block-forum-topics .titleTop {height: 28px;}
.ourprice {font: bold 14px tahoma, "Trebuchet MS", arial, serif; color: #666666;}
.taxprice {color: #666666;}
.block-cart .lineBottom {background: #cdcdcd;}
.block-cart .middlebg b {font-weight: normal; color: #4167d3;}
.block-offers a.buttonore span b {font-weight: bold;}
.block-offers .titleTop {background: #4167d3 url(../images/fruit/offerTC.gif) repeat-x left;}
.block-offers .titleTopLeft {width: 47px; background: url(../images/fruit/offerTL.gif) no-repeat top left;}
.block-offers .titleTopImgLeft {width: 47px;}
.block-offers .titleTopRight {width: 47px; background: url(../images/fruit/offerTR.gif) no-repeat top right;}
.block-offers .titleTopImgRight {width: 10px;}
.block-offers .titleTopCenter {padding: 0px 8px 0px 8px; vertical-align: middle;}
.block-offers a.buttonore {font: bold 12px/16px tahoma, "Trebuchet MS", arial, serif; padding: 0px 0px 0px 0px; white-space: nowrap; display: inline-block; text-decoration: none !important; color: #fff; background: url(../images/fruit/buttonore.gif) no-repeat 100% 50%; margin-left: 7px; margin-bottom: 5px; margin-top: 5px; text-transform: capitalize; padding-right: 10px;}
.block-offers a.buttonore:hover {font: bold 12px/16px tahoma, "Trebuchet MS", arial, serif; padding: 0px 0px 0px 0px; white-space: nowrap; display: inline-block; text-decoration: none !important; color: #fff; background: url(../images/fruit/buttonore.gif) no-repeat 100% 50%; margin-left: 7px; margin-bottom: 5px; margin-top: 5px; text-transform: capitalize; padding-right: 10px;}
.block-offers a.buttonore span {font: bold 12px/16px tahoma, "Trebuchet MS", arial, serif; padding: 3px 3px 3px 10px; white-space: nowrap; display: inline-block; cursor: pointer; color: #fff; background: url(../images/fruit/buttonLeft.png) no-repeat 0% 50%; position: relative; left: -7px; text-transform: capitalize; text-decoration: none !important;}
.block-offers a.buttonore:hover span {font: bold 12px/16px tahoma, "Trebuchet MS", arial, serif; padding: 3px 3px 3px 10px; white-space: nowrap; display: inline-block; cursor: pointer; color: #fff; background: url(../images/fruit/buttonLeft.png) no-repeat 0% 50%; position: relative; left: -7px; text-transform: capitalize; text-decoration: none !important;}
#btitlelist {
color: #4167d3;
font: italic bold 14px tahoma, verdana, arial, sans-serif;
padding-bottom: 7px;
}
buttonM,
a.buttonM,
a.buttonM:link,
a.buttonM:visited {
/*
Strip down the button and link elements to a base we can work with.
*/
padding: 0 0 0 0;
margin: 0 3px 0 3px;
border: none;
display: block;
float: left;
cursor: pointer;
text-decoration: none;
outline: none;
white-space: nowrap;
overflow: visible;
}
* html a.buttonM,
* html a.buttonM:link,
* html a.buttonM:visited {
/*
IE6 fix to make link fit text.
*/
width: 1%;
}
buttonM, x:-moz-any-link {
/*
FF fix to make button spacing even across browsers.
*/
margin: 0 0 0 0;
}
*:first-child+html buttonM {
/*
Reset IE7 back to what it was for previous fix.
*/
margin: 0 3px 0 3px;
}
buttonM span,
a.buttonM span,
a.buttonM:link span,
a.buttonM:visited span {
/*
Set the span tags to display: block, as they will work our background-image magic.
*/
display: block;
}
/*--------------------------------------------------------------------------------------------------
CUSTOMIZATIONS
Edit below to change the look and feel of the buttons and even add more classes for
different looks and feels.
--------------------------------------------------------------------------------------------------*/
buttonM,
a.buttonM,
a.buttonM:link,
a.buttonM:visited {
/*
HEIGHT - Total height of button.
*/
height: 26px;
/*
NOTE - You must define the font here otherwise your buttons and links could end up diffrent.
*/
font-family: tahoma, "Trebuchet MS", arial, serif;
font-size: 11px;
color: #666666;
background-color: #ffffff;
}
buttonM.button_active,
a.button_active {
}
buttonM span,
a.buttonM span,
a.buttonM:link span,
a.buttonM:visited span {
/*
Right side padding for button (default).
*/
padding: 0 14px 0 0;
/*
SPAN HEIGHT - This should be 2px smaller than the height set on the button (see HEIGHT).
*/
height: 24px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
*/
background: url(../images/bg_button_right.gif) top right;
}
buttonM span span,
a.buttonM span span,
a.buttonM:link span span,
a.buttonM:visited span span {
/*
Left side padding for button (default).
*/
padding: 0 0 0 13px;
/*
SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
*/
height: 24px;
/*
SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will
center the text vertcailly.
*/
line-height: 24px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
*/
background: url(../images/bg_button_left.gif) top left;
}
buttonM:hover,
a.buttonM:hover {
color: #000000;
}
buttonM.submit span,
a.submit span,
a.submit:link span,
a.submit:visited span {
}
buttonM.submit span span,
a.submit span span,
a.submit:link span span,
a.submit:visited span span {
/*
Give some extra space for the icon.
*/
padding-left: 26px;
/*
Add in a left side piece with an icon.
*/
background-image: url(../images/bg_button_left_submit.gif);
}
buttonM.submit:hover,
a.submit:hover {
}
buttonM.cancel span,
a.cancel span,
a.cancel:link span,
a.cancel:visited span {
}
buttonM.cancel span span,
a.cancel span span,
a.cancel:link span span,
a.cancel:visited span span {
/*
Give some extra space for the icon.
*/
padding-left: 26px;
/*
Add in a left side piece with an icon.
*/
background-image: url(../images/bg_button_left_cancel.gif);
}
buttonM.cancel:hover,
a.cancel:hover {
}
buttonM:active span,
a:active:active span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
buttonM.button_active span,
a.button_active:active span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: bottom right;
}
buttonM:active span span,
a:active:active span span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
buttonM.button_active span span,
a.button_active:active span span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: bottom left;
}
#buttonMicon {
position: relative;
width: 32px;
height: 32px;
top: -38px;
left: 18px;
}
#buttonMicon2 {
position: relative;
width: 32px;
height: 32px;
top: -36px;
left: -68px;
}
#freeupdate {
position: relative;
left: 198px;
}
#holidaysTOP {
position: relative;
width: 170px;
height: 32px;
left: 502px;
top: -116px;
font: bold 14px tahoma, "Trebuchet MS", arial, serif;
text-align: center;
color: white;
}
#telephoneTOP {
position: relative;
width: 150px;
height: 32px;
left: 806px;
top: -95px;
font: bold 18px tahoma, "Trebuchet MS", arial, serif;
text-align: center;
color: white;
}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:718px;
height:431px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
z-index:1000;
}
#nextBtn, #slider1next{
left:718px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(../images/btn_next.gif) no-repeat 0 0;
}
/* numeric controls */
ol#controls{
margin:1em 0;
padding:0;
height:28px;
}
ol#controls li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background: #cce4f7;
color: #4167d3;
padding:0 10px;
text-decoration:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
ol#controls li.current a{
background: #4167d3;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
#navmenu {
margin: 0;
padding: 7px 6px 0;
background: rgba(0,0,0,0) none;
line-height: 15px;
position: relative;
top: -46px;
}
#navmenu li {
margin: 0 3px;
padding: 0 0 8px;
float: left;
position: relative;
list-style: none;
}
/* main level link */
#navmenu a {
font-weight: bold;
color: #e7e5e5;
text-decoration: none;
display: block;
padding: 8px 20px;
margin: 0;
-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#navmenu a:hover {
background: #000;
color: #fff;
}
/* main level link hover */
#navmenu .current a, #navmenu li:hover > a {
background: #666 url(gradient.png) repeat-x 0 -40px;
color: #444;
border-top: solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}
/* sub levels link hover */
#navmenu ul li:hover a, #navmenu li:hover li a {
background: none;
border: none;
color: #666;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#navmenu ul a:hover {
background: #0078ff url(img/gradient.png) repeat-x 0 -100px !important;
color: #fff !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 0 1px 1px rgba(0,0,0, .1);
}
/* dropdown */
#navmenu li:hover > ul {
display: block;
}
/* level 2 list */
#navmenu ul {
display: none;
margin: 0;
padding: 0;
width: 185px;
position: absolute;
top: 35px;
left: 0;
background: #ddd url(gradient.png) repeat-x 0 0;
border: solid 1px #b4b4b4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#navmenu ul li {
float: none;
margin: 0;
padding: 0;
}
#navmenu ul a {
font-weight: normal;
text-shadow: 0 1px 0 #fff;
}
/* level 3+ list */
#navmenu ul ul {
left: 181px;
top: -3px;
}
/* rounded corners of first and last link */
#navmenu ul li:first-child > a {
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
}
#navmenu ul li:last-child > a {
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#navmenu:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#navmenu {
display: inline-block;
}
html[xmlns] #navmenu {
display: block;
}
* html #navmenu {
height: 1%;
}
#toolbar {
position: relative;
left: 0px;
top: -120 px;
background-color: #4167d3;
background-image: url(infos.jpg);
width: 1051px;
height: 35px;
}
#supportinfos {
position: relative;
left: 0px;
top: -26px;
width: 680px;
background-color: #e0f0fd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font: 11px tahoma, "Trebuchet MS", arial, serif;
padding: 5px;
border: 8px solid #e0f0fd;
}
#header_wrapper
{
width: 100%;
height: 350px;
}
#top_bar
{
position: relative;
top: 0px;
width: 1049px;
height: 48px;
background: transparent url('../images/bg_menu.png') repeat-x top;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}
#logoTOP
{
width: 200px;
float: left;
margin: 13px 0 0 30px;
}
.nav
{
float: right;
display: block;
list-style: none;
margin: 0 15px 0 0;
}
.nav li
{
float: left;
display: block;
}
.nav li a
{
display: block;
color: #fff;
padding: 15px 20px 0 20px;
height: 35px;
text-shadow: 0px 1px #000000;
text-decoration: none;
}
.nav li a.active, .nav li a.selected, .nav li a:active, .nav li a:hover
{
background: transparent url('../images/bg_nav_active.png') no-repeat center 80%;
}
.popup
{
width: 158px;
display: none;
position: absolute;
z-index:10;
}
.popup .top
{
width: 158px;
height: 32px;
background: transparent url('../images/bg_popup_top.png') no-repeat center center;
}
.popup .content
{
position: relative;
top: -4px;
width: 158px;
min-height: 60px;
height: 520px;
background: transparent url('../images/bg_popup_content.png') repeat-y center center;
}
.popup .content2
{
position: relative;
top: -4px;
width: 158px;
min-height: 60px;
height: 160px;
background: transparent url('../images/bg_popup_content.png') repeat-y center center;
}
.popup .footer
{
position: relative;
top: -4px;
width: 158px;
height: 20px;
background: transparent url('../images/bg_popup_footer.png') no-repeat center center;
}
.submenu
{
display: block;
list-style: none;
padding-top: 3px;
margin: 0;
}
.submenu li
{
display: block;
width: 100%;
margin: 0;
}
.submenu li a
{
padding: 0;
display: block;
width: 130px;
padding: 5px 0 0 20px;
margin: 0 0 0 3px;
text-align: left;
color: #ffffff;
}
.submenu li a:hover, .submenu li a:active
{
background: transparent url('../images/bg_submenu_selected.png') repeat-x;
color: #fff;
}
#wrapper_prods {
width: 620px;
border: 9px solid #7bc2ff;
margin: 20px auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#list_prods {
border: 1px solid #ffffff;
background-color: #c1eaff;
padding: 40px;
}
/* 3.2 =Image Grid
---------------------------------------------------------------------- */
.image-grid {
margin: -20px 0 0 -40px;
padding-left: 45px;
width: 600px;
}
.image-grid:after {
content: "";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.image-grid li {
width: 128px;
margin: 20px 0 0 35px;
float: left;
text-align: center;
font-family: "Helvetica Neue", sans-serif;
line-height: 17px;
color: #686f74;
height: 190px;
overflow: hidden;
}
.image-grid li img,
.image-grid li strong {
display: block;
}
.image-grid li strong {
color: #000000;
}
#preview{
position:absolute;
background-color:transparent;
padding:5px;
display:none;
color:#fff;
}
.styled-buttonP { position:relative; left:5px; background: transparent url('button_left_cap.png') no-repeat; height:23px; padding-left:11px; display:block; float:left; color:white !important; margin-right:10px; font-size: 11px; text-shadow: 0 -1px 0 #34698f; line-height:20px !important;
text-decoration: none;
}
.styled-buttonP span { background: transparent url('button_right_cap.png') no-repeat center right; float:left; display:block; height:23px; padding-right:10px;
text-decoration: none;
}
.styled-button { background: transparent url('button_left_cap.png') no-repeat; height:23px; padding-left:11px; display:block; float:left; color:white !important; margin-right:10px; font-size: 11px; text-shadow: 0 -1px 0 #34698f; line-height:20px !important;
text-decoration: none;
}
.styled-button span { background: transparent url('button_right_cap.png') no-repeat center right; float:left; display:block; height:23px; padding-right:10px;
text-decoration: none;
}
.styled-buttonGreen { background: transparent url('button_left_cap2.png') no-repeat; height:23px; padding-left:11px; display:block; float:left; color:white !important; margin-right:10px; font-size: 11px; text-shadow: 0 -1px 0 #34698f; line-height:20px !important;
text-decoration: none;
}
.styled-buttonGreen span { background: transparent url('button_right_cap2.png') no-repeat center right; float:left; display:block; height:23px; padding-right:10px;
text-decoration: none;
}
.styled-buttonL { position:relative; left:188px; background: transparent url('button_left_cap.png') no-repeat; height:23px; padding-left:11px; display:block; float:left; color:white !important; margin-right:10px; font-size: 11px; text-shadow: 0 -1px 0 #34698f; line-height:20px !important;
text-decoration: none;
}
.styled-buttonL span { background: transparent url('button_right_cap.png') no-repeat center right; float:left; display:block; height:23px; padding-right:10px;
text-decoration: none;
}
#maskerror{
position:relative;
left=-20px;
top=-50px;
background: #000000;
width=600px;
height=30px;
color:#fff;
}
h2.acc_trigger {
padding: 0; margin: 0 0 5px 0;
background: url(backline.png) no-repeat;
height: 32px; line-height: 32px;
width: 700px;
font-size: 1em;
font-weight: normal;
float: left;
}
h2.acc_trigger a {
color: #fff;
text-decoration: none;
display: block;
padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
color: #ccc;
}
h2.active {background-position: left bottom;}
.acc_container {
margin: 0 0 5px; padding: 0;
overflow: hidden;
position: relative;
top: -5px;
font-size: 1.2em;
width: 694px;
clear: both;
background: #f0f0f0;
border: 1px solid #d6d6d6;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.acc_container .block {
padding: 20px;
}
#menuDock {position:relative; top:-20px; left:-20px; width:100%; display:none;}
/*dock styling...*/
/*...centre the dock...*/
#menuDock div.jqDockWrap {margin:0 auto;}
/*...set the cursor...*/
#menuDock div.jqDock {cursor:pointer;}
/*label styling...*/
div.jqDockLabel {font-weight:bold; white-space:nowrap; color:#000000; cursor:pointer;}