/*
  $Id: stylesheet.css,v 1.1.1.1 2003/09/18 19:06:13 wilt Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
.cat_description {  font-family :  Arial, sans-serif; font-size : 10px; color: #800000; font-weight: bold }
.boxText { font-family:  Arial, sans-serif; font-size: 10px; }
.errorBox { font-family :  Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family :  Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family :  Arial, sans-serif; font-size : 11px; color: #000000; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background-image: url(../Original/images/header_nav_bg.jpg);
}

TD.headerNavigation {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight : bold;
    background-image: url(../Original/images/header_nav_bg.jpg);


}

TD.headerNavigationSticky {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  
  color: #ffffff;
  font-weight : bold;
  background-image: url(../Original/images/header_nav_bg3.jpg);
}
	
TD.headLine {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  color: #CC0000;
  border-top: solid 1px #CC0000;
}


A.headLine {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  color: #C00000;
  font-weight: bold;
}

A:hover.headLine {
  color: #CC7070;
  text-decoration: none;
}

A.headerNavigation { 
  color: #000000; 
}

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


TR.headerNavigation2 {
  background: #f2f2f2;
}

TD.headerNavigation2 {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  background: #f2f2f2;
  color: #FFFFFF;
  font-weight : bold;
}
A.headerNavigation2 { 
  color: #000000; 
}
A.headerNavigation2:hover {
  color: #507BA0;
}

TR.headerNavigation3 {
  background: #f3f8ff;
}

TD.headerNavigation3 {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight : bold;
/*     background-image: url(../Original/images/header_nav_bg2.jpg);  */
  background: #f3f8ff;
}

TD.headerNavigation4 {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  background: #FFFFFF;
  color: #FFFFFF;
  font-weight : bold;
}
A.headerNavigation4 { 
  color: #000000; 
}
A.headerNavigation4:hover {
  color: #507BA0;
}

TR.shoppingCart {
  background: #175B82;
}

TD.shoppingCart {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  background: #6699CC;
  color: #FFFFFF;
  font-weight : bold;
}

TD.shoppingCart2 {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  background: #FFFFFF;
  color: #000000;
  font-weight : bold;
}

A.shoppingCart { 
  color: #FFFFFF;
}

A.shoppingCart:hover {
  color: #FFFFFF;
}

TR.headerError {
  background: #ff0000;
}


.RedmoduleRow { 
 font-family: Tahoma,  Arial, sans-serif;
color: #CC0000;
  font-size: 11px;
  background-color: #F2F2F2; 
  cursor: pointer; }

.RedmoduleRowOver { 
 color: #FFFFFF;
 font-family: Tahoma,  Arial, sans-serif;
  font-size: 11px;
  background-color: #CC3333; 
  cursor: pointer; 
  font-weight: bold;
  cursor: hand; }

.BluemoduleRow { 
 font-family: Tahoma,  Arial, sans-serif;
color: #FFFFFF;
  font-size: 11px;
  background-color: #0066CC; 
    font-weight: bold;
  cursor: pointer; }

.BluemoduleRowOver { 
 color: #FFFFFF;
 font-family: Tahoma,  Arial, sans-serif;
  font-size: 11px;
  background-color: #006699; 
  cursor: pointer; 
  font-weight: bold;
  cursor: hand; }


  .GreenmoduleRow { 
 font-family: Tahoma,  Arial, sans-serif;
color: #000000;
  font-size: 11px;
  background-color: #00CC33; 

  cursor: pointer; }

.GreenmoduleRowOver { 
 color: #FFFFFF;
 font-family: Tahoma,  Arial, sans-serif;
  font-size: 11px;
  background-color: #009933; 
  cursor: pointer; 
  font-weight: bold;
  cursor: hand; }

  .OrangeoduleRow { 
 font-family: Tahoma,  Arial, sans-serif;
color: #FFFFFF;
  font-size: 11px;
  background-color: #FF9933; 
    font-weight: bold;
  cursor: pointer; }

.OrangemoduleRowOver { 
 color: #FF9933;
 font-family: Tahoma,  Arial, sans-serif;
  font-size: 11px;
  background-color: #CC6633; 
  cursor: pointer; 
  font-weight: bold;
  cursor: hand; }

    .YellowmoduleRow { 
 font-family: Tahoma,  Arial, sans-serif;
color: #000000;
  font-size: 11px;
  background-color: #FFFF33; 
  cursor: pointer; }

