@import url(menu.css);

/*------------------*\
|* global interface *|
\*------------------*/
body {
  margin: 0px;
  padding: 0px;
  color: #333333;
  background: #435E41;
  font: normal 12px verdana;
  text-align: center;
}
html { min-height: 100%; margin-bottom: 1px; } /* forces vertical scrollbar in non-IE browsers to prevent "page shifting"*/

img {
  border: 0px;
}

/* links */
a, a:visited {
  color: #8A1B00;
  text-decoration: none;
}

 a:hover {
  color: #555555;
  text-decoration: underline;
}

/* headings */
h1 {

}
h2 {
  color: #016034;
  font-family: Georgia;
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0px 20px 0px;
}
#category3 h2 {
  color: #016034;
  font-family: Georgia;
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0px 12px 0px;
}
h3 {
  color: #016034;
  font-family: Georgia;
  font-size: 14px;
  font-weight: bold;
  margin: 7px 0px 0px 0px;
  padding: 0px;
  text-transform: uppercase;
}
.bigcap {
  font-size: 140%;
}
h4 {
  color: #016034;
  font-family: Verdana;
  font-size: 8px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
}
h5 {
  color: #016034;
  font-family: Georgia;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
/* use this with text in headings you wish to make small */
.hsmall {
  font-weight: normal;
  font-size: 9px;
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}
#wrapper {
  margin: 0px auto;
  margin-top: 10px;
  text-align: left;
  width: 781px;
}

/*--------*\
|* header *|
\*--------*/
#logo {
  float: left;
  height: 83px;
  width: 781px;
}

#htitle a {
  color: #fdf2c9;
  font-family: Georgia;
  font-size: 14px;
  font-weight: bold;
  margin-left: 110px;
  text-decoration: none;
  text-transform: uppercase;
}

#htitle .big {
  font-size: 20px;
}

#header {
  background-color: #445E41;
}

#home #toppiece, #category13 #toppiece {
  background-image: url(/images/header_top_intro_781x86.gif);
  float: left;
  height: 86px;
  width: 781px;
}

#toppiece {
  background-image: url(/images/header_top_intro_781x86nt.gif);
  float: left;
  height: 86px;
  width: 781px;
}

.tagline {
  border-bottom: 2px solid #FFFCF3;
  color: #fffcf0;
  float: right;
  height: 26px;
  font-size: 13px;
  font-family: Georgia;
  text-align: right;
  width: 678px;
}

#bottompiece {
  background: #3d5444;
  border-right: 2px solid #FFFCF3;
}

#bottompiece img {
  height: 18px;
  width: 92px;
}

/*--------*\
|* footer *|
\*--------*/
#footer {
  padding: 0px;
}
#footer img {
  height: 60px;
  padding: 10px;
  width: 376px;
}
#studiox {
  color: #FFFFCC;
  float: left;
  font-size: 9px;
  padding-top: 10px;
  position: absolute;
  width: 230px;
}
#studiox a {
  color: #FFFFCC;
  text-decoration: underline;
}
/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  padding: 10px 10px 0px 10px;
  background: #3a5841;
}
#contentheader .error, #contentheader .message {
  margin: 0px 0px 0px 0px;
  padding: 2px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}
#contentheader .error {
  background: #8c3030;
}
#contentheader .message {
  background: #3a5841;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}

/*---------------*\
|* contentfooter *|
\*---------------*/
#contentfooter {
  
}

/*---------*\
|* content *|
\*---------*/
#ocwrapper {
  background: #435E41;
}

#contentwrapper {
  width: 777px;
  float: left;
  position: relative;
  border-left: 2px solid #FFFCF3; 
  border-right: 2px solid #FFFCF3; 
  background: #FFFCF3;
}
#content {
  border-left: 1px solid #435E41;
  border-right: 1px solid #435E41;
  line-height: 2;
  margin: 0px;
  padding: 13px 5px 10px 15px;
  float:left;
  width:755px;
}

#category10 #content {
  line-height: 1.2;
}

#content .contentful {
  padding: 0px 15px 15px 0px;
}
/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}
/* end non ie/mac css */

#enter {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.spacer {
  padding: 0 60px;
}

#LeftSide {
  color: #222222;
  clear: left;
  float: left;
  font-family: verdana;
  font-size: 10px;
  padding: 10px;
  width: 200px;
  margin: 19px 30px 0px 0px;
  display: block;
}

#RightSide {
  color: #222222;
  float: right;
  font-family: verdana;
  font-size: 10px;
  line-height: 1.3;
  padding: 10px;
  width: 220px;
  position: relative;
  margin: 9px 0px 0px 0px;
  border:0px solid;
}

.middle {
 float:left;
 width:490px;
 border:0px solid;
}

/*-----------------*\
|* global elements *|
\*-----------------*/

/* paging */
.paging {
  text-align: right;
}
.paging img, .paging select, .paging input {
  vertical-align: middle;
}

.crumb {
  color: #016034;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

/* lists */
#content ul {
  margin: 10px 0px 0px 40px;
  padding: 0px;
  font-size: 12px;
  list-style: disc;
}
#content ul.categories {
  margin: 0px;
}


/* generic messages */
.errormessage {
  color: #8c3030;
  font-weight: bold;
}
.infomessage {
  color: #3a5841;
  font-weight: bold;
}

.hide {
  display: none;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

.bignum {
  font-family: Arial;
  font-size: 16pt;
  font-weight: bold;
}

/*---------------*\
|* page specific *|
\*---------------*/
#detailed p.descripxion {
  overflow: hidden;
}
/* ie needs a width for overflow: hidden to work */
* html #detailed p.descripxion {
  width: 100%;
}
#detailed p.linknav {
  margin: 0px;
  text-align: right;
}
#detailed p.linknav img {
  vertical-align: middle;
}
#detailed p.linknav a {
  text-decoration: none;
}
#detailed p.reviewsfooter {
  margin: 20px 0px 0px 0px;
  text-align: right;
}
/* #detailed p.actions a, #detailed p.actions a:hover => see .linklisting p.linkactions a */


#home #content h4 {
  margin-top: 20px;
  font-weight: normal;
  font-size: 14px;
}

.cimage {
  display: inline;
  float: left;
  padding: 8px 30px 20px 0px;
}

.cimage2 {
  display: inline;
  float: right;
  padding: 0px 0px 10px 20px;
}

.same {
  display: inline;
  float: right;
  margin: 8px -4px 10px 20px;
}

.lefty {
  display: inline;
  float: left;
  margin: 8px 20px 10px 0px;
}

#category1 .contentful img, 
#category6 .contentful img {
  border: 1px solid #346667;
  display: inline;
  float: right;
  margin: 8px 0px 10px 20px;
}

.orderbutton {
  float: right;
  margin: -24px 150px 0px 0px;
}
.redd {
  color: #ac2000;
}
.reqtext {
  font-size: 9px;
}