/*
"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 */
.bigText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 50px;
	color: #993399;
	font-weight: bold;
	text-align: center;
}

.midText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 24px;
	color: #993399; 
	font-weight: bold;
}

.smallText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
/*	color: #993399; */
}
.messageStackError, .messageStackWarning {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #ffb3b5;
}

TD.main, P.main, TD.main p ,div.main{
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
/*   color: #8e1831; 
   color: #993399; */
   line-height: 1.5em;
}

textarea {
	width: 100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
/*	color: #993399; */
}
/* 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: #cccccc;
	font-family: Verdana, Arial, sans-serif;
}
/* pageWrapper div for centering and fixing width settings! 2005/08/08 */
div#pageWrapper {
	position: relative;
	margin: 10px auto;  /* sets margin from top of browser page to start of web page */
	width: 98%; /* set total pagewidth or set at 100% */
	background: #FFFFFF;
	vertical-align: 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: top;
	padding-bottom: 10px;
}
table#mainLayoutLT {
	margin: 0px auto;
	width: 100%;
}
/* total width of the sub-table containing the info boxes */
td.columnLT {
	width: 180px;
	padding: 0;
}

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

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

/* class called infoboxContents in standard osCommerce */
td#contentLT {

}

/* 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: 12px;
	font-weight: bold;
	color: #ffffff;
}
td.boxTextLT {
	padding: 6px 5px;
}

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 {
	text-align: center;
}

.navLeftLT {
	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: center;
}
/* 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, table.productListing {
	border: #993399 solid 1px;
}
.productListing-heading {
	width: 80px;
	line-height: 1.2em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

tr.productListing-even td {
	background-color: #ffffff;
}

tr.productListing-odd td.productListing-data {
	background-color: #ffffff;
	padding: 3px;
}

.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 {
	border: 0px;
}
/* controls colour of top and bottom navbar borders */
td#navBarTopLT, td#navBarBottomLT {
	border: 1px #993399 solid;
	border-width: 1px 0;
}
/* controls colour and style of webpage outer border */
table#mainLayoutLT {
	border: 2px #000000 outset;
}

/* controls border colour of info boxes only - safe to change */
.infoBoxLT td {
	border: 1px #993399 solid;
}
/* controls colour of page heading text */
#contentLT table td.pageHeading, h1 {
	color: #00000;
}
/* this is a table border, so leave at zero */
.infoBoxLT td table td {
	border: 0px
}

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

/* displays a background image or colour plus style in headers for info boxes and product listings */

td.infoBoxHeadingLT, .infoBoxHeading, .productListing-heading {
	background-color: #993399; 
}

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

/* controls font and size used in page headings */
#contentLT table td.pageHeading, h1 {
	font-size: 22px;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	text-indent: 15px;
	padding: 0px;
	padding-top: 5px;
}
/* end fonts */
/* begin link styles */
.infoBoxHeadingLT a {
	float: right;
	margin: 2px;
}

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

a:hover {
	text-decoration: underline;
	color: red;
	background-color: #ffffff;
}
/* end link styles */

/* VJ Links Manager v1.13 begin */
TABLE.linkListing {
  border: 1px #993399 solid;
  border-spacing: 1px;
}

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

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

TR.linkListing-odd {
  background: #f8f8f9;
}

TR.linkListing-even {
  background: #F5F5F5;
}

.linkFeatured {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #993399;
  color: #FFFFFF;
  text-align: center;
}
/* VJ Links Manager v1.13 end */

/**
 * Events Calendar styles.
 */
TABLE.calendarBox
{
    width: 216px; 
    height: 215px;
    border: 0;
    padding: 0;
    cursor: default;
}
IFRAME.calendarBox
{
    width: 216px; 
    height: 215px;
}
.calendarBoxHeader
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background: #993399;
    color: #FFFFFF;
    text-decoration: none; 
    height: 16px;
}

.yearHeader 
{ 
    font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-weight: bold; 
    color: #FFFFFF; 
    background-color: #993399; 
    text-decoration: none;
} 
.yearHeader SELECT
{
    font-size: 8px;
    background: #993399; 
    color: #000000;
}
.yearHeaderButton
{
    font-size: 8px;
    font-weight: bold;
    border: 1px outset #993399; 
    background: #993399; 
    margin: 0px; 
    color: #000000; 
    width: 15px; 
    height: 16px;
}

.calendarMonth 
{ 
    background-color: #993399; 
    cursor: default; 
    width: 100%;
}
.calendarHeader 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background: #993399;
    text-decoration: none; 
    height: 16px;
}
.calendarToday 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #993399; 
    padding-left : 3px; 
    text-decoration: none; 
    border:1px outset #993399; 
    height: 22px; 
    width: 18px;
}
.calendarWeekend 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #993399; 
    padding-left : 3px; 
    line-height: 14px; 
    text-decoration: none; 
    border:1px outset #993399; 
    height: 22px; 
    width: 18px;
}
.calendar 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #993399; 
    padding-left : 3px; 
    line-height: 14px; 
    text-decoration: none; 
    border:1px outset #993399; 
    height: 22px; 
    width: 18px; 
}
.event 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #000000; 
    background-color: #993399; 
    text-decoration: none; 
    border: 0px solid #656872; 
}
.event_header   
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold;
    line-height: 1.5; 
    text-decoration: none; 
    color: #FFFFFF; 
    background-color: #993399; 
} 

.event_header_dates
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	background-color: #993399; 
	text-decoration: none; 
	border: 0px inset #993399;
}

/* used for list number */
.event_header_zahl    
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5; color: #FFFFFF; background-color: #000099; text-decoration: none; 
} 
.event_description
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    line-height: 1.5; 
    color: #000000; 
    background-color: #FFFFFFF; 
    border: 1px solid #993399; 
    text-decoration: none; 
} 

.empty 
{ 
    background-color: #993399; 
    line-height: 14px; 
    height: 22px; 
    width: 18px; 
}
.calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover 
{
    color: red; 
    text-decoration: underline;
}
.calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover 
{
    color: red; 
    text-decoration: underline;
}
.calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover 
{
    color: red; 
    text-decoration: underline;
}