* {
  margin: 0;
  padding: 0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; 
	color:#666666;
}

h2{
	padding: 0px 0px 10px 0px;
}

h3 {
	margin: 0;
	padding: 10px 0px 3px 0px;
	color:#6f6f6f;
	font-size:16px;
}

h5 {
  text-align: left;
  font-size: 105%;
  margin-top: 3px;
  margin-bottom: 3px;
  display:inline;
}

/*a {
  text-decoration: none;
}
*/
img {
  border: 0;
  margin: 0;
  padding: 0;
  float: left;
  padding-right: 5px;
}

ul {
  list-style-type: square;
}

li.list-header h5 {
  color: #ffffff;
  background: #e966a0;
  text-align: center;
  padding: 3px;
}

.instructions {
  font-size: 83.1%;
  font-style: italic;
}

p.message {
  font-weight: bold;
  font-size: 105%;
}

p.p1{ margin-bottom: 10px;}

.invalid label {
  color: red;
}

input.invalid {
  border: 2px solid red;
}

p.invalid, p.error {
  font-weight: bold;
  color: red;
  border: 1px solid red;
  padding: 8px;
  margin-top: 0.5em;
}

span.required-star {
  color: red;
  font-weight: bold;
  margin-left: 5px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*************************
  Header
*************************/


div#page {
    width: 800px;  
	margin: 20px auto; 
	border: 1px solid #b6b6b6;
	text-align: left; 
	background-image:url(images/Background2.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}

div#page-header {
	padding: 0px 0px 0px 0px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:160px;
	
}

img#header-logo {
  margin-left: 245px;
}
	
div #TopBar {
	height: 30px;
	background-color:#294487;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	position:static;
	top: 130px;
	text-align: right;
	padding: 7px 5px 0px 0px;
}

div #TopBar a{
	font-size: 89.1%;
	color: #fff;
	text-decoration:none;
}

/*************************
  Navigation Bar
*************************/

div#page-nav {
  float: left;
  margin-left: 0px;
  width: 150px;
	background-color:#dddddd;
  padding-bottom: 150px;
}

ul#nav-menu li {
  list-style-type: none;
  width: 120px;
  padding: 10px 20px 3px 10px;
  text-align: right;
  font-size: 73.1%;
  font-weight: bold;
}

ul#nav-menu li.product-link {
	font-weight:normal;
	font-size:9px;
	letter-spacing:1px;

}
ul#nav-menu li.category-link {
  font-size: 89.1%;
  
}

ul#nav-menu li a {
  color: #666666;
 }


ul#nav-menu li a:link, a:visited {
/*	color: #666666;*/
    text-decoration: none;		
}

ul#nav-menu li.category-link a:hover {
    color: #fff;
    text-decoration: none;
}

ul#nav-menu li.selected {
  background: url(images/nav_selected_background.png) repeat-y;
}

ul#nav-menu li.selected a {
  color: #ba1761;
}

 #footer {
	/*padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*margin: 10px 0px 0px 0px;*/
	background:#294487;
	text-align:center;
	height: 80px;
	
	/*background: url("footer.jpg") no-repeat scroll left top transparent;*/
    border-top: 1px solid #FFFFFF;
    height: 40 em;
    margin: 25px 0 0;
    /*text-align: right;*/
}
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#FFFFFF;
	font-size:13px;
}

 #footer p a {
	color:#FFFFFF;
	text-decoration:none;
}

 #footer p a:hover {
	color:#f2a9c9;
	text-decoration:none;
}


/*
div#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. 
	margin: 10px 0px 0px 0px;
	background:#e966a0;
	text-align:center;
}
div#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs 
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue 
	color:#FFFFFF;
	font-size:13px;

}

div#footer p a {
	color:#FFFFFF;
	text-decoration:none;
}

div#footer p a:hover {
	color:#f2a9c9;
	text-decoration:none;
}
*/
#sub-footer {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 63.1%;
	text-align: center;
}

#sub-footer p a {
	text-decoration:none;
}

#sub-footer p a:hover {
	text-decoration:underline;
}

#sub-footer div.AuthorizeNetSeal, div.in-form-seal div.AuthorizeNetSeal {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

div.in-form-seal {
	float: right;
	margin: -0.5em 3em 0 1em;
	width: 90px;
	height: 94px;
}


/*************************
  Breadcrumb
*************************/


ul#breadcrumb {
  font-weight: normal;
  font-size:12px;
  margin-bottom:10px;
}

ul#breadcrumb li {
  display: inline;
}


/*************************
  Content
*************************/
#footer img#fb_icon{
	width: 125px;
	height: 40px;
	padding-top: 22px;
	}

