/*
"One main layout Table" stylesheet for osC created by Paul Mathot
2003/11/12

- these stylesheet settings apply to all media
- for printing styles edit templates/print.css
- modified 2004/03/18 PaulM forums.eeweb.nl
- To optimize the stylesheet for small filesize (=>maximum speed) you can remove most comments, and group the styles.
*/

/* begin imported some styles  from original osC stylesheet */
.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
.messageStackError, .messageStackWarning {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background-color: #ffb3b5;
}
.textarea {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
/* end import from original stylesheet */

body, html {
margin: 0;
padding: 0;
text-align: center; /* needed for IE center bug */
	color: #00099;
/* background: #EAEAEA;
background: #000099;
background: url(images/back1.jpg) repeat-x; */
}
/* pageWrapper div for centering and width settings! 2004/01/06 */
div#pageWrapper {
position: relative;
margin: 0px auto;
width: 100%; /* set total pagewidth */
}
form {
display: inline;
}
td {
vertical-align: top;
}
td.productListing-data {
vertical-align: middle;
}
table#mainLayoutLT {
margin: 0px auto;
width: 100%;
}
table#mainSection {
margin: 0px auto;
width: 100%;
}
td.menuLT {
width: 150px;
padding: 0;
background: #FFFFFF;
/* padding: 5; */
}
td.headtop {
padding: 0;
background: url(images/gradt.gif) repeat-x;
/* padding: 5; */
}
td.midLT {
padding: 0;
background: #339966;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
	color: #FFFFFF;
/* padding: 5; */
}
td.midLT2 {
padding: 0;
background: url(images/gradb.gif) repeat-x;
}
td.columnLT {
width: 135px;
padding: 0;
background: #FFFFFF;
}
table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT, table.infoBoxLTNew, table.infoBoxLTCart, table.infoBoxLTSpec {
width: 155px;
}
table.infoBoxLT td table, table.infoBoxLTNew, table.infoBoxLTCart, table.infoBoxLTSpec {
width: 100%;
}
td#contentLT {

}
.infoBoxLT, .infoBoxLTNew, .infoBoxLTCart, .infoBoxLTSpec {
margin: 5px;
}
td#contentLT {
padding: 10px 12px;
}
td.infoBoxHeadingLT {
/* padding: 2px 4px;
background: url(images/boxhead5.gif); */
background: #00FF00;
	height: 16px;
}
td.infoBoxHeading {
/* padding: 2px 4px;
background: url(images/top2.gif); #00FF00*/
background: #0033FF;
	height: 16px;
}
td.boxTextLT {
padding: 6px 5px;
background: #FFFFFF;
 border: 0px;
/* background: url(images/boxback6.gif) repeat-y; */
}

div#imageNavLT{
margin: 12px 7px 0 0;
float: right;
}
.navRightLT {
float: right;
}
.boxTextLT select {
width: 90%;
}
td#navBarTopLT div, td#navBarBottomLT div {
margin: 1px 5px;
height: 17px;
}
.logoLT, .navLeftLT {
float: left;
}
.footerLT {
	text-align: center;
	color: #FFFFFF;
font-family: arial, sans-serif;
}
.footerLT div {
margin: 5px auto;
}
.infoBoxHeadingLT div {
float: center;
}
#languagesBoxLT, #specialsBoxLT, #currenciesBoxLT, #whats_newBoxLT, #manufacturersBoxLT, #searchBoxLT, #tell_a_friendBoxLT {
text-align: center;
}
/* begin colors and borders (for link colors: see the link styles section below) table.infoBox, */
table.productListing {
/* border: #fee662 solid 1px; */
}
.productListing-heading {
background-color: #fee662;
}
tr.productListing-even td {
background-color: #ffffff;
}
tr.productListing-odd td.productListing-data {
background-color: #ffffff;
}
.errorText {
color: red;
}
/* .cBoxE higlighting for categories box enhancement contrib #000099*/
.cBoxE {
color: red;
}
td.infoBoxHeading {
/* border: 1px #FF6600 solid; */
}
td#navBarTopLT, td#navBarBottomLT {
border: 1px #ffb21c solid;
border-width: 1px 0;
}
table#mainLayoutLT {
/* border: 2px #ffb21c solid; */
}
.infoBoxLT td {
/*  border: 1px #000099 solid;  */
}
.productlist_even, tr.productlist_even {
 border: 1px blue solid;
}
.productlist, td.productlist {
 border: 1px #000099 solid;
}
.mainsec, td.mainsec {
background: #FFFFFF;
padding: 0px 0px;
margin: 0px;
font-size: 11px;
font-family: arial, sans-serif;
}
.heading, td.heading {
background: #FFFFFF;
 border: 5px #999999 solid;
 width: 100%;
font-family: arial, sans-serif;
}
#contentLT table td.pageHeading, h1 {
color: #d00;
}

