body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	font-size: 12px;
	color: #222;
	background-color: #CBE7ED;
}

div {margin:0; padding:0;}

p, h1, h2, h3, h4, ul {margin: 0 0 .8em 0;}
p {font-size: 12px;line-height:1.5;}
h1 {font-size: 26px;color:#081550;margin-top:.4em;}
h2 {font-size: 20px; margin-top: 1em; color: #444;}

h2 span a.button-2 {margin-top: -1px;}

h3 {font-size: 16px; margin: 1em 0 .2em 0;}
h4 {font-size: 14px; margin-bottom: .2em;}
h5 {font-size: 12px;}

a {color: #122A92;}

strong {font-weight: bold; color: red;}

table {border:1px solid #999; border-collapse: collapse; width: 100%; font-size: 12px;}
td {border: 1px solid #999; padding: 4px; font-size: 90%;}
th {background-color: #122A92;color: #fff;padding: 6px;text-align:left;}
tfoot td {background-color: #444;color: #aaa;}
td.pricing td {text-align: center; font-size: 88%;}
body#store td.pricing td {text-align: center; font-size: 9px;}
td.photo, td.position {text-align:center;}
td.price {text-align:right;}

td.unit-details {font-size: 10px;}

table.manager-table, table.manager-table td {
	border: none;
}

table.manager-table tbody tr.odd, table.manager-table tbody tr.even {border-bottom: 1px solid #ddd;}
table.manager-table tbody tr.odd {background-color: #f2f2f2;}
table.manager-table tbody tr.even {background-color: #eee;}

ul {list-style: square; margin-left:1em; padding-left:1em;}
li {margin-bottom: 2px;}

label {
	font-weight: bold;
	text-align: right;
	float: left;
	padding-right: 1em;
	width: 90px;
	font-size: 90%;
}

.new-style-form label, .label {
	font-size: 90%;
	font-weight: bold;
	display: block;
	padding: 0;
	width: auto;
	float: none;
	text-align: left;
}
.t {width: 98%;}

.new-style-form input.text {width: 98%;}

input.text {font-size: 120%;width: 16em;}
form#estimate input.text {width: 22em;}

.quiet {font-size: 10px; color: #999;}
.clear {clear: both;}
.red {color: red;}
.center {text-align: center;}
.two-column {width: 48%; float:left; padding-right:.2em; display:inline;Xborder:1px solid red;}
.right {float:right;}
.top {text-align: center;padding-top: 2em;}
img.border {padding: 2px; border:1px solid #999;}
.boxed {padding: .2em 1em .8em 1em; margin-bottom: 1em; background-color: #CBE7ED;}
.boxed h3 {color: red;}

/**********************************/
/* RECEIPT PAGE */

#receipt {
	width: 90%;
}

/**********************************/

/**********************************/
/* PRODUCT LISTS */

#product-list {
	width: 672px;
	margin: 0 auto;
	Xborder: 1px solid red;
	clear: both;
}
#product-list li ul {
	margin-bottom: .2em;
}

#product-list dl.product {width: 48%; float: left; padding: 1em 0;height: 12em;}
dl.product dt {font-weight: bold;margin-left: 84px; font-size: 14px;}
dd.description {margin-left: 112px;}
dd.photo {width: 112px; margin-left:0;margin-top:3px; float:left; text-align:center;}
dd.photo img {padding: 1px;border: 1px solid #ccc;}
dd.short_description {margin-left: 112px;color: red; font-weight: bold;}
dd.button{margin-left: 112px;margin-top:4px;}

body#home dl.product {
	width: 100%;
	padding: 1em 0;
	margin-top: 1em;
	border-bottom: 1px solid #ccc;
}

#product_list_table {
	border: none;
}

#product_list_table td {
	border: none;
}

.product-name {
	font-size: 14px;
	font-weight: bold;
}

.product_row:hover, .product_row.over {background-color: #eee;}

/**********************************/

/**********************************/
/* PRODUCT DISPLAY */
#product {width: 710px; margin: 0 auto;}

#product #details {
	float: left;
	Xwidth: 36%;
	width: 250px;
	margin-top:0;
	display: inline;
}

#product #description {
	float: left;
	text-align: left;
	width: 390px;
	margin-top:0;
	margin-left: 1em;
}

#product #details dt,
#product #details dd,
#product #details dl {text-align: left;}

#product h1 span,
#category h1 span {font-size: 12px; font-weight: normal;}
#product #details {text-align: center;}
#product dl, #product dl dt {margin-top: 0; padding-top: 0;}
#product dt {font-weight:bold;}
#product dd {margin: .5em 0 .5em 0;}
#product table {margin: 1em 1em; width: 90%;}

#product #details img {
	padding: 2px;
	border: 1px solid #aaa;
}

#product h3 {margin-top: 0;}

#product table#pricing-grid {
	width: 90%;
}

td.photo {
	width: 80px;
	height: 80px;
}

td.product-description-column {width: 298px;}

td.details_row {width: 172px;}

td.order_row {width: 64px; text-align: center;}

div.size_row, div.color_row, div.unit_row {
	padding: 2px;
}
div.size_row {
	float: left;
	text-align: right;
	width: 77px;
	border-right: 1px solid #ccc !important;
}
div.color_row {
	float: left;
	width: 77px;
}

div.unit_row {
	clear: left;
	border-bottom: 1px solid #ccc !important;
	vertical-align: top;
}

/**********************************/

/**********************************/
/* CART */

#cart table {
	width: 90%;
	margin: 0 auto;
}

#cart form {
	display: inline;
}

#cart-controls {
	text-align: center;
	width: 100%;
	margin: 20px auto;
}

#coupon-code-box {
  text-align: center;
  width: 80%;
  margin: 20px auto;
}

#cart-info {
	text-align: center;
	border: 1px solid #aaa;
	border-top: none;
	margin-top: 0;
	padding: .4em 0;
	line-height: 16px;
	overflow: hidden;

	height: 16px;
}