div#page-content {
  padding: 0px 0px 0px 0px;
  margin: 18px 8px 0px 180px;
}

div#page-content p{
	margin: 0;
	padding: 0px 0px 5px 0px;
	color:#6f6f6f;
	font-size:12px;
	line-height:20px;
	
}



div#page-content ul{
	color:#6f6f6f;
	font-size:12px;
	line-height:20px;
	padding-left: 27px;
	
}

/*div#page-content ul#sub-ul{
	padding-left: 10px;
}*/

div#info { padding: 10px 0px 3px 0px; font-size:12px; display:inline;}

div#info b{ padding: 0px 5px 0px 0px;}


/*************************
  Shopping Cart Summary
*************************/


div#cart-summary {
  border: 1px solid #93335e;
  background: #f7c7dd;
  padding: 3px;
  margin-bottom: 8px;
  text-align: right;
  font-size: 88.1%;
}

div#cart-summary img {
  vertical-align: middle;
}

div#cart-summary a {
  display: inline;
  margin-left: 10px;
  margin-right: 5px;
  font-size: 88.1%;
}


/*************************
  Product List
*************************/


ul.product-list, ul.featured-product-list {
  margin-top: 8px;
  padding-left: 1px;
  padding-right: 1px;
}

ul.product-list li, ul.featured-product-list li {
  float: left;
  color: #7c7c7c;
  margin: 4px;
  font-size:10px;
}

ul.product-list li a, ul.featured-product-list li a {
  color: #7c7c7c;
  cursor: hand;
}

div.product {
  border: 1px solid #f7c7dd;
  background-color:#FFF;
  text-align: center;
  width: 177px;
  height: 200px;
  padding: 8px;
}

div.product img {
  width: 150px;
  height: 100px;
  display: block;
  margin: 0 auto 0 auto;
  border: 1px solid #f7c7dd;
}

div.product h5 {
  padding:0px 11px 0px 11px;
}
	
div.product p {
  text-align: left;
  padding:0px 11px 0px 11px;
}

ul.featured-product-list div.product {
  width: 580px;
  height: 133px;
  text-align: left;
  font-size: 125%;
}

ul.featured-product-list div.product img {
  width: 200px;
  height: 133px;
  margin: 0 8px 0 0;
  float: left;
}

ul.featured-product-list div.product h5 {
  color: #ba1761;
  text-align: center;
  font-size: 125%;
}

div#product div#image-container {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}

div#product div#image-container a {
  text-align: center;
  display: block;
  font-size: 83.1%;
}

div#product img#product-image {
  width: 200px;
  height: 135px;
  border: 1px solid #f7c7dd;
}

div#product-details {
  margin-left:210px;
}

div#product-details h5 {
  margin-bottom: 3px;
  color:#ba1761;
}

p#product-description {
  font-size:12px;
}

div#price-container, div#shipping-container {
  margin: 8px auto 8px 0px;
  margin-top: 8px;
  margin-bottom: 8px;
}

div#shipping-container {
  font-size: 89.1%;
  font-style: italic;
}

label#price-label {
  float: left;
  font-weight: bold;
  margin-right: 1em;
}

div#order-options {
  clear: left;
  border: 1px solid #ba1761;
  padding: 8px 8px 8px 24px;
}

div.order-field, div.order-buttons {
  clear: left;
  margin-top: 8px;
  margin-bottom: 8px;
}

div.order-field label {
  font-weight: bold;
  display: block;
  float: left;
  width: 100px;
}

input#order-quantity {
  width: 50px;
}


/*************************
  View Cart
*************************/


table#cart-contents {
  font-size: 83.1%;
  border-spacing: 0;
  empty-cells: show;
  margin: 0 0 2em 0;
}

tr#header-row th {
  text-align: center;
  border-bottom: 1px solid #000000;
}

table#cart-contents .alt-row {
  background: #e0e0e0;
}

table#cart-contents td {
  padding: 3px;
}

table#cart-contents td.item-quantity {
  text-align: right;
  padding-right: 1em;
}

table#cart-contents td.item-quantity input {
  text-align: right;
  width: 75px;
}

table#cart-contents td.row-description {
  vertical-align: bottom;
}

table#cart-contents td.item-price, table#cart-contents td.row-amount {
  text-align: right;
  width: 100px;
}

table#cart-contents td.item-remove {
  text-align: center;
  font-size: 72.1%;
  width: 50px;
}

table#cart-contents td.update-cart {
  text-align: center;
  vertical-align: top;
}

tr#subtotal-row td.row-amount, tr#subtotal-shipping-row td.row-amount, tr#total-row td.row-amount {
  border-top: 1px solid #000000;
  padding-top: 15px;
}

