@charset "utf-8";
/* CSS Document */

/* Global Styles */
body {
	text-align: center; /* for IE */
	font-family: Arial, Verdana, serif;
	font-size: 10pt;
	line-height: 1.6em;
	margin: 0;
	background:url('/images/body_background.jpg') repeat-x #424242;
}

h1 {
	font-size: 16pt;
	color:#4D4D4F;
}
h2 {
	padding-top:10px;
	font-size:14pt;
	color:#000;
}
h3 {
	font-size:11pt;
	color:#f57324;
	padding:3px;
}
fieldset {
	padding: 10px;
	border: 1px solid #137abe;
}
label {
	width: 100px;
	float:left;
	text-align: right;
	padding-right: 10px;
	display: block;
	font-weight:bold;
}

legend {background:#137abe;font-weight:bold;color:#fff;padding:3px;text-transform:uppercase;}

img {border:0;}

input,select,textarea {
	font-family: Arial, serif;
	font-size:10pt;
	border: 1px solid #cfcba8;
	background:#efeddb;
}
/* End Global Styles */


/* This style affects the page size, and entire page elements */
#main {
	background: url('../images/main_background.jpg') top repeat-x #fff;
	border-top:3px solid #FFCC00;
	overflow:hidden;
	padding-bottom:20px;
	height:100%;
}
.container {
	text-align: left;
	margin: 0 auto;
	padding :0;
	width: 950px;
	border-bottom:0;
}
/* This style affects the header container of the logo, company logo, search fields, company tabs */
#header {
	height: 90px;
	padding:0;
	margin:0;
}

/* This section styles where the companies are displayed */
#company {
	float:right;
	position:relative;
	top:10px;
	display:inline;
}
#header a.logo{
	position:relative;
	float:left;
	top:20px;
	left:15px;
}
/* This section styles where the search box is displayed */
#cartbox {
	float:right;
}
/* This section styles where the search box is displayed */
#search 
{
	float:right;
	position:relative;
	top:26px;
}
#search input {position:relative;}
.SearchTextBox 
{
	width:150px;
}
/* This section styles the top navigation elements of the website */
#links {
}
/* This affects all content */
#content {

}
#content a:hover {text-decoration:underline;}

#large_content {
	width: 680px;
	float:left;
	margin-left:20px;
	margin-top:10px;
}

#content p, #large_content p {
	padding-left:10px;
	margin:5px;
}


/* floating sidebar to split up the page into different columns.  Is a class because you can have multiple columns */
#sidebar {
	width: 250px;
	float: left;
}

#sidebar ul {
	display:block;
	list-style: none;
	list-style-type:none;
	margin: 0;
	padding:0;
}

#sidebar ul li{
	margin: 0;
	padding:0;
}

#sidebar a{
	display:block;
	color:#6d6d6b;
	font-size:10pt;
	padding:3px;
	padding-left:10px;
	text-decoration:none;
}

#sidebar a:hover {
	text-decoration: none;
	background:#eaeaea;
	color:#333333;
}

#sublinks{
	height:2em;
	padding-left:12px;
}
#sublinks a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	margin-right:10px;
}
#sublinks a:hover {text-decoration:underline;}

.bottom_box {
	width:225px;
	margin:6px;
	margin-top:10px;
	float:left;
	display:inline;
}

/* Styles the footer, where all of the links are held at the bottom of the page */
#footer {
	text-align: left;
	margin: 0 auto;
	text-align:center;
	font-size:11px;
	padding:5px 0px;
	clear:both;
	background:#848484;
	color:#fff;
}
#footer a {
	color:#fff;
	text-decoration:none;
	padding:0 5px;
}
#footer a:hover {
	text-decoration:underline;
}

/* End Section Styles */

/* Individual Styles */

img.right {
	float:right;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:5px;
}
img.left {
	float:left;
	margin-right:10px;
	margin-top:10px;
}

/* Unordered list with green arrows as bullets */
ul.arrow. #content ul {
	clear:both;
	list-style:none;
	padding:0;
	margin:0;
	padding-left:10px;
}
ul.arrow li, #content li {
	background: url('../images/arrow.gif') no-repeat left 10px;
	padding:5px;
	padding-left:18px;
}
ul.arrow a, #content ul a {
	text-decoration: none;
	color: #006600;
}
.breacrumb {text-transform:lowercase;font-size:8pt;}
.breadcrumb a 
{
    text-transform:lowercase;
	font-size:8pt;
	font-weight:bold;
}
.thumbnail {
	width:111px;
	float:left;
	display:inline;
	margin:8px 8px;
	text-align:center;
}
.thumbnail img {
	padding:3px;
	background:#eaeaea;
	border: 1px solid #848484;
	width:108px;
	height:116px;
}
.thumbnail a {
	color:#000;
	font-size:10pt;
	text-transform:uppercase;
	text-decoration:none;
}
input.submit 
{
	background:#282828;
	color:#ffc82e;
	padding:5px;
	margin:0;
	font-weight:bold;
	text-transform:uppercase;
}
input.small 
{
	width:50px;}
.discount {font-weight:bold;font-size:90%;color:#f00;}
.price {font-weight:bold;color:#282828;font-size:90%;}

table.display 
{
	border-collapse:collapse;
	margin:0 0 0 20px;
	padding:0;
}
table.display td 
{
	padding:10px;
}
/* End Individual Styles */