#cart-info.new_cart_items {
	height: 173px;
}

#new-cart-item {margin-top: 10px; padding: 8px;}

/**********************************/

/**********************************/
/* FORM VALIDATION ELEMENTS */


.validation-advice {
	color: red;
	font-size: 90%;
	font-weight: bold;
	Xpadding-left: 100px;
	text-align: left;
	margin-right: 2em;
}

.field-label {
	float:left;
}

.field {clear: left; padding-top: 10px;}

form p, form h4 {clear: both; padding-top: 1em;}

form h3 {clear: left; padding-top: 1em;}

/**********************************/

#banner {
	width: 100%;
	height: 111px;
	background: transparent url(/site/images/banner_bg.gif) top left repeat-x;
	z-index: 100;
}

#banner .gutter {
	width: 900px;
	height: 111px;
	margin: 0 auto;
	position: relative;
}

#banner h2 {margin:0;}

#banner h2 span {display: none;}
#banner img#logo {
	position: absolute;
	top: 30px;
	left: 13px;
	width: 214px;
	height: 35px;
	border: 0;
	background: transparent url(/site/images/bay-tech-logo.gif) top left no-repeat;
}

#banner h2#phone {
	position: absolute;
	top: 26px;
	right: 13px;
	width: 207px;
	height: 42px;
	background: transparent url(/site/images/bay-tech-phone.gif) top left no-repeat;
}

#banner #top-menu {
	position: absolute;
	top: 2px;
	right: 13px;

	font-size: 10px;
	color: #fff;
}

#top-menu a {color: #fff;text-decoration: none;}

#banner h2#products-we-carry {
	position: absolute;
	top: 2px;
	left: 13px;
	font-size: 10px;
	color: #fff;
	font-weight: normal;
}

#products-we-carry a {color:#fff;}

#menu {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 1px;

	font-size: 16px;
	line-height: 30px;
	color: #fff;
	overflow: hidden;
}

#menu a {
	color: #fff;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	padding: 8px 3px;
}

