﻿body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	line-height: 13px;
	background: #333333;
}
.right { float: right; }
p { margin: 0 .5em .75em 0; }
h5 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 120%;
	margin: 0 .5em .25em 0;
}
h4 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 120%;
	margin: 0 .5em .25em 0;
}
h3 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 18px;
	margin: 0 .5em .25em 0;
	font-size: 15px;
}
h2 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 20px;
	line-height: 22px;
	margin: 0 .5em .25em 0;
}
h1 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 120%;
	margin: 0 .5em .25em 0;
}
img {
	border: 0;
}
ol {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
}
div {
	margin: 0;
	padding: 0;
}
a em {
	display: none;
}
#container {
	width: 760px;
	margin: 0px auto auto auto;
}
#page {
	width: 760px;
	margin-bottom: .75em;
	background-color: #FFCC00;
}

/*************************
   Header
*************************/
#header {
	height: 112px;
	font-size: 9px;
	background-color: #FFCC00;
	background-image: url('banner.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
#header a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 93%;
	text-decoration: none;
}
#header a:active {
	color: #333333;
}
#header a:hover {
	color: #333333;
}
#header #banner {
	float: left;
	display: block;
	height: 112px;
	width: 472px;
}
#header #bannerShop {
	float: left;
	display: block;
	height: 112px;
	width: 760px;
	background-position: left top;
	background-image: url('banner.jpg');
	background-repeat: no-repeat;
	background-color: #FFCC00;
}
#header .box {
	float: left;
	height: 112px;
	width: 142px;
	text-align: center;
	vertical-align: middle;
}
#header .box select, #header .box input {
	width: 128px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	background-color: #FFFFCC;
	border: 1px #CC9900 solid;
	padding: 3px 2px 3px 2px;
	font-size: 90%;
	margin-bottom: 6px;
}
#header .box p {
	padding: 6px 0 0 0;
	line-height: 150%;
}
#header #UPS {
	text-align: left;
	padding: 0 5px 5px 5px;
	line-height: 14px;	
}
#header #UPS a {
	display: block;
	padding-left: 40px;
	height: 43px;
	background: url('../../Images/ups.png') no-repeat 0 50%;
}


/***************************
   Navigation
***************************/
#nav {
	clear: both;
	float: left;
	width: 148px;
	background-color: #FFCC00;
	height: auto;
	display: block;
}
#nav ul li {
	list-style-type: none;
}
#nav ul li a {
	background: #FFCC00;
	font-size: 100%;
	padding: 6px 0 6px 0;
	font-weight: bold;
	text-decoration: none;
	width: 148px;
	color: #333333;
	list-style-type: none;
	display: block;
	text-indent: 6px;
	border-bottom: 1px #FFFFCC solid;
}
#nav .active {
	background: #333333 url('nav_corner.png') no-repeat right top;
	color: #FFFFFF;
}
#nav ul li a:hover {
	color: #FFFFFF;
	background-color: #677789;
	background-image: url(nav_corner.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#basketReview {
	background-position: center center;
	display: block;
	width: 148px;
	margin-top: 4px;
	background-image: url('nav_review.gif');
	text-transform: none;
	background-color: #FFCC00;
	background-repeat: no-repeat;
	margin-bottom: 4px;
	min-height: 84px;
}
#twitter {
	background-position: center center;
	display: block;
	width: 148px;
	margin-top: 4px;
	background-image: url('http://twitter-badges.s3.amazonaws.com/follow_bird_us-a.png');
	text-transform: none;
	background-color: #FFCC00;
	background-repeat: no-repeat;
	margin-bottom: 4px;
	min-height: 44px;
}
#steps
{
	clear: both;
	float: left;	
	width: 145px;		
}
#steps h4
{
	text-align: center;
	margin-top: 0.5em;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#steps ol li {
	list-style-type: none;
	margin: 0 0 5px 3px;
}
#steps ol li a {
	display: block;
	width: 128px;
	font-size: 95%;
	padding: 5px;
	border: 1px solid #C2C2C2;
	background-color: #E8E8E8;
	text-decoration: none;
}
#steps ol li a.active {
	background-color: #FFFFFF;
	color: #333333;
	font-weight: bold;
}
#steps ol li a.done {
	background-color: #EAFFEA;
	color: #333;
}
#steps ol li a.done-error {
	background-color: #FFF1FF;
	color: #333333;
}
#steps ol li em {
	font-style: normal;
	font-size: 100%;
	font-weight: bold;
	display: inline;
}


