/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

html  {
  background-color: #F0F0F0;
}

legend { width: 100%; font-weight: bold; padding-top: 10px; margin-bottom: 5px; font-size: 13px; color: #0F2E91; border-bottom: #bdbdbd 1px solid; }

h1 {
   font-size: 14px;
   margin-top: 5px;
   margin-bottom: 5px;
   color: #CC0000;
   }

h2 {
   font-size: 12px;
   font-weight: bold;
   padding-left: 25px;
   display: inline;

   }

h3 {
	background: #EEE;
	padding: 15px;
	margin-bottom: 1.5em;
	border: 1px solid #DDD;
	position: relative;

	border-radius: 5px;

	box-shadow: 1px 1px 1px rgba(0,0,0,.15);
	background-color: #d9edf7; color: #3a87ad; border-color: #bce8f1;
}

h4 {
   font-weight: bold;
   font-size: 16px;
   color: #CDCDCD;
   }

h5 {
   font-weight: bold;
   font-size: 10px;
   color: #0B610B;
   }
   
   
.logo {
	 width: 300px;
	 height: 111px;
	 }

/* Error message that displays at top of page */
.error_message { width: 100%; font-weight: bold; color: #CC0000; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; margin-bottom: 5px; background-color: #FFFFCC; border: #CDCDCD 1px solid; }

.search {
   padding-top: 10px;
   }

.search form {
		margin-bottom: 0px;
		}

.cart {
   padding-top: 15px;
   }

.data {
	padding-top: 20px;
	padding: 10px;
	clear: both;
	}

.top_name {
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
   background-color: #FFF8DC;
   text-align: center;
   clear: both;
   }

.click_image {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
	}

.product {
	clear: both;
	padding-top: 5px;
   border-top: #CCCCCC 1px solid;
	}

.product_image {
	float: left;
	padding: 5px;
	}

.image_desc {
	font-size: 10px;
	}

.product_name {
	font-size: 13px;
	font-weight: bold;
	}

.add_to_cart {
	vertical-align: baseline;
	}

.add_to_cart input[type="text"] {
	width: 30px;
	}

.account_links {
   font-size: 11px;
   text-align: right;
   }

.sitename {
   font-size: 24px;
   font-weight: bold;
   color: #FFFFFF;
   padding: 20px;
   }

.nav {
   font-size: 11px;
   font-weight: bold;
   border-top: #CCCCCC 1px solid;
   border-bottom: #CCCCCC 1px solid;
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: center;

   background: rgb(246,248,249); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
   background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
   }

.note {
   color: #00E800;
}

.ship {
   color: #CC0000;
   font-weight: bold;
}

.reff {
   color: #003333;
   font-size: x-small; 
   font-weight: bold;
   }


.centered
{
   text-align:       center;
}

.random_product_text
{
   font-family:      Verdana, Arial, sans-serif;
   font-size:        10;
   text-align:       center

}

/* Small text that shows up below the gateway check out buttons. */
.gateway_description
{
   font-family:      Verdana, Arial, sans-serif;
   font-size:        10;
   text-align:       center;
}

/* user on forms and cart display */
.colored_cell_header
{
   font-size:        12;
   font-weight:      bold;
   background-color: #F0F1EC;
   BORDER-BOTTOM:    #E0E1DB 1px solid;
   BORDER-TOP:       #E0E1DB 1px solid;
}

.colored_cell_header td {
   padding: 5px;
   margin:  0px;
   }

.text2bold {
   font-weight: bold;
   }

.indent {
   padding-left: 10px;
   }

.shopping_cart {
   padding-top: 15px;
   }

.cart_table {
   border-spacing: 0px;
   cellspacing: 0px;
   width: 100%;
   }

.cart_table td {
   padding: 5px;
   margin:  0px;
   }

.totals_table {
   border-spacing: 0px;
   cellspacing: 0px;
   align: right;
   width: 200px;
   }

.totals_table td {
   padding: 5px;
   margin:  0px;
   }

.cart_totals_labels {
   text-align: right;
   font-weight: bold;
   font-size: 11px;
   width: 100px;
   }

.cart_totals {
   text-align: right;
   font-weight: bold;
   font-size: 11px;
   width: 100px;
   }

.bgcolor1 {
   background-color: #FFFFFF;
   }

.bgcolor2 {
   background-color: #F0FFFF;
   }

.right {
   text-align: right;
   }

.grand_total {
   BORDER-BOTTOM:    #E0E1DB 1px double;
   }

.subtotal {
   border-top:    #E0E1DB 1px solid;
   }

.border {
   border: #CDCDCD 1px solid;
   }

.alert {
   font-weight: bold;
   font-size: 11px;
   color: #CC0000;
   }

.footer {
   font-size: 10px;
   text-align: center;
   border-top: #CCCCCC 1px solid;
   border-bottom: #CCCCCC 1px solid;
   padding-top: 5px;
   padding-bottom: 5px;
   margin-top: 5px;
   }

/* #Page Styles
================================================== */

.checkout_header {
   font-weight: bold;
   padding-top: 10px;
   margin-bottom: 5px;
   font-size: 13px;
   color: #0F2E91;
   border-bottom: #bdbdbd 1px solid;
   }


.checkout_label {
   color:#333333;
   font-size:11px;
   font-weight:bold;
   text-align: right;
   }

.checkout_label_red {
   color:#B50000;
   font-size:11px;
   font-weight:bold;
   text-align: right;
   }


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.header {
		   text-align: center;
		   }
		.account_links {
		   text-align: center;
		   }
		.search {
		   padding-top: 0px;
		   }


	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.product_image {
			float: none;
			text-align: center;
			}
		.add_to_cart {
			clear: both;
		}
		.cart_price_row {
			display: none;
		}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.search input[type="text"] {
			width: 150px;
			}
		.product_image {
			float: none;
			text-align: center;
			}
		.add_to_cart {
			clear: both;
		}
		.cart_price_row {
			display: none;
		}
	}



/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/