/*
$Id: stylesheet.css, template: OS03C00179 v3.00 01/17/07 08:17:22 project3000 Exp $
This file created as a part of graphical design by AlgoZone, Inc
http://www.algozone.com for osCommerce v 2.2ms2
Copyright (c) 2003-2005 AlgoZone, Inc
*/
BODY {
background-color: #959595;
font-family: Helvetica;
font-size: 11px;
margin: 0px;
color: #696e64;
}
/* .breadCrumb,.plainbox-description and "BODY TD" for ZenCart */
.boxText, .breadCrumb, .plainbox-description, BODY TD { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #5f5b56; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #720e50; text-decoration: underline; }
A {
color: #720e50;
text-decoration: none;
}
A:hover {
color: #696e64;
text-decoration: underline;
}
FORM {
display: inline;
}
INPUT{
border: 1px solid #b8b09f;
background: #ffffff;
color: #5f5b56;
}
INPUT.submit_button, INPUT.az_login_input, .az_button_submit {
border: 0px !important;
}
tr.header {
background: #17191D;
}
.formArea {
border: 1px solid #b8b09f;
}
tr.headerError { }
td.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
background: #5f5b56;
font-size: 11px;
color: red;
text-align : center;
}
tr.headerInfo { }
td.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
background: #5f5b56;
color: #000000;
text-align: center;
}
tr.footer {
background: #008193;
}
td.footer {
font-family: Arial;
font-size: 11px;
background: #009384;
color: #ffffff;
}
.infoBoxNotice {
background: #C3000B;
}
.infoBoxNoticeContents {
background: #fbf4e4;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd {
}
tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even {
background-color: #f9d3f2;
}
TR.productListing-heading {
}
TD.productListing-heading, TH.productListing-heading {
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #720e50;
white-space: nowrap;
}
.productListing-heading A, TH.productListing-heading A {
color: #720e50;
}
.productListing-heading A:hover, TH.productListing-heading A:hover {
color: #f9d3f2;
}
TD.productListing-data {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border-bottom: 1px solid #CECECE;
}
.pageResults {
font-size: 11px;
color: #696e64;
}
A.pageResults {
color: #720e50;
text-decoration: underline;
}
A.pageResults:hover {
color: #696e64;
}
.pageHeading {
height: 20px;
padding-left: 20px;
}
/* greetUser is for ZenCart and H1 for ms3*/
.pageHeading, DIV.pageHeading, .pageHeading H1, .infoBoxHeadingtop, .greetUser, H1 {
font-family: Arial;
font-size: 15px;
font-weight: bold;
color: #720e50;
}
tr.subBar {
background: #f4f7fd;
}
td.subBar {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}
td.main, P.main {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.3;
}
td.smallText, SPAN.smallText, P.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
td.accountCategory {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #aabbdd;
}
td.fieldKey {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
td.fieldValue {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
td.tableHeading {
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #efebe4;
text-align: left;
width: 494px;
height: 36px;
text-transform: uppercase;
}
SPAN.newItemInCart {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #C3000B;
}
CHECKBOX, INPUT, RADIO, SELECT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
TEXTAREA {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
SPAN.greetUser {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #f0a480;
font-weight: bold;
}
td.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
SPAN.markProductOutOfStock {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}
SPAN.productSpecialPrice {
font-family: Verdana, Arial, sans-serif;
color: #C3000B;
}
SPAN.errorText, .messageStackError {
font-family: Verdana, Arial, sans-serif;
color: #C3000B;
font-size: 11px;
}
.inputRequirement{
font-family: Verdana, Arial, sans-serif;
color: #C3000B;
font-size: 11px;
}
.moduleRow { }
.moduleRowOver { background-color: #f9d3f2; cursor: pointer; }
.moduleRowSelected { background-color: #f9d3f2; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.messageStackError, .messageStackWarning, .messageStackSuccess { font-family: Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
/*
#################
Algozone CSS
#################
*/
/* HEADER bar css controls */
.header_tb { }
.header_td1 {
width: 115px;
height: 99px;
background-image: url("images/az_top_left.jpg");
background-position: left top;
background-repeat: no-repeat;
}
.header_td2 {
width: 223px;
background-image: url("images/az_top_mid.gif");
background-position: left top;
background-repeat: repeat-x;
}
.header_td3 {
width: 442px;
background-image: url("images/az_top_right.jpg");
background-position: left top;
background-repeat: no-repeat;
text-align: center;
padding-top: 63px;
}
.header_td4 {
width: 338px;
height: 253px;
background-image: url("http://i150.photobucket.com/albums/s111/ailil_2007/logo-1.jpg");
background-position: left top;
background-repeat: no-repeat;
}
.header_td5 {
width: 442px;
background-image: url("http://i150.photobucket.com/albums/s111/ailil_2007/4444.jpg");
background-position: left top;
background-repeat: no-repeat;
}
.header_boxes_tb {
height: 86px;
}
.header_boxes_cart {
width: 167px;
background-image: url("images/az_header_boxes_left.gif");
background-position: left top;
background-repeat: no-repeat;
padding-left: 70px;
}
.header_boxes_div {
width: 23px;
background-image: url("images/az_header_boxes_div.gif");
background-position: center center;
background-repeat: no-repeat;
}
TD.infoBoxHeadingHeader {
height: 20px;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #cb7b96;
text-align: left;
vertical-align: bottom;
}
.infoBoxHeader { }
.infoBoxContentsHeader, .infoBoxContentsHeader TABLE, .infoBoxContentsHeader TD.boxText {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #73826d;
}
.infoBoxContentsHeader A:link, .infoBoxContentsHeader A:active, .infoBoxContentsHeader A:visited {
color: #720e50;
text-decoration: underline;
}
.infoBoxContentsHeader A:hover {
color: #73826d;
text-decoration: none;
}
.header_boxes_tb SELECT.currencies { width: 140px; }
.header_boxes_tb SELECT.manufacturers { width: 140px; }
.header_boxes_tb INPUT.search { width: 110px; }
/* MENU bar css controls */
TABLE.menubarmain {
height: 44px;
}
TD.menubarmain_left {
width: 227px;
background-image: url("images/az_nav_menu_left.gif");
background-position: left center;
background-repeat: no-repeat;
}
TD.menubarmain_div {
width: 26px;
background-image: url("images/az_nav_menu_div.gif");
background-position: center;
background-repeat: no-repeat;
}
TD.menubarmain_right {
width: 14px;
background-image: url("images/az_nav_menu_right.gif");
background-position: center;
background-repeat: no-repeat;
}
TD.menubarmain {
background-image: url("images/az_nav_menu_mid.gif");
background-position: center top;
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #2b271f;
text-transform: uppercase;
text-align: center;
vertical-align: top;
padding-top: 4px;
}
.menubarmain A:link, .menubarmain A:active, .menubarmain A:visited {
color: #ffffff;
text-decoration: none;
}
.menubarmain A:hover {
color: #720e50;
text-decoration: none;
}
/* MAIN table css controls */
.siteWidth { width: 780px; }
.az_main_cont {
background-color: #ffffff;
}
#outerFrame { width: 938px; }
.outer_td1 {
width: 86px;
background-image: url("images/az_left_side_top.jpg");
background-position: right top;
background-repeat: no-repeat;
}
.outer_td2 {
width: 72px;
background-image: url("images/az_right_side_top.jpg");
background-position: left top;
background-repeat: no-repeat;
}
.outer_td3 {
width: 86px;
height: 144px;
background-image: url("images/az_left_side_bottom.jpg");
background-position: right bottom;
background-repeat: no-repeat;
}
.outer_td4 {
width: 72px;
height: 144px;
background-image: url("images/az_right_side_bottom.jpg");
background-position: left bottom;
background-repeat: no-repeat;
}
.inner_footer {
background-color: #ffffff;
vertical-align: bottom;
}
/* LEFT bar css controls */
.maincont_left_td {
width: 210px;
}
.leftbar_tb {
width: 210px;
}
TD.infoBoxHeadingLcornerLeft {
}
TD.infoBoxHeadingLeft {
height: 30px;
}
TD.infoBoxHeadingRcornerLeft {
}
TD.infoBoxHeadingLeft {
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #720e50;
text-align: left;
vertical-align: bottom;
padding-left: 25px;
}
.infoBoxLeft {
padding-left: 15px;
padding-right: 15px;
}
.infoBoxContentsLeft, .infoBoxContentsLeft TD.boxText, .infoBoxContentsLeft TD.boxText .infoBoxContents {
font-family: Tahoma;
font-weight: normal;
font-size: 11px;
color: #696e64;
line-height: 1.5;
}
.infoBoxContentsLeft TD.boxText A:link, .infoBoxContentsLeft TD.boxText A:active, .infoBoxContentsLeft TD.boxText A:visited,
.infoBoxContentsLeft A:link, .infoBoxContentsLeft A:active, .infoBoxContentsLeft A:visited {
color: #720e50;
text-decoration: underline;
}
.infoBoxContentsLeft TD.boxTex A:hover,
.infoBoxContentsLeft A:hover {
color: #696e64;
text-decoration: none;
}
TD.infoBoxHeadingLcornerLeft_categ {
}
TD.infoBoxHeadingLeft_categ {
height: 28px;
padding-bottom: 8px;
}
TD.infoBoxHeadingRcornerLeft_categ {
}
TD.infoBoxHeadingLeft_categ {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #720e50;
text-align: left;
vertical-align: bottom;
padding-left: 25px;
}
.infoBoxLeft_categ {
padding-left: 0px;
padding-right: 15px;
}
.infoBoxContentsLeft_categ, .infoBoxContentsLeft_categCell, .infoBoxContentsLeft_categ .boxText {
height: 18px;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #696e64;
text-align: left;
padding-bottom: 3px;
}
.infoBoxContentsLeft_categCell {
height: 16px;
}
.infoBoxContentsLeft_categCell A:link, .infoBoxContentsLeft_categCell A:active, .infoBoxContentsLeft_categCell A:visited,
.infoBoxContentsLeft_categ A:link, .infoBoxContentsLeft_categ A:active, .infoBoxContentsLeft_categ A:visited {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #720e50;
}
.infoBoxContentsLeft_categCell A:hover,
.infoBoxContentsLeft_categ A:hover {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #696e64;
}
/* RIGHT bar css controls */
.maincont_right_td {
width: 0px;
}
.rightbar_tb {
width: 0px;
}
TD.infoBoxHeadingLcornerRight {
}
TD.infoBoxHeadingRight {
height: 30px;
}
TD.infoBoxHeadingRcornerRight {
}
TD.infoBoxHeadingRight {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #383126;
text-align: left;
vertical-align: bottom;
padding-left: 25px;
}
TD.infoBoxHeadingRight A:link, TD.infoBoxHeadingRight A:active, TD.infoBoxHeadingRight A:visited, TD.infoBoxHeadingRight A:hover {
color: #383126;
}
.infoBoxRight {
padding-left: 15px;
padding-right: 15px;
}
.infoBoxContentsRight, .infoBoxContentsRight TD.boxText, .infoBoxContentsRight TD.boxText .infoBoxContents {
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 11px;
color: #383126;
}
.infoBoxContentsRight TD.boxText A:link, .infoBoxContentsRight TD.boxText A:active, .infoBoxContentsRight TD.boxText A:visited,
.infoBoxContentsRight A:link, .infoBoxContentsRight A:active, .infoBoxContentsRight A:visited {
color: #6f1402;
text-decoration: none;
}
.infoBoxContentsRight TD.boxTex A:hover,
.infoBoxContentsRight A:hover {
color: #383126;
text-decoration: underline;
}
/* CENTER bar css controls */
.maincont_mid_td { padding-right: 5px; }
TD.infoBoxHeadingLcorner, TD.infoBoxHeadingLcornerCenter {
}
TD.infoBoxHeading, TD.infoBoxHeadingCenter {
height: 30px;
}
TD.infoBoxHeadingRcorner, TD.infoBoxHeadingRcornerCenter {
}
/* .plainBoxHeading for ZenCart */
TD.infoBoxHeading, TD.infoBoxHeadingCenter, TD.plainBoxHeading {
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #720e50;
text-align: left;
padding-left: 15px;
}
/* .plainBox for ZenCart and moduleBox for ms3 */
.infoBox, .infoBoxCenter, .newProductsBox, .plainBox, .moduleBox { }
.infoBox, .plainBox, .moduleBox { border: #e4cfdc solid 1px; }
TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
.infoBoxContents {
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
color: #696e64;
text-align: left;
line-height: 1.5;
}
.infoBoxContents A:link, .infoBoxContents A:active, .infoBoxContents A:visited,
.infoBoxContentsCenter A:link, .infoBoxContentsCenter A:active, .infoBoxContentsCenter A:visited {
color: #720e50;
text-decoration: underline;
}
.infoBoxContents A:hover, .infoBoxContentsCenter A:hover {
color: #696e64;
text-decoration: none;
}
/* PRODUCT box css controls */
.productBoxHeading_tb { }
TD.productBoxHeadingRcorner { }
TD.productBoxHeading { }
TD.productBoxHeadingLcorner { }
TD.productBoxHeading { }
TD.productBoxHeading A:link, TD.productBoxHeading A:active, TD.productBoxHeading A:visited { }
TD.productBoxHeading A:hover { }
.productBoxOuter {
height: 110px;
}
.productBox {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
color: #696e64;
height: 110px;
background-image: url("http://i150.photobucket.com/albums/s111/ailil_2007/az_product_list_bg.gif");
background-position: right bottom;
background-repeat: no-repeat;
}
.productBoxContent {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #696e64;
width: 257px;
}
.productBox A:link, .productBox A:active, .productBox A:visited,
.productBoxContent A:link, .productBoxContent A:active, .productBoxContent A:visited {
font-weight: bold;
color: #720e50;
text-decoration: none;
}
.productBox A:hover, .productBoxContent A:hover {
font-weight: bold;
color: #696e64;
text-decoration: underline;
}
.productBoxImage {
width: 115px;
text-align: center;
vertical-align: middle;
}
.productBoxDescription {
vertical-align: bottom;
padding: 0px 10px 0px 10px;
}
.productBoxName, .productBoxPrice {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #b54d72;
height: 30px;
text-align: left;
vertical-align: top;
padding-left: 10px;
}
.productBoxName { font-size: 12px; }
.productBoxPrice { font-size: 14px; }
.productBoxBottom_tb {
height: 18px;
}
.productBoxLBottom {
text-align: left;
vertical-align: top;
padding-left: 10px;
}
.productBoxRBottom {
text-align: right;
vertical-align: top;
padding-right: 10px;
}
.productBoxLBottom A:link, .productBoxLBottom A:active, .productBoxLBottom A:visited,
.productBoxRBottom A:link, .productBoxRBottom A:active, .productBoxRBottom A:visited {
color: #720e50;
}
.productBoxLBottom A:hover,
.productBoxRBottom A:hover {
color: #696e64;
}
.productInfo {
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
color: #5f5b56;
text-align: left;
line-height: 1.5;
}
.productInfoPrice {
font-family: Tahoma, Arial;
font-weight: bold;
font-size: 14px;
color: #b54d72;
height: 30px;
}
.productInfo A:link, .productInfo A:active, .productInfo A:visited {
color: #720e50;
text-decoration: underline;
}
.productInfo A:hover {
color: #696e64;
text-decoration: none;
}
TABLE.subFooter { clear: both; }
/* FOOTER bar css controls */
.footer_tb {
height: 104px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #a8a297;
background-image: url("images/az_bottom_mid.gif");
background-position: left top;
background-repeat: repeat-x;
}
.footer_tb A:link, .footer_tb A:active, .footer_tb A:visited {
color: #ffffff;
text-decoration: underline;
}
.footer_tb A:hover {
color: #f9d3f2;
text-decoration: none;
}
.footer_td1 {
width: 79px;
background-image: url("images/az_bottom_left.jpg");
background-position: left top;
background-repeat: no-repeat;
}
.footer_td2 {
width: 168px;
padding-top: 12px;
}
.footer_td3 {
width: 533px;
background-image: url("images/az_bottom_right.jpg");
background-position: left top;
background-repeat: no-repeat;
padding-top: 12px;
}
.footer_menu_tb {
font-family: Tahoma;
font-weight: normal;
color: #8d8d8d;
font-size: 10px;
margin-top: 4px;
margin-bottom: 4px;
}
.footer_menu_tb A:link, .footer_menu_tb A:active, .footer_menu_tb A:visited {
color: #ffffff;
text-decoration: underline;
}
.footer_menu_tb A:hover {
color: #f9d3f2;
text-decoration: none;
}
/* BUTTONS css controls */
.az_button_img {
background-image: url("images/az_button_mid.gif");
background-repeat: repeat-x;
background-position: top left;
white-space: nowrap;
color: #ffffff;
background-color: #cdd733;
font-family: Tahoma;
font-weight: normal;
font-size: 12px;
cursor: pointer;
display: inline;
text-decoration: none;
height: 20px;
}
.az_button_submit {
background-image: url("images/az_button_mid.gif");
background-repeat: repeat-x;
white-space: nowrap;
vertical-align: top;
border: 0px;
color: #ffffff;
background-color: #cdd733;
font-family: Tahoma;
font-weight: normal;
font-size: 12px;
cursor: pointer;
height: 20px;
margin: 0px auto;
}
/* DIV specific */
.centeredContainer { margin: auto; }
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.alignTop { vertical-align: top; }
.alignMiddle { vertical-align: middle; }
.alignBottom { vertical-align: bottom; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.inline { display: inline; }
.block { display: block; }
.nowrap { white-space: nowrap; }
.paddingTop { padding-top: 5px; }
.paddingRight { padding-right: 5px; }
.paddingBottom { padding-bottom: 5px; }
.paddingLeft { padding-left: 5px; }
.marginTop { margin-top: 5px; }
.marginRight { margin-right: 5px; }
.marginBottom { margin-bottom: 5px; }
.marginLeft { margin-left: 5px; }
.listPlain {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.noborder { border: none; }
/* ANIMATED BOXES css controls */
.jsButton, .jsTrigger { cursor: pointer; }
.animBox {
position: relative;
overflow: hidden;
white-space: nowrap;
margin: 0;
padding: 0;
}
.animBoxDropover {
position: absolute;
visibility: hidden;
overflow: hidden;
margin: 0;
padding: 0;
}
#btn_animBoxCart { }
#animBoxCart {
border: #66692c solid 1px;
background-color: #eaeeab;
width: 200px;
z-index: 100;
}
.animBoxCartImage { }
.animBoxCartContent {
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #73826d;
}
.animBoxCartContent A:link, .animBoxCartContent A:active, .animBoxCartContent A:visited {
text-decoration: underline;
}
.animBoxCartContent A:hover {
text-decoration: none;
}
.animBoxCartName, .animBoxCartName A:link, .animBoxCartName A:active, .animBoxCartName A:visited {
font-weight: bold;
color: #720e50;
text-decoration: none;
}
.animBoxCartName A:hover {
font-weight: bold;
color: #720e50;
text-decoration: underline;
}
.animBoxCartTotal, .animBoxCartLink {
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #696e64;
}
.animBoxCartLink { border-bottom: #66692c solid 1px; }
.animBoxCartTotal { border-top: #66692c solid 1px; }
.animBoxCartNotice {
padding: 5px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #696e64;
}
#animBoxNAME { }