/***************************
   Content
***************************/
#content {
	background-color: #FFFFFF;
	margin-left: 148px;
	padding: 12px 12px 12px 8px;
	height: 100%;
}
#content #features {
	float: right;
	width: 296px;
	display: block;
	border: 1px solid #E8E8E8;
	margin: 0px 0px 12px 8px;
	padding: 8px 0px 0px 4px;
	background-color: #FFFFE6;
	vertical-align: middle;
}
#content .product {
	width: 144px;
	min-height: 232px;
	text-align: center;
	float: left;
	margin: 0px 4px 4px 0px;
}
.button:active {
	background-color: #333333;
	border: 1px #333333 solid;
	color: #FFFFFF;
}
.button:hover {
	background-color: #FFCC00;
	border: 1px #333333 solid;
	color: #333333;
}
.button, .button:visited {
	border: 1px #666666 solid;
	padding: 3px 7px;
	color: #666666;
	background-color: #FFFFCC;
}
#content a {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	color: #333333;
}
#content a.productLink {
	line-height: 140%;
	font-size: 80%;
	color: #777777;
	font-weight: bold;
	text-decoration: none;
}
#content a.productLink:hover {
	color: #000000;
}
#content .warning {
	font-weight: bold;
	color: #CC0000;
}
#content #sectionDescription {
	float: left;
	display: block;
	width: 296px;
	min-height: auto;
}
#content ul {
	margin: 4px 0px 8px 8px;
	padding: 0;
}
.productImage {
	float: right;
}
.clearAll {
	clear: both;
	margin: 0px;
	padding: 0px;
}


/*************
 Product Detail 
**************/
#components
{
	font-size: 8px;
	list-style-type: none;
	margin: 4px 0px 12px 8px;
}
#components li
{
	padding-left: 12px;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-bottom: 2px;
}
#price 
{
	line-height: 175%;
}
#price .price
{
	font-size: 175%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
}
#price #each
{
	font-size: 100%;
	font-weight: bold;
	color: #333333;
}
#price #quantity
{
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
}
.quantity
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFCC;
	border: 1px #CC9900 solid;
	text-align: center;
	width: 24px;
	vertical-align: middle;
}
#content .relatedProduct img
{
	float: left;
}
#content .relatedProduct div
{
	float: right;
	width: 103px;
}
#content .relatedProduct
{
	width: 194px;
	float: left;
	margin: 0 2px 2px 0;
}
#FAQ {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	margin-left: 30px;
}
#FAQ p {
	margin-top: .5em;
	font-weight: normal;
	font-size: 100%;
	color: #444444;
}
#links {
	text-align: center; 
	list-style-type: none;
}
#links li {
	margin-bottom: 1.25em;
}

/************************
   Forms
************************/
#form ul label {
	display: block;
	float: left;
	width: 100px;
	font-weight: bold;
	padding-left: 16px;
	font-size: 75%;
}
.required {
	background: url('triangle_red.gif') no-repeat left center;
	padding-left: 16px;
	font-size: 75%;
	font-weight: bold;
}
#form ul {
	margin-bottom: 16px;
}
#form ol {
	padding: 0;
	margin: 0 0 16px 16px;
	line-height: 1.8em;	
}
#form li {
  list-style: none;
  padding: 2px;
  margin: 0;
}
#form h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #666666;
	border-bottom: 2px #CC9900 solid;
	background-color: #FFFFCC;
	padding: 4px 4px 4px 6px;
	background-image: url(nav_corner.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.related {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #666666;
	border-bottom: 2px #CC9900 solid;
	background-color: #FFFFCC;
	padding: 4px 4px 4px 6px;
	background-image: url(nav_corner.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.textBox {
	background-color: #FFFFE6;
	border: 1px #CC9900 solid;
	padding: 3px 2px 3px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	font-size: 90%;
}
.textBox-disabled {
	background-color: #F5F5F5;
	border: 1px solid #E1E1E1;
	padding: 3px 2px 3px 2px;
}

div.success {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border: 1px #00802D solid;
	background-color: #D2EBD2;
}
div.success p { margin: 0; }
div.valError { margin: 0 0 10px 0; padding: 5px 10px; border: #CC9900 1px solid; background-color: #FFFFCC; }
div.valError ul { margin-left: 25px; margin-top: 5px; }
div.valError ul li { font-weight: normal; color: #333; }


/**********************
  GridView
**********************/
.AspNet-GridView { width: 100%; }
.AspNet-GridView table {
	border: 1px #CC9900 solid;
	width: 100%;
}
.AspNet-GridView table thead tr th {
	color: #FFFFFF;
	background: #CC9900;
	font-weight: bold;
	padding: 3px 2px 3px 2px;
	font-size: 9px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E8E8E8;
}
.AspNet-GridView table thead tr th a {
	color: #FFFFFF;
}
.AspNet-GridView table tfoot tr td {
	background: #FFCC00;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding: 3px 2px 3px 2px;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CC9900;
}
.money {
	text-align: right;
	padding-right: 10px;
}
AspNet-GridView table tbody tr td {
    color: #333333;
    background: White;
    padding: 2px 20px 2px 2px;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: right;
}
.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td {
	background-color: #FFFFEE;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E8E8E8;
}


/***************************
   Footer
***************************/
#footer {
	margin: 0px;
	clear: both;
	background: #FFCC00 url('ftr_incline.gif') no-repeat left bottom;
	text-align: left;
	font-size: .9em;
	min-height: 80px;
	line-height: 1.6em;
}
#footer a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	padding: 0 8px 2px 8px;
}
#footer a:hover {
	color: #000000;
}
#footerNav {
	margin-left: 148px;
	min-height: 80px;
	background-color: #FFFFCC;
	padding: 4px 8px 0 8px;
}
#footerNav p {
	font-weight: bold;
	color: #CC0000;
}
#address {
	color: #FFFFFF;
	text-align: left;
	font-weight: normal;
	font-size: 85%;
	padding: 0px 8px 8px 0px;
}
#address a {
	color: #FFFFCC;
	text-decoration: none;
	font-weight: bold;
}
#address a:hover {
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
}