.YellowmoduleRowOver { 
 color: #000000;
 font-family: Tahoma,  Arial, sans-serif;
  font-size: 11px;
  background-color: #CCCC33; 
  cursor: pointer; 
  font-weight: bold;
  cursor: hand; }

    .GreymoduleRow { 
 font-family: Tahoma,  Arial, sans-serif;
color: #000000;
  font-size: 11px;
  background-color: #F2F2F2; 
  cursor: pointer; }

.GreymoduleRowOver { 
 color: #507BA0;
 font-family: Tahoma,  Arial, sans-serif;
  font-size: 11px;
  background-color: #E9E9E9; 
  cursor: pointer; 
  cursor: hand; }
 
 .Grey2moduleRow { 
 font-family: Tahoma,  Arial, sans-serif;
color: #000000;
  font-size: 11px;
  background-color: #f2f2f2; 
  cursor: pointer; }

.Grey2moduleRowOver { 
 color: #507BA0;
 font-family: Tahoma,  Arial, sans-serif;
  font-size: 11px;
  background-color: #E9E9E9; 
  cursor: pointer; 
  cursor: hand; }

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

TR.footer {
  background: #6699CC;
}

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

.infoBox {
  background: #FFFFFF;
}

.infoBox2 {
  background: #000000;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #000000;
  color: #ffffff;
  padding: 2px
}

TD.infoBox, SPAN.infoBox {
  font-family:  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: #F3F8FF;
}

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

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

.productListing-image {
  background: #FFFFFF;
  border-bottom: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
}

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

.productlisting-headingPrice { 
  font-family:  Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TD.productListing-data {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  border-bottom: 1px solid #CCCCCC;
}


TD.productListing-data-small {
  font-family:  Arial, sans-serif;
  font-size: 11px;
  border-bottom: 1px solid #CCCCCC;

}
TD.productListing-data-top {
  font-family:  Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

A.pageResults {
  color: #0000FF;
}

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

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

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family:  Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.mainCheckout, P.mainCheckout {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}


TD.smallText, SPAN.smallText, P.smallText {
  font-family:  Arial, sans-serif;
  font-size: 11px;
}

TD.accountCategory {
  font-family:  Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family:  Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.category_desc {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  line-height: 1;
}

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

CHECKBOX, INPUT, RADIO, SELECT {
  font-family:  Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family:  Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family:  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,  Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma,  Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

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

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

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

.checkoutBarFrom, .checkoutBarTo { font-family:  Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family:  Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

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

/* input requirement */

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

/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 1px;
}

.linkListing-heading {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #000000;
  color: #FFFFFF;
  text-align: center;
}

TD.linkListing-data {
  border-right: 1px solid #b6b7cb;
  border-bottom: 1px solid #b6b7cb;
  padding: 4px;
  font-family:  Arial, sans-serif;
  font-size: 11px;
}

TR.linkListing-odd {
  background: #F3F8FF;
}
TR:hover.linkListing-odd {
  background: #FFFFFF;
}

TR.linkListing-even {
  background: #F2F2F2;
}
TR:hover.linkListing-even {
  background: #FFFFFF;
}
/* VJ Links Manager v1.00 end */
.gradualshine{
filter:alpha(opacity=100);
-moz-opacity:1;
}

.padl {
	padding-right: 10px;
	text-align: justify;
}
.padc {
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}
.padr {
	padding-left: 10px;
	text-align: justify;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.smallbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.smallred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FF0000
}

.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FF0000
}

.medsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.medsmallbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.mediumbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.bigbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;

}

.xbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

TD.featureListing-data {
  font-family:  Arial, sans-serif;
  font-size: 12px;
}

TD.featureListing-data-small {
  font-family:  Arial, sans-serif;
  font-size: 11px;
}

.frontPrice {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: right;
color: #CC0000;
}

TR.custom-odd {
  background: #F3F8FF;
}

TR.custom-even {
  background: #FFFFFF;
}
TD.custom-data {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  border-right: 1px;
  border-right-style: solid;
  border-right-color: #CCCCCC;
  padding-left: 3px;
}
TR.customHeading {
  background: #507BA0;
}
.customHeading-data {
  font-family:  Arial, sans-serif;
  font-size: 13px;
  background: #507BA0;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px;
}
.customHeading-databig {
  font-family:  Arial, sans-serif;
  font-size: 14px;
  background: #507BA0;
  color: #FFFFFF;
  font-weight: bold;
}
TABLE.custom {
  border: 1px;
  border-style: solid;
  border-color: #333333;
  border-spacing: 0px;
}

a.menuList {
display: block;
background-color: #666666;
width: 175px;
height: 14px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
border: none;
padding-left: 4px;
}

a:hover.menuList{
color: #CCCCCC;
}


A.Ask-an-Expert {
display: block;
width: 145px;
height: 40px;
background-image: url(../../images/Ask-an-Expert.jpg);
border: none;
}
.MapCentre {
display: block;
width: 180px;
height: 37px;
background-image: url(../../images/MapCentre.jpg);
border: none;
}

.MapCentre:hover {
display: block;
width: 180px;
height: 37px;
background-image: url(../../images/MapCentre_over.jpg);
border: none;
}

.ODJRadio {
display: block;
width: 180px;
height: 312px;
background-image: url(../../images/ODJRadio.jpg);
border: none;
}

/* .ODJRadio:hover {
display: block;
width: 180px;
height: 56px;
background-image: url(../../images/ODJRadio_over.jpg);
border: none;
} */

.Featured {
display: block;
width: 180px;
height: 24px;
background-image: url(../../images/Featured-Products.jpg);
border: none;
}

TABLE.frontTable {
padding: 0px;
}

A.frontCategory {
display: block;
width: 150 px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-decoration: none;
font-weight: bold;
text-align: center;
}

A:hover.frontCategory {
color:507b9f;
}

TD.frontTD {
background-color: #fcfcfc;
padding:2px;
}
TD.frontTDdesc {
background-color: #fcfcfc;
padding:2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: none;
text-align: left;
}

/* .frontPrice {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
text-decoration: none;
text-align: right;
color: #CC0000;
} */

A.menulinkHeading {
display: block;
background-color: #F3F8FF;
width: 200px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:16px;
color: #000000;
border: solid 1px #CCCCCC;
}

A.menulinkHeading:hover {
border: solid 1px #999999;
background-color: #FFFFFF;
}

#mainnavtabbed1 li{
	position:relative;
	float:left;
	width:100%;
	padding:0 0 1.75em 1em;
	margin:0;
	list-style:none;
	line-height:1em;
}

/* this is the active tab class, just as below */
#mainnavtabbed1 li a{
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	background:#ddd;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

/* the folowing section deals with the tabbed button when active */

#mainnavtabbed1 li a.tabon,#mainnavtabbed1 li a.tabon:hover{
	color:#996600;        /* Font color on tab */
	background:#FFFFCC;   /* Tab Color */
	border-left:3px solid #aaa;
	border-top:3px solid #aaa;
	border-bottom:none;
	border-right:1px solid #aaa;
}

