/* CSS Document */

/* em unit calculation uses 16px browser default */
/* example 11px/16(default)=0.6875em */

body {
  margin: 0;
  padding: 0;
  border: none;
  background-color: #ccc;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%; /* renders monospace fonts correctly with em sizing*/
  line-height: 1em;
}

#wrapper {
  position: relative;
  min-width: 761px;
  width: 95%;
  margin : 2%; 
  padding: 0;
  border : 1px solid #000;
  background-color : #fff;
}

#bannerwrapper {
  width: 100%;
  height: 100px;
  margin: 0;
  padding: 0;
  border: none;
  background:#fff url('/cms/cmsimages/x-images/banner-bg.gif') repeat-x;
}
#banner{
  width: 100%;
  height: 100px;
  margin: 0;
  border: none;
  padding: none;
  background: url('/cms/cmsimages/x-images/banner.jpg') no-repeat top left;
}
#logo {
  float: left;
  width: 223px;
  height: 65px;
  margin: 0;
  border: none;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
#email {
  float: right;
  width: 121px;
  height: 13px;
  margin: 0;
  border: none;
  padding-top: 65px;
  padding-bottom: 22px;
  padding-left: 10px;
  padding-right: 10px;
}
#nav {
  width: 100%;
  height: 31px;
  margin: 0;
  padding: 0;
  border:1px solid #999; 
  border-width:1px 0 0 0; 
  background-color:#666;
}
#content {
  clear: both;
  width: 93%;
  padding: 40px 3% 15px;
  margin: 0;
  border: none;
  background-color: #fff;
}
#content a {color: #606; background-color: transparent; text-decoration: none;}
#content a:hover {text-decoration: underline;}

#content td {
  vertical-align:top;
  color: #000;
  font-size: 0.6875em;
  font-style: normal;
  font-weight: normal;
}

#content ul {margin-left: 0.4em; padding-left: 0.4em;} 
#content ol {margin-left: 0.5em; padding-left: 0.5em;} 

#content hr {  
  width: 100%;
  border: 0;
  height: 1px;
  color: #ccc; background-color: #ccc;
}

#main {
  padding: 0;
  margin: 0 300px 0 0;
  border: none;
}
#highlight {
  float: right;
  width: 265px;
  padding: 0;
  margin: 0;
  border: none;
}
#floatwrapper {
  padding: 0;
  margin: 0 265px 0 0;
  border: none;
}
#homeleft {
  float: left;
  width: 210px;
  padding: 0;
  margin: 0;
  border: none;
}
#homemiddle {
  padding: 0;
  margin: 0 0 0 235px;
  border: none;
}
#homeright {
  float: right;
  width: 240px;
  padding: 0;
  margin: 0;
  border: none;
}

.tablelist table, .tablelist tr {border: none; margin: 0; padding: 0;}
.tablelist td {border: none; margin: 0; padding: 0 0 10px;}

