/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/*#################################################################
#####      THIS FILE AND ITS CONTENTS ARE THE PROPERTY OF     #####
#####      OFFSIGHT IT SERVICES LTD.  NO ATTEMPT MUST BE      #####
#####      MADE TO COPY ITS CONTENTS OR USE ELSEWHERE         #####
#####      WITHOUT PERMISSION FROM OFFSIGHT IT SERVICES LTD   #####
#####                                                         #####
###################################################################
#####                                                         #####
#####               WRITTEN 05/04/2009                        #####
#####                                                         #####
#################################################################*/


#leftColumn /*remove this before copying to web*/
{width: 200px; height: auto; float: left}

#rightColumn /*remove this before copying to web*/
{width: 550px; height: auto; float: right; margin: 0px 0px 0px 0px; display: inline-block}




body {background-image: url(images/bg.jpg); font-family: Arial; color:#827e7d; font-size: 10pt; text-align: center}

#logoContainer
{width: 199px; height: 148px; background-image: url(images/logoBg.jpg); position: absolute ; margin: -27px 0px 0px 27px; z-index: 1}

#logoTitle
{width: 100%; height: auto; font-family: Arial; color:#827e7d; font-size: 15pt; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px}

#logoText
{width: 90%; height: auto; font-family: Arial; color:#827e7d; font-size: 10pt; font-weight: normal; text-align: center; margin: 10px 0px 0px 0px;
 padding: 0px 10px 0px 10px}




#contactContainer
{width: 350px; height: 148px; position: absolute ; margin: 0px 0px 0px 250px; z-index: 1; text-align: center; color: #fff; font-weight: bold}

#contactTitle
{width: 100%; height: auto; font-family: Arial; color:#fff; font-size: 20pt; font-weight: bold; text-align: center; margin: 20px 0px 0px 0px}





#container
{width: 780px; height: auto; margin: 50px auto 0px auto; text-align: left}

#header
{width: 100%; height: 154px; background-image: url(images/layout_01.jpg)}

#menuContainer
{width: 768px; height: 33px; background-image: url(images/menuBg.jpg); margin: 5px 6px 5px 6px; text-align: center; font-weight: bold}

.menuItem
{width: auto; height: 15px; float: left; margin: 7px 2.5% 0px 2.5% }

.menuDiv
{width: 1px; height: 22px; background-image: url(images/menuDiv.jpg); float: left; margin: 5px 0px 0px 0px }


#main
{width: 100%; height: auto; background-image:url(images/layout_02.jpg); display:inline-block}

#footer
{width: 780px; height: 21px; background-image: url(images/layout_03.jpg); margin: 0px auto 50px auto; text-align: center}




#categoriesContainer
{width: 189px; height: auto; float: left; margin: 5px 0px 5px 10px; display: inline-block}

.listTitle
{width: 199px; height: 35px; background-image: url(images/listTitle.jpg); color: #62677b; font-family: Arial; font-weight: bold;
 font-size: 12px; text-transform: uppercase; overflow: hidden}
 
.listTitleText
{width: auto; height: auto; margin: 10px 0px 0px 10px}



#categoriesMain
{width: 199px; height: auto;  background-image: url(images/box_02.jpg); display: inline-block}

.catListItem
{width: 181px; height: auto; background-image: url(images/listBullet.jpg); color:#83888b; font-family: Tahoma; font-weight: bold; font-size: 11px; margin: 0px 0px 0px 5px}

.catListItemText
{width: auto; height: auto; padding: 5px 0px 0px 20px}

.catListItemInfoText
{width: auto; height: 25px; padding: 5px 0px 0px 20px}

.bulletSpace
{width: auto; height: auto; margin: 10px 0px 0px 10px; float: left}


 
#categoriesBase
{width: 199px; height: 4px;  background-image: url(images/box_03.jpg); overflow: hidden; font-weight: normal}


.catListContainer
{width: 100%; height: auto; display: inline-block; text-align: center}

.categoryList
{width: auto; height: auto; float: left; margin: 10px 10px}



.productListContainer
{width: 400px; height: auto; display: inline-block; margin: 0px 0px 10px 0px}

.productListinfo
{width: auto; height: auto; float: left; margin: 0px 10px 0px 0px}




#pagesOiContainer
{width: 189px; height: auto; float: left; margin: 5px 0px 5px 10px;}

#pagesOiMain
{width: 199px; height: auto;  background-image: url(images/box_02.jpg);}

#pagesOiBase
{width: 199px; height: 4px;  background-image: url(images/box_03.jpg)}



/*START OPENING TIMES LAYOUT*/
#days
{width: auto; height: auto; line-height: 28px; margin: 0px 0px 0px 5px; float: left; display: inline-block}
#dash
{width: auto; height: auto; line-height: 28px; margin: 0px 10px 0px 10px; float: left; display: inline-block}
#times
{width: auto; height: auto; line-height: 28px; margin: 0px 0px 0px 25px; float: left; display: inline-block}
/* END OPENING TIMES LAYOUT*/

.miniTitle
{color: #62677b; font-family: Arial; font-weight: bold; font-size: 12px; text-transform: uppercase;}




#searchBox
{width: 535px; height: 34px; background-image: url(images/search_01.jpg); float: right; margin: 5px 6px 0px 0px; text-align: left}

.searchText
{width: auto; height: auto; margin: 5px 5px 5px 5px; float: left}

.advSearch
{width: auto; height: auto; float: right; margin: 8px 5px 5px 5px;}

#welcomeContainer
{width: 535px; height: auto; float: right; margin: 5px 6px 0px 0px; display: inline-block}

#mainTitle
{width: 375px; height: 25px; color:#333333; font-family: Myriad Pro; font-size: 18px; text-align: center; float: left; margin: 0px 10px 0px auto}

#welcomeImage
{width: 92px; height: 161px; background-image: url(images/shopFront.jpg); float: left; margin: auto 10px auto 2px}

#welcomeTop
{width: 535px; height: 5px; background-image: url(images/welcome_01.jpg); padding: 0px; margin: 0px; overflow: hidden}

#welcomeMain
{width: 535px; height: auto; background-image: url(images/welcome_02.jpg); display: inline-block}

#welcomeBase
{width: 535px; height: 6px; background-image: url(images/welcome_03.jpg); overflow: hidden}



#newProdContainer
{width: 535px; height: 500px; margin: 5px 0px 0px 0px}

#newProdTitle
{width: 535px; height: 26px; background-image: url(images/newProducts_01.jpg); text-align: right; color:#fff; font-family: Myriad Pro;
  text-transform: uppercase; font-size: 13pt;}

#newProdTitleText
{padding: 3px 30px 0px 0px}
  

#newProductsTop
{width: 535px; height: 11px; background-image: url(images/newProducts_02.jpg); overflow: hidden}

#newProductsMain
{width: 535px; height: auto; background-image: url(images/newProducts_03.jpg); display: inline-block; }

#newProductsBase
{width: 535px; height: 5px; background-image: url(images/newProducts_04.jpg); overflow: hidden}


.newProductDisplay
{width: 246px; height: 306px; background-image: url(images/prodBorder.jpg); float: left; overflow: hidden; margin: 0px 0px 0px 15px; text-align: center}

.newProductDisplayText
{padding: 0px 10px 0px 10px}

.newProdImageBorder
{width: 223px; height: 169px; background-image: url(images/picBorder_01.jpg); margin: 10px 10px 5px 10px; text-align: center; padding: 5px 0px 0px 0px; overflow: hidden}

.newProdTitle
{ font-family: Arial; color:#827e7d; font-size: 10pt; font-weight: bold; text-decoration: underline}


#partners
{width: auto; height: auto; color:#333333; font-weight: bold; font-family: Myriad Pro; font-size: 18px; margin: 20px 0px 0px 0px; }

#partnerBanner
{width: 535px; height: 94px; background-image: url(images/partners.jpg); float: left; overflow: hidden;}







/*#######################################################################################################################################*/



/*** Begin Header Tags SEO ***/
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
/*** End Header Tags SEO ***/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }



A {

  text-decoration: none;
}

A:hover {

  text-decoration: none;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  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 {
  background: #f8f8f9;
}

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: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

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.5;
}

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: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

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;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.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; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }