@import "image.css";
@import "buttons.css";


* { padding:0; margin:0; } select option { padding:0 3px; } fieldset { border:0; }

body {
	font:0.9em/1.2 Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff url(../images/bg_body.gif) 0 0;
}

img.right {
	float:right;
}

img.left {
	float:left;
}

a img {
	border:0;
}

a:link {
	color:#0000ff;
}

a:visited {
	color:#006600;
}

a:hover {
	color:#2222ff;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

#container {
	text-align:left;
	position:relative;
}

/* =HEADER/LOGO
============================================================= */
#header {
	background:#013399;
	z-index:5;
}

h1 {
	height:111px;
	width:226px;
	background:#013399 url(../images/bg_header.gif) no-repeat left bottom;
	width:600px;
	margin:0 auto;
	clear:both;
}

h1 a {
	display:block;
	height:79px;
	text-indent:-9999px;
	overflow:hidden;
}
#nav {
	clear:both;
	height:1.4em;
	background:#fbcb67;
}

#nav ul {
	width:600px;
	margin:0 auto;
	padding:0;
}

#nav li {
	width:24.4%;
	float:left;
	height:100%;
	list-style:none;
}

#nav li a {
	color:#013399;
	display:block;
	height:1em;
	padding:0.2em 0;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
}


#nav li a:hover {
	background:#013399;
	color:#fbcb67;
	text-decoration:none;
	
}

/* =FUNCTIONS
============================================================= */
#functions {
	z-index:10;
	background:#cc1b00;
	overflow:hidden;
	margin:0 auto 3px;
}

#functions .meta {
	height:68px;
}

#header fieldset {
	width:760px;
	margin:0 auto;
	padding:5px 0;
}

.meta input {
	padding:3px;
	border:1px solid #ccc;
	margin:3px;
	width:18em;
}

#header .meta input.button {
	padding:3px;
	border:1px solid #333;
	margin:3px;
	width:auto;
}

.functions {
	margin:0 auto;
	z-index:15;
	position:relative;
	width:800px;
	overflow:hidden;
}

.functions ul {
	padding:0
	float:right;
	list-style:none;
}

.functions li {
	padding:0;
	float:left;
	width:130px;
	color:#fff;
	height:19px;
	font-weight:bold;
	font-size:13px;
}

.functions ul.loggedOut {
	width:600px;
	margin:0 auto;
}

.functions ul.loggedOut li {
	width:24%;
}

.functions .welcome {
	padding:5px 0 0;
	height:auto;
	font-size:11px;
}

.functions li a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:13px;
	padding:3px;
	height:13px;
	margin:0 5px;
	text-transform: uppercase;
	text-align:center;
}

#functions li:hover a {
	color:#FBCB67;
	background:#013399;
	text-decoration:underline;
}

/* =FUNCTIONS CONTENT
============================================================= */

#functions #miniCart, .cart, .optionTable {
	border-top:1px solid #ccc;
}

#functions #miniCart #miniCartEmpty td {
	border-right:1px solid #ccc;
}

.cart {
	margin:10px auto;
	width:650px;
}
#miniCart h4 {
	padding:5px;
}


#functions #miniCart td, .cart td, .optionTable td {
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:3px;
	background:#fff;
}

#functions #miniCart tr.even td, .cart tr.even td, .optionTable tr.even td {
	background:#fcefef;
}

#functions #miniCart td.subtotal, #functions #miniCart td.value,
	.cart td.subtotal, .cart td.value {
	border-right:1px solid #ccc;
}

#functions #miniCart td.blank,
	.cart td.blank, .cart td.noborder, .optionTable td.blank, .optionTable .noborder {
	border:0;
}

#functions #miniCart .img, .cart .img, .cart img, .optionTable img {
	float:none;
	width:auto;
	border:1px solid #dedede;
}

#functions #miniCart thead td, .cart thead td, .cart th, .optionTable thead td {
	font-weight:bold;
	font-size:11px;
}

.cart td input, #functions #miniCart tbody td input, .optionTable td input {
	border:1px solid #ccc;
	border-bottom:2px solid #ccc;
	font-size:12px;
	padding:2px;
	color:#4d4d4d;
}

.cart td input.submit, .cart td input.button {
	padding:0;
	border:0;
}

#functions #miniCart tbody tr.giftwrap td {
	text-align:right;
	font-size:10px;
	font-style:italic;
}

#functions #miniCart tbody tr.giftwrap input {
	vertical-align:middle;
}

#functions #miniCart tbody td, .optionTable tbody td {
	border-bottom:1px solid #ccc;
}

#functions #miniCart tbody tr.nogiftwrap td {
	border-bottom-color:#efefef;
}

#functions #miniCart tbody tr.nogiftwrap td.subtotal {
	border-color:#ccc;
}

#mainContent .cart h4 {
	padding:3px 5px 0;
}

/* =SIDEBAR
============================================================= */
#sidebar {
	float:left;
	width:175px;
	padding:15px 5px 10px;
}

#sidebar h3 {
	padding:5px;
}

#sidebar p {
	padding:5px 10px;
}

#sidebar ul {
	list-style:none;
	padding:5px 5px 5px 15px;
	color:#ccc;
	line-height:1.5;
}

#sidebar a {
	color:#7276c1;	
}

#sidebar .productList li {
	padding:0
}

#content {
	width:760px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}

.noSidebar {
	background:none !important;
}

/* =FOOTER
============================================================= */
#footer {
	clear:both;
	padding:5px 5px 10px;
	font-size:0.95em;
	text-align:left;
	overflow:hidden;
	margin:0 auto;
	border-top:1px outset #000;
	width:680px;
	padding:10px 40px;
}

#footer .clear {
	text-align:center;
	padding-bottom:10px;
}

#footer .acceptance {
	width:180px;
	float:right;
}

.debug {
	clear:both;
	margin:25px 15px 10px;
	color:#999;
	font-size:0.75em;
	width:450px;
}

.clear {
	clear:both;	
}


/* =CONTENT
============================================================= */

#content {
	position:relative;
	z-index:1;
}

#content p#breadcrumb {
	font-size:0.9em;
	color:#000;
	padding:5px 15px 5px 25px;
	text-indent:0;
}

h2, h3, h4, h5 {
	font-weight:bold;
	padding:0.5em 25px 0;
}

h2 {
	padding:0.5em 20px 0;
	font-size:1.5em;
}

h3 {
	font-size:1.25em;
}

h4, h5 {
	font-size:1.1em;
}

#mainContent p, #mainContent ol, #mainContent dl, #mainContent ul {
	padding:0.25em 25px 0.75em;
	line-height:1.5;
}

#mainContent .body p {
	padding:0.25em 5px 0.75em;
}

#mainContent table {
	border:4px #666 outset;
	margin:0.25em auto 0.75em;
}

#mainContent table td {
	margin:3px;
	border:1px #666 inset;
	background:#fff;
	padding:5px;
}

#mainContent ul, #mainContent ol {
	padding:0.25em 25px 0.75em;
	list-style:disc;
}

#mainContent ol {
	list-style:decimal;
}

#mainContent h3 a, #mainContent h4 a {
	font-size:0.95em;
	line-height:1.25;
}

/* =PRODUCTS
============================================================= */

.productList .body {
	padding-left:260px;
}

.productList .imgTag {
	padding:3px;
	float:left;
	text-align:center;
}

.productList .imgTag a img {
	text-decoration:none;
}

#mainContent .productList h3 {
	font-size:18px;
	padding:0 5px;
}

#mainContent ul.productList, div.product {
	border:4px #666 outset;
	list-style:none;
	padding:0;
	margin:15px 25px;
}

#mainContent ul.productList li {
	margin:3px;
	border:1px #666 inset;
	list-style:none;
	background:#fff;
	clear:both;
	overflow:hidden;
	zoom:1;
}

div.product {
	width:520px;
	margin:15px auto;
}

.product .body, .product h2, .details {
	border:1px #666 inset;
	margin:3px;
}

.product .details {
	padding:10px 0;
	font-size:1.2em;
	clear:both;
}

#mainContent .details dl {
	padding:0;
}

#mainContent .product .details dt {
	width:105px;
	float:left;
	clear:both;
	padding:3px 15px 5px;
	display:block;
	font-style:none;
	font-weight:normal;
}
#mainContent .details dt {
	padding:3px 15px 2px;
	width:105px;
	float:left;
	clear:both;
	display:block;
	font-style:none;
	font-weight:normal;
}

#mainContent .details label {
	font-weight:normal;
	padding:0;

}

#mainContent .details dd {
	width:240px;
	float:left;
	display:block;
	padding:3px 0 2px;
}
#mainContent .product .details dd {
	width:340px;
	padding:3px 0 5px;
}

#mainContent .details input, #mainContent .details select {
	margin:0;
}

#mainContent .product h2 {
	font-size:18px;
	padding:2px;
}

#mainContent .product p {
	padding:
}

.image {
	text-align:center;
}

.details {
	overflow:hidden;
	zoom:1;
	background:#ccc;
}
*/

/* =FORMS
============================================================= 

#mainContent select option { 
	padding-right:9px;
 }
*/
#mainContent fieldset {
	padding:10px 15px 0;
	border:0;
}

#mainContent fieldset h4 {
	padding:0 0 5px;
}

#mainContent label, #friend label {
	font-weight:bold;
	display:block;
	padding:3px 20px 5px;
}

#mainContent label span#charCount {
	font-weight:normal;
	font-size:10px;
}

input#qty, input#qtyADC { width: 3em; }

#mainContent label input, #mainContent select, #friend label input, #friend select, #mainContent label textarea {
	margin:5px 0;
	vertical-align:middle;
	display:block;
}

#mainContent label.checkbox input, #mainContent label.giftwrap input {
	display:inline;
	margin:0;
	vertical-align:middle;
}
#mainContent label.giftwrap {
	font-weight:normal;
	padding:0 3px 5px;
	font-size:10px;
}

#friend textarea {
	margin:5px 0;
	vertical-align:middle;
	display:block;
	border:1px solid #efefef;
	border-right:1px solid #ccc;
	border-bottom:2px solid #ccc;
	font-size:1.2em;
	padding:3px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#friend textarea, #friend input {
	width:350px;
}

#mainContent fieldset.btn_container-l, #mainContent fieldset.submit {
	padding:10px 35px;
}

#friend .btn_container-l {
	padding:10px 35px;
}
#friend .btn_container-l input {
	float:none;
	margin:5px auto;
	width:120px;
}

.notification #friend p {
	padding:3px 20px 5px;
}

/* =LOGIN
============================================================= */

#mainContent .login h2 {
	padding-top:15px;
}

#mainContent .login p {
	text-align:center;
	text-indent:0;
}

#mainContent .login p.error {
	background:none;
	text-align:left;
	padding:0 15px 5px;
}

#mainContent .login fieldset.login {
	padding:25px 35px 0;
}

.checkoutAccount, .checkoutNoAccount {
}

.checkoutAccount {
	border-bottom:1px solid #efefef;
}

/* =Checkout Step 2
============================================================= */

#mainContent .checkoutPayment h3 {
	padding:0.5em 0;
}

#mainContent .checkoutPayment fieldset.billing {
	border-right:1px solid #efefef;
}

#mainContent .checkoutPayment fieldset.address, .checkoutReview {
	padding:10px 0 20px 15px;
	float:left;
	width:350px;
}

#mainContent .checkoutPayment fieldset.address label {
	padding:3px 0 5px 10px;
}

#mainContent .checkoutPayment fieldset.address label.name {
	width:170px;
	float:left;
}

#mainContent .checkoutPayment fieldset.address label.lastName {
	padding:3px 0 5px;
}

#mainContent .checkoutPayment fieldset.address label.name input {
	width:150px;
}

#mainContent .checkoutPayment fieldset.address label.address {
	width:350px;
	clear:left;
	padding-bottom:0;
}

#mainContent .checkoutPayment fieldset.address label.address input {
	width:320px;
	margin:0;
}

#mainContent .checkoutPayment .login {
	border-top:1px solid #efefef;
}

#mainContent .checkoutPayment .login p {
	background:0;
	padding:0.25em 35px 0.75em;
	text-align:left;
}

.checkoutReview {
	border-right:1px solid #efefef;
}

h3.yourOrder {
	border-top:1px solid #efefef;
	margin-top:5px;
	clear:both;
}

#mainContent .payment {
	border-top:1px solid #efefef;
	margin-top:5px;
	clear:both;	
	padding:10px 290px 0 15px;
}

#mainContent fieldset.payment .expdate {
	padding:3px 20px 5px;
}

#mainContent fieldset.payment .expdate label {
	padding:0;
}

#mainContent fieldset.payment .expdate select {
	display:inline;
}

#mainContent p.acceptance {
	float:right;
	margin:50px 0 0;
}

.noborder { border:0 !important; }

.checkoutReviewAddress {
	border-right:1px solid #efefef;
	width:250px;
	float:left;
}
.checkoutReviewAddress p, .checkoutReviewOrder p {
	text-indent:0 !important;
}

.checkoutReviewOrder {
	border-top:1px solid #fff000;
	clear:both;
}

/* =REGISTER
============================================================= */
.registerOptin {
	clear:both;
	margin-top:5px;
}

.registerLogin {
}

/* =REQUIRED / ERROR
============================================================= */

.error, .required, label em {
	color:#c00;
	text-indent:0 !important;
}

#mainContent p.error {
	padding:0.25em 5px 0.75em 25px;
}

em.oos {
	display:block;
	padding:2px 0 3px;
	text-align:center;
}

.siteSeals {
	width:250px;
	margin:0 auto;
	overflow:hidden;
	display:inline-block;
}

.siteSeals  {
	display:block;
}

.AuthorizeNetSeal, #siteseal {
	float:left;
	margin:5px 20px 0 0;;
}

/* =HOME
============================================================= */

#mainContent ul.featuredList {
	border:4px #666 outset;
	list-style:none;
	padding:0;
	margin:10px;
	overflow:hidden;
	zoom:1;
}

.featuredList li {
	margin:3px;
	border:1px #666 inset;
	list-style:none;
	background:#fff;
	overflow:hidden;
	zoom:1;
	float:left;
	width:255px;
	list-style:none;
}

.featuredList li.odd {
	clear:left;
}

#home {
	overflow:hidden;
	zoom:1;
	background:url(../images/bg_home.gif) repeat-y 0 0;
}

#homeSidebar {
	width:136px;
	float:left;
	font-size:12px;
}

#homeContent {
	margin-left:140px;
}

#homeContent .column {
	width:260px;
	padding:0 10px 0 0;
	float:left;
	text-align:center;
	line-height:1;
}

#homeContent .column p {
	line-height:1.1;
}

#homeContent .homeProduct {
	border:3px solid #000;
	margin:5px 0 5px;
	background:#fbf4b2;
	width:250px;
}

#homeContent .homeProduct h3 {
	margin:0 0 5px;
	text-transform: uppercase;
	padding:5px 0;
}

#homeContent .homeProduct h3, #homeContent .homeProduct a {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

#homeContent .homeProduct img, #homeContent .seal img{
	display:block;
	margin:0 auto;
}

#homeContent .seal {
background:#8080ff;color:#006;font-weight:bold;
width:200px;
margin:0 auto 15px;
padding:5px 15px;
font-size:1.5em;
}

h3.headline2 {
	text-align:center;
	color:#008000;
	font-size:24px;
	clear:both;
}

.headline2 img {
	vertical-align:middle;
}

.floatLeft {
	margin:5px;
	float:left;
}

.feature {
	width:250px;
	float:right;
	background:#fbf4b2;
}

.feature h3 {
	color:#800000;
}

p.img {
	text-align:center;
}

.below {
	clear:both;
	margin:10px 0;
	border:2px outset #000;
	border-width:1px 0 0;
}

.below h3 {
	color:#000080;
}


.below .img {
	float:right;
	width:250px;
	margin:0 0 5px 5px;
}

.nns {
	background:#fcfdc6;
	margin:10px auto;
}


#mainContent .below p {
	padding: 0.25em 65px 0.75em;
} 

#homeContent .firstColumn {
	width:215px;
}

#homeSidebar p, #homeSidebar h2, #homeSidebar h3, #homeSidebar h4, #homeSidebar h5 {
	padding:5px 10px;
}
 #homeSidebar h2, #homeSidebar h3, #homeSidebar h4, #homeSidebar h5 {
 	font-weight:bold;
 }

#homeSidebar ul {
	padding:0 10px 0 20px;
	list-style:none;
}