/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,form,fieldset {margin:0;padding:0;}
.low {display:none;}


/* body
--------------------------------------------------*/
body {
  margin:15;
  padding:15px 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:75%;
  text-align:center;
  color:#000000;
  background:#FFFFCC;
}


/* headings
--------------------------------------------------*/
h1, .head1 {font-size:20px; font-weight:bold;}
h2, .head2 {font-size:18px; font-weight:bold;}
h3, .head3 {font-size:16px; font-weight:bold;}
h4,h5,h6, .head4 {font-size:14px; font-weight:bold;}

h1, h1 a,
h2, h2 a,
h3 a,
h4 a
  {color:#336699;}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover
  {color:#003366;}


/* links
--------------------------------------------------*/
a {text-decoration:none;}
a {color:#336699;}
a:hover {color:#003366;}


a img {border:none;}


/* paragraphs, lists, etc
--------------------------------------------------*/
p, .text {
  font-size: 12px;
}
.smalltext {
  margin:0;
  padding:0;
  font-size: 10px;
}

ul {
  margin:0 0 0 1.4em;
  padding:0 0 18px 0;
  font-size: 12px;
}

ul ul {padding:0;}

blockquote {
  margin:0;
  padding:0 18px;
  font-style:italic;
  font-size: 12px;
}

.button{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	background: #336699;
	border:2px outset #cccccc;
	color: #fff;
	padding: 3px;
}
.button:hover{
	background: #003366;
	border:2px inset #cccccc;
}


/* Cart table styles */

td.cell_light {background-color: #6699CC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
td.cell_medium {background-color: #336699; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
td.cell_dark {background-color: #336699; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: #FFFFFF; font-weight: bold}
td.cell_white {background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: #000000}
td.cell_black {background-color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: #FFFFFF; font-weight: bold}


/* images
--------------------------------------------------*/
img.left {
  float:left;
  margin:0 12px 0 0;
}

img.right {
  float:right;
  margin:0 0 0 12px;
}

img.center {
  display: block;
  margin:0 auto;
}

/* headcontainer
--------------------------------------------------*/
#headcontainer {
  width:765px;
  margin:0 auto;
  padding:0px 0px 0 0px;
  text-align:left;
  border-bottom:1px solid;
  border-top:1px solid;
  border-left:1px solid;
  border-right:1px solid;
}


/* container
--------------------------------------------------*/
#container {
  width:720px;
  margin:0 auto;
  padding:0px 15px 0 30px;
  text-align:left;
  border-left:1px solid;
  border-right:1px solid;
  border-bottom:1px solid;
  background:white url(images/container_bg.gif) 580px 0px repeat-y; 
}


/* header
--------------------------------------------------*/
#header {
  height:125px;
  padding:0 0 0 0px;
  border-bottom:1px solid;
  background-color:#FFFFFF;
  background-image:url(images/header_bg.jpg);
}

#header h1 {
  /*display:none; This will hide the text in your header */
  padding-top:50px;
}

/* navigation
--------------------------------------------------*/
#navigation {
  height:2.7em;
  line-height:2.7em;
  background-color:#336699;
}

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:1px solid;
  border-color:white;
  white-space:nowrap;
}

#navigation li a {
  display:block;
  padding:0 18px;
  font-size:0.8em;
  text-transform:uppercase;
  letter-spacing:1px;
}
#navigation a {color:white;}

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

#navigation .selected, #navigation a:hover
  {background-color:#003366}


/* content
--------------------------------------------------*/
#content {
  float:left;
  width:520px;
  padding-top:20px;
}


/* form
--------------------------------------------------*/
form {padding: 6px 0;}

form fieldset {border: 0 solid;} /* Opera */

form input, form textarea {
  padding: 3px;
  width: auto;
  border: 1px solid;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
  color: #000000;
  border-color:#333 #666 #666 #333;
}

form textarea {overflow:auto;}

* html #commentform textarea {width:320px;} /* IE WIN; but why? */
* html #contactform textarea,
* html #contactform #bx_subject {width:445px;} /* IE WIN; but why? */

form .hiddenfield {display:none;}

form .info {padding-left:90px;}

/* subcontent
--------------------------------------------------*/
#subcontent {
  float:right;
  width:150px;
  padding:16px 0px 0 5px;
  font-size:0.9em;
  line-height:1.5em;
  background:url(images/subcontent_bg.gif) top left no-repeat;
}

* html #subcontent {padding-top:15px;} /* dirty fix for IEWIN; temporary! */

#subcontent ul, #subcontent p {margin:0 10px;}

/* subcontent headings
--------------------------------------------------*/
#subcontent h2 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  line-height:1em;
  color:#336699;
  text-align: left;
  margin: 5px 0 5px 0;
}

#subcontent h2 em {
  display:block;
  padding:5px 5px;
  font-style:normal;
  color:#336699;
  background:#EAEAEA;
}

/* footer
--------------------------------------------------*/
#footer {
  clear:both;
  padding:10px 0 15px 0;
  font-size:0.9em;
  color:#336699;
  background:white url(images/footer_bg.gif) 470px 0px no-repeat;
}

#footer p {
  padding:12px 0 18px 0;
  border-top:1px solid;
}

#footer strong {font-weight:normal;}


/* utility classes
--------------------------------------------------*/

.error {
	color: #F00;
	border: 1px solid #F00;
	background-color: #FFEFEF;
	padding: 5px;
	margin: 0 0 10px 0;
	text-align: center;
	}