/*#################################################################
#####      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 28/10/2009                        #####
#####                                                         #####
#################################################################*/


.catBullet
{
width: 16px;
height: 12px;
background-image: url(../images/blackSplat.jpg);
background-repeat: no-repeat;
float: left;
margin: 2px 5px 0px 10px;
}

.catSubBullet
{
width: 16px;
height: 12px;
background-image: url(../images/pinkSplat.jpg);
background-repeat: no-repeat;
float: left;
margin: 2px 5px 0px 20px;
}


/*--- FONT STYLES START ---*/

.pageHeading
{
color: #757575;
font-family: arial;
font-size: 14pt;
margin: 10px 0px 0px 25px;
}

.pageHeading a
{
color: #757575;
text-decoration: underline;
}

h1
{
font-weight: bold;
font-size: 18pt;
color: #757575;
margin: 3px;
}

h2
{
font-weight: bold;
font-size: 14pt;
color: #757575;
margin: 0px;
}

h3
{
font-size: 14pt;
font-weight: bold;
margin: 10px 0px 10px 0px;
}

h4
{
font-size: 10pt;
color: #757575;
font-weight: normal
}
/*--- FONT STYLES END ---*/



body
{
margin: 0px auto 0px auto;
text-align: center;
font-family: arial;
background-image: url(../images/bodyBg.jpg);
background-repeat: repeat-x;
background-color: #f2df99
}

a
{
color: #757575;
text-decoration: none
}

.container
{
width: 932px;
height: auto;
display: inline-block;
text-align: left;
margin: 0px auto 0px auto;
background-color: #91b2dd;
}

.logoArea
{
width: 755px;
height: 114px;
display: inline-block;
float: right;
background-color: #fff;
padding: 0px 0px 0px 0px;
}

.formTest
{
width: 100%;
height: 5000px;
background-color: red;
}

.logo
{
width: 209px;
height: 61px;
background-image: url(../images/logo.jpg);
float: left;
margin: 0px 0px 10px 0px;
}

.logoTag
{
width: 289px;
height: 23px;
background-image: url(../images/logoTag.jpg);
float: right;
margin: 47px 0px 0px 0px;
}

.headerBar
{
width: 750px;
height: 41px;
background-image: url(../images/headerBarBg.jpg);
float: left;
color: #fff;
font-size: 10pt;
display: inline-block;
}

.headerBarText
{
width: 400px ;
height: 20px;
float: left;
margin: 12px 0px 0px 40px;
color: #fff;
}

.headerBarLink 
{
color: #fff;
margin: 0px 10px 0px 10px;
font-weight: bold
}


/*---START SEARCH BOX---*/
.searchContainer
{
width: 240px;
height: 20px;
float: right;
margin: 3px 0px 0px 0px;
}

.searchText
{
float: left;
margin: 6px 5px 0px 5px;
}

.searchButton
{
float: left;
margin: 6px 5px 0px 0px;
}
/*---END SEARCH BOX---*/

.footer
{
width: 932px;
height: 28px;
display: inline-block;
background-image: url(../images/footer.gif);
margin: 5px 0px 0px 0px;
}

.footerText
{
width: 20%;
height: auto;
text-align: center;
color: #757575;
float: left;
margin: 9px 0px 0px 0px;
font-size: 10pt;
}

.footerText a
{
text-decoration: underline;
}



.tellAfriendContainer
{
width: 270px;
height: 40px;
float: left;
position: absolute;
top: 145px;
left: 300px;
}

.logoutContainer
{
width: 100px;
height: 30px;
float: left;
position: absolute;
top: 150px;
left: 570px;
text-align: center;
}

.logoutContainer a
{
color: #000;
text-decoration: underline;
}


/*---COLUMN SETUP START---*/
.columnLeft
{
width: 169px;
height: auto;
display: inline-block;
float: left;
background-image: url(../images/menuBg.jpg);
background-repeat: no-repeat;
background-color: #91b2dd;
margin: 0px 0px 0px 0px;
color: #91b2dd;
}

.menuLogoTop
{
width: 169px;
height: 89px;
float: left;
display: inline-block;
background-image: url(../images/menuLogo.jpg);
}

.columnRight
{
width: 755px;
height: auto;
display: inline-block;
float: right;
background-color: #fff;
text-align: center;
}

.columnRightText
{
width: 747px;
height: auto;
display: inline-block;
background-color: #fff;
text-align: left;
margin: 0px 4px 0px 4px;
}

.mainContainer
{
width: 671px;
height: auto;
display: inline-block;
float: left;
margin: 10px 0px 0px 0px;
overflow: hidden;
}
/*---COLUMN SETUP END---*/



/*---COLUMN LEFT START---*/

/*---COLUMN LEFT END---*/

/*---CATEGORIES MENU START---*/

.menuListContainer
{
width: 100%;
height: auto;
display: inline-block;
float: left;
}

.menuListTitle
{
color: #fff;
text-align: center;
font-weight: bold;
margin: 0px 0px 10px 0px;
}

.menuListList
{
margin: 0px 0px 0px 10px
}