/*  main template styles */
.container1{
text-align:center;
margin:0 auto;
}

body{
font-family:arial !important;
text-align:center;
font-size:0.85em;
color:#000000
margin:0 auto;
}

div p{
font-family:arial !important;
}


#secondColumn a{
color:#000000;
}

#thirdColumn a{
color:#000000;
}

/* footer area styles */
#fooMainLinks{
text-align:center;
}
#fooMainLinks a{

}
#fooMainLinks a:hover{
color:#3599cc;
}
#fooMainLinks h2{
font-size:0.85em;
color:#3599cc;
}
#fooMainLinks ul {
text-align:left;
}
#fooMainLinks ul li{
list-style:none;
text-align:left;
}
#firstCol{
width:;
height:163px;
float:left;
background:#F3F8FF;
}

#secondCol{
width:200px;
height:163px;
float:left;
background:#F3F8FF;
}

#thirdCol{
width:200px;
height:163px;
float:left;
background:#F3F8FF;
}

#forthCol{
width:180px;
height:163px;
float:left;
background:#F3F8FF;
}
#fifthhCol{
width:180px;
height:163px;
float:left;
background:#F3F8FF;
}
#firstColCont{
padding:4px;
}

#secondColCont{
padding:4px;
}

#thirdColCont{
padding:4px;
}

#forthColCont{
padding:4px;
}

#fifthColCont{
padding:4px;
}



/* Sitemap style */
#siteMap{
text-align:left;
}
#siteMap ul li {
color:#3599CC;
}
#siteMap ul li a{
color:#3599CC;
}
.noneSt{
list-style: none;
padding-top:4px;
}

#siteMap h2{
color:#000000;
}