/*
"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;
}
.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: #006194;
  line-height: 1.5;
}

textarea {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
/* 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 */
}
/* 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: 770; /* set total pagewidth or set at 100% */
}

/* 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: 150px;
padding: 0;
}

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

/* 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: Arial, sans-serif;
font-size: 10px;
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: #006194 solid 1px;
}
.productListing-heading {
/*
	background: url('images/background.gif') repeat -x;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
*/
/*
	line-height: 22px;
	background: #006699 url(images/boxtitleb.gif) no-repeat left top;
	color: #fff;
	text-indent: 30px;
	text-transform: uppercase;
	font-weight: bold;
*/
}

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

/* controls border colour of info boxes only - safe to change */
.infoBoxLT td {
border: 1px #006194 solid;
}
/* controls colour of page heading text */
#contentLT table td.pageHeading, h1 {
color: #006194;
}
/* 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: #006194;
}
/* 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 {
/*
	background: url(images/background.gif) repeat-x;
*/
	line-height: 22px;
	background: #006699; /*url(images/boxtitleb.gif) no-repeat left top;*/
	color: #fff;
	/*text-indent: 25px;
	text-transform: uppercase;*/
	font-weight: bold;
}
/* 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: #006194;
}
/* font size for content in and outside tables */
#contentLT table td, #contentLT {
font-size: 11px;
font-family: arial, sans-serif;
}

#contentLT table td.productListing-heading {
  font-weight: bold;
  color: #ffffff;
}

/* controls font and size used in page headings */
#contentLT table td.pageHeading, h1 {
font-size: 22px;
font-weight: bold;
font-family: arial, sans-serif;
/*text-indent: 15px;*/
padding-top: 5px;
}
/* end fonts */
/* begin link styles */
.infoBoxHeadingLT a {
float: right;
margin: 2px;
}
a {
text-decoration: none;
color: #006194;
}
a:hover {
text-decoration: underline;
color: red;
background-color: #ffffff;
}
/* end link styles */


/* Template 149 */
.cat_description {font-size: 10px; color: #800000; font-weight: bold}
.boxText {font-size: 10px;}
.errorBox {font-size: 10px; background: #ffb3b5; font-weight: bold;}
.stockWarning {font-size: 10px; color: #cc0033;}
.productsNotifications {background: #f2fff7;}
.orderEdit {font-size: 10px; color: #70d250; text-decoration: underline;}



body {
	margin:0px;
	padding: 0px;
	text-align: center;
	font: 11px Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #006194;
	height:100%;
}
html {
	min-height:100%;
}
form, input {
	margin: 0px;
	padding: 0px;
	display: inline;
}

td , p,  a, span, div {
	font: 11px Tahoma,  Helvetica, sans-serif;
}
a {
	text-decoration: none;
	color: #000;
	outline: none;
}
a:hover {
	background-color:#FFCC00;
	color: 000000;
}
a img {
	border: none;
}
h1, h2, h3, h4, h6, p {
	font: 11px Tahoma, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

.left {float: left;}
.right {float: right;}
.clear {clear:both;}
.center {text-align: center;}
.block {display: block;}
.middle * {vertical-align: middle;}
.border-right {background: url(images/vline.gif) repeat-y right top;}
.intro-img {margin: 0px 0px 5px 30px;}
#maincontainer {
	margin:0px auto;
	width: 750px;
	text-align: left;
	background: #fff;
}
#header {
	position: relative;
	width: 750px;
	height: 247px;

}
#menu {
	position: absolute;
	top: 185px;
	left: 14px;
}
#menu a {
	float: left;
}

#content {
	width: 750px;
	color: #000;
}
#leftcolumn, #maincolumn {
	vertical-align: top;
}
#leftcolumn {
	width: 200px;
	background: url(images/vline.gif) repeat-y right top;
}

.columnewrapper {
	padding: 0px 5px;
}

#leftcolumn .columnewrapper {
	width: 188px;
	overflow: hidden;		
}
	
#leftcolumn .boxwrapper {
	margin: 0px 0px 10px 0px;
	width: 188px;
	overflow: hidden;
}
#leftcolumn .boxtitle {
	line-height: 22px;
	background: #006699; /*url(images/boxtitleb.gif) no-repeat left top;*/
	color: #fff;
	/*text-indent: 30px;
	text-transform: uppercase;*/
	font-weight: bold;
}
#leftcolumn .boxcontent {
}

