/* !!!IMPORTANT!!! PLEASE READ: do NOT modify this file.  This file WILL GET OVERWRITTEN during every upgrade.*/
/* If you would like to implement custom CSS changes, please do so in the issues.css file, NOT HERE. */
/* In that file you can override classes declared here and implement your custom CSS changes. */
/* We make sure to include issues.css last in all of our distributed templates to make sure that your changes */
/* override all of the in-house CSS.  However, it is up to you to make sure issues.css is included last to make sure */
/* that your CSS changes take effect. */
/* file should be the same */
/* css/nds.css */
/* secure/css/nds.css */


body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #5B5B5B;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

a {
	color: #E50029;
}

a:active {
	color: #E50029;
	text-decoration: underline;
}

a:visited {
	color: #E50029;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a:visited:hover {
	color: #E50029;
	text-decoration: underline;
}

.sublink {
	font-size: 85%;
}

a.sublink {
	color: #E50029;
}

a.sublink:active {
	text-decoration: underline;
}

a.sublink:visited {
	text-decoration: underline;
}

a.sublink:hover {
	text-decoration: underline;
}

a.sublink:visited:hover {
	text-decoration: underline;
}

h2, .page-title  {
	font-size: 18px;
	font-weight: bold;
	padding: 3px;
	padding-left: 0;
	text-align: left;
	color: #878787;
}

h2 a {
	color: #878787;
	text-decoration: none;
}

h2 a:hover {
	color: #878787;
	text-decoration: underline;
}

form {
	margin: 0;
}


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

.display-line {
	font-size: 11px;
	padding: 3px;
}

.display-line-footer {
	font-size: 11px;
	padding: 3px;
	text-align: right;
	line-height: 20px;
}

#bg {
	background: url(../design/images/bg_11.jpg) repeat fixed top center;
	width: 100%;
	height: 140px;
	left: 0px;
	top: 0px;
	z-index: -1;
}

#page {
	width: 724px;
	height: auto;
	position: absolute;
	left: 10%;
	top: 0px;
	z-index: 1;
}

#tabs {
	clear: left;
	text-align: right;
	padding-right: 15px;
	width: 724px;
}

#masthead {
	clear: left;
	width: 724px;
	height: 140px;
}

.container {
  	float: left;
  	width: 65%;
  	padding: 10px;
  	text-align: left;
}

hr {
  	float: left;
  	width: 98%;
  	color: #E2E2E2;
  	background-color: #E2E2E2;
  	height: 1px;
}

.disabled {
	font-weight: bold;
	color: #E2E2E2;
	padding-top: 10px;
	padding-bottom: 10px;
}

.myerror, .pending{
	font-weight: bold;
	color: #C00000;
	padding-top: 10px;
	padding-bottom: 10px;
}

.price, .display-item-price {
	font-weight: bold;
	color: #E50029;
	font-size: 110%;
	padding: 5px;
}

.form-label {
  	clear: left;
  	float: left;
  	text-align: right;
  	padding: 4px;
  	width: 20%;
}

.form-label-required {
  	clear: left;
  	float: left;
  	text-align: right;
  	padding: 4px;
  	width: 20%;
  	font-weight: bold;
}

.form-field {
  	padding: 4px;
	height: auto;
	float: left;
}


#infolist {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#infolist li {
	padding-left: 17px;
	background-image: url(../design/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.5em;
}

input, textarea, select {
	font-size: 100%;
	font-weight: normal;
}

#orderStats {
	padding: 2px;
	margin: 5px;
	float: left;
	border: 1px solid #D8DDE3;
	height: 190px;
	width: 25%;
}

.goLeft, .section {
	float: left;
	text-align: left;
}

.goRight, .logout {
	text-align: right;
	float: right;
}

.goUp {
	vertical-align: top;
}

.moneyFormat{
	text-align: right;
	height:20px;
	vertical-align: middle;
}


#pageNote {
	width: 95%;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}

.submitBtn {
	font-size: 130%;
	font-weight: bold;
}

.submitOrder {
	width: 80%;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #C6C6C6;
}
#logo {
	float: left;
	height: 73px;
	vertical-align: middle;
	padding-top: 30px;
}








/* begin giftCerts */
/* used in templates/gift.certs.tem.php */

#giftCerts {
	text-align: left;
	margin: 5px;
	width: 98%;
}

#giftCerts h2 { }

#giftCerts #pageNote {
	height: 25px;
	width: auto;
}

#giftCerts .form-label { }

#giftCerts .form-field { }


/* end giftCerts */







/* begin categoryList */
/* used in templates/category.grid.tem.php */
/* only used when the cart is displaying a "list" of categories */

#categoryList {
	text-align: left;
	width: 98%;
	margin: 5px;
}

#categoryList h2 { }

#categoryList #categoryDescription {
	float: left;
	clear: left;
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
	width: auto;
	height: auto;
}

#categoryList #topOptions .sort .option select {
	height: 18px;
}

#categoryList .content-odd1 {
	border-bottom: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 92%;
	float: left;
}

#categoryList .content-even1 {
	border-bottom: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 92%;
	float: left;
}

