/*
  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2004 Oldeani
*/


/* ######### Body Styles ######### */

body {
background-color:#FFF;
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
color: #3b3b3b;
font-size: 1em;
text-decoration: none;
line-height: normal;
}

body img {
border:0;
}

:-moz-any-link:focus {
outline:none;
}

/* ######### Header/ Navigation Area Styles ######### */

#container {
width:799px;
margin-left:auto;
margin-right:auto;
margin-top:42px;
background-image:url(images/v2/content_bg.gif);
background-repeat:repeat-y;
}


#header {
background-image:url(images/v2/header_bg.gif);
background-repeat:no-repeat;
background-position:top;
height:4px;
margin: 0 0 0 0;
}


#search {
float:left;
padding: 0;
font-weight:400;
font-size:0.7em;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
}

.search_input {
border-top: 2px inset #808080;
border-right: 1px inset #808080;
border-bottom: 1px inset #808080;
border-left: 2px inset #808080;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
color:#000;
margin: 5px 0 0 10px;
width: 110px;
}

/* ######### Page Navigation Styles ######### */

#content_container {
margin:0;
padding:0;
}

* html #content_container {
margin:-13px 0 -26px 0;
padding:0;
}


#leftnav_container {
width:161px;
float:left;
margin: 0 0 0 3px;
}

* html #leftnav_container {
width:160px;
float:left;
margin: 0 0 0 2px;
}


#leftnav_container hr {
height:2px;
width:98%;
border-top:1px #FFF solid;
border-bottom:1px #c4c4c4 solid;
border-left:none;
border-right:none;
margin:10px 0 10px 0;
}


#leftnav {
width:161px;
}

* html #leftnav {
width:160px;
}


#leftnav a {
background-image:url(images/v2/leftnav_arrow.gif);
background-repeat:no-repeat;
background-position:top left;
padding: 0 0 0 23px;
font-weight:400;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
color:#303030;
line-height:1em;
text-decoration:none;
}

#leftnav a, #leftnav a:active, #leftnav a:visited {
text-decoration:none;
}

#leftnav a:hover {
text-decoration:underline;
}

#leftnavimg a {
background-image:none;
padding: 0;
text-decoration:none;
}

#leftnavimg {
background-image:none;
padding: 0;
text-decoration:none;
}

/* ######### Content / Page Styles ######### */

.content {
width:629px;
float:left;
font-weight:400;
font-size:0.75em;
line-height:1.5em;
font-family:Arial, Helvetica, sans-serif;
color:#3b3b3b;
padding: 28px 2px 0 2px;
text-align:center;
}


.content p {
text-align:left;
padding: 0 20px 0 20px;
}

.content a, .content a:active, .content a:visited {
text-decoration:none;
}

.content a:hover {
text-decoration:none;
}

.alert {
	background: #FFBFBF url(/catalogue/images/v2/information.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ff8080;
	border-bottom: 2px solid #ff8080;
	margin:20px;
	color:#000;
}

.success {
	background: #FFBFBF url(/catalogue/images/v2/success.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ff8080;
	border-bottom: 2px solid #ff8080;
	margin:20px;
	color:#000;
}

/* ######### Font, Header Image and General Styles ######### */

h1 {
font-weight:400;
font-size:2.5em;
line-height:1.2em;
font-family:Arial, Helvetica, sans-serif;
color:#e51e8d;
text-align:center;
margin:0 0 20px 0;
padding:0;
}

h2 {
font-weight:400;
font-size:1.6em;
line-height:1.2em;
font-family:Arial, Helvetica, sans-serif;
color:#494c53;
text-align:left;
margin:0;
padding:0 0 10px;
}

h3 {
font-weight:800;
font-size:1.1em;
line-height:1.2em;
font-family:Arial, Helvetica, sans-serif;
color:#494c53;
text-align:left;
margin:0;
padding:0 0 10px;
}

.small {
font-size:0.8em;
line-height:1.25em;
}

a,a:active,a:visited {
font-weight:400;
text-decoration:underline;
color:#3b3b3b;
}

a:hover {
text-decoration:none;
color:#e51e8d;
}

hr {
height:2px;
width:100%;
border-top:1px #81a4b6 solid;
border-bottom:1px #FFF solid;
border-left:none;
border-right:none;
margin-top:10px;
margin-bottom:10px;
}


/* ######### Footer Area Styles ######### */

#footer {
background-image:url(images/v2/footer_bg.gif);
background-repeat:no-repeat;
background-position:bottom;
height:12px;
margin: 0 0 0 0;
}

#copyright {
font-weight:400;
font-size:0.6em;
font-family:Arial, Helvetica, sans-serif;
color:#808080;
text-align:center;
margin: 20px 0 20px 0;
}