.img_left {text-align: left; padding: 0; border: 0; margin-right: 5px}
.img_right {text-align: right; padding: 0; border: 0; margin-left: 5px}
.img_left_bdr {text-align: left; padding: 1px; border: 1px solid #ccc; margin-right: 5px}
.img_right_bdr {text-align: right; padding: 1px; border: 1px solid #ccc; margin-left: 5px}
.img_bdr {padding: 1px; border: 1px solid #ccc; margin: 0;}

.img_left, .img_right, .img_left_bdr, .img_right_bdr, .img_bdr {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* defunct */
.picleft {text-align: left; margin: 1px 5px 0 0;}
.picright {text-align: right; margin: 1px 0 0 5px;}
/* defunct */

#ordering {
  clear: both;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  background-color: #E3E3E3;
  color: #000;
}
#ordering table {width:100%;}
#ordering td {border-bottom:1px solid #fff;}
#ordering .header {font-size: 0.9em; font-weight: bold;} /* 90% of inherited font size */
#ordering .code {font-weight: bold;}
#ordering .details {text-align: right;}

#footer {
  clear: both;
  width: 100%;
  margin: 0;
  padding: none;
  border: none;
  text-align: center; 
  background-color: #ccc;
}
#footer p, #footer ul {
  color: #333;
  font-size: 0.625em;
  padding: 2px 5px;
  margin: 0;
  text-align: center;
}
#footer li {display: inline; padding: 0 6px;}
#footer a {color: #606; background-color: transparent; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

p, li {
  color: #000;
  font-size: 0.6875em;
  font-style: normal;
  font-weight: normal;
}

sup {vertical-align: top;}
sub {vertical-align: baseline;}

h1, h2, h3 {color: #006; font-style:normal;} 
h1 {
  display:block;
  width:100%;
  border-bottom:4px solid #000;
  line-height:1.25em;
  font-size:1.125em;
  font-weight:normal;
  padding-top:0;
  margin-top:0;
}
h2 {font-size: 0.875em; font-weight: bold;}
h3 {font-size: 0.75em; font-weight: bold;}

.black-style h1 {border-bottom-color:#000;}
.gold-style h1 {border-bottom-color:#FBAF17;}
.cyan-style h1 {border-bottom-color: #00A6DC;}
.purple-style h1 {border-bottom-color: #711471;}
.emerald-style h1 {border-bottom-color: #00937F;}
.navy-style h1 {border-bottom-color: #23497D;}
.maroon-style h1 {border-bottom-color: #970037;}
.leaf-style h1 {border-bottom-color: #007D12;}
.orange-style h1 {border-bottom-color: #DC3600;}

.black-style .colorshade {background-color: #E0E0E0;}
.gold-style .colorshade {background-color: #FEE3AE;}
.cyan-style .colorshade {background-color: #BFE9F6;} 
.purple-style .colorshade {background-color: #DBC4DB;}
.emerald-style .colorshade {background-color: #BFE4DF;}
.navy-style .colorshade {background-color: #C8D1DE;}
.maroon-style .colorshade {background-color: #E5BFCD;}
.leaf-style .colorshade {background-color: #BFDEC4;}
.orange-style .colorshade {background-color: #F6CDBF;}

#highlight {padding: 0; background: #fff url('/cms/cmsimages/x-images/box_topfader.jpg') repeat-x top left; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}

#highlight h3, #highlight p, #highlight li {margin-left:5px; margin-right:5px;}

#highlight ul {margin-left: 0.4em; padding-left: 0.4em;} 
#highlight ol {margin-left: 0.5em; padding-left: 0.5em;} 

#highlight h2 {display:block; height:18px; margin:0; border:none; padding: 5px; text-align:center; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}

.black-style #highlight h2 {background: #E0E0E0 url('/cms/cmsimages/x-images/4-bgtitle_black.jpg') no-repeat top left;}
.gold-style #highlight h2 {background: #FEE3AE url('/cms/cmsimages/x-images/4-bgtitle_gold.jpg') no-repeat top left;}
.cyan-style #highlight h2 {background: #BFE9F6 url('/cms/cmsimages/x-images/4-bgtitle_cyan.jpg') no-repeat top left;}
.purple-style #highlight h2 {background: #DBC4DB url('/cms/cmsimages/x-images/4-bgtitle_purple.jpg') no-repeat top left;}
.emerald-style #highlight h2 {background: #BFE4DF url('/cms/cmsimages/x-images/4-bgtitle_emerald.jpg') no-repeat top left;}
.navy-style #highlight h2 {background: #C8D1DE url('/cms/cmsimages/x-images/4-bgtitle_navy.jpg') no-repeat top left;}
.maroon-style #highlight h2 {background: #E5BFCD url('/cms/cmsimages/x-images/4-bgtitle_maroon.jpg') no-repeat top left;}
.leaf-style #highlight h2 {background: #BFDEC4 url('/cms/cmsimages/x-images/4-bgtitle_leaf.jpg') no-repeat top left;}
.orange-style #highlight h2 {background: #F6CDBF url('/cms/cmsimages/x-images/4-bgtitle_orange.jpg') no-repeat top left;}


#homeleft, #homemiddle {padding: 0; background: #fff url('/cms/cmsimages/x-images/box_topfader.jpg') repeat-x top left; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}

#homeright {margin:0;}

#homeleft h3, #homeleft p, #homeleft li {margin-left:5px; margin-right:5px;}
#homemiddle h3, #homemiddle p, #homemiddle li {margin-left:5px; margin-right:5px;}

#homeleft ul, #homemiddle ul {margin-left: 0.4em; padding-left: 0.4em;} 
#homeleft ol, #homemiddle ol {margin-left: 0.5em; padding-left: 0.5em;} 

#homeleft h2 {display:block; height:18px; color: #fff; margin:0; border:none; padding: 5px; text-align:center; background: #954F95 url('/cms/cmsimages/x-images/4-homebgtitle_purple.jpg') no-repeat top left; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}

#homemiddle h2 {display:block; height:18px; color: #fff; margin:0; border:none; padding: 5px; text-align:center; background: #FCBB3A url('/cms/cmsimages/x-images/4-homebgtitle_gold.jpg') no-repeat top left;border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}