.menuListList a
{
margin: 0px 0px 0px 10px;
color: #fff;
font-size: 10pt;
}

.menuListItem
{
width: 90%;
height: auto;
display: inline-block;
color: #fff;
font-size: 10pt;
float: left;
margin: 5px 0px 0px 5px;
}

.catItemContainer
{
width: 100%;
height: auto;
color: #fff;
display: inline-block;
float: left;
}

.menuListItem a
{
width: 70%;
height: auto;
display: inline-block;
color: #fff;
font-size: 10pt;
float: left;
margin: 0px 0px 0px 5px;
}

.menuSubListItem a
{
display: inline-block;
color: #fff;
font-size: 10pt;
float: left;
margin: 0px 0px 0px 5px;
}

.catArrow
{
width: 10px;
height: 9px;
background-image: url(../images/catArrow.jpg);
float: left;
margin: 4px 2px 12px 2px;
overflow: hidden;
}

.catArrowSpace
{
width: 3px;
height: 9px;
float: left;
margin: 5px 2px 2px 0px;
}

.catLine
{
width: 95%;
height: auto;
float: left;
}

/*---CATEGORIES MENU END---*/



/*---HOME PAGE LAYOUT START---*/
.homePageLeft
{
width: 415px;
height: auto;
display: inline-block;
float: left;
padding: 0px 5px 0px 5px;
}

.homePageText
{
width: 410px;
height: auto;
display: inline-block;
color:#6B6E73;
font-family:Verdana;
font-size: 8pt;
line-height:16px;
margin: 0px;
}

td
{
color:#6B6E73;
font-family:Verdana;
font-size: 8pt;
line-height:16px;
padding: 0px 0px 0px 0px;
}

.homePageRight
{
width: 317px;
height: auto;
display: inline-block;
float: right;
}

.featProdTitle
{
width: 317px;
height: 32px;
display: inline-block;
float: left;
background-image: url(../images/featProdTitleBg.jpg);
color: #fff;
margin: 3px 0px 0px 0px;
}

.featProdTitleText
{
font-weight: bold;
margin: 5px 0px 0px 10px;
}

.homeProdContainer
{
width: 317px;
height: 110px;
float: left;
background-image: url(../images/featProdBg.jpg);
color: #000;
margin: 3px 0px 0px 0px;
position: relative;
}

.homeProdContainer a
{
color: #0069aa
}

.homeProdImage
{
width: 70px;
height: 105px;
float: left;
display: inline-block;
margin: 5px 10px 0px 5px;
text-align: center;
}

.homeProdTitle
{
width: 225px;
margin: 5px 0px 0px 0px;
float: left;
display: inline-block;
font-weight: bold;
font-size: 10pt;
color: #0069aa;
}

.homeProdTitle a
{
width: 225px;
color: #0069aa;
float: left
}

.homeProdDesc
{
width: 225px;
height: auto;
font-size: 10pt;
position: absolute;
top: 40px;
left: 85px	
}

.homeProdButContainer
{
width: 225px;
height: auto;
font-size: 10pt;
position: absolute;
top: 82px;
left: 85px	
}

.homeProdPrice
{
width: 60px;
height: auto;
font-size: 10pt;
position: absolute;
top: 90px;
left: 10px;
color: #0069aa;
text-align: center
}

.homeProdPriceSpecialContainer
{
width: 80px;
height: auto;
font-size: 10pt;
position: absolute;
top: 90px;
left: 5px;
color: #0069aa;
}

.homeProdPriceSpecialOld
{
font-size: 8pt;
color: #0069aa;
float: left;
margin: 0px 3px 0px 0px
}

.homeProdPriceSpecialNew
{
font-size: 10pt;
color: #f00;
float: left;
margin: 0px 3px 0px 0px
}

.homeProdMoreBut
{
width: 100px;
height: 21px;
background-image: url(../includes/languages/english/images/buttons/button_more_details.jpg);
margin: 0px 0px 0px 0px;
float: left;
}

.homeProdBuyBut
{
width: 100px;
height: 21px;
background-image: url(../includes/languages/english/images/buttons/button_buy_now.jpg);
margin: 0px 0px 0px 0px;
float: right;
}

.listResultsContainer
{
width: 100%;
height: auto;
float: left;
display: inline-block;
text-align: center;
font-size: 10pt;
}

/*---HOME PAGE LAYOUT END---*/


/*---CATEGORY SELECTED LAYOUT START---*/

.catTitleArea
{
width: 100%;
height: auto;
display: inline-block;
}

.catTitle
{
width: auto;
height: auto;
float: left;
margin: 10px 0px 0px 10px;
display: inline-block;
}

.catDetailContainer
{
width: 100%;
height: auto;
float: left;
display: inline-block;
margin: 10px 0px 15px 0px;
}

.catImage
{width: auto;
height: auto;
float: left;
display: inline-block;
margin: 0px 10px 0px 10px;
}

.catDesc
{
width: 600px;
height: auto;
float: left;
display: inline-block;
font-size: 11pt;
}

.subCatImage
{
width: auto;
height: auto;
float: left;
margin: 32px 0px 0px 30px;
}

