﻿body {
	/*	background: url( ../images/background.gif ) transparent no-repeat;
	background-repeat: repeat;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
}

a {
	color: #332085;
	text-decoration: none;
}

img {
	border: 0;
}

h1 {
	font-size: 14px;
	margin: 0;
}

h2 {
	font-size: 18px;
}

p {
	padding: 5px 0;	
}

input[type=submit]:hover {
	cursor: pointer;
}

input, select {
	font-size: 10px;
}

#content-wrap {
	background-color: #FFF;
	margin: 5px auto;
	width: 750px;
}

#top {
	background: url( ../images/top.gif ) no-repeat;
	height: 85px;
	padding: 5px 18px 0 18px;
}

/*#catalog
{
	border: 1px solid #cfd2d0;
}
*/

#top #left {
	float: left;
	width: 100px;
	color: #000000;
}

#top #center {
	color: #4350B1;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bolder;
	padding: 10px 0 0 0;
	text-align: center;
	width: 400px;
}

#top #right {
	float: right;
	padding: 10px 0 0 0;
}

#content {
	background: url( ../images/middle.gif ) right transparent repeat-y;
	clear: both;
	margin: 20px 17px 0 17px;
}

#menu {
	display: block;
	height: 24px;
	text-align: center;
	width: auto;
	background-image: url(../images/toolbarBack.jpg);
}

#menu ul {
	border: 0;
	color: #FFF;
	display: inline;
	font-size: 11px;
	list-style: none;
	margin: 0;
	margin-left: -50px;
}

#menu li {
	border-right: solid 1px #FFF;
	float: left;
	font-weight: bold;
	margin: 0;
}

#menu .important {
	border-right: solid 1px #FFF;
	float: left;
	font-weight: bold;
	margin: 0;
}

#menu .important a:visited {
	background: #333399;
	float: left;
	line-height: 24px;
	padding: 0 17px;
	text-decoration: none;
	color: #FFF;
}

#menu a:link, #menu a:visited {
	background: #333399;
	float: left;
	line-height: 24px;
	padding: 0 17px;
	text-decoration: none;
	color: #FFF;
}

#menu a:hover {
	background: #333399;
}

#search-wrap {
	float: right;
}

.navigation {
	float: left;
}

#bottom {
	/*background: url( ../images/bottom.gif ) no-repeat;*/
	font-size: 10px;
	height: 104px;
	padding: 0 15px 0 15px;
	text-align: center;
}

.disclaimer {
	font-size: 10px;	
}

.row {
	clear: both;
	padding: 2px !important;
	padding: 1px;
}

.input-left {
	float: left;
	text-align: right;
	margin-right: 3px;
	width: 40%;
}

.input-right {
	float: left;
	text-align: left;
	margin-left: 3px;
}

.list {
	display: block;
	margin: 0 0 0 6px;
	padding: 0 0 0 10px;
}

.list li {
	margin: 0;
}

/* Cart Styles */

.spacer {
	clear: both;
}

.center {
	text-align: center;
}

.border {
	border: solid 1px #002765;
}

.underline {
	border-bottom: solid 1px #000;
	display: block;
	width: 150px;
}

.error {
	background-color: #FFCFCF;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 15px;
	width: 98%
}

.error #message {
	float: left;
	margin: 3px 0 0 16px !important;
	margin: 4px 0 0 10px;
	width: 94%;
}

.error ul {
	margin-top: 3px;
	margin-bottom: 2px !important;
	margin-bottom: -1px;
}

.success {
	color: #00632B;
	font-weight: bold;
}

#content-left {
	background: #FFFFFF;
	border: 1px solid #333399;
	float: left;
	/*height: 300px;*/
	height: 165px;
	width: 155px;
}

#content-right {
	float: left;
	margin-left: 10px;
	width: 540px;
}

.category {
	margin-bottom: 10px;
}

.categories {
	width: 155px;
}

.categories-header {
	background: #333399;
	color: #FFF;
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 3px 0;
	text-align: center;
}

.categories-link, .categories-link a {
	color: #333399;
	padding-left: 3px;
	text-decoration: none;
}

.hover, .hover a {
	color: #333399;
	padding-left: 3px;
	text-decoration: none;
}

.products {
	width: 540px;
}

.products .left {
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 150px;
}

.products .right {
	float: left;
	margin-left: 7px;
}

.product {
	width: inherit;
}

.item-info {
	float: left;
	margin: 5px 0;
	width: 240px;
}

#description {
	margin-top: 20px;
	width: inherit;
}

#description h2 {
	font-size: 14px;
	margin-top: 20px;
}

.featured-items, .suggested-items {
	border: solid 1px #000000;
}

.featured-items {
	margin-bottom: 15px;
	text-align: center;
	width: 100%;
}

.suggested-items {
	margin-top: 15px;
	text-align: center;
	width: 100%;
}