table.infoBoxLT {
	border: #000099 solid 1px;
/* border-width: 0px;  */
}
.inputRequirement, .greetUser {
color: red;
}
/* example how to assign styles to one individual small infobox (delete if you don't like) */
table#shopping_cartBoxLT {
font-weight: bold;
color: #e00;
}

td.infoBox, .productListing-heading {
/* background: #fee662 url(images/background.jpg) repeat-x; */
background: #FFFFFF;
}
table.infoBoxContents, td.infoBoxContents {
	border: 0px;
	color: #0000FF;
}
table.infoBoxNotice, tr.infoBoxNoticeContents, td.infoBoxNoticeContents {
	border: 0px;
	color: #FF0000;
}
td.infoBoxHeadingLT, .infoBoxHeading {
/* background: #fee662 url(images/background.jpg) repeat-x;
background: url(images/boxhead5.gif); */
background: #0000FF;
}
td.infoBoxHeadingLTNew {
background: #FF036C;
}
td.infoBoxHeadingLTCart {
background: #00FF00;
}
td.infoBoxHeadingLTSpec {
background: #9900CC;
}
table.infoBoxLTNew {
  border: 1px #FF036C solid;  
}
table.infoBoxLTCart  {
   border: 1px #00FF00 solid;  
}
table.infoBoxLTSpec {
  border: 1px #9900CC solid; 
}
/* end colors and borders */
.infoBoxHeading img {
display: none;
}
/* begin fonts */
#copyRightLT {
font-size: 11px;
}
td.infoBoxHeading, .infoBoxHeadingLT, .infoBoxHeadingLTNew, .infoBoxHeadingLTCart, .infoBoxHeadingLTSpec {
font-weight: bold;
color: #FFFFFF;
}
.infoBoxLT td, .infoBoxLTNew td, .infoBoxLTCart td, .infoBoxLTSpec td, .infoboxLT td.boxTextLT form select {
font-size: 11px;
font-family: arial, sans-serif;
}
#navBarTopLT, #navBarBottomLT {
font-size: 12px;
font-weight: bold;
}
/* font size for content in and outside tables */
#contentLT table td, #contentLT {
font-size: 12px;
font-family: arial, sans-serif;
}
#contentLT table td.pageHeading, h1 {
font-size: 22px;
font-weight: normal;
font-family: arial, sans-serif;
/* text-indent: 15px; */
padding-top: 5px;
color: #000099;
}
/* end fonts */
/* begin link styles */
.infoBoxHeadingLT a {
float: right;
font-weight: bold;
/* margin: 2px; */
}
boxproduct.td, .boxproduct {
	border: #FF6600 solid 1px;
	background: #FFFFFF;
}
a {
text-decoration: none;
color: #CC0000;
}
a:hover {
text-decoration: underline;
color: red;
/* background-color: #fff; */
}
/* end link styles */
table.menuBox, td.menuBoxHeadingLT, table.menuBoxLT, td.menuTextLT {
/* background: #FFFFFF; */
height: 15px;
padding: 0px 0px;
margin: 0px;
	background: #FFFFFF;
}
#menuBox table.menuBox, td.menu, td.menu2, td.menu3, td.menuBoxHeadingLT {
padding: 0px 0px;
margin: 0px;
}
#menuBox td.menu3 {
/* width: 90px; */
height: 15px;
padding: 0px 0px;
margin: 0px;
}
#menuBox table.menuBox {
	width: 100%;