#copyright a {
text-decoration:none;
padding-right:10px;
color:#808080;
}

#footerlinks {
font-weight:400;
font-size:0.6em;
font-family:Arial, Helvetica, sans-serif;
color:#efefef;
text-align:center;
width:500px;
}

#footerlinks a {
text-decoration:underline;
padding-right:10px;
color:#efefef;
}


/* ######### OSC Styles ######### */

/* boxes.php */
.boxText { 
	font-size: 12px;
}
a.boxText {
	font-size: 10px;
	text-decoration: none;
	color: #1C5679;
}
a.boxText:hover { 
	font-size: 10px;
	text-decoration: none;
}
/* boxes.php eof */
.boxText_center {
	font-size: 10px;
	padding-left:5px;
	padding-right:5px;
}
.boxText_left {
	font-size: 1em;
	padding-left: 0;
	padding-right:0px;
}
.boxText_categ { 
	font-size: 10px;
	padding-left: 25px;
	padding-right:10px;
	color: #1C5679;
}
.boxText_right { 
	font-size: 10px;
	padding-left:5px;
	padding-right:5px;
}
.errorBox {
	font-size : 10px;
	background: #ffb3b5;
	font-weight: bold;
}
.productsNotifications { 
	background: #f2fff7;
}
.orderEdit { 
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}
td { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

form { 
	display: inline;
}
tr.headerError {
	background-color: #FF0000;
}
td.headerError {
  font-size: 12px;
  background-color: #FF0000;
  color: #FFFFFF;
  font-weight : bold;
  text-align : center;
}
tr.headerInfo {
  background: #00FF00;
}
td.headerInfo {
  font-size: 12px;
  background: #00FF00;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}
.infoBox_form {
  background: #b6b7cb;
}
.infoBox_right {
  background: #b6b7cb;
}
.infoBoxContents {
	font-size: 10px;
	color: #1C5679;
}
.infoBoxContents_form {
	background: #f8f8f9;
	font-size: 10px;
	color: #1C5679;
}
.infoBoxContents_button {
	font-size: 10px;
	color: #005CB9;
}
.infoBoxContents_center {
	font-size: 10px;
	color: #1C5679;
}
.infoBoxContentsText_center {
	color: #1C5679;
}
a.infoBoxContentsText_center {
	font-size: 10px;
	text-decoration: none;
	color: #1C5679;
}
.infoBoxProductsText_left {
	color: #325A87;
	text-decoration: none;
	margin-left: 12px;
}
a.infoBoxProductsText_left {
	color: #325A87;
	text-decoration: none;
	margin-left: 12px;
}
a.infoBoxProductsText_left:hover {
	color: red;
	text-decoration: none;
	margin-left: 12px;
}
.infoBoxContentsBottom_left {
/*background: url(images/design/box_bottom.jpg) no-repeat left top;*/
  height: 20px;
}
.infoBoxContentsBottom_search {
/*background: url(images/design/box_bottom.jpg) no-repeat left top;*/
  height: 20px;
}
.infoBoxContents_right {
	background: #f8f8f9;
	font-size: 1px;
	color: #1C5679;
}
.infoBoxContentsText_right {
	font-size: 10px;
	color: #1C5679;
}
a.infoBoxContentsText_right {
	font-size: 10px;
	text-decoration: none;
	color: #1C5679;
}
.infoBoxContents_categ {
  text-decoration:none;
}
.infoBoxContentsText_categ {
/* Text of Products box */
	color: #1C5679;
	text-decoration: none;
	font-weight: 100;
	padding-left: 10px;
}
a.infoBoxContentsText_categ {
/* Text of Products box Visited */
	color: #1C5679;
	text-decoration: none;
	font-weight: 100;
	padding-left: 10px;
}
a.productTitle {
	font-size: 10px;
	color: #888888;
	text-decoration: none;
	padding-top: 5px;
	font-weight: bold;
}
.infoBoxNotice {
  background: #FF8E90;
}
.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}
td.infoBoxHeading {
  font-size: 14px;
  font-weight: bold;
  color: #99CC00;
}
td.infoBoxHeading_center {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
td.infoBoxHeading_left {
	font-size: 13px;
	color: #1C5679;
	padding-left: 30px;
	font-weight: bold;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-image: url(images/design/menu_heading_products.gif);
	background-position: right;
}
td.infoBoxHeading_right {
/* Top of Search box */
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}
td.infoBox, span.infoBox {
  font-size: 10px;
}
tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd {
  background: #FFFFFF;
}
tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even {
  background: #FFFFFF;
}
table.productListing {
	border-spacing: 1px;
	vertical-align: top;
}
.productListing-heading {
	font-weight: bold;
	padding: 3px;
	background-color: #EDEDED;
}
td.productListing-data {
  font-size: 10px;
  border-bottom: 1px #B1B1B1 solid;
}
a.pageResults {
  color: #1C5679;
}
a.pageResults:hover {
	color: #1C5679;
}
/* index.php */

td.pageHeading, DIV.pageHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: normal;
	color: #242424;
	text-align:right;
	border-bottom:2px solid #e51e8d;
	padding:0 45px 15px 0;
}

* html td.pageHeading {
	line-height:1em;
}

/* index.php eof */

tr.subBar {
  background: #f4f7fd;
}
td.subBar {
  font-size: 10px;
  color: #000000;
}
td.main, {
	line-height: 12px;
	color: #1C5679;
	padding-left: 8px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-top: 2px;
}

/* advanced_search.php; catalogue.php */
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:1em;
	padding-top: 2px;
	padding-bottom: 12px;
}
/* eof */

.textBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight: bold;
	text-transform: none;
	font-variant: normal;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 12px;
}
td.smallText, span.smallText, P.smallText {
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: #1C5679;
}

.smallText a {
text-decoration:none;
font-size: 11px;
}

td.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}
td.fieldKey {
  padding-left: 8px;
}
td.fieldValue {
  font-size: 11px;
}
td.tableHeading {
  font-size: 12px;
  font-weight: bold;
}
span.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
TEXTAREA {
  width: 100%;
}
span.greetUser {
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
	line-height: normal;
}
table.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}
td.formAreaTitle {
  font-weight: bold;
}
span.productSpecialPrice {
  color: #ff0000;
}
span.errorText {
	color: #FF0000;
}
.moduleRowOver {
	background-color: #D7E9F7;
	cursor: pointer;
}
.moduleRowSelected {
	background-color: #E9F4FC;
}
.messageBox {
	font-size: 10px;
}
.messageStackError, .messageStackWarning {
	font-size: 12px;
	background-color: #ffbfbf;
	color: #000;
	padding: 4px;
	vertical-align:middle;
}
.messageStackSuccess {
	font-size: 10px;
	background-color: #99ff00;
	padding: 2px;
}
.inputRequirement {
	font-size: 10px; color: #ff0000;
	padding-right: 7px;
}
a.prodTitle1 {
  font-size: 12px;
  color: #156999;
  font-weight: bold;
  text-decoration:none;
}
a.prodTitle2 {
  color: #378B51;
  font-weight: bold;
  text-decoration:none;
}
span.priceText {
  color: #555555;
  font-weight: bold;
  text-decoration: none;
}
span.priceValue {
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

/* product_info.php */

span.productInfoName {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #000000;
  text-decoration: none;
}
td.productInfoPrice {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
/* product_info.php eof */

td.mainText {
	line-height: normal;
	color: #1C5679;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 12px;
}
.boxContent {
	text-align: justify;
	color: #1C5679;
	padding-left: 20px;
	padding-right: 15px;
	padding-bottom: 22px;
	padding-top: 32px;
	background-color: #FFFFFF;
	margin-top: 0px;
}
td.verticalPictures {
	padding-top: 7px;
	padding-left: 9px;
}
td.boxContactUs {
	line-height: normal;
	color: #1C5679;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 12px;
	background-color: #FFFFFF;
	margin-top: 0px;
}
td.boxOutlineLeft {
	background-image: url(images/design/option_bar_04.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
td.boxOutlineRight {
	background-image: url(images/design/option_bar_06.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.buttonDisabled {
	color:#999999;
	text-decoration: none;
	font-weight: bold;
}


.boxCompany01 {
	width: 285px;
	position: relative;
	float: left;
	left: 60px;
}
.boxCompany02 {
	width: 160px;
	position: relative;
	float: left;
	left: 64px;
	top: 7px;
}
.imagesBoxContents {
  font-size: 10px;
}


/* Box Example */
 .roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .bordertr, .borderBL, .borderBR {
    width: 11px; height: 11px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.bordertr, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.bordertr { margin: -1px -1px 0px 0px; }
.borderBL { margin: -11px 0px 0px 0px; }
.borderBR { margin: -11px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
 .borderTL {
    margin-left: -4px;
    ma\rgin-left: -4px;
}
html>body .borderTL {
    margin-left: -1px;
}
.bordertr {
    margin-right: -4px;
    ma\rgin-right: -4px;
}
html>body .bordertr {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: -3px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: -3px;
}
html>body .borderBR {
    margin-right: 0px;
}

/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.contentBox {
    margin: 0px;
	padding: 0px;
    border: 1px;
	border-color: #A1A5A9;
	border-style: solid;
}
.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
	width: 282px;
}
.contentWrapperCompany {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
	width: 282px;
}