tr#coupon-row td.row-description,
tr#subtotal-row td.row-description,
tr#shipping-row td.row-description, 
tr#subtotal-shipping-row td.row-description, 
tr#tax-row td.row-description, 
tr#total-row td.row-description {

}

tr#subtotal-shipping-row, tr#total-row td {
  font-weight: bold;
}

tr#tax-row {
  font-style: italic;
}

div#coupon-container {
  font-size: 83.1%;
  border: 1px solid #ba1761;
  padding: 3px;
  width: 65%;
  margin: 0 0 2em 0;
}

div#coupon-container h5 {
  color: #ffffff;
  background: #e966a0;
  padding: 3px 3px 3px 2em;
}

div#coupon-container label {
  padding-left: 4em;
}


/*************************
  Order Form
*************************/

div#ship-to-billing-field, div#gift-field {
  padding-bottom: 0.5em;
}

div#ship-to-billing-field label, div#gift-field label {
  font-weight: bold;
  padding-left: 1em;
}

ul.contact-fields, ul.card-fields, ul#order-details {
  font-size: 83.1%;
  border: 1px solid #ba1761;
  padding: 3px;
  width: 294px;
  margin-bottom: 1em;
}

ul.contact-fields li, ul.card-fields li, ul#order-details li {
  padding: 3px;
  clear: left;
}

ul.contact-fields label, ul.card-fields label, ul#order-details label {
  display: block;
  float: left;
  font-weight: bold;
  width: 100px;
}

ul.contact-fields input, ul.card-fields input {
  width: 180px;
}

div#gift-notice {
  border: 1px solid #ba1761;
  width: 284px;
  margin-bottom: 8px;
  padding: 8px;
  color: #ba1761;
  text-align: center;
  font-size: 115%;
  font-weight: bold;
  font-style: italic;
}

a#change-contact-info {
  display: block;
  font-style: italic;
  font-size: 79.1%;
  margin-bottom: 1em;
}
a#change-contact-info:hover {
  text-decoration: underline;
}

ul.card-fields {
  width: 450px;
}

ul#order-details {
  width: 494px;
}

ul.card-fields label, ul#order-details label {
  width: 150px;
}

ul.card-fields input {
  width: 286px;
}

input#card-exp-month, input#card-exp-year {
  width: 1.5em;
}

input#card-code {
  width: 2.5em;
}

p#purchase-notice {
  margin-top: 1em;
  font-size: 89.1%;
}
p#purchase-notice a:hover {
  text-decoration: underline;
}

/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------TOP MENU----------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/


.NavBarH {
	height: 30px;
	background-color:#294487;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	position:relative;
	top: 130px;
	text-align: right;
	}
	
/*-----------------------------------------------------------*/

.hbtn01	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background: url(images/btn01-r.jpg) no-repeat;
	width: 57px;
	height: 28px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.hbtn01 a {
	display: block;
	width: 57px;
	height: 28px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.hbtn01 img {width: 57px; height: 28px; border: 0; }
* html a:hover {visibility:visible}
.hbtn01 a:hover img{visibility:hidden}

/*-----------------------------------------------------------*/

.hbtn02	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background: url(images/btn02-r.jpg) no-repeat;
	width: 97px;
	height: 28px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.hbtn02 a {
	display: block;
	width: 97px;
	height: 28px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.hbtn02 img {width: 97px; height: 28px; border: 0; }
* html a:hover {visibility:visible}
.hbtn02 a:hover img{visibility:hidden}

/*-----------------------------------------------------------*/

.hbtn03	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background: url(images/btn03-r.jpg) no-repeat;
	width: 63px;
	height: 28px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.hbtn03 a {
	display: block;
	width: 63px;
	height: 28px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.hbtn03 img {width: 63px; height: 28px; border: 0; }
* html a:hover {visibility:visible}
.hbtn03 a:hover img{visibility:hidden}

/*-----------------------------------------------------------*/

.hbtn04	{
	position:relative;
	float: right;
	margin: 0; 
	padding: 0;
	background: url(images/btn04-r.jpg) no-repeat;
	width: 97px;
	height: 28px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.hbtn04 a {
	display: block;
	width: 97px;
	height: 28px;
	display: block;
	float: right;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.hbtn04 img {width: 97px; height: 28px; border: 0; }
* html a:hover {visibility:visible}
.hbtn04 a:hover img{visibility:hidden}

/*-----------------------------------------------------------*/

div#profile {
	display:block;
	padding-bottom: 10px;
	overflow: hidden;
}

div#profile p{
	padding: 0px;
}