body {background-color: #557EC6; font-size: 76%; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; color: #333; margin: 0; margin-top: 5px; padding: 0;}

img, img a {border: 0; text-decoration: none;}

p {font-size: 1.0em; line-height: 1.8em; margin: 1.2em 0em 1.2em 0em;}

a {}
a:link, a:visited {color: #000; text-decoration: none;}
a:active, a:hover {color: #557EC6; text-decoration: underline;}

.devNote {background-color: red; color: yellow; font-weight: bold; font-style: italics; padding: 5px 10px;}
.spaceMe, .spacingVertical {margin: 15px 0;}

/* Color Properties  */
.colorPurple {color: #557EC6;}
.shadePurple {background-color: #557EC6;}
.colorWhite {color: #fff;}
.shadeWhite {background-color: #fff;}
.colorOrange {color: #f90;}
.shadeOrange {background-color: #f90;}
.colorYellow {color: #ff0;}
.shadeYellow {background-color: #ff0;}
.colorGreenDark {color: #9c0;}
.shadeGreenDark {background-color: #9c0;}
.colorGreenLight {color: #9f0;}
.shadeGreenLight {background-color: #9f0;}
.colorBlue {color: #2489FB;}
.shadeBlue {background-color: #2489FB;}
/* +++++++++++++++++++++ */

/* Box: Green Properties  */
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#9f0; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#9f0; border-right:2px solid #9f0; border-left:2px solid #9f0; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#9f0; border-right:1px solid #9f0; border-left:1px solid #9f0; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#9f0; border-right:1px solid #9f0; border-left:1px solid #9f0; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #fff;}
.headh {background: #9f0; border-right:1px solid #9f0; border-left:1px solid #9f0;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; text-align: center;}
.contenth {background: #fff; border-right:1px solid #9f0; border-left:1px solid #9f0;}
/*  .contenth div {margin-left: 12px; padding-top: 2px;}  */
/* +++++++++++++++++++++ */

.rule {height: 1px; margin: 2px 0; background-color: #f90;}

#baseContainer {width: 750px; margin: 0 auto; background-color: #557EC6;}

#banner {width: 750px; height: 100px;}
#baseTable {width: 100%; border: none; padding: 0 5px;}

#boxTop {width: 493px; height: 20px; margin: 0 auto; margin-top: 5px; background: url(img/box-top.png) no-repeat;}

#shippingDL dt {font-weight: bold; margin-top: 10px;}
#shippingDL dd {}

/* Messages Properties  */
.messageBox {border: 1px solid #c00;}
.messageStackError, .messageStackWarning { background-color: #f00; color: #ff0; font-weight: bold;}
.messageStackSuccess {background-color: #99ff00; color: #fff; font-weight: bold;}
.messageStackSuccess img, .messageStackError img, .messageStackWarning img  {vertical-align: middle; padding-right: 3px;}
/* +++++++++++++++++++++ */

/* HeaderNav Properties  */
#headerNav {color: #fff; font-weight : bold; padding: 2px 10px;}
#headerNav {color: #fff;}
#headerNav a:link, #headerNav a:visited {color: #fff;}
#headerNav a:active, #headerNav a:hover {color: #ddd;}

TR.headerNavigation {background: #fff;}/*  f90  */
TD.headerNavigation {color: #557EC6; font-weight : bold;}
A.headerNavigation {color: #557EC6;}
A.headerNavigation:link, A.headerNavigation:visited {color: #557EC6;}
A.headerNavigation:hover {color: #f90;}
/* +++++++++++++++++++++ */

/* Shopping Cart Menu Properties  */
#cartMenu {margin: 2px 3px;}
#cartTools {background-color: #000;}
#cartTools ul {margin: 0; padding: 0; list-style-type: none;}
#cartTools a {display: block; padding: 3px 6px; background-color: #fff; text-decoration: none;}
#cartTools a:hover {background-color: #557EC6; color: #fff;}
/* +++++++++++++++++++++ */

/* Utility Bar Properties  */
#utilityBar {color: #557EC6; padding: 0px;}
#utilityBar input {background-color: #eee; vertical-align: middle; border: none; font-size: 11px;}
/* +++++++++++++++++++++ */

/* Box Properties  */
.boxTable {width: 100%}
.boxRow {}

.boxTopLeft {width: 20px; height: 20px; background: url(img/box-top-left.png) bottom right no-repeat;}
.boxTopBg {height: 20px; background: url(img/box-top-bg.png) top right repeat-x;}
.boxTopRight {width: 20px; height: 20px; background: url(img/box-top-right.png) bottom left no-repeat;}

.boxLeftBg {width: 20px; background: url(img/box-left-bg.png) right repeat-y;}
.boxBody {background-color: #fff; margin: 0; padding: 0; vertical-align: top;}
.boxBody p:first-child {margin-top: 0;}
.boxRightBg {width: 20px; background: url(img/box-right-bg.png) left repeat-y;}

.boxBottomLeft {width: 20px; height: 20px; background: url(img/box-bottom-left.png) top right no-repeat;}
.boxBottomBg {height: 20px; background: url(img/box-bottom-bg.png) top left repeat-x;}
.boxBottomRight {width: 20px; height: 20px; background: url(img/box-bottom-right.png) top left no-repeat;}
/* +++++++++++++++++++++ */

/* Box Properties  */
/*  
#boxTable {width: 100%;}

#boxTopLeft {width: 20px; height: 20px; background: #fff url(img/box-top-left.png) bottom right no-repeat;}
#boxTopBg {height: 20px; background: #fff url(img/box-top-bg.png) top right repeat-x;}
#boxTopRight {width: 20px; height: 20px; background: #fff url(img/box-top-right.png) bottom left no-repeat;}

#boxLeftBg {width: 20px; background: #fff url(img/box-left-bg.png) repeat-y;}
#boxBody {background-color: #fff; margin: 0; padding: 0; padding-bottom: 50px;}
#boxBody p:first-child {margin-top: 0;}
#boxRightBg {width: 20px; background: #fff url(img/box-right-bg.png) repeat-y;}

#boxBottomLeft {width: 20px; height: 20px; background: #fff url(img/box-bottom-left.png) top right no-repeat;}
#boxBottomBg {height: 20px; background: #fff url(img/box-bottom-bg.png) top left repeat-x;}
#boxBottomRight {width: 20px; height: 20px; background: #fff url(img/box-bottom-right.png) top left no-repeat;}
  */
/* +++++++++++++++++++++ */

#contentBody {padding-bottom: 10px;}

h1, h2, h3 {font-variant: small-caps; color: #557EC6;}
h1 {font-size: 1.4em; margin: 5px 0; letter-spacing: .11em;}
h2 {font-size: 1.1em; margin: 5px 0; padding: 2px 0;}
h3 {font-size: 1.05em; margin: 2px 0; padding: 2px 0;}

#colLeft {width: 150px; margin: 0; padding-right: 5px;}
#colMiddle {}/*  width: 600px; background: #fff url(img/box-middle.png) repeat-y center center;  */
#colRight {background-color: #ddd; width: 50px; margin: 0;}
.colBuffer {width: 5px; margin: 0;}

/*  
#colLeft {width: 129px; margin: 0;}
#colMiddle {padding: 5px 10px; width: 473px; background: #fff url(img/box-middle.png) repeat-y center center;}
#colRight {width: 128px; margin: 0;}
  */
.sideBox { background-color: #fff; margin: 0 0px 5px 0px;}/*  width: 123px;  */
.sideBox table {background-color: #fff;}

/* Global FORM Properties  */
#formTable {margin: 0 0 15px 0;}
#formTable th {text-align: left; font-weight: bold; padding-right: 3px;}
#formTable td input, #formTable td select, #formTable td textarea {vertical-align: middle; padding: 3px;}
input.checkbox {width: 20px !important;}
.checkboxContainer {font: 1em/1.7em arial,sans-serif;}
span.checkbox {
/*  border: 1px solid #c00;  */
width: 19px;
height: 25px;
padding: 0 5px 0 0;
/*  vertical-align: top;  */
background: url(img/checkbox.gif) no-repeat;
display: block;
clear: left;
float: left;
}
span.radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
/*  vertical-align: middle;  */
background: url(img/radio.gif) no-repeat;
display: block;
clear: left;
float: left;
}
/* +++++++++++++++++++++ */

/* Text Modules Properties  */
#textMain {
font-size: 1.4em; 
font-weight: bold; 
text-align: center;
margin: 10px;
}
/* +++++++++++++++++++++ */

/* ActionBtn Properties  */
#actionBtn {border: 1px solid #ddd; padding: 5px 10px; margin: 15px 0;}
/* +++++++++++++++++++++ */

/* INFOBOX Properties  */
.boxText { font-size: 11px; }

.infoBox {/*  background: #b6b7cb;  */}
.infoBoxContents {font-size: 11px;}
.infoBoxNotice {background: #FF8E90;}
.infoBoxNoticeContents {font-size: 11px;}
td.infoBoxHeading {border-bottom: 2px solid #f90; padding: 3px 0; vertical-align: middle; letter-spacing: .05em; font-size: 90%; font-weight: bold; text-align: center; color: #557EC6;}
td.infoBoxHeading img {text-align: right; padding-top: 2px; vertical-align: middle; width: 8px; height: 9px;}
td.infoBox, span.infoBox {font-size: 11px; color: red;}
/* +++++++++++++++++++++ */
/*  
#infoNav {padding: 3px; text-align: center;}
  */

#infoNav {color: #fff; padding: 3px; text-align: center;}
#infoNav a {color: #fff; text-decoration: none;}
#infoNav a:hover {color: #eee;}

#footer {background: url(img/box-bottom.png) bottom center no-repeat; width: 493px; height: 30px; margin: 0 auto;}
#footerText {color: #fff; font-size: smaller; text-align: center; padding: 2px 0;}
#footerText a {color: #fff;}
#footerText a:hover {color: #eee;}