/* based on "Cobalt Blue" stylesheet for osC created by Rhea Anthony */

/* begin imported some styles  from original osC stylesheet */
.smallText {
font-family: Arial, sans-serif;
font-size: 10px;
}
.messageStackError, .messageStackWarning {
font-family: Arial, sans-serif;
font-size: 10px;
color: #181387;
background-color: #ffb3b5;
}

td.main, p.main {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #181387;
  background-color: #ffffff;
  line-height: 1.5;
  text-align: left;
}

td.main_n, p.main_n {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ff0000;
  background-color: #ffffff;
  line-height: 1.5;
  text-align: left;
}

td.main_r, p.main_r {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #181387;
  background-color: #ffffff;
  line-height: 1.5;
  text-align: right;
}

td.special {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #181387;
  background-color: #ffffff;
  line-height: 1.5;
  text-align: center;
}

td.FAQ {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #181387;
  background-color: #ffffff;
  line-height: 1.5;
  text-align: left;
}

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

/* the body tag for the html template */
html {
margin: 0;
padding: 0;
text-align: center;
}

body {
background: #ffffff; color: #000000;
margin: 0;
padding: 0;
text-align: center;
}

/* pageWrapper div for centering and fixing width settings! 2005/08/08 */
div#pageWrapper {
position: relative;
margin: 0px auto; /* sets margin from top of browser page to start of web page */
width: 100%; /* set total pagewidth or set at 100% */
background: #ffffff; color: #000000;
}

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

/* no need to edit this - standard setting */
td {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #181387;
  background-color: #ffffff;
  text-align: left;
  vertical-align: top;
}

td.checkoutBarCurrent, td.checkoutBarFrom, td.checkoutBarTo {
  text-align: center;
}

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

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

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

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

td#contentLT {
  padding: 10px 12px;
}

/* padding for the infoBox headings */
td.infoBoxHeadingLT, .infoBoxHeading {
  height: 15px;
  padding: 2px 1px 1px 4px;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  background-color: #181387;
}

td.infoBoxContents {
  padding: 2px 1px 1px 4px;
  height: 15px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: #181387;
}

.infoBoxHeadingLT div {
  height: 15px;
}

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

.navLeftLT {
  float: left;
}

.footerLT {
  text-align: center;
}

.footerLeftLT {
  float: left;
  margin: 5px;
  color: #181387;
  background-color: #ffffff;
}
.footerRightLT {
  margin: 5px;
  float: right;
  color: #181387;
  background-color: #ffffff;
}

td.headerLeft h1 {
  float: left;
}

td.headerRight h1 {
  float: right;
}

#infoBoxHeadingLinkLT {
  float: left;
  text-decoration: none;
}

.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: #181387 solid 1px;
}

table.downloadItem {
  border: #181387 solid 1px;
  text-align: left;
}

td.downloadItem {
  vertical-align: middle;
}

td.productListing-heading {
  background: url(images/background.gif) repeat-x;
}

tr.productListing-even td {
  color: #181387;
  background-color: #ffffff;
}
tr.productListing-odd td.productListing-data {
  color: #181387;
  background-color: #ffffff;
}
.errorText {
  color: red;
  background-color: #ffffff;
}
/* .cBoxE higlighting for categories box enhancement contrib */
.cBoxE {
  color: red;
  background-color: #ffffff;
}

/* leave at zero or else it will conflict with
images used in infoBox headers and new products module */
td.infoBoxHeading {
  border: 0px black solid;
  padding: 2px 1px 1px 4px;
}

/* controls colour of top and bottom navbar borders */
td#navBarTopLT, td#navBarBottomLT {
  border: 1px #181387 solid;
}

/* controls colour and style of webpage outer border */
table#mainLayoutLT {
/*border: 2px #181387 solid; */
}

/* controls border colour of info boxes only - safe to change */
.infoBoxLT td {
  border: 1px #181387 solid;
}

td.boxTextLT {
  border-top-width: 0px;
}

/* controls colour of page heading text */
#contentLT table td.pageHeading, h1 {
  color: #181387;
  background-color: #ffffff;
  text-align: left;
}

td.productPrice {
  color: #181387;
  background-color: #ffffff;
  text-align: right;
  vertical-align: middle;
  font-size: 22px;
  font-weight: normal;
  font-family: arial, sans-serif;
}

/* this is a table border, so leave at zero */
.infoBoxLT td table td {
  border-width: 0px;
}

td#pageHeaderLT {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #181387;
  background-color: #ffffff;
  text-align: left;
  vertical-align: top;
}

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

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

td.infoBoxHeadingLT, td.infoBoxHeadingLinkLT, .infoBoxHeading {
  background: url(images/background.gif) repeat-x;
}

.infoBoxHeading {
  font-weight: bold;
  color: #ffffff;
}

/* end colors and borders */
.infoBoxHeading img {
  display: none;
}
/* begin fonts */
#copyRightLT, #footerLT {
  font-size: 11px;
  font-family: arial, sans-serif;
}
td.infoBoxHeading, td.infoBoxLinkHeadingLT {
  font-weight: bold;
  color: #ffffff;
}
.infoBoxLT td, .infoboxLT td.boxTextLT form select {
  font-size: 11px;
  font-family: arial, sans-serif;
}
#navBarTopLT, #navBarBottomLT {
  font-size: 12px;
  font-weight: bold;
  font-family: arial, sans-serif;
  color: #181387;
  background-color: #ffffff;
}