#leftcolumn .boxtext{
	padding: 5px 2px;
}

.list a {
	display: block;
	color: #000000;
	font-weight:bold;
	line-height: 17px;
	text-indent: 20px;
}

#maincolumn {
	
}

#maincolumn .boxheading, #maincolumn .boxtitle {
	line-height: 22px;
	background: #006699; /*url(images/boxtitleb.gif) no-repeat left top;*/
	color: #fff;
	/*text-indent: 30px;
	text-transform: uppercase;*/
	font-weight: bold;
}

#maincolumn .boxcontent {
	padding: 0px 5px;
	text-align: justify;
	color: #000;
}
#intro {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#intro .boxcontent {
	width: 220px;
}
#intro .boxwrapper {
	width: 260px;
	float: left;
	margin-right: 5px;
}
#intro .boxtitle {
	margin: 5px 0px;
	width: 240px;
}


#footer {
	width: 750px;
	height: 59px;
	padding-top: 35px;
	background: #006194 url(images/footerb.gif) no-repeat left top;
	text-indent: 20px;
	color: #fff;
}

.pditem {
	width: 260px;
	border: 1px dotted #006699;
	margin: 3px 3px 3px 0px;
}
.pdname {
	background: url(images/hline.gif) repeat-x left bottom;
	padding-bottom: 5px;
	text-align: left !important;
	height: 30px;
}
.pdname a {
	color: #0099CC;
	text-decoration: none;
	font-weight: bold;
}
.pdimage {
	vertical-align: top;
	width: 145px;
}
.pdname a:hover {
	text-decoration: none;
	color: #FFFFFF;	
}
.pddescription {
	text-align: justify !important;
	color: #000;
}
.pdprice, .pdprice *{
	color: #006599;
	font-size: 11px !important;
}
/*****************************/
.total {
	font-weight: bold;
}
TABLE.contact td {
	height: 30px;
}
#loginbox a {
	display: block;
	text-indent: 5px;
	color: #666;
}
td.login {
	padding-top: 3px;
}

div.modulewrapper TABLE.boxText td{
	text-align: left;
}
TABLE.boxText td {
	vertical-align: top;
	text-align: center;
}
TABLE.product_info {
	font-size: 12px;
}
.pcprice {
	font-size: 16px;
	font-weight: bold;
	color: #006599;
	margin-bottom: 10px;
}
.pcdescription {
	color: #000;
	font-size: 12px;
	line-height: 17px;
	text-align: justify;
}
.pcdate {
	color: #a1a1a1;
}
.productSpecialPrice, .pdprice {
	color: #006599;
	font-size: 12px;
	font-weight: bold;
}
.pageHeadingbr .productSpecialPrice {
	color: #000;
}
.pdprice s, .pcprice s {
	color: #006599;
	font-size: 10px;
	
}
/* shopping cart design */
#shoppingcart .productListing-odd{
color:#FFFFFF
}

#shoppingcart .productListing-even{
	background: #f9f9f9;
}

#shoppingcart .productListing {
	border: 1px solid #666;
}

#shoppingcart .productListing-heading {
	background: #fff;
	color: #666;
	border-bottom: 1px solid #666;
	padding: 3px;
} 
.pageHeading, .pageHeading h2{
/*	line-height: 22px;
	background: #006699 url(images/boxtitleb.gif) no-repeat left top;
	color: #fff;
	text-indent: 30px;
	text-transform: uppercase;
*/	font-weight: bold;
	background: url(images/infobox_bg.gif) repeat left top;*/
}
.pageResults, .smallText {
	color: #999;
}

/* fix page structure */
.clrfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clrfix {height: 1%;}
.clrfix {display: block;}
/* End hide from IE-mac */


TD.headerNavigation {
 font-size: 10px;
 font-weight: bold;
}


TR.headerError {
}

TD.headerError {
 font-size: 12px;
font-weight: bold;
 text-align: center;
}

TR.headerInfo {
}

TD.headerInfo {
 font-size: 12px;
 font-weight: bold;
 text-align: center;
}

TR.footer {
}

TD.footer {
  font-size: 10px;
 font-weight: bold;
}

.infoBox {
}

.infoBoxContents {
 font-size: 10px;
 color: #666;
}

.infoBoxNotice {
}

.infoBoxNoticeContents {
 font-size: 10px;
}

TD.infoBoxHeading {
 font-size: 10px;
 font-weight: bold;
}

