/* Site
   -------------------------------- */

html {overflow-y: scroll; background-color: #6b5f51;}

body {margin: 0; padding: 0 0 20px; min-height: 100%; font-family: "Verdana"; font-size: 12px;}

#wrapper {margin: 0 auto; width: 904px; position: relative;}

#banner {height: 220px; background: url('images/header_bg.png') repeat-x left top; border-left: 2px solid #fff; border-right: 2px solid #fff; border-top: 2px solid #fff;}

#navigation {height: 40px; border-left: 2px solid #fff; border-right: 2px solid #fff;}

form {margin: 0;} 

a img {border-style: none;}


/* Logo
   -------------------------------- */

h1.logo {margin: 0;}

h1.logo,
h1.logo a {width: 900px; height: 220px;}

h1.logo a {display: block; background: url('images/header.jpg') no-repeat;}

h1.logo a span {display: none;}


/* Navigation
   -------------------------------- */

#navigation .top-nav {height: 40px; float: left;}

#navigation ul,
#navigation ul li {float: left; list-style-type: none; margin: 0; padding: 0; line-height: 39px;}

#navigation ul {height: 40px;}

#navigation ul li a {float: left; display: block; height: 40px; padding: 0;}

#navigation ul li a span {display: none;}

#navigation ul li a.home {width: 100px; background: url('menu_images/home.jpg') no-repeat right top;}
#navigation ul li a.aboutus {width: 100px; background: url('menu_images/aboutus.jpg') no-repeat right top;}
#navigation ul li a.teamdecoy {width: 100px; background: url('menu_images/teamdecoy.jpg') no-repeat right top;}
#navigation ul li a.store {width: 100px; background: url('menu_images/store.jpg') no-repeat right top;}
#navigation ul li a.photos-link {width: 100px; background: url('menu_images/photos.jpg') no-repeat right top;}
#navigation ul li a.wholesale {width: 100px; background: url('menu_images/wholesale.jpg') no-repeat right top;}
#navigation ul li a.links {width: 100px; background: url('menu_images/links.jpg') no-repeat right top;}
#navigation ul li a.contactus {width: 100px; background: url('menu_images/contactus.jpg') no-repeat right top;}
#navigation ul li a.checkout {width: 100px; background: url('menu_images/checkout.jpg') no-repeat right top;}

#navigation ul li a.home:hover {width: 100px; background: url('menu_images/home.jpg') no-repeat right top;}
#navigation ul li a.aboutus:hover {width: 100px; background: url('menu_images/aboutus.jpg') no-repeat right top;}
#navigation ul li a.teamdecoy:hover {width: 100px; background: url('menu_images/teamdecoy.jpg') no-repeat right top;}
#navigation ul li a.store:hover {width: 100px; background: url('menu_images/store.jpg') no-repeat right top;}
#navigation ul li a.photos-link:hover {width: 100px; background: url('menu_images/photos.jpg') no-repeat right top;}
#navigation ul li a.wholesale:hover {width: 100px; background: url('menu_images/wholesale.jpg') no-repeat right top;}
#navigation ul li a.links:hover {width: 100px; background: url('menu_images/links.jpg') no-repeat right top;}
#navigation ul li a.contactus:hover {width: 100px; background: url('menu_images/contactus.jpg') no-repeat right top;}
#navigation ul li a.checkout:hover {width: 100px; background: url('menu_images/checkout.jpg') no-repeat right top;}


/* Left-nav
   -------------------------------- */

dl.menu-nav {margin: 15px 0px 15px 0px;}

.menu-nav,
.left .menu-nav dt,
.left .menu-nav dd {margin: 0; padding: 0;}

.left .menu-nav {float: left; width: 170px; font-size: 12pt; padding: 5px 10px 15px 10px;}

.left .menu-nav dt {margin: 0; padding: 0; font: bold 12pt "Calibri"; color: #fff;}
.left .menu-nav dt {margin-top: 20px; margin-bottom: 10px; padding: 0; line-height: 14px;}

.left .menu-nav dd a {display: block; padding: 2px 3px 5px 3px; font: normal 12pt "Calibri"; text-decoration: underline; color: #fff ; margin: 0; height: 18px;}
.left .menu-nav dd.subcat a {display: block; padding: 2px 3px 10px 3px; font: normal 10pt "Calibri"; text-decoration: underline; color: #fff ; margin: 0; height: 14px;}


.left-logo {margin: 5px 10px;}


/* Flash
   -------------------------------- */

#flash-wrapper {background-color: #000; padding-left: 4px; text-align: center;}

#flash-wrapper object {}

/* Layout
   -------------------------------- */
   
#content-wrapper {background-color: #000; border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff;}

#content {padding: 4px;}

.content {padding: 0; overflow: hidden; background-color: #000;}

#content .content {min-height: 500px;}

.layout-grid {width: 100%; margin: 0;}

.layout-grid td {vertical-align: top;}

.layout-grid td.left {width: 180px; background-color: #6b5f51; padding-bottom: 20px;}



.layout-grid td.right {width: 180px; background-color: #6b5f51; padding-bottom: 20px;}

.layout-grid td.main {color: #fff; padding: 0 15px 25px 15px;}


/* Content Area
   -------------------------------- */

#page-wrapper {}

#page-wrapper .page {width: 440px; background: url('images/page_wrapper_bg.png') repeat-y top left;}

#page-wrapper .page-content {min-height: 300px; margin: 0 4px 0 1px; padding: 7px; background: #f6f6ff url('images/page_bg.gif') repeat-x top left;}

#page-wrapper .page-top {width: 440px; height: 20px; background: url('images/page_top_bg.png') no-repeat top left;}

#page-wrapper .page-bottom {margin-bottom: 20px; width: 440px; height: 14px; background: url('images/page_bottom_bg.png') no-repeat top left;}


/* Tables
   -------------------------------- */
   
.form-table th,
.form-table td {padding: 4px; text-align: left;}
.form-table tfoot td {padding: 10px; text-align: center;}


/* Footer
   -------------------------------- */

#footer {padding: 0; position: relative;}

#footer .link-bar {height: 18px; padding-top: 15px;}

#footer .link-bar ul {height: 13px; position: relative; left: 70px;}

#footer .link-bar ul,
#footer .link-bar ul li {float: left; list-style-type: none; margin: 0; padding: 0;}

#footer .link-bar ul li a {border-right: 1px solid #fff; color: #fff; float: left; display: block; height: 13px; padding: 0 10px 0 10px; text-transform: uppercase; text-decoration: none; font-weight: bold;}

#footer .link-bar ul li.last a {border: none;}

#footer .link-bar ul li a:hover {text-decoration: underline;}

#footer .footer-text {color: #fff; text-align: center; font-size: 12px; padding: 10px;}

#footer .footer-text a {color: #fff; text-decoration: none;}

#footer .footer-text a {text-decoration: underline;}



/*
Common elements
*/

A {color: #fff;}
a img {border: none;}

div.Content					{color: #FFFFFF; font-size: 10pt; text-decoration: none; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}
div.Content TD				{color: #FFFFFF; font-size: 10pt; text-decoration: none; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}
div.Content A:link			{color: #fff; font-size: 10pt; text-decoration: None; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}
div.Content A:visited		{color: #fff; font-size: 10pt; text-decoration: None; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}
div.Content A:hover			{color: #eefa38; font-size: 10pt; text-decoration: Underline; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}

div.Print					{color: #000000; font-size: 10pt; text-decoration: ; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}
div.Print TD				{color: #000000; font-size: 10pt; text-decoration: ; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}
div.Print A:link			{color: #2F4D5B; font-size: 10pt; text-decoration: None; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}
div.Print A:visited			{color: #2F4D5B; font-size: 10pt; text-decoration: None; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}
div.Print A:hover			{color: #5A717F; font-size: 10pt; text-decoration: Underline; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}

span.PageTitle				{color: #FFFFFF; font-size: 14pt; text-decoration: None; font-family: Verdana; font-weight: Normal;}
span.PageTitle A:link		{color: #fff; font-size: 14pt; text-decoration: None; font-family: Verdana; font-weight: Normal;} 
span.PageTitle A:visited	{color: #fff; font-size: 14pt; text-decoration: None; font-family: Verdana; font-weight: Normal;}
span.PageTitle A:hover		{color: #eefa38; font-size: 14pt; text-decoration: Underline; font-family: Verdana; font-weight: Normal;}

span.Heading				{color: #FFFFFF; font-size: 8pt; text-decoration: None; font-family: Verdana; font-weight: Bold;}

span.Notes					{color: #FFFFFF; font-size: 8pt; text-decoration: none; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}
span.Notes A:link			{color: #2F4D5B; font-size: 8pt; text-decoration: None; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}
span.Notes A:visited		{color: #2F4D5B; font-size: 8pt; text-decoration: None; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}
span.Notes A:hover			{color: #5A717F; font-size: 8pt; text-decoration: Underline; font-family: Verdana,Arial,Helvetica; font-weight: Normal;}

/* input.Button				{color: ; font-size: ; text-decoration: ; font-family: ; font-weight: ; border: 1px solid ; background-color: ; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='',EndColorStr='');} */

.SectionHeader				{background-color: #CCCCCC;}

.DataGridHeader				{background-color: #777;}
.DataGridRow				{background-color: transparent;}

.CartButtonMouseOver		{background-color: #bbb; cursor: pointer;}
.CartButtonMouseOut			{background-color: #777;}

.ThumbnailMouseOver			{border: 1px solid #000000;}
.ThumbnailMouseOut			{border: 1px solid #FFFFFF;}