/*
"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 PandA.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 */

/* end import from original stylesheet */

body, html {
margin: 0;
padding: 0;
background: #000000;
text-align: center; /* needed for IE center bug */
scrollbar-face-color: #000000; 
scrollbar-highlight-color: #eeeeee;
scrollbar-track-color: #000000; 
scrollbar-arrow-color: #eeeeee; 
scrollbar-shadow-color: #000000; 
scrollbar-3dlight-color: #000000; 
scrollbar-darkshadow-color: #000000;
buttonface: #000000;
}
/*
td.pageTop {
background: #CCCCCC url(images/background.gif) repeat-x;
height: 24px;
}
td.headerTop {
background: #CCCCCC url(images/backtop.gif) repeat-x;
height: 18px;
}
*/
/* 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;
}

/* +yes TABLE AROUND WEBSITE WITH BORDER */
table#mainLayoutLT {
margin: 0px auto;
width: 1000px;
border: 0px #0F2269 solid;
}

/* +yes */
td.columnLT {
padding: 0;
width: 250px;
background: #000000; /* url(images/menubar.gif) repeat-x; */
vertical-align: top;
}

td.columnLTBottom {
height: 4px;
padding: 0;
background: #000000 url(images/menubar.gif) repeat-x;
}


table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT {
width: 250px;
/* height: 24px; */
}
table.infoBoxLT td table {
width: 100%;
}
.infoBoxLT {
margin: 0px;
}

/* +yes */
td#contentLT {
padding: 0px 0px;
width: 750px;
vertical-align: top;
background: #000000;
align: left;
}

/* +yes */
td#pageHeaderLT {
background: #000000;
padding: 0px 0px;
}

td.infoBoxHeadingLT, .infoBoxHeading {
padding: 0px 0px;
}
td.boxTextLT {
padding-left: 14px;
padding-right: 8px;
float: left;
}
.boxTextLT select {
width: 100%;
}

div#imageNavLT{
margin: 12px 7px 0 0;
float: right;
}

/* MENU BARS TOP AND BOTTOM */
.navLeftLT {
float: left;
}
.navRightLT {
float: right;
}

td#navBarTopLT div {
margin: 8px 18px;
/* height: 14px; */
/* header, footer hyperlinks: */
/* background-color: #A0D6F8; */
}

td#navBarBottomLT div {
margin: 14px 120px;
/* height: 14px; */
/* header, footer hyperlinks: */
/* background-color: #A0D6F8; */
}

/* +yes */
td#navBarTopLT  {
border: 0px #ffb21c solid;
border-width: 0px 0;
background: #000000 url(images/topmenubg.gif) repeat-x;
height: 35px;
}

/* +yes */
td#navBarBottomLT {
border: 0px #ffb21c solid;
border-width: 0px 0;
background: #000000; /* url(images/menufadebottom.gif) repeat-x; */
height: 44px; 
}



.logoLT {
float: left;
}
.logoCT {
float: center;
}
.logoRT {
float: right;
}
.footerLT {
text-align: center;
}
.footerLT div {
margin: 5px auto;
}
.infoBoxHeadingLT div {
float: left;
font-size: 9px;
font-weight: normal;
font-family: tahoma, arial, sans-serif;
color: #000;
}
#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: #0B3D92 solid 1px;
}
.productListing-heading {
background-color: #0B3D92;
}
tr.productListing-even td {
background-color: #fff;
}
tr.productListing-odd td.productListing-data {
background-color: #fff;
}
.errorText {
color: red;
}
/* .cBoxE higlighting for categories box enhancement contrib */
.cBoxE {
color: red;
}
td.infoBoxHeading {
border: 0px black solid;
}