body#about #menu a.about {background: transparent url(/site/images/menu_active_bg.gif) top left repeat-x;}
body#news #menu a.news {background: transparent url(/site/images/menu_active_bg.gif) top left repeat-x;}
body#products #menu a.products {background: transparent url(/site/images/menu_active_bg.gif) top left repeat-x;}
body#services #menu a.services {background: transparent url(/site/images/menu_active_bg.gif) top left repeat-x;}
body#store #menu a.store {background: transparent url(/site/images/menu_active_bg.gif) top left repeat-x;}
body#cart #menu a.store {background: transparent url(/site/images/menu_active_bg.gif) top left repeat-x;}
body#resources #menu a.resources {background: transparent url(/site/images/menu_active_bg.gif) top left repeat-x;}

body#estimates #menu a.estimates
{background: transparent url(/site/images/menu_active_bg.gif) top left repeat-x;}
body#upload-artwork #menu a.upload-artwork
{background: transparent url(/site/images/menu_active_bg.gif) top left repeat-x;}

#wrap {
	margin: 0 auto;
	width: 940px;
	Xbackground-color: red;
	background: #CBE7ED url(/site/images/page_bg.gif) top left repeat-y;
	Xborder: 1px red solid;
}

#page {padding: 0 20px 20px 20px;}
body#home #page {padding: 0;}

#home-banner {display:none;}
body#home #home-banner {display:block;padding-top: 1em; margin: 0 auto;}

#main {
	width: 680px;
	float: left;
	margin-left: 10px;
	display: inline;
}
body#home #main,
body#cart #main,
body#manager #main {width: 100%; float: left; margin-left:0;}
body#home #main {width: 880px !important; padding: 1.6em;}
#home-copy {width: 880px; margin: 0 auto;}
body#store #main {float: left;}

body#home h1 {display:none;}

#sidebar {
	width: 182px;
	float: right;
	margin-top: 3em;
	padding-left: .8em;

}
body#home #sidebar,
body#cart #sidebar,
body#manager #sidebar {display: none;}

#sidebar h2 {margin-top: 0; font-size: 18px;}

#sidebar ul.menu-box {
	list-style: none;
	margin-left: 0em;
	padding-left: 0em;
}

#sidebar ul.menu-box li {
	Xheight: 0%;
	margin: 1px 0;
	font-size: 96%;
	line-height: 1.2;
	border-bottom: 1px solid #ccc;
	vertical-align: bottom;
}

#sidebar ul.menu-box a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	overflow: hidden;
	padding: 4px 6px;
}

#sidebar ul.menu-box a:hover {background-color: #CBE7ED;}

#sidebar .sub-cat {padding-left: 10px;}

#search-box {
	background: transparent url(/site/images/search-box.gif) left 50% no-repeat;
	width: 186px;
	border: 0;
	outline: 0;
	padding: 0 0 0 24px;
	margin: 0;
	font-size: 11px;
	height: 24px;
	line-height: 24px;
}

#footer {
	width: 100%;
	Xpadding: 3px 40px 1em 40px;
	margin: 1em 0 0 0;
	border-top: 1px solid #666;
	text-align: center;
}

#footer h3.company {
	float: left;
	display: inline;
	text-align: left;
	margin: 8px 0 4px 80px;
	padding: 0;
	width: 154px;
	height: 23px;
	background: transparent url(/site/images/baytech-logo-footer.gif) top left no-repeat;
}

#footer h3.company span {display: none;}

#footer address {
	float: left;
	margin: 0 0 4px 20px;
	font-size: 11px;
	font-style: normal;
	text-align: left;
}

#footer address strong {display: block; margin-top: 4px; color: #222;}

#copyright {
	color: #777;
	clear: both;
	text-align: center;
	clear: both;
	margin: 1em 0;
	padding: 1em 0;
}
#copyright p {font-size: 90%; margin: 0 0 0 4px;}

#admin-menu {
	padding-bottom: 1em;
}

.in_menu, .list_view {text-align: center;}

.yes, .no {
	color: #fff;
	background-color: #122a92;
	font-size: 8px !important;
	text-transform: uppercase;
	padding: 1px 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-transform: uppercase;
}
.yes {background-color: green;}
.no {background-color: red;}

.post {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

.post .details {
	font-size: 11px;
	font-style: italic;
	margin-bottom: 1em;
}

/*
Default style definitions for:
Uploadify
*/
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}