TD.infoBox, SPAN.infoBox {
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd {
	
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
}

.productListing  td {
	vertical-align: top;
	text-align: center;
}

.productListing-heading {
 font-weight: bold;
}

.productlisting-headingPrice {
 font-size: 14px;
 font-weight: bold;
 background: #006699;
}

TD.productListing-data {
 vertical-align: middle;
 font-size: 10px;
 color:#056691;
}
.productListing-data a, .productListing-data {
color:#056691}


TR.subBar {
}

TD.subBar {
  font-size: 10px;
}

TD.main, P.main {
 padding: 0px !important;
 font-size: 11px;
 line-height: 1.5;
 color: #000;
}
TD.main a {
	color: #878787;
}

TD.smallText, SPAN.smallText, P.smallText {
 font-size: 10px;
}

TD.accountCategory {
  font-size: 13px;
}

TD.fieldKey {
 font-size: 12px;
 font-weight: bold;
}

TD.fieldValue {
 font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
 font-weight: bold;
}

TD.category_desc {
  font-size: 11px;
 line-height: 1.5;
 color: #fff;
 margin-right:5px;
}

SPAN.newItemInCart {
  font-size: 10px;
  font-weight: bold;
}

SPAN.greetUser {
  font-size: 12px;
 font-weight: bold;
}

TABLE.formArea {
}

TD.formAreaTitle {
 font-size: 12px;
 font-weight: bold;
}

SPAN.markProductOutOfStock {
 font-size: 12px;
 font-weight: bold;
}

SPAN.errorText {
}

.moduleRow {}
.moduleRowOver {cursor: pointer; cursor: hand;}
.moduleRowSelected {}

.checkoutBarFrom, .checkoutBarTo {font-size: 10px;}
.checkoutBarCurrent {font-size: 10px; }

/* message box */

.messageBox {font-size: 10px;}
.messageStackError, .messageStackWarning {font-size: 10px; color: #666;}
.messageStackSuccess {font-size: 10px}

/* input requirement */

.inputRequirement {font-size: 10px;}

/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
}

.linkListing-heading {
 font-size: 10px;
 font-weight: bold;
 text-align: center;
}

TD.linkListing-data {
 padding: 4px;
  font-size: 10px;
}

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

TR.linkListing-even {
 background: #F5F5F5;
}
/* VJ Links Manager v1.00 end */
.content 	{FONT-SIZE: 10px;}

/* Show Cart Details */
TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
 font-size: 11px;
 line-height: 1.5;
}

 /* Show Header Page Links */
TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
}

TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
}

TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
  font-size: 10px;
 font-weight: bold;
}

A.HeaderPageLinks {
  font-size: 10px;
 font-weight: bold;
}
a:hover.HeaderPageLinks {
  font-size: 10px;
 font-weight: bold;
}

TD.cookieUsage {
  font-size: 10px;
 font-weight: bold;
}
.yearHeader {font-family: Helvetica, Arial, Verdana; font-size: 14px; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none;} .calendarMonth {background-color: #BBC3D3; cursor: default; width: 100%;}
.calendarHeader {font-family: Helvetica, Arial, Verdana; font-size: 11px; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none; height: 22px;}
.calendarToday { font-size: 10px; color: #000000; background-color: #FFCF00; padding-left: 3px; text-decoration: none; border:1px solid #FFFFFF; height: 22px; width: 18px;}
.calendarWeekend { font-size: 10px; color: #000000; background-color: #CAEEFF; padding-left: 3px; line-height: 14px; text-decoration: none; border:1px solid #FFFFFF; height: 22px; width: 18px;}
.calendar { font-size: 10px; color: #000000; background-color: #FFFFFF; padding-left: 3px; line-height: 14px; text-decoration: none; border:1px solid #FFFFFF; height: 22px; width: 18px;}
.event { font-size: 11px; color: #000000; background-color: #FFFFFF; text-decoration: none; border:1px solid #E6E6E6;}
.empty {background-color: #F0FAFF; 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;}

/* VJ infosystem added */
h4.infoTitle {
 margin: 0;
 margin-bottom: 0.2em;
}

p.infoBlurb {
 margin: 0;
 margin-bottom: 2em;
}


TD.productPriceInListing {
  font-size: 10px;
}

TD.productPriceInBox {
  font-size: 10px;
}

TD.productPriceInProdInfo {
  font-size: 12px;
}