/********************
   Check out
*******************/
.giftMessage {
	border: solid 1px #FFCC00;
	padding: 5px;
}
.giftText {
	margin-left: 144px;
	min-height: 160px;
}
.giftText em {
	font-weight: normal;
	color: #CC0000;
}
.giftImage {
	float: left;
	width: 144px;
	text-align: center;
}
#options {
	background-color: #FFFFCC;
	border: 1px #CC9900 solid;
	padding: 5px;
	margin-bottom: 10px;
}
hr { border: 1px solid #CC9900; }

#multiShip {
	margin: -.5em 0 0.5em 1em;
}

#Customer {
	width: 48%;
	float: left;
}
#Customer span {
	display: block;
	padding: 0 0 10px 15px;
}
#Billing {	
	width: 48%;
	float: right;
}
#Billing span {
	display: block;
	padding: 0 0 10px 15px;
}
#Products {
	clear: right;
	padding-top: 12px;
}
#Products .price {
	float: right;	
}
#Products img {
	float: left;
}
.reviewProduct {
	margin-left: 148px;
}
.reviewProduct label {
	color: #333333;
	font-weight: bold;
}
.reviewShipping input {
	float: right;
}
.reviewProduct span {
	padding-left: 25px;
	display: block;
}
#Total {
	text-align: right;
	line-height: 1.5em;
}
#Total span {
	display: block;
	float: right;
	width: 95px;
}

.center { text-align: center; }
.redWarning { color: #CC0000; font-weight: bold; }

fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
fieldset li { list-style: none; }
legend { font-weight: bold; color: #666; }
fieldset li { padding: 0.25em 0; }
fieldset span.label { margin-right: 10px; padding-right: 10px; width: 130px; display: block; float: left; text-align: right; }
fieldset label { margin-right: 10px; padding-right: 10px; width: 130px; display: block; float: left; text-align: right; }
fieldset span.error { color: #CC0000; font-weight: bold; }
fieldset label.error { color: #CC0000; font-weight: bold; }
p.legend em { font-size: 120%; font-style: normal; color: #CC0000; }
fieldset span.label em { font-size: 120%; font-style: normal; color: #CC0000; }
fieldset label em { font-size: 120%; font-style: normal; color: #CC0000; }
fieldset li.controlset input { display: inline; float: none; }
fieldset li.controlset label { display: inline; float: none; }
div.blocked { margin-left: 150px; }

fieldset li.controlset div { margin-left: 150px; }

.normalPrice { text-decoration: line-through; }
.onSale { color: #CC0000; font-weight: bold; }


/* IE 6 crap */
* html #nav
{
	margin-right: -3px;
}
* html #content
{
	height: 510px;
	margin-left: 0;	
}
* html #content .product
{
	height: 250px;
}
* html #content #sectionDescription
{
	margin-right: -3px;
	height: 250px;
}
* html #content .product
{
	margin-right: 1px;
}
#header .box select
{
	width: 120px;
}
* html #header .box input
{
	width: 120px;
}
* html #footer
{
	height: 80px;
}
* html #footerNav
{
	height: 80px;
}
/* html #header #UPS a { behavior: url(iepngfix.htc); } */