/* ---------------------------------------------------
TEMPLATE.CSS contains the default styles for websites
built in the anytime system.
--------------------------------------------------- */



/* MAIN ELEMENTS
Main page elements, page layout, links and other common
styles. */
html, body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
background-color:#ffffff;
clear:both;
margin:0 auto;
}


/* DEFAULT LINKS */
a         {text-decoration:none;color:#ef3e42;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:underline}
a img     {border:none;}


/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
margin:0px 0px 0px 0px;
}

h1 {color:#b30838;font-size:17px;}
h2 {color:#b30838;}
h3 {color:#b30838}
h4 {color:#b30838;font-size:13px;}
h5 {color:#b30838;}
h6 {color:#b30838;}



p {margin-top:0;padding-top:0;}




/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}

.clearer {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0 0 0 0;
margin:0 auto;
}





/* STANDARD PAGE ELEMENTS
Standard page elements for laying out the main content of a website. */
#container {
width:780px;
text-align:left;
background-color:#ffffff;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}

	/* MAIN HEADER */
	#header {
	height:94px;
	text-align:center;
	background:#b30838 url(../images_new/top_bg.gif) top left no-repeat;
	}

		#header a {color:#1E7500;}
		#header a:hover {color:#135104;}



	#topbar {
	display:block;
	height:40px;
	background:#FFFFFF url(../images_new/topbar_bg.gif) top center no-repeat;
	}

		#topbar #search {
		float:right;
		padding-top:11px;
		width:225px;
		}

			#topbar #search .search-but {
			float:right;
			padding-top:1px;
			}

		#topbar #viewcart {
		float:left;
		padding-top:11px;
		width:225px;
		}

			#topbar #viewcart .viewcart-but {
			float:left;
			padding-top:1px;
			}



	#main-holder {
	display:block;
	}


	#navigation, #navigation2 {
	float:left;
	display:block;
	width:120px;
	height:236px;
	padding:10px 0 0 15px;
	overflow:hidden;
	}

	#navigation {background:url(../images/nav_bg.gif) top left no-repeat;}
	#navigation2 {background:url(../images/nav_bg_front.gif) top left no-repeat;}

		#navigation2 .button, #navigation .button {
		clear:left;
		float:left;
		line-height:10px;
		width:90px;
		height:22px;
		padding:0 0 0 0;
		overflow:hidden;
		margin:0 auto;
		}

			#navigation2 .button a, #navigation .button a {
			display:block;
			height:22px;
			}



			.pop-menu-holder {
			position:absolute;
			left:0px;
			top:0px;
			z-index:300;
			visibility: hidden;
			}

				.pop-menu {
				position:absolute;
				background-color:#b30838;
				/*width:160px;*/
				width:260px;
				visibility: hidden;
				border: 1px solid #ffffff;
				}

					.pop-menu a {
					display:block;
					line-height:22px;
					padding:0 5px 0 5px;
					/*font-weight:bold;*/
					color:#ffffff;
					background-image:url(../images/popup_arrow.gif);
					background-position:top right;
					background-repeat:no-repeat;
					overflow:hidden;
					}
					.pop-menu a:hover {
					color:#b30838;
					text-decoration:none;
					background-color:#f9c5c6;
					background-image:url(../images/popup_arrow.gif);
					background-position:right -50px;
					background-repeat:no-repeat
					}

					.pop-menu .non {
					background:none;
					}
					.pop-menu .non:hover {
					background:#f9c5c6;
					}



	#contact {
	clear:left;
	float:left;
	display:block;
	width:120px;
	line-height:20px;
	padding:20px 0 20px 15px;
	background:url(../images/contact_bg.gif) top left no-repeat;
	}

		#contact b {color:#b30838;}



	/* MAIN CONTENT */
	#main {
	float:right;
	width:645px;
	}
	
		#main .main-text, #main .main-non-front {
		}

		#main .main-text, #main .main-text-front {
		line-height:20px;
		}

		#main .main-text {padding:10px 0 0 24px;}
		#main .main-text-front {padding:5px 0 0 24px;}

			#main .brands-holder {
			display:block;
			width:616px;
			padding:1px;
			margin-top:20px;
			overflow:hidden;
			}

				#main .brands-holder .brand-table a.brand-link img,
				.brands-holder-small .brand-table a.brand-link img {
				filter:alpha(opacity=100);
				-moz-opacity:1.0;
				opacity:1.0;
				}

				#main .brands-holder .brand-table a.brand-link:hover img,
				.brands-holder-small .brand-table a.brand-link:hover img {
				filter:BlendTrans(percent=40) gray();
				-moz-opacity:.50;
				opacity:.50;
				}

				#main .brands-holder .brand,
				.brands-holder-small .brand {
				display:block;
				width:90px;
				padding:2px;
				float:left;
				}
				
			
			.brands-holder-small {
			border-left:solid #e3bcbc 1px;
			border-top:solid #e3bcbc 1px;
			border-right:solid #e3bcbc 1px;
			padding:0 4px 0 4px;
			}


		#main .front-main {
		display:block;
		height:223px;
		padding:23px 0 0 10px;
		background:url(../images/front_main_bg.gif) top left no-repeat;
		}
			#main .front-main .box {
			float:left;
			width:150px;
			height:166px;
			color:#b30838;
			font-size:16px;
			font-weight:bold;
			position:relative;
			}
				#main .front-main .box td {
				padding:10px;
				}
			
				#main .front-main .box .box-over {
				position:absolute;
				left:0px;
				top:0px;
				width:150px;
				height:165px;
				margin-bottom:1px;
				}
					#main .front-main .box .box-over a {
					display:block;
					width:150px;
					height:166px;
					background-image:url(../images_new/box_over.gif);
					background-position:0px 0px;
					background-repeat:no-repeat;
					}
						#main .front-main .box .box-over a:hover {
						height:166px;
						background-image:url(../images_new/box_over.gif);
						background-position:0px -166px;
						}
					
			#main .front-main .basebox {
			float:left;
			width:306px;
			height:33px;
			color:#b30838;
			font-size:16px;
			font-weight:bold;
			position:relative;
			}
				#main .front-main .basebox td {}
			
				#main .front-main .basebox .box-over {
				position:absolute;
				left:0px;
				top:0px;
				width:306px;
				height:33px;
				margin-bottom:1px;
				}
					#main .front-main .basebox .box-over a {
					display:block;
					width:306px;
					height:33px;
					}
					
					
					
				#main .front-main .basebox-link {
				float:left;
				width:306px;
				height:33px;
				color:#ffffff;
				background-color:#ef3e43;
				text-align:center;
				}
					#main .front-main .basebox-link a {
					display:block;
					color:#ffffff;
					height:33px;
					line-height:33px;
					font-size:16px;
					font-weight:bold;
					background-color:#ef3e43;
					}
						#main .front-main .basebox-link a:hover {
						color:#b30838;
						background-color:#ffffff;
						text-decoration:none;
						}



		.main-text b, .main-text-front b {color:#b30838;}




		#main .main-text-right {
		float:right;
		width:250px;
		margin-left:20px;
		}

			#main ul {
			margin-top:0;
			margin-bottom:0;
			padding-top:0;
			margin-left:0;
			padding-left:0;
			}
				#main li {
				list-style:none;
				margin-top:0;
				padding-top:0;
				padding-bottom:0;
				margin-left:0;
				padding-left:16px;
				background-image:url(../images/red_point.gif);
				background-position:3px 8px;
				background-repeat:no-repeat;
				}



			.main-text-right .checklist {
			display:block;
			color:#ffffff;
			background-color:#b30838;
			background-image:url(../images/checklist_base.gif);
			background-position:bottom;
			background-repeat:no-repeat;
			padding:14px 15px 40px 15px;
			}
				.main-text-right .checklist a {color:#ffffff;}
				.main-text-right h4 {color:#b30838;}


			.main-text-right .links {
			display:block;
			padding:0 15px 0 15px;
			margin-top:8px;
			}


			.main-text-right .articles {
			display:block;
			padding:0 15px 0 15px;
			margin-top:15px;
			}




		.breadcrumb {
		display:block;
		height:25px;
		line-height:18px;
		font-size:10px;
		color:#999999;
		}
			.breadcrumb a {font-size:12px;line-height:20px;}
			
			
			
		
		
	.full {
	background-image:url(../images_new/full_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:10px 14px 0 14px;
	}
		



	/* MAIN FOOTER */
	#footer {
	font-size:11px;
	line-height:20px;
	text-align:center;
	border-top:solid #f0d4d7 1px;
	color:#e6acb0;
	padding:10px 0 10px 0;
	margin-top:30px;
	}

		#footer a {}
		#footer a:hover {}



/* GAPS
Gaps to space elements */
.gap1 {float:left;width:19px;}
.gap2 {float:left;width:20px;}
.gap3 {float:left;width:30px;}
.gap4 {float:left;width:13px;}
.gap5 {float:left;width:6px;}




/* COMMON PAGE STYLES
Common page (ie. contact page) styles. */


.products-holder {margin-top:20px;}
	.products-holder .product {float:left;display:block;width:190px;border:solid #ed7474 1px;padding:1px;}
	.products-holder .product .image {display:block;width:190px;height:150px;overflow:hidden;}
	.products-holder .product h5, .products-holder .product h6 {
	width:190px;
	font-size:13px;
	text-align:center;
	line-height:24px;
	background-color:#f7d6d7;
	margin-bottom:1px;
	}

	.products-holder .product h5 {background-color:#f7d6d7;}
	.products-holder .product h6 {background-color:#f19699;}

	.products-holder .product .text, .products-holder .product .text2 {
	display:block;
	width:182px;
	height:30px;
	color:#b30838;
	vertical-align:middle;
	text-align:center;
	line-height:15px;
	padding:4px;
	margin-bottom:1px;
	}

	.products-holder .product .text {background-color:#f7d6d7;}
	.products-holder .product .text2 {background-color:#f19699;}
	
	

.products-holder-small {margin-top:20px;margin-bottom:20px;}
	.products-holder-small .product {float:left;display:block;width:136px;border:solid #ed7474 1px;padding:1px;}
	.products-holder-small .product .image {display:block;width:136px;height:100px;overflow:hidden;padding-top:10px;}
	.products-holder-small .product h5, .products-holder-small .product h6 {
	width:136px;
	font-size:13px;
	text-align:center;
	line-height:24px;
	background-color:#f7d6d7;
	margin-bottom:1px;
	}

	.products-holder-small .product h5 {background-color:#f7d6d7;}
	.products-holder-small .product h6 {background-color:#f19699;}

	.products-holder-small .product .text, .products-holder-small .product .text2 {
	display:block;
	width:136px;
	height:44px;
	font-size:11px;
	color:#b30838;
	vertical-align:middle;
	text-align:center;
	line-height:15px;
	padding:5px 0 4px 0;
	margin-bottom:0;
	}

	.products-holder-small .product .text {background-color:#f7d6d7;}
	.products-holder-small .product .text2 {background-color:#f19699;}



.prod-holder {}
	.prod-holder .description {float:right;display:block;width:280px;}
		.prod-holder .description b {color:#b30838;}
		.prod-holder .description .buttons {margin-top:20px;}

		.prod-holder .description  ul {
		margin-top:0;
		margin-bottom:0;
		padding-top:0;
		margin-left:0;
		padding-left:0;
		}
			.prod-holder .description  li {
			list-style:none;
			margin-top:0;
			padding-top:0;
			padding-bottom:0;
			margin-left:0;
			padding-left:16px;
			background-image:url(../images/red_point.gif);
			background-position:3px 8px;
			background-repeat:no-repeat;
			}


	.prod-holder .image {
	display:block;
	width:320px;
	height:190px;
	overflow:hidden;
	border:solid #ed7474 1px;
	padding:1px;
	margin-top:5px;
	position:relative;
	}

		.prod-holder .image .zoom {
		float:right;
		padding: 167px 2px 2px 0px;
		}

		.prod-holder .image .zoomblank {
		float:left;
		width: 25px;
		padding: 100px 0px 0px 0px;
		}

		.prod-holder .subimage-holder {
		display:block;
		width:320px;
		overflow:hidden;
		}

			.prod-holder .subimage-holder .subimage {
			display:block;
			width:90px;
			height:80px;
			overflow:hidden;
			border:solid #ed7474 1px;
			padding:1px;
			margin-top:5px;
			margin-right:5px;
			float:left;
			}

	.prod-holder .buyinfo {
	display:block;
	width:310px;
	margin-top:8px;
	border-left:solid #f4e8e8 4px;
	padding-left:6px;
	}
		.prod-holder .buyinfo strong {color:#b30838;}

#productoptions {
	border: 1px solid #CBCBCB;
	margin-top: 5px;
	padding: 6px;
}


/* STAFF ELEMENTS */
.staff-holder {width:120px;float:left;}

	.staff-holder .image {margin-bottom:10px;overflow:hidden;}
	.staff-holder .text {font-size:10pt;text-align:center;line-height:18px;}




/* PRODUCTS/SERVICE ELEMENTS */
.service-holder {width:120px;float:left;}

	.service-holder .image {margin-bottom:10px;overflow:hidden;}
	.service-holder .text {font-size:10pt;text-align:center;line-height:18px;}




/* NEWS ELEMENTS */
.news-holder {display:block;}

	.news-holder .image {float:right;width:120px;height:160px;overflow:hidden;}
	.news-holder .text {float:left;}
	.news-holder .date {font-size:10pt;color:#1A4E0C;}




/* TESTIMONIALS ELEMENTS */
.testim-holder {margin-top:20px;}
	.testim-holder strong {color:#b30838;}




/* LINKS PAGE ELEMENTS */
.link-holder {display:block;margin-bottom:20px;}




/* FAQ PAGE ELEMENTS */
.faq-holder {display:block;margin-top:14px;}

	.faq-holder .q {}
	.faq-holder .a {}



.terms-holder {}
	.terms-holder b {color:#b30838;}

		.terms-holder ul {
		margin-top:0;
		margin-bottom:0;
		padding-top:0;
		padding-bottom:0;
		margin-left:0;
		padding-left:0;
		}
			.terms-holder  li {
			list-style:none;
			margin-top:0;
			padding-top:0;
			padding-bottom:0;
			margin-left:0;
			padding-left:16px;
			background-image:url(../images/red_point.gif);
			background-position:3px 8px;
			background-repeat:no-repeat;
			}



.contact-holder {}
	.contact-holder .contact-info {float:right;display:block;width:220px;}
	 	.contact-holder .contact-info .contact-info-text {display:block;padding-left:20px;}
	.contact-holder .contact-form {float:left;display:block;width:400px;}


/* MAIN FORM */
form {
margin:0 auto;
padding:0 0 0 0;
}

	form .req {
	color:#b30838;
	font-weight:bold;
	font-size:10pt;
	}

	form .label {
	clear:both;
	float:left;
	width:120px;
	height:25px;
	font-size:12px;
	line-height:22px;
	text-align:right;
	margin-right:10px;
	margin-bottom:4px;
	}

	form .input {
	float:left;
	width:240px;
	height:25px;
	}
		form .input input {
		font-size:10pt;
		width:200px;
		}

	form .textarea {
	float:left;
	font-size:11px;
	width:240px;
	height:93px;
	}
		form .textarea textarea {
		font-size:10pt;
		width:200px;
		height:80px;
		}
		form .textarea img {
		padding-top:3px;
		}

	form .button {
	margin-top:20px;
	padding-left:130px;
	}


#frmnewacc .label {
width:200px;
}

#frmnewacc legend {
color:#b30838;
}



.product-rewards {
background-color:#b30838;
color:#ffffff;
font-size:11px;
font-weight:bold;
padding:10px;
margin-top:12px;
}
	.product-rewards a {color:#ffffff;}
	.product-rewards a:hover {color:#ef3e42;}