/* font size for content in and outside tables */
#contentLT table td, #contentLT {
  font-size: 13px;
  font-family: Arial, sans-serif;
  color: #181387;
  background-color: #ffffff;
}

#contentLT table td.productListing-heading {
  font-weight: bold;
  color: #ffffff;
  background-color: #ffffff;
/*  border=1;*/
}

/* controls font and size used in page headings */
#contentLT table td.pageHeading {
  font-size: 22px;
  font-weight: normal;
  font-family: arial, sans-serif;
  text-indent: 15px;
  padding-top: 5px;
}

table.compChart {
  border: #181387 solid 1px;
  border-collapse: collapse;
  margin: 0px auto;
}

#contentLT table.compChart th.col1 { border-left-color: #ffffff; border-top-color: #ffffff; }
#contentLT table.compChart tr.rowA td { background-color: #e6e4fc; }
#contentLT table.compChart tr.rowB td { background-color: #f4f3fe; }
table.compChart td.col1 { width: 25%; border: #181387 solid 1px;}
table.compChart td.col2, td.col3, td.col4 { width: 25%; border: #181387 solid 1px;}
table.compChart th { text-align:center; color: #181387; border: #181387 solid 1px;}
table.compChart caption {
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #181387;
}

h1 { 
  font-family: arial, sans-serif, Verdana;
  font-size: 22px;
  font-weight: bold;
}

h2 { 
  font-family: arial, sans-serif, Verdana;
  font-size: 16px;
  font-weight: bold;
}

td.categoryDescription h2 { 
  font-family: arial, sans-serif, Verdana;
  font-size: 14px;
  font-weight: normal;
}

/* end fonts */

/* begin link styles */
.infoBoxHeadingLT a {
  float: right;
  margin: 2px;
}

td.imageLink {
  float: right;
}

.infoBoxHeadingLinkLT a {
  float: left;
  margin: 2px;
  color: #ffffff;
  background-color: transparent;
}

.infoBoxHeadingLT a {
  float: left;
  margin: 2px;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  background-color: transparent;
}

.infoBoxHeadingArrowLT a {
  float: right;
  color: #ffffff;
  background-color: transparent;
}

.infoBoxHeadingLinkLT a {
  font-weight: bold;
}

#contentLT table td a {
  text-decoration: underline;
}

#contentLT table td.productListing-heading a {
  text-decoration: underline;
  color: #ffffff;
}


a {
  text-decoration: none;
  color: #181387;
  background-color: transparent;
}

a:hover {
  text-decoration: underline;
  color: red;
  background-color: transparent;
}

.categoryLink a {
  font-weight: bold;
  font-size: 16px;
}

.infoBoxHeadingLinkLT a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: transparent;
}

.infoBoxHeading {
  font-weight: bold;
  color: #ffffff;
}

/* end link styles */

td#contentLT td.infoBoxHeading {
  height: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}

.divline{
  margin-top:20px;
  margin-bottom:-5px;
  border-bottom:1px solid #DDDDDD;
}

.idented {
  margin-left:30px;
}

.searchBox{border:1px solid #113377;}

#result_report {
  text-align:center ;
  padding:3px;
  background-color:#e5ecf9; 
  font-weight: bold;
  margin-bottom:14px;
}

#common_report {
  text-align:center;
}

#did_you_mean {
  font-size: 14px; 
  text-align:center ;
  margin:10px;
}

a.title {
  text-decoration: underline;
  color: #181387;
  background-color: transparent;
}

a.title:hover {
  text-decoration: underline;
  color: red;
  background-color: transparent;
}

.url {color: #115599}

td.warning {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
  background-color: #ffffff;
  text-align: center;
}

p.notice {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
  background-color: #ffffff;
  text-align: center;
}

p.notice2 {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ff0000;
  background-color: #ffffff;
  text-align: center;
}

th.zxfamily {
  text-align: center;
}

td.zxfamily {
  text-align: center;
}

#contentLT table.ZX_family_chart td.zxfamily_eol {
  color: #ff0000;
  text-align: center;
}

td.zxfamily_pkg {
  text-align: left;
}

th.zxfamily_pkg {
  text-align: left;
}

td.zxfamily_vm {
  text-align: center;
}

td.zxfamily_native {
  text-align: center;
}

#td.zxOEM {
#  text-align: center;
#}

#contentLT table.ZX_family_chart tr.zxOEM td {
  background-color: #e6e4fc;
}

.attn {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
}

/* BOM osC reCAPTCHA */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color: #181387 !important; /* reCaptcha widget background color */
}

#recaptcha_table {
   border-color: #181387 !important;     /* reCaptcha widget border color */
}

#recaptcha_response_field {
   border-color: #181387 !important;     /* Text input field border color */
   background-color:#ffffff !important;  /* Text input field background color */
   color: #000000                        /* Text input field font color */
}
/* EOM osC reCAPTCHA */