.infoBoxLT td {
border: 0px black solid;
}
#contentLT table td.pageHeading, h1 {
color: #005CA1;
}
.infoBoxLT td table td {
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.infoBoxHeadingLT, .infoBoxHeading, .productListing-heading {
/* background: #CCCCCC url(images/background.gif) repeat-x; */
}
/* end colors and borders */
.infoBoxHeading img {
display: none;
}

/* FONTS FONTS FONTS FONTS FONTS */
/* FONTS FONTS FONTS FONTS FONTS */
/* FONTS FONTS FONTS FONTS FONTS */
/* FONTS FONTS FONTS FONTS FONTS */
/* FONTS FONTS FONTS FONTS FONTS */
/* FONTS FONTS FONTS FONTS FONTS */


/* font size for content in and outside tables - some menu text and page results */
#contentLT table td, #contentLT {
font-size: 11px;
font-family: Arial, sans-serif, Tahoma, Verdana ;
color: #000000;
}
/* page heading */
#contentLT table td.pageHeading, h1 {
font-size: 22px;
font-weight: bold;
font-family: Arial, sans-serif, Tahoma, Verdana ;
color: #666666;
text-indent: 0px;
padding-top: 0px;
}

.smallText {
font-family: tahoma, Arial, sans-serif;
font-size: 10px;
}
.messageStackError, .messageStackWarning {
font-family: tahoma, Arial, sans-serif;
font-size: 10px;
background-color: #ffb3b5;
}
textarea {
width: 100%;
font-family: tahoma, Arial, sans-serif;
font-size: 11px;
}

/* header and footer text */
#navBarTopLT, #navBarBottomLT, #navBarBottomLTLeft {
font-size: 15px;
font-weight: lighter;
font-family: Impact, Arial Black, sans-serif;
color: #D7172A;
}

/* products */
#contentLT table td.product {
color: #000000;
font-size: 12px;
font-weight: none;
font-family: Arial, sans-serif, Verdana, Tahoma;
text-indent: 0px;
padding-top: 0px;
background-color: #ffffff;
}
/* products red */
#contentLT table td.productred {
color: #d7182a;
font-size: 12px;
font-weight: lighter;
font-family: Impact, Arial Black, Arial, sans-serif, Verdana, Tahoma;
text-indent: 0px;
padding-top: 0px;
background-color: #ffffff;
}
/* products hits */
#contentLT table td.hits {
color: #CCCCCC;
font-size: 12px;
font-weight: none;
font-family: Arial, sans-serif, Verdana, Tahoma;
text-indent: 0px;
padding-top: 0px;
}
/* products impact */
#contentLT table td.impact {
letter-spacing: 1px;
color: #d7182a;
font-size: 14px;
font-weight: lighter;
font-family: Impact, Arial, sans-serif, Verdana, Tahoma;


padding-top: 0px;
}


/* begin link styles */
.infoBoxHeadingLT a {
float: right;
margin: 2px;
}
a {
text-decoration: none;
#color: #D7172A;
color: #FFFFFF;
font-family: Impact, Arial Black, sans-serif, Verdana, Tahoma;
font-weight: lighter;
}
a:hover {

font-weight: lighter;
#color: #B4272C;
color: #D7172A;

}
/* end link styles */

/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	color: black;
	background-color: #000000;
	border: 0px outset #000000;
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
}

.vertitem	a {   /* Font style, size of main menu items */
  font-family: Impact, Verdana, Arial, sans-serif;
	font-size: 15px;		
	text-decoration: none;
	position: relative;
	display: block;		
}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
#	color: #ffffff;
	text-decoration: none;
	
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
#	color: #666666;

	background-color: #ffffff ! important;
	color: #d7172a;
	text-decoration: none;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #d7172a;
	background-color: #cccccc;	
	text-decoration: none;	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	display: block;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #000000;
	border: 2px outset #6d6e71;
	left: 4px;

	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;			
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #ffffff;
	text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #d7172a;
	background-color: #ffffff ! important;
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #d7172a;
	background-color: #d1d3d4;	
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 7px;
	right: 18px;
}

.verbar .dmselected {   /* Style override for selected root category */

	background-color: #d1d3d4 ! important;
	color: #d7172a ! important;


}

/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}


.phplmbodytable { /* Class of table cells containing plain menus */

}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #cccccc;
	font-size: 14px;	
	text-decoration: none;	
}


a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: #ffffff;
#	color: #D7172A;
	font-size: 14px;	
	text-decoration: none;	
}


a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #D7172A;
	font-size: 14px;	
	text-decoration: none;	
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: #D7172A;
	font-size: 14px;	
	text-decoration: none;	
}

.dmselected {   /* Style overide for selected category tree */
	color: #D7172A ! important;

}