#categoryList .title {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: left;
	float: left;
	clear: both;
	width: 100%;
}

#categoryList .title a {
	color: #C50024;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 16px;
}

#categoryList .title a:hover {
	text-decoration: none;
}

#categoryList .photo {
	width: 20%;
	height: 125px;
	float: left;
	clear: left;
}

#categoryList .description {
	width: 100%;
	float: left;
	margin-left: 10px;
	text-align: left;
}

#categoryList .details {
	width: 30%;
	height: 125px;
	font-size: 11px;
	font-weight: normal;
	float: right;
	text-align: left;
	color: #464646;
}

#categoryList .details .buttons {
	float: left;
	clear: left;
	text-align: left;
}

#categoryList .details .buttons .detailBtn {
	background:url(../design/images/medium_btn.gif) no-repeat center center;
	font-weight: bold;
	font-size: 10px;
	float: left;
	padding-top: 6px;
	width: 75%;
	height: 19px;
	text-align: center;
	vertical-align: middle;
}

#categoryList .details .buttons .detailBtn a {
	color: #FFFFFF;
	text-decoration: none;
}

#categoryList .details .buttons .detailBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


#categoryList #btmOptions {
	height: 40px;
}


#categoryList #btmOptions .pagination {
	float: right;
	padding-top: 18px;
	height: 22px;
	font-size: 12px;
}

#categoryList #btmOptions .pagination a {
	color: #C00000;
	text-decoration: underline;
}

#categoryList #btmOptions .pagination a:hover {
	color: #000000;
	text-decoration: none;
}

#categoryList homepagecontent {
	clear: left;
	float: left;
}

/* end categoryList */












/* begin categoryGrid */
/* only used when the cart is displaying a "grid" (multiple columns) of categories */

#categoryGrid {
	text-align: left;
	margin: 5px;
	width: 98%;
}

#categoryGrid h2 { }

#categoryGrid #categoryDescription {
	float: left;
	clear: left;
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
	width: auto;
	height: auto;
}

/* used in 2 column category Grids */
#categoryGrid .content-odd2 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 47%;
	padding-bottom: 15px;
}

#categoryGrid .content-even2 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 47%;
	padding-bottom: 15px;
}


/* used in 3 column category Grids */
#categoryGrid .content-odd3 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 33%;
	padding-bottom: 15px;
}

#categoryGrid .content-even3 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 33%;
	padding-bottom: 15px;
}


/* used in 4 column category Grids */
#categoryGrid .content-odd4 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 25%;
	padding-bottom: 15px;
}

#categoryGrid .content-even4 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 25%;
	padding-bottom: 15px;
}


/* used in 5 column category Grids */
#categoryGrid .content-odd5 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 20%;
	padding-bottom: 15px;
}

#categoryGrid .content-even5 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 20%;
	padding-bottom: 15px;
}

/* used in 6 column category Grids */
#categoryGrid .content-odd6 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 16%;
	padding-bottom: 15px;
}

#categoryGrid .content-even6 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 16%;
	padding-bottom: 15px;
}


#categoryGrid .title {
	margin-top: 8px;
	margin-bottom: 8px;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}

#categoryGrid .title a {
	color: #C50024;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 16px;
}

#categoryGrid .title a:hover {
	text-decoration: none;
}

#categoryGrid .photo {
	width: 100%;
	height: auto;
	float: left;
	clear: left;
}

#categoryGrid .description {
	width: 100%;
	text-align: center;
	clear: both;
}

#categoryGrid .details {
	width: 100%;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #464646;
}

#categoryGrid .details .buttons {
	width: 100%;
	float: left;
	clear: left;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

#categoryGrid .details .buttons .detailBtn {
	background:url(../design/images/medium_btn.gif) no-repeat center center;
	font-weight: bold;
	font-size: 10px;
	float: left;
	padding-top: 6px;
	width: 100%;
	height: 19px;
	text-align: center;
	vertical-align: middle;
}

#categoryGrid .details .buttons .detailBtn a {
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

#categoryGrid .details .buttons .detailBtn a:hover {
	text-align: center;
	color: #FFFFFF;
	text-decoration: underline;
}

#categoryGrid #btmOptions {
	height: 40px;
}

#categoryGrid #btmOptions .pagination {
	float: right;
	padding-top: 18px;
	height: 22px;
	font-size: 12px;
}

#categoryGrid #btmOptions .pagination a {
	color: #C00000;
	text-decoration: underline;
}

#categoryGrid #btmOptions .pagination a:hover {
	color: #000000;
	text-decoration: none;

}

#categoryGrid homepagecontent {
	clear: left;
	float: left;
}

/* end categoryGrid */







/* begin affiliateLogin */
/* used in templates/affiliate.login.tem.php */
/* used in templates/affiliate.login.password.tem.php */
/* used in templates/affiliate.default.tem.php */

#affiliateLogin {
	text-align: left;
	width: 100%;
	margin: 5px;
}

#affiliateLogin h2 { }


/* end affiliateLogin */