padding: 0px 0px;
	background: #FFFFFF;
}
#menuBox .menuBox {
/* margin: 5px; */
}
#menuBox .menuHeadingLT, td.menuHeadingLT {
/* padding: 6px 5px; */
	background: #999999;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #00099;
}
#menuBox td, td.menuBox form select {
	font-size: 14px;
	font-family: arial, sans-serif;
	color: #00099;
	height: 25px;
 width: 150px;
}
#menuBox td.menuBoxLT, .menuBoxLT, menuBoxLT {
	color: #FFFFFF;
	font-weight: bold;
	background: #FF00FF;
padding: 0px 0px;
	border: #FF00FF solid 1px;
}
td.menuBoxLT, .menuBoxLT, menuBoxLT {
/* width: 120px; */
	color: #FFFFFF;
	font-weight: bold;
	background: #FF00FF;
	border: #FFFFFF solid 1px;
}
#menuBox td.menu, .menu {
/*	background: #000066; 
	border: #999999 solid 1px;*/
  background: url(images/menu4.gif) no-repeat;
}
#menuBox td.menu2, .menu2 {
	background: #666666;
  background: url(images/menu3.gif) no-repeat;
}
#menuBox td.menu3, .menu3 {
padding: 0px 0px;
  background: url(images/menu3.gif) no-repeat;
margin: 0px;
}
#menuBox a, #menuBox2 a {
	font-size: 10px;
	font-family: arial, sans-serif;
	color: #000099;
text-align: center;
	height: 25px;
	padding: 8px 2px;
	width: 140px;
	/* background: #000099; */
}
#menuBox a:hover, #menuBox a.sfhover {
  background: url(images/menu2.gif) no-repeat;
	font-weight: bold;
	text-decoration: none;
}
#menuBox2 a:hover, #menuBox2 a.sfhover {
  background: url(images/menu2.gif) no-repeat;
	font-weight: bold;
	text-decoration: none;
}
.menusec, td.menusec {
background: #999999;
padding: 0px 0px;
margin: 0px;
font-size: 11px;
font-family: arial, sans-serif;
}
table.indextop, td.indextop, a.indextop, p.indextop {
padding: 0;
background: #CCFFFF;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
/* 	color: #990066;
padding: 5; */
}
a.indexbut, p.indexbut {
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
text-align: center;
color: #0000FF;
	width: 125px;
padding: 2;
/* 	padding: 5; */
}
indexbut.a:hover, #indexbut a.sfhover {
padding: 2;
background: #CCFFFF;
	font-weight: bold;
	text-decoration: none;
	width: 125px;
}
td.indexbut {
padding: 2;
background: #99CCFF;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
text-align: center;
	border: #FF0000 solid 1px;
	width: 125px;
/* 	color: #990066;
padding: 5; */
}

/* ----------------- coolMenu ----------------- */

.clCMEvent{
	position:absolute;
	width:99%; height:99%;
	clip:rect(0,100%,100%,0);
	left:0; 
	top:0;
	visibility:visible
}


.clCMAbs{
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
}

.clBar{
	position:absolute;
	width:10;
	height:10;
	background-color:#ffff00;
	layer-background-color:#99CCFF;
	visibility:hidden;
}

.clLevel0,.clLevel0over{
	position:absolute;
	padding:1px;
	font-family:Verdana, arial, helvetica;
	font-size:10px;
	text-decoration: bold;
	color:#0000FF;
}

.clLevel0{
	background-color:#99CCFF;
	layer-background-color:#99CCFF;
	/* background-image: url(images/menu4.gif); */
}

.clLevel0over{
	background-color:#FF99CC;
	/* background-image: url(images/menu3.gif); */
	cursor:hand;
	cursor:hand;
}

.clLevel0border{
	position:absolute;
	visibility:hidden;
	/* background-color:#c0c0c0; */
	background-color:#cc0000;
	layer-background-color:white;
}

.clLevel1, .clLevel1over{
	position:absolute;
	padding:1px;
	font-family:Verdana,arial,helvetica;
	font-size:10px;
}

.clLevel1{
	background-color:#99CCFF;
	layer-background-color:#ffffff;
	color:#0000FF;
}

.clLevel1over{
	background-color:#CCCCCC;
	layer-background-color:#FFFFFF;
	color:#0000FF;
	cursor:pointer;
	cursor:hand;
}

.clLevel1border{
	position:absolute;
	visibility:hidden;
	background-color:#cc0000;
	layer-background-color:white;
}
/* ----------------- coolMenu_eof ----------------- */