/*
"Cobalt Blue" stylesheet for osC created by Rhea Anthony
08/08/2005

- 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 */
.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
  color: #003366;
}
.messageStackError, .messageStackWarning {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background-color: #ffb3b5;
}

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

textarea {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
  color: #003366;
}
/* end import from original stylesheet */

/* the body tag for the html template */
body, html {
	margin: 0;
	padding: 0;
	text-align: center; /* needed for IE center bug */
	background-color: #FFFFFF;
	background-repeat:repeat-x;
	background-position:top;
}
/* pageWrapper div for centering and fixing width settings! 2005/08/08 */
div#pageWrapper {
	
	
	width: 980px;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat-x;
	background-position: top;
}

/* no need to edit this - standard setting */
form {
display: inline;
}

/* no need to edit this - standard setting */
td {
vertical-align: top;
}

/* no need to edit this - standard setting */
td.productListing-data {
vertical-align: middle;
}
table#mainLayoutLT {
margin: 0px auto;
width: 100%;
}
/* total width of the sub-table containing the info boxes */
td.columnLT {
width: 190px;
padding: 0;
}

/* total width of the info boxes */
table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT {
	width: 190px;
	
}

/* relative width of the info box table and sub tables */
table.infoBoxLT td table {
width: 100%;
}

/* class called infoboxContents in standard osCommerce */
td#contentLT {
width: 600px;  /*  modif FB */
}

/* just sets the margins for info boxes */
.infoBoxLT {
margin: 5px;
}

/* sets the padding for class called infoboxContents in standard osCommerce */
td#contentLT {
padding: 10px 12px;
}

/* padding for the infoBox headings */
td.infoBoxHeadingLT, .infoBoxHeading {
padding: 2px 4px;
font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  
  color: #003366;
}
td.boxTextLT {
padding: 6px 5px;
}

div#imageNavLT{
margin: 12px 7px 0 0;
float: right;
}
.navRightLT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
float: right;
}
.boxTextLT select {
width: 90%;
}
td#navBarTopLT div, td#navBarBottomLT div {
margin: 0px 15px;
padding-top:22px;
height: 42px;
}
TR.headerNavigation {
  background: #003366;
}
.logoLT {
  text-align: center;
}

.navLeftLT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;  
  float: left;
}

.footerLT {
	text-align: center;
}
.footerLT div {
margin: 5px auto;
}
.infoBoxHeadingLT div {
float: left;
}
#languagesBoxLT, #specialsBoxLT, #currenciesBoxLT, #whats_newBoxLT, #manufacturersBoxLT, #searchBoxLT, #tell_a_friendBoxLT {
	text-align: justify;
	text-indent: 20px;
	vertical-align: bottom;
}
/* begin colors and borders (for link colors: see the link styles section below) */
/* controls colours of module borders and borders around button areas*/
table.infoBox {
border: #000000 solid 0px;
}

table.productListing {
border: #000000 solid 1px;
}

.productListing-heading {
background: url('images/background.gif') repeat -x;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
}

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 */
.cBoxE {
color: red;
}

/* leave at zero or else it will conflict with
images used in infoBox headers and new products module */
td.infoBoxHeading {
	background-color: #A7E323;
	
}

/* controls colour of top and bottom navbar borders */
td#navBarTopLT, td#navBarBottomLT {
	border: 0px #000000 solid;
	border-width: 1px 0;
	background-color: #FF9900;
	background-repeat: no-repeat;
}
/* controls colour and style of webpage outer border */
table#mainLayoutLT {
border: 0px #ffffff outset;
}

/* controls border colour of info boxes only - safe to change */
.infoBoxLT td {

}
/* controls colour of page heading text */
#contentLT table td.pageHeading, h1 {
color: #003366;
}
/* this is a table border, so leave at zero */
.infoBoxLT td table td {
border-width: 0px;
}

/* controls colour of text used to greet user */
.inputRequirement, .greetUser {
color: #003366;
}
/* example how to assign styles to one individual small infobox (delete if you don't like) */
table#shopping_cartBoxLT {
font-weight: bold;
color: #e00;
}


/* end colors and borders */
.infoBoxHeading img {
display: none;
}
/* begin fonts */
#copyRightLT {
font-size: 11px;
}
td.infoBoxHeading {
font-weight: bold;
}
.infoBoxLT td, .infoboxLT td.boxTextLT form select {
font-size: 11px;
font-family: arial, sans-serif;
}
#navBarTopLT, #navBarBottomLT {
font-size: 12px;
font-weight: bold;
color: #003366;
}
/* font size for content in and outside tables */
#contentLT table td, #contentLT {
font-size: 12px;
font-family: arial, sans-serif;
}

/* controls font and size used in page headings */
#contentLT table td.pageHeading, h1 {
font-size: 22px;
font-weight: normal;
font-family: arial, sans-serif;
text-indent: 15px;
padding-top: 5px;
}
/* end fonts */
/* begin link styles */
.infoBoxHeadingLT a {
	
	vertical-align: middle;
	left: 180px;
}
a {
text-decoration: none;
color: #003366;
}
a:hover {
text-decoration: underline;
color: red;
background-color: #ffffff;
}
/* end link styles */
/* ------- Zoom image ADD : START -------- */
#showimage{
position:absolute;
visibility:hidden;
border: 0px;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #bbc3d3;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}
 .ch6{
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 } 
  .ch60{
	font-size: 16px;
	font-weight: bold;
	color: #5F7A77;
 } 
 .ml3{
	font-size: 14px;
	text-decoration: none;
	color: #5F7A77;
 } 
 .ml31{
	font-size: 14px;
	text-decoration: none;
	color: #003366;
 }

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

.menu {
	width:200px;
	list-style-type:none;
	left: 0px;
	
}
			.menu li a {
	text-decoration:none;
	color:#5F7A77;
	padding-left:10px;
	background-image: url(../../images/bullet-normal.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}
			.menu li a:hover {background:url('../../images/bullet-hover.gif')  0 6px no-repeat #FFF;color:#5F7A77;padding-left:10px;}
			.menu li.selected {background:url('../../images/bullet-hover.gif') 0 6px no-repeat #FFF;padding-left:10px;font-weight:bold;color:#5F7A77;}
		.menua {
	width:200px;
	list-style-type:none;
	
}
.menua a  {
	color:#5F7A77;
	padding-left:20px;
	background-color: #FFF;
	background-image: url(../../images/bullet-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}
			.menua  a:hover {	color:#5F7A77;
	padding-left:20px;
	background-color: #FFF;
	background-image: url(../../images/bullet-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;}
			.menua li.selected {background:url('../../images/bullet-hover.gif') 0 6px no-repeat #FFF;padding-left:10px;font-weight:bold;color:#5F7A77;}	
.menub {
	width:200px;
	list-style-type:none;
	
}
.menub a  {
		color:#5F7A77;
	padding-left:20px;
	background-color: #FFF;
	background-image: url(../../images/bullet2-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;

}
			.menub  a:hover {	color:#5F7A77;
	padding-left:20px;
	background-color: #FFF;
	background-image: url(../../images/bullet2-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;}
.menuc {
	
	list-style-type:none;
	
}
			.menuc  a:hover {	color:#5F7A77;
	padding-left:20px;
	background-color: #FFF;
	background-image: url(../../images/bullet2-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;}							
	.menuc a  {
		color:#5F7A77;
	padding-left:20px;
	background-color: #FFF;
	background-image: url(../../images/bullet2-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;

}