/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

body {
 margin: 30px 0px 20px 0px;
 background: url(../styleImages/bgpatterngradient.gif) repeat-x fixed;
}
#wrapper { 
 margin: 0 auto;
 width: 864px;
 background: #fff;
 border: 10px solid white;
}
#faux {
 background: url(../styleImages/faux.gif);
 margin-bottom: 2px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}
#header {
 width: 864px;
 height: 421px;
 background: url(../styleImages/header.jpg) no-repeat;
 margin: 0px 0px 2px 0px;
}
#navcontainer {
 color: #fff;
 margin: 0px 0px 2px 0px;
 background: #37493a;
}

#navcontainer ul
{
 text-align: center;
 padding: 5px 0 5px 0;
 margin: 0;
 background-color: #37493a;
 color: white;
 width: 100%;
 font-size: 14px;
 font-style: italic;
 font-weight: bold;
 font-family: Trebuchet MS;
}

#navcontainer ul li
{
display: inline;
padding: 5px 0 5px 0;
}

#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
}

#navcontainer ul li a:hover
{
background-color: #4c6651;
color: white;
}

#leftcolumn { 
 display: inline;
 color: #333;
 margin: 5px;
 padding: 0px;
 width: 215px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 5px;
 padding: 0px;
 width: 624px;
 display: inline;
 position: relative;
}
#footer { 
 width: 864px;
 clear: both;
 color: #333;
 text-align: center;
 font-size: small;
 background: #b3c0b6;
 padding: 2px 0 2px 0;
}
#footer a {
color: #333;
}
.clear { clear: both; background: none; }
.txtCopyright, a.txtCopyright {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000;
margin-top: 5px;
}
a.txtCopyright:hover {
text-decoration: none;
}
#search {
margin-bottom: 10px;
}
#searchStr {
 background: #fff;
 width: 158px;
 height: 20px;
 border: none;
 margin: 0 0 5px 0;
 padding: 2px 10px 0 10px;
}
.box {
margin-bottom: 10px;
}
a {
color: #333;
}
.boxTitleRight {
/* background: #C27A48; */
background: #98a39b;
padding: 0 0 0 2px;
margin: 0 0 5px 0;
font-weight: bold;
color: white;
letter-spacing: 2px;
}
.boxContentRight ul {
margin: 5px 0 10px 0;
}
.ibox {
 border: 1px solid #333;
}
.submit {
margin-top: 2px;
}
.tdOdd {
background: #dff0e2;
}
.txtOldPrice {
	text-decoration: line-through;
}
.txtSale {
 	color: #FF0000;
}
.txtOutOfStock {
	color: #FF0000;
}
.tdcartTitle {
background: transparent;
margin-bottom: 10px;
font-weight: bold;
}
fieldset#details .textbox {
border: 1px solid grey;
margin: 10px 0 0 0;
}
.textbox {
border: 1px solid grey;
}
form#register fieldset#details.textbox {
border: 1px solid grey;
}
form#register fieldset {
margin:0 0 1em 0;
padding: 0 1em 1em 1em;
background: #dff0e2;
border:1px solid #333;
}
form#register legend {
font-weight: bold;
font-size: 20px;
padding-bottom: 0;
margin-bottom: 0.2em;
}
form#register fieldset#details label {
float: left;
width: 8em;
margin: 10px 0 0 0;
}
fieldset#details textarea {
border: 1px solid grey;
}
fieldset#details .textbox {
border: 1px solid grey;
margin: 10px 0 10px 0;
}
fieldset#rate .textbox {
border: 1px solid grey;
margin: 10px 0 0 0;
}
form#testimonial fieldset {
margin:0 0 1em 0;
padding: 0 1em 1em 1em;
background: #dff0e2;
border:1px solid #333;
}
form#testimonial legend {
font-weight: bold;
font-size: 20px;
padding-bottom: 0;
margin-bottom: 0.2em;
}
form#testimonial fieldset#details label {
float: left;
width: 8em;
margin: 10px 0 0 0;
}
form#testimonial fieldset#rate label {
float: left;
width: 20em;
margin: 10px 0 0 0;
}
form .req {
color: #f00;
}
a.txtCheckout {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
background-color: #555;
text-decoration: none;
font-weight: bold;
padding: 2px;
border: 1px solid #000000;
}
#login {
text-align: left;
top: 50%;
height: 135px;
margin-top: 135px;
}
.thumb {
width: 164px;
height: 164px;
float: left;
text-align: center;
display: inline;
padding: 5px;
margin: 10px;
}
.thumb p {
margin-top: 2px;
}
.thumb img {
border: 1px solid #333;
padding: 2px;
background: #fff;
}
.random {
text-align: center;
}
.random img {
border: 1px solid #333;
padding: 2px;
background: #fff;
}
.txtContentTitle {
font-weight: bold;
font-size: 18px;
}
a.txtButton {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	background-color: #0E51A3;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
a.txtButton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00D300;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
table#ratings {
background: #dff0e2;
}
.name {
float: left;
text-align: left;
padding-bottom: 0.5em;
}
.date {
float: right;
text-align: right;
padding-bottom: 0.5em;
}
.comments {
text-align: justify;
padding-bottom: 1em;
border-bottom: 1px dotted black;
}
.feedback {
margin-bottom: 1em;
}
blockquote {font-style: italic;}
.comments img {float:left;padding:0 5px 0 0;}