/* begin affiliateForm */
/* used in templates/affiliate.form.tem.php */
#affiliateForm {
	text-align: left;
	width: 98%;
	margin: 5px;
}

#affiliateForm h2 {
	width: 100%;
}

#affiliateForm .section {
	height: 40px;
	float: left;
	clear: both;
	width: 100%;
}

#affiliateForm .myerror {
	clear: left;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

#affiliateForm #contact {
	float: left;
	clear: left;
	width: 98%;
}

#affiliateForm #payee {
	float: left;
	clear: left;
	width: 98%;
}

#affiliateForm #buttons {
	float: left;
	clear: left;
	width: 98%;
	padding-top: 15px;
}

/* end affiliateForm */







/* begin customerLogin */
/* used in templates/client.login.tem.php */
/* used in templates/client.login.password.tem.php */
/* used in templates/client.create.form.tem.php */

#customerLogin {
	text-align: left;
	width: 95%;
	margin: 5px;
}

#customerLogin h2 { }

#customerLogin #existingCustomer {
	height: 190px;
	width: 50%;
	clear: left;
	float: left;
}

#customerLogin #newCustomer {
	height: 190px;
	width: 40%;
	float: right;
}

#existingCustomer .hdr-title, #newCustomer .hdr-title ,#createCustomer .hdr-title , #passwordRemindCustomer .hdr-title {
	color: #FFFFFF;
	background-color: #878787;
	text-align: left;
	padding:5px;
	font-weight: bold;
}

#existingCustomer .body { }

#newCustomer .body {
	padding: 5px;
	text-align: center;
}

#newCustomer .body input {
	margin-top: 12px;
}


#customerLogin #passwordRemindCustomer, #customerLogin #createCustomer {
	width: 90%;
}

#customerLogin #createCustomer .body { }


/* end customerLogin */







/* begin productGrid */
/* only used when a product is displaying a "grid" (multiple columns) of products */

#productGrid {
	text-align: left;
	margin: 5px;
	width: 98%;
}

#productGrid h2 { }

#productGrid #categoryDescription {
	float: left;
	clear: left;
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
	width: auto;
	height: auto;
}

#productGrid table{
	float: left;
	clear: left;
	width: 100%;
}

#productGrid #topOptions {
	width: 98%;
	height: 40px;
	float: left;
	clear: left;
}

#productGrid #topOptions .search {
	float: left;
	clear: left;
	height: 18px;
}

#productGrid #topOptions .myrow {
	width: 100%;
	height: 25px;
}

#productGrid #topOptions .display {
	clear: left;
	float: left;
	height: 18px;
	width: 48%;
	text-align: left;
}

#productGrid #topOptions .sort {
	width: 50%;
	height: 20px;
	float: right;
	text-align: right;
}

#productGrid #topOptions .sort .label {
	float: left;
	height: 18px;
	padding: 2px;
	padding-top: 5px;
}

#productGrid #topOptions .sort .option {
	float: left;
	height: 18px;
	padding: 2px;
}

#productGrid #topOptions .sort .option select {
	height: 18px;
}


/* used in 2 column product Grids */
#productGrid .content-even2 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 45%;
	padding-bottom: 15px;
}

#productGrid .content-odd2 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 45%;
	padding-bottom: 15px;
}


/* used in 3 column product Grids */
#productGrid .content-even3 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 30%;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

#productGrid .content-odd3 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 30%;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}


/* used in 4 column product Grids */
#productGrid .content-even4 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 22%;
	padding-bottom: 15px;
}

#productGrid .content-odd4 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 22%;
	padding-bottom: 15px;
}


/* used in 5 column product Grids */
#productGrid .content-even5 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 18%;
	padding-bottom: 15px;
}

#productGrid .content-odd5 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 18%;
	padding-bottom: 15px;
}

/* used in 6 column product Grids */
#productGrid .content-even6 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 15%;
	padding-bottom: 15px;
}

#productGrid .content-odd6 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: 15%;
	padding-bottom: 15px;
}
#productGrid .title {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
	float: left;
	clear: both;
	width: 100%;
}

#productGrid .title a {
	color: #C50024;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 16px;
}

#productGrid .title a:hover {
	text-decoration: none;
}

#productGrid .photo {
	width: 100%;
	height: auto;
	float: left;
	clear: left;
}

#productGrid .details {
	width: 100%;
	height: auto;
	font-size: 10px;
	font-weight: normal;
	float: right;
	clear: none;
	text-align: left;
	color: #464646;
}

#productGrid .description {
	float: left;
	clear: left;
	width: 100%;
	height: auto;
	text-align: center;
}

#productGrid .details .sprice {
	float: left;
	clear: left;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
}

#productGrid .details .buttons {
	width: 100%;
	height: auto;
	float: left;
	clear: left;
	text-align: center;
}

#productGrid .details .buttons .detailBtn {
	background:url(../design/images/small_btn.gif) no-repeat center center;
	font-weight: bold;
	font-size: 10px;
	float: left;
	padding-top: 6px;
	width: 100%;
	height: 19px;
	text-align: center;
	vertical-align: middle;