* {margin:0; padding:0;}
body {background-color:#fff; text-align:center;}
.infobox2 {width:100%; border: 1px solid #777}
a {text-decoration:none; color:#1970ad;}
a:hover {text-decoration: underline; color:#060;}
input {padding:0; vertical-align:middle;}
input, checkbox, radio, select {font:11px verdana,arial,sans-serif;}
textarea {width:100%; font:11px verdana,arial,sans-serif;}
#divWrap {width:800px; margin:0 auto; text-align:left; background:url(images/bg_wrap.gif) repeat-x;}
#divLeft {width:200px; max-width:200px; min-width:199px; float:left;}
#divPageLogo {margin-top:56px; margin-bottom:10px; width:184px; height:91px; background:url(images/logo.gif) no-repeat center center;}
#divLeftIn {padding:4px;}
#divPage {float:left;}
#divPageTop {width:600px;}
#divHeader {width:600px; height:160px;}
#divHeaderIn {text-align:left;}
#divMiddle {width:600px; min-width:600px; display:table-cell;}
#divMain {width:470px; min-width:450px; float:left;}
#divMainIn {overflow:hidden;}
#divRight {width:120px; max-width:120px; min-width:119px; float:right;}
#divRightIn {padding:2px;}
#divFooter {}
#divFooterIn {}
.clear {clear:both;}
.divClear {height:0; line-height:0.1; clear:both;}
.divClearLeft {height:0; line-height:0.1; clear:left;}
#divHeaderStuff {}
#divHeaderStuffSpc {display:none;}
#divHeaderBoxContent {height:112px; overflow:hidden;}
#divHeaderLang {width:200px; margin-top:24px; font:10px verdana,arial,sans-serif; color:#777777; padding:8px; text-align:center; float:right;}
#divHeaderCart {width:80px; height:64px; margin-top:40px; padding:10px 8px 0 54px; font:11px arial,sans-serif; background:url(images/bg_header_cart.gif) top center no-repeat; float:left;}
#divHeaderCart a {color:#000;}
#divHeaderCart a:hover {color:#c70000;}
#divHeaderLinks {width:200px; padding:16px 0 0 16px; float:right;}
#divTopMenuBar {}
#divTopMenu {width:600px;}
#divTopMenuSpacer {height:0; clear:both;}
div.headerLinks ul {line-height:1;}
div.headerLinks ul li {list-style:none; line-height:1;}
div.headerLinks ul li a {font:10px verdana,arial,sans-serif; color:#1970ad; line-height:1; padding:0 8px;}
div.headerLinks ul li a:hover {color:#c70000;}
.headerError {font:bold 11px verdana,arial,sans-serif; background-color:#ffcccc; text-align:center; clear:both;}
.headerInfo {font:bold 11px verdana,arial,sans-serif; background-color:#ccffcc; text-align:center; clear:both;}
div.topMenu ul li {list-style-type:none; width:105px; height:40px; text-align:center; float:left;}
div.topMenu ul li a {font:bold 12px arial,sans-serif; color:#666; padding:0; display:block; width:100%; height:100%; line-height:3.2; background:url(images/bg_mainmenu_item.gif) center center no-repeat;}
div.topMenu ul li a:hover {text-decoration:none; color:#000;}
div.topMenu ul li ul {background-color:#fff; left:-999em; width:160px; position:absolute; height:auto; border:1px solid #000; z-index:10;}
div.topMenu ul li ul li{width:100%; height:16px; margin:0; text-align:left; padding:0;}
div.topMenu ul li ul li a {width:100%; display:block; padding:2px 2px 1px 8px; background-image:none; color:#000; line-height:1.0;}
div.topMenu ul li ul li a:hover {color:#f00;}
div.topMenu ul li:hover ul {left:auto;}
div.topMenu ul li.sfhover ul {left:auto;}
div.topMenu ul li ul ul {margin:-20px 0 0 160px;}
div.topMenu ul li:hover ul ul {left:-999em;}
div.topMenu ul li.sfhover ul ul {left:-999em;}
div.topMenu ul li li:hover ul {left:auto;}
div.topMenu ul li li.sfhover ul {left:auto;}
div.topMenu ul li ul li ul ul {margin:-20px 0 0 160px;}
div.topMenu ul li ul li:hover ul ul {left:-999em;}
div.topMenu ul li ul li.sfhover ul ul {left:-999em;}
div.topMenu ul li ul li li:hover ul {left:auto;}
div.topMenu ul li ul li li.sfhover ul {left:auto;}
div.topMenu ul li li:hover {background-color:#fcc;}
div.topMenu ul li li.sfhover {background-color:#fcc;}
div.topMenu ul li:hover, div.topMenu ul li.sfhover {position:static;}
div.menuLeft {text-align:center; padding:4px;}
.menuVertDefault ul li {list-style-type:none; width:180px; font:bold 11px arial,sans-serif; color:#666666; text-align:left;}
.menuVertDefault ul li a {padding:2px; display:block; width:100%; line-height:1.6; color:#666666;}
.menuVertDefault ul li a:hover {text-decoration:none; color:#ccffff; background-color:#ffcc99;}
.menuHorDefault ul li {list-style-type:none; font:bold 11px arial,sans-serif; text-align:center; float:left;}
.menuHorDefault ul li a {display:block; color:#663300; background-color:#fff; padding:2px; width:100%; line-height:1.6;}
.menuHorDefault ul li a:hover {text-decoration:none; color:#003300; background-color:#ffcc99;}
div.tableBox {padding:4px;}
.sideBox {}
.infoBox {font:10px verdana,arial,sans-serif;}
div.infoBox {padding:4px; border:1px solid #777777;}
div.infoBox ul {list-style-type:none; padding-left:4px;}
#divLeft div.infoBox, #divTopSearch {width: 172px; padding:4px; border:1px solid #999; border-top-width:0; background-image:url(images/bg_box.gif); background-repeat:repeat-x;}
#divTopSearch {padding-top:10px; padding-bottom:10px;}
#divTopSearch input {border:1px solid #c70000;}
.infoBoxHeading {font:bold 12px verdana,arial,sans-serif; color:#1970ad;}
#divLeft .infoBoxHeading {font:bold 12px verdana,arial,sans-serif; color:#fff;}
#divLeft div.infoBoxHeading {height:20px; background-image:url(images/bg_sideboxheading.gif); background-repeat:no-repeat; text-align:left; padding: 4px 0 0 8px;}
#divRight div.infoBoxHeading {text-align:center; margin-top:10px;}
a.infoBoxHeading:hover {color:#c70000;}
.infoBoxContents {font:10px verdana,arial,sans-serif; color:#000000;}
.infoBoxNotice {background-color:#ff9999;}
.infoBoxNoticeContents {background-color: #ffcccc; font:10px verdana,arial,sans-serif; color:#000000;}
.errorBox {font:11px verdana,arial,sans-serif; background-color: #ffcccc;}
.clearBox {}
div.brandList {}
.brandList {font:12px verdana,arial,sans-serif; font-weight:bold;}
a.brandList:hover {}
.boxText a {display:block; width:100%;}
div.boxText {padding:2px 4px;}
a.boxCatText {font:12px verdana,arial,sans-serif;}
a.boxSubcatText {font:11px verdana,arial,sans-serif; display:block; padding:0 2px;}
.pageContent {font:bold 11px verdana,arial,sans-serif; color:#000000;line-height: 1.5;}
div.pageContent {width:95%; padding:4px 10px 10px 20px; overflow:hidden;}
.main {font:11px verdana,arial,sans-serif;line-height:1.5;}
div.main {padding:10px 0;}
.smallText {font:10px verdana,arial,sans-serif; color:#999999;}
td.main {padding:4px 2px;}
div.mainList {padding: 4px 8px 4px 32px;}
table.listData {}
table.listData tr th {font:bold 10px verdana,arial,sans-serif; background-color:#166dbd; color:#fff; text-align:left; padding:1px 4px;}
table.listData tr td{font:10px verdana,arial,sans-serif; border:0 solid #99ccff; padding:3px; border-width:0 0 1px 0;}
div.listData iframe {border:1px solid #000000;}
div.inputBox {font:11px verdana,arial,sans-serif; padding:4px;}
table.dataInput {}
table.dataInput tr td {font:11px verdana,arial,sans-serif; padding:4px; vertical-align:top;}
table.dataInput tr th {font:bold 11px verdana,arial,sans-serif; text-align:left; padding:4px;}
.inputRequirement {font:bold 12px verdana,arial,sans-serif; color:#c70000;}
div.footerMenuBottom {}
div.footerSeparator {background-color:#777777; height:4px; line-height:0.1;}
#divCart {border:3px solid #1970ad;padding:2px;}
.divCart {font:10px verdana,arial,sans-serif; color:#1970ad;}
#divWastebin {border:3px solid #c70000;height: 80px; background-image:url(images/trash64x64.gif); background-repeat:no-repeat; background-position:bottom center;}
#divItems img {width:25px; height:25px;}
#indicator {font:14px verdana,arial,sans-serif; color:#1970ad; background-color:#fff; border:3px solid #1970ad; display:block; padding:8px; text-align:center;}
.wastebin {font:10px verdana,arial,sans-serif; color:#1970ad; background-color:#ffffcc; text-align:center;}
.cart-active {background-color:#fcc;}
.wastebin-active {background-color:#cff;}
.cartHead {font:bold 11px verdana,arial,sans-serif; color:#1970ad;}
.cartTotal {font:bold 10px verdana,arial,sans-serif; color:#1970ad;}
.cartPrice {font:bold 10px verdana,arial,sans-serif; color:#c70000;}
a.cartCheckout {font:bold 11px verdana,arial,sans-serif; background-color:#c70000;color:#fff; text-transform:uppercase; text-decoration:none;}
a.cartCheckout:hover {color:#fff; background-color:#1970ad;}
.dragItem {font:10px verdana,arial,sans-serif; color:#777777;text-align:center;}
td.dragItem {width:110px;}
div.cartUpdateIndicator {position:absolute; width:200px; top:300px; left:400px; z-index:100;}
.productListing {}
div.productListing {padding:5px 5px 20px 5px;}
.productListingHeading, .productInfoHeading, .pageHeading {font:bold 12px verdana,arial,sans-serif; color:#fff; text-transform:uppercase; }
div.pageHeading, div.productListingHeading, div.productInfoHeading {padding:13px 13px; overflow:hidden; background-image:url(images/title_bg.jpg); margin-bottom:10px;}
.productInfoImage {font:bold 10px verdana,arial,sans-serif; color:#1970ad;}
div.productInfoImage {width:25%; text-align:center; border:1px solid #cccccc; padding:4px;}
div.productInfoSpec {width:65%; text-align:left; overflow:hidden;}
.productInfoTable {font:bold 10px verdana,arial,sans-serif; color:#000000;}
table.productInfoTable {border:1px solid #999999;}
td.productInfoTable {text-align:center;}
div.productButtons {padding:4px;}
div.productListingCat {padding:0 0 10px 0; border:1px dashed #999999;border-width:0 0 1px 0;}
.productListingSubHeading {font:bold 12px verdana,arial,sans-serif; color:#1271b3;}
span.productListingSubHeading {}
a.productListingSubHeading {}
td.productListingLeft {width:33%; border:0px dashed #999999;border-width:0 padding: 2px;}
td.productListingRight {width:33%; border:0px dashed #999999; border-width:0; padding: 2px;}
td.productListingLeftSpecials {width:50%; border:1px dashed #999999;border-width:0 0px 1px 0; padding: 2px;}
div.productListingItemNew {padding:8px; border:1px dashed #999999; border-width:0 0 1px 0;}
table.productListingItem {width:100%;}
td.productListingText {}
.productListingName {font:bold 12px arial,sans-serif; color:#000000;}
.productListingName2 {font:bold 12px arial,sans-serif; color:#000;}
a.productListingName:hover {color:#1970ad; text-decoration:none;}
a.productListingName2:hover {color:#000; text-decoration:none;}
.productListingDescr {font:11px verdana,arial,sans-serif; color:#000000;}
.productListingPrice {font:bold 11px verdana,arial,sans-serif; color:#000;}
.productListingPriceOld {font:bold 11px verdana,arial,sans-serif; color:#999; text-decoration:line-through;}
.productListingPriceNew {font:bold 11px verdana,arial,sans-serif; color:#c30;}
td.productListingButtons {padding:4px; text-align:left;}
table.productListingNav {width:90%; padding:4px;}
.catTrail{font:bold 11px verdana,arial,sans-serif; color:#1970ad;}
.catTrail {padding:4px 10px;}
.txtBtn {font:bold 11px arial,sans-serif; background-color:#4d4d4d; color:#fff; padding:2px 8px; cursor:pointer; text-transform:lowercase;}
input.txtBtn {font:bold 11px arial,sans-serif; background-color:#c70000; border-width:0; color:#fff; padding:1px 4px; cursor:pointer; text-transform:lowercase;}
a.txtBtn:hover {color:#fff; text-decoration:none; background-color:#cd1717;}
input.searchBtn {border:1px solid #c70000; background-color:#c70000; color:#fff; font:bold 12px verdana,arial,sans-serif; text-transform:uppercase;}
.messageBox {font:11px verdana,arial,sans-serif; color:#000000;}
.messageStackError, .messageStackWarning {font:11px verdana,arial,sans-serif; color:#000000; background-color: #ffcccc;}
.messageStackSuccess {font:11px verdana,arial,sans-serif; color:#000000; background-color: #ccffcc;}
form {display: inline;}
.stockWarning {font:11px verdana,arial,sans-serif; color:#cc0033; }
.productsNotifications {background-color: #ccffff; }
.orderEdit {font:11px verdana,arial,sans-serif; color:#999999; text-decoration:underline; }
.old_price {font: 12px verdana,arial,sans-serif; color: black; text-decoration: line-through;}
.productSpecialPrice {font:bold 16px verdana,arial,sans-serif; color: red;}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
overflow:visible;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -110px;left: 0px; /*position where enlarged image should offset horizontally */
}
/*-------------------------------------*/
/* Horizontal Drop-Down Menu Style */
/*-------------------------------------*/
.horbar { /* Color of main horizontal menubar and border */
color: black;
background-color: #e6e7e6;
border: 1px outset #525252;
}
.horizitem { /* Behaviour of main horizontal menu items, leave as is for proper operation */
float: left;
white-space: nowrap;
}
.horizitem a { /* Font style, size of submenu items */
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
position: relative;
display: block;
}
.horizitem a:link, .horizitem a:visited { /* Font style & color of main menu items */
color: #000000;
text-decoration: none;
}
.horizitem a:hover { /* Font style & color, background menu color of main menu item when hovered over */
color: #ffffff;
background-color: #21459c;
text-decoration: none;
}
.horizitem a:active { /* Font style & color, background menu color of main menu item when clicked */
color: #ffff00;
background-color: #666666;
text-decoration: none;
}
.horizsubmenu { /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
position: absolute;
left: 0;
top: 0;
visibility: hidden;
}
.horizsubframe { /* Color of submenu item and border */
background-color: #e6e7e6;
border: 2px outset #fdfefd;
position: relative;
display: block;
}
.horizsubitem { /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
text-align: left;
white-space: nowrap;
}
.horizsubitem a { /* Font style, size of submenu items */
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
position: relative;
display: block;
}
.horizsubitem a:link, .horizsubitem a:visited { /* Font color, style of submenu items */
color: #000000;
font-size: 12px;
text-decoration: none;
}
.horizsubitem a:hover { /* Font color, style, background submenu color of submenu item when hovered over */
color: #ffffff;
background-color: #21459c;
text-decoration: none;
}
.horizsubitem a:active { /* Font color, style, background submenu color of submenu item when clicked */
color: #ffff00;
background-color: #666666;
text-decoration: none;
}
.horizsubitem .horizfwdarr, .horizitem .horizfwdarr { /* Positioning of right arrow for submenus */
position: absolute;
top: 5px;
right: 8px;
}
.dmselected { /* Style override for selected category tree */
background-color: #ccc;
font-weight: bold;
}
.horbar .dmselected { /* Style override for selected root category */
background-color: #999;
}
/*---------------------------------*/
/* Vertical Fly-Out Menu Style */
/*---------------------------------*/
.verbar { /* Color of main vertical menubar and border */
color: black; width:200px;
background-color: #e6e7e6; margin-left:-3px;
border: 1px outset #fdfefd;
}
.vertitem { /* Behaviour of main vertical menu items, leave as is for proper operation */
text-align: left; width:198px; height:25px;
white-space: nowrap;
}
.vertitem a { /* Font style, size of main menu items */
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none; text-wrap:true;
position: relative;
display: block; max-width:198px;
width:198px;
}
.vertitem a:link, .vertitem a:visited { /* Default font style & color of main menu items */
color: #000000;
text-decoration: none;
}
.vertitem a:hover { /* Font style & color, background menu color of main menu item when hovered over */
color: #ffffff;
background-color: #21449c;
text-decoration: none;
}
.vertitem a:active { /* Font style & color, background menu color of main menu item when clicked */
color: #ffff00;
background-color: #666666;
text-decoration: none;
}
.vertsubmenu { /* Behaviour of sub-menu - leave as is for proper operation of submenus */
position: absolute;
left: 0;
top: 0;
visibility: hidden;
}
.vertsubframe { /* Color of submenu item and border */
background-color: rgb(205,205,205);
border: 2px outset #fdfefd;
}
.vertsubitem { /* Behaviour of sub-menu - leave as is for proper operation of submenus */
text-align: left;
white-space: nowrap;
}
.vertsubitem a { /* Font style, size of submenu items */
font-family: Verdana, Arial, sans-serif; color: rgb(96,176,255);
font-size: 12px;
text-decoration: none;
font-weight: bold;
position: relative;
display: block;
}
.vertsubitem a:link, .vertsubitem a:visited { /* Default font style & color of submenu items */
color: #333333;
text-decoration: none;
}
.vertsubitem a:hover { /* Font style & color, background submenu color of submenu item when hovered over */
color: #ffffff;
background-color:rgb(107,163,255);
text-decoration: none;
}
.vertsubitem a:active { /* Font style & color, background submenu color of submenu item when clicked */
color: #ffff00;
background-color: #666666;
text-decoration: none;
}
.vertsubitem .vertfwdarr, .vertitem .vertfwdarr { /* Positioning of right arrow for submenus */
position: absolute;
top: 5px;
right: 8px;
}
.dmselected { /* Style override for selected category tree */
background-color: #ccc;
font-weight: bold;
}
.verbar .dmselected { /* Style override for selected root category */
background-color: #999;
}
/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/
.treemenudiv { /* Behaviour of tree/plain menu item - leave as is for proper performance */
display: block;
white-space: nowrap;
}
.phplmbodytable { /* Class of table cells containing plain menus */
}
.phplmnormal { /* Font size & color of unlinked menu items */
color: #000000;
font-size: 13px;
text-decoration: none;
}
a.phplm:link, a.phplm:visited { /* Font color, style of linked & visited menu items */
color: #003300;
font-size: 13px;
text-decoration: none;
}
a.phplm:hover { /* Font color, style of menu items when hovered over */
color: #841212;
background-color: #ccc;
font-size: 13px;
text-decoration: none;
}
a.phplm:active { /* Font size & color of menu items when clicked */
color: #ff0000;
font-size: 13px;
text-decoration: none;
}
.dmselected { /* Style overide for selected category tree */
background-color: #ccc;
font-weight: bold;
}