.subCatTitle
{
width: 150px;
height: auto;
float: left;
margin: 32px 0px 0px 10px;
font-weight: bold;
font-size: 10pt;
color: #e3618d
}

.subCatMoreBut
{
width: 100px;
height: 21px;
background-image: url(../images/button_more_details.jpg);
float: left;
margin: 25px 0px 0px 10px
}

.prodListSpan
{
width: 100%;
height: auto;
float: left;
display: inline-block;
}

/*---CATEGORY SELECTED LAYOUT END---*/


/*---PRODUCT INFO START---*/

.productInfoLayoutContainer
{
width: 100%;
height: auto;
display: inline-block;
float: left;
margin: 10px 0px 0px 0px;
}

.addButtons
{
width: 100%;
height: auto;
display: inline-block;
float: left;
margin: 10px 0px 0px 0px;
}

.enlargeImageText
{
font-size: 8pt;
}

.productImage
{
width: 200px;
height: 200px;
border: solid 1px red;
float: left
}

.prodAtributes
{
margin: 10px 0px 0px 0px
}

/*---PRODUCT INFO END---*/


/*---SHOPPING CART START---*/

.shopCartItemContainer
{
width: 100%;
height: auto;
display: inline-block;
margin: 0px 0px 10px 0px
}

.shopProdContainer
{
width: 317px;
height: 110px;
float: left;
background-image: url(../images/featProdBg.jpg);
color: #000;
margin: 3px 0px 10px 0px;
position: relative;
}

.shoppingCartButtons
{
width: 100%;
height: auto;
display: inline-block;
float: left;
margin: 0px 0px 0px 0px;
}

.shopCartSub
{
width: 100%;
height: auto;
display: inline-block;
float: left;
margin: 0px 0px 0px 0px;
}

.continueShop
{
width: 200px;
height: 21px;
float: left;
margin: 0px 0px 0px 150px
}

.shopCartOptions
{
width: 200px;
height: 25px;
margin: 25px 0px 0px 0px;
font-size: 11pt;
position: absolute;
top: 50px;
left: 85px;
}

/*---SHOPPING CART END---*/


/*---BLOG START---*/

.dateColumn
{
width: 160px;
height: auto;
display: inline-block;
float: left;
}

.articleColumn
{
width: 550px;
height: auto;
display: inline-block;
float: left;
}

.blogArticleContainer
{
width: 100%;
height: auto;
float: left;
display: inline-block;
background-image: url(../images/featProdBg.jpg);
margin: 10px 0px 0px 0px;
}

.blogTitle
{
float: left;
width: 100%;
font-weight: bold;
font-size: 14pt;
color: #0069aa;
}

.blogDescription
{
float: left;
width: 100%;
font-size: 10pt;
color: #0069aa;
margin: 5px 0px;
}

.dateCreated
{
font-size: 8pt;
font-style: italic
}

.blogReplies
{
width: 100%;
height: auto;
font-size: 10pt;
font-style: italic;
font-weight: bold;
text-align: right;
padding: 0px 5px 0px 0px
}

/*---BLOG END---*/


.get1free { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #ffb3b5; font-weight: bold;}

.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: #9eb2be; color:#fff; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }


form
{
height: auto;
display: inline-block;
	z-index: 0;
	margin: 0px;
}

TR.header {
  background: #000;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #000; 
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #000;
  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: #000;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

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



.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {

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

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



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: #000; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #000; }

/* input requirement */

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




/* BEGIN Fancier Invoice and Packingslip */
.dataTableHeadingContent_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000; font-weight: bold; }
.dataTableHeadingRow_INVOICE { background-color: #C9C9C9; }
.dataTableRow_INVOICE { background-color: #F0F1F1; }
.dataTableContent_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.order_history_top { color : #006699; font-weight: bold; font-family: Verdana; font-size: 13px; }
.order_infobox_heading { color : #000000; font-weight: bold; font-family: Verdana; font-size: 12px; }
.order_infobox_data { color : #000000; font-family: Verdana; font-size: 12px; }
.product_infobox_heading_row { background-color: #C9C9C9; }
.product_infobox_heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000; font-weight: bold; }
.product_infobox_data_row { background-color: #F0F1F1; }
.product_infobox_data { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.order_history_top_INVOICE { color : #006699; font-weight: bold; font-family: Verdana; font-size: 13px; }
.order_infobox_heading_INVOICE { color : #000000; font-weight: bold; font-family: Verdana; font-size: 12px; }
.order_infobox_data_INVOICE { color : #000000; font-family: Verdana; font-size: 12px; }
.product_infobox_heading_row_INVOICE { background-color: #C9C9C9; }
.product_infobox_heading_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000; font-weight: bold; }
.product_infobox_data_row_INVOICE { background-color: #F0F1F1; }
.product_infobox_data_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.smallText_INVOIVE { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.smallTextBlue_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #006699; }
.smallAddressBlue_INVOICE { font-family: Arial; font-size: 9px; color: #006699; }
.main_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.pageHeading_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #000; font-weight: bold; }
/* END Fancier Invoice and Packingslip */