.contact {
	border: solid 1px #000000;
	float: left;
	width: 230px;
}

.contact .input-left {
	float: left;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	width: 25%;
}

.contact .input-right {
	float: left;
	font-size: 10px;
	text-align: left;
	margin-left: 3px;
}

.featured-items-header, .suggested-items-header, .contact-header {
	background: #000000;
	color: #FFF;
	display: block;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3px;
	padding: 3px 0;
}

.order-summary {
	border: solid 1px #333399;
	padding: 1px;
	width: 155px;
}

.order-summary-header {
	background: #333399;
	color: #FFF;
	display: block;
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
}

.order-summary #cart-image {
	float: left;
	text-align: center;
	width: 45px;
}

.order-summary #totals {
	float: left;
	text-align: center;
	width: 105px;
}

.row .left {
	float: left;
	text-align: right;
	margin-right: 3px;
	width: 40%;
}

.row .right {
	float: left;
	text-align: left;
	margin-left: 3px;
	width: 52%;
}

.button, .update-button {
	background: #000000;
	border: solid 1px #000;
   color: #FFF;
   font-size: 11px;
   font-weight: bold;
   padding: 0 5px;
   overflow: visible;
   width: auto;
}

.submit {
	background: #000000;
	border: solid 1px #000000;
   color: #FFF;
   font-size: 11px;
   font-weight: bold;
   padding: 0 5px;
   overflow: visible;
   width: auto;
}

.xsmall {
	width: 30px;
}

.small {
	width: 40px;
}

.medium {
	width: 100px;
}

.large {
	width: 150px;
}

.xlarge {
	width: 200px;
}

.xxlarge {
	width: 250px;
}

.options {
	clear: both;
	padding-top: 2px !important;
	padding: 1px;
}

.options-wrap {
	margin-top: 10px;
	width: 150px;
}

.products .options-left {
	float: left;
	text-align: left;
	margin-right: 60px;
	width: 30%;
}

.products .options-right {
	float: left;
}

.options-left {
	float: left;
	text-align: left;
	margin-right: 35px;
	width: 30%;
}

.options-right {
	float: left;
	text-align: left;
	margin-left: 1px;
	vertical-align: bottom;
}

.options-left-readonly {
	float: left;
	text-align: left;
	margin-right: 60px;
	width: 45%;
}

.options-right-readonly {
	float: left;
	text-align: left;
	margin-right: 1px;
	vertical-align: bottom;
}

.cart {
	border: solid 2px #000;
	width: 99%;
}

.cart th {
	border: solid 1px #000;
	/*background-color: #332085;*/
	color: #373797;
	background-image: url(../images/toolbarBack.jpg);
}

.cart td {
	border: solid 1px #696969;
	padding: 4px 3px;
}

.cart-image {
	width: 80px;
}

.cart-item {
	width: 100px;
}

.cart-name {
	width: 160px;
}

.cart-options {
	overflow: visible;
	width: 135px;
}

.cart-quantity {
	width: 60px;
}

.cart-update {
	width: 60px;
}

.cart-price {
	width: 40px;
}

.cart-total {
	width: 40px;
}

.cart-button {
	float: right;
	margin-right: 10px;
}

#progress {
	font-size: 10px;
	margin-top: -5px;
	text-align: center;
}

#progress span {
	margin: 0 10px;
}

.active {
   font-size: 12px;
   font-weight: bold;
}
	
.inactive {
	color: #C9C9C9;
}

.sign-in {
	background: #E6E6E6; 
	border: solid 1px #000;
	float: left;
	margin: 0 20px;
	padding: 10px;
	width: 40%;
}

.checkout {
	background: #E6E6E6; 
	border: solid 1px #000;
	float: left;
	margin: 0 50px 0 20px;
	padding: 10px;
	width: 50%;
}

.checkout .input-left {
	float: left;
	text-align: right;
	margin: 4px 3px 0 0;
	width: 30%;
}

.checkout .input-right {
	float: left;
	text-align: left;
	margin-left: 3px;
}

#payment-left {
	float: left;
	width: 40%;
}

#customer-info {
	background: #E6E6E6; 
	border: solid 1px #000;
	padding: 10px;
}

.order-info, .payment-info {
	background: #E6E6E6; 
	border: solid 1px #000;
	float: right;	
	margin-bottom: 15px;
	padding: 10px;
	width: 50%;
}

.order-info .input-left {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 3px;
	width: 30%;
}

.order-info .input-right {
	float: right;
	text-align: right;
	margin-left: 3px;
}

.payment-info .input-left {
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 3px;
	width: 40%;
}

.payment-info .input-right {
	float: left;
	margin-left: 3px;
}

.discount {
	vertical-align: bottom;
}

.popup 
{
    background-color: white; 
    border: 1px solid black; 
}
