/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; font-family: Arial, sans-serif; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// custom styles
//-----*/

a:link, a:visited {
	color: #e10176;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Arial, sans-serif;
	background: #FFFFFF url(/assets/img/body-t.png) repeat-x 0 0;
}
#page {
	width: 980px;
	margin: 0 auto;
	font-size: 1.2em;
	color: #333333;
}

#top {
	background: url(/assets/img/top-bg.png) repeat-x 0 0;
	margin: 0 0 10px;
	position: relative;
	z-index: 5;
}
	#logo {
		height: 127px;
		background: url(/assets/img/top-r.jpg) no-repeat 100% 0;
	}
		#logo a:link, #logo a:visited {
			float: left;
			display: block;
			width: 352px;
			height: 127px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(/assets/img/logo-1.png) no-repeat 0 0;
			}
	#menu {
		border-top: solid 1px #FFFFFF;
		background: url(/assets/img/menu-bg.jpg) no-repeat 0 0;
		height: 41px;
	}
		#menu ul {
			float: left;
			padding: 0 0 0 10px;
		}
			#menu li {
				float: left;
				position: relative;
				padding: 6px 11px 0 10px;
				background: url(/assets/img/menu-sep.png) no-repeat 100% 0;
				margin:0;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					font-weight: bold;
					line-height: 29px;
					width: 77px;
					height: 29px;
					text-align: center;
					text-transform: uppercase;
					text-decoration: none;
					color: #FFFFFF;
					background: url(/assets/img/menu-active.png) no-repeat 0 -100px;
				}
				#menu li.sub a:link, #menu li.sub a:visited {
					padding: 0 px 0 0;
				}
				#menu li:hover a:link, #menu li:hover a:visited,
				#menu li.onhover a:link, #menu li.onhover a:visited,
				#menu li a:link:hover, #menu li a:visited:hover {
					background-position: 0 0;
				}
				#menu li.active a:link, #menu li.active a:visited {
				}

				#menu li div {
					position: absolute;
					left: -1000em;
					top: 35px;
					width: 112px;
				}
				#menu li:hover div {
					left: 10px;
				}
				#menu li p.nav_bot{
					clear:both;
					padding: 0;
					margin: 0;
					line-height: 0;
					font-size: 0;
					height:3px;
					background: url(/assets/img/menu-sub-b.png) no-repeat;
				}

					#menu li ul {
						background: url(/assets/img/menu-sub-t.png) #D40072 no-repeat 0 0;
						padding: 5px 10px;
						width:92px;
					}
						#menu li li {
							width: 92px;
							padding: 0;
							margin:0;
							background: none;
							border-bottom: dashed 1px #d277a8;
						}
						#menu li li.last {
							border: none;
						}
							#page #menu li li a:link, #page #menu li li a:visited {
								float: none;
								padding: 6px 0 6px 10px;
								width:82px;
								line-height: 1.2;
								height: auto;
								letter-spacing: 0;
								text-align: left;
								text-transform: none;
								background: url(/assets/img/bullet-3.png) no-repeat 0 50%;
							}
							#page #menu li li a:link:hover, #page #menu li li a:visited:hover {
								text-decoration: underline;
							}
	#search {
		float: right;
		padding: 9px 10px 0 10px;
	}
		#search label {
			display: none;
		}
		#search input.text {
			float: left;
			border: none;
			background: url(/assets/img/input-1.png) no-repeat 0 0;
			width: 242px;
			height: 17px;
			padding: 3px 5px;
			color: #333;
			font-size:1.1em;
		}
		#search input.img {
			float: left;
		}

#wrap {
	width: 960px;
	overflow: hidden;
	padding: 10px 10px 6px;
	background: #FFFFFF url(/assets/img/wrap-t.gif) no-repeat 0 0;
}
	#content {
		float: left;
		width: 726px;
	}
	#side1 {
		float: right;
		width: 220px;
	}

#wrapB {
	background: url(/assets/img/wrap-b.png) no-repeat 0 0;
	height: 4px;
	overflow: hidden;
	margin: 0 0 20px;
}


#content p {
	line-height: 1.2;
	margin: 0 0 1em;
}
#content ul {
	list-style: disc;
	margin: 0 0 1em 1.5em;
}
#content h1 {
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 .3em;
}
#content h2 {
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 .3em;
}
#content h3 {
	font-size: 125%;
	font-weight: bold;
	margin: 0 0 .5em;
}


#footer {
	background: url(/assets/img/footer-bg.png) no-repeat 50% 0;
	height: 51px;
	line-height: 51px;
	color: #FFFFFF;
	font-size: 91.67%;
	font-weight: bold;
}
	#footer p.links {
		float: right;
		padding: 0 20px 0 0;
	}
		#footer p.links a:link, #footer p.links a:visited {
			color: #FFFFFF;
		}
	#footer p.copyright {
		float: left;
		padding: 0 0 0 20px;
	}


/*-------
// page-1
//-----*/

#header {
	position: relative;
	margin: 0 0 15px;
}
	#header .content {
		position: absolute;
		left: 490px;
		top: 155px;
		width: 190px;
		color: #FFFFFF;
	}

#products {
}
	#products ul {
		list-style: none;
		margin: 0;
		width: 100%;
		overflow: hidden;
	}
		#products li {
			float: left;
			margin: 0 13px 0 0;
			width: 160px;
			overflow: hidden;
			padding: 0 15px 0 0;
			background: url(/assets/img/sep-1.png) no-repeat 100% 0;
		}
		#products li.alt {
			background: none;
			padding: 0;
			margin: 0;
		}
			#products .img {
				margin: 0 0 10px;
				height:126px;
				width:158px;
					border: solid 1px #d5d5d5;
			}
				#products .img img {
					margin:0;
					padding:0;
				}
			#products .title {
				font-weight: bold;
				padding: 0 5px 5px;
				border-bottom: solid 1px #dbdbdb;
				margin: 0 0 .75em;
			}
			#products .price {
				float: left;
				font-weight: bold;
				line-height: 20px;
				color: #708f49;
			}
			#products .add {
				float: right;
			}
			#products .add a:link, #products .add a:visited, #product .add a:link, #product .add a:visited {
				display: block;
				text-indent: -1000em;
				width: 89px;
				height: 20px;
				background: url(/assets/img/but-add.png) no-repeat 0 0;
			}


.box1 {
	color: #666666;
	font-size: 91.67%;
	margin-bottom:15px;
}
#cart{
	background: #e2eecf url(/assets/img/box1-b.gif) no-repeat 0 100%;
}
#cats{
	background: #e2eecf url(/assets/img/box1-b-cat.gif) no-repeat 0 100%;
}
	.box1 .box-in {
		background: url(/assets/img/box1-t.gif) no-repeat 0 0;
		padding: 10px 8px 4px;
	}

	.box1 h3 {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 145%;
		font-weight: bold;
		color: #708f49;
		padding: 0 10px .5em;
		border-bottom: dashed 1px #9db381;
		margin: 0 0 .4em;
	}
	#cart h3{
		background: url(/assets/img/icon-cart.jpg) no-repeat 95% .2em;
	}
	.box1 p {
		margin: 0 0 .75em;
		padding: 0 10px;
	}
	.box1 ul {

		padding: 8px 0;
		margin: 0 0 .75em;
	}
	#cart ul {
		border: dashed 1px #9db381;
		border-width: 1px 0;
	}
		.box1 li {
			background: #d3e3bd url(/assets/img/bullet-1.gif) no-repeat 10px 50%;
			padding: 4px 10px 4px 20px;
		}
		.box1 li.alt {
			background: url(/assets/img/bullet-2.gif) no-repeat 10px 50%;
		}
			.box1 li a:link, .box1 li a:visited {
				color: #666666;
			}
	#cart p.total {
		text-align: right;
	}
		#cart p.total strong {
			color: #708f49;
		}
	.box1 p.button {
		width: 200px;
		overflow: hidden;
		background: #c4d8ab;
		padding: 10px 10px 6px;
		margin: 0 -8px;
	}
		#cart p.button a.checkout:link, #cart p.button a.checkout:visited {
			float: right;
			display: block;
			text-indent: -1000em;
			width: 89px;
			height: 20px;
			background: url(/assets/img/but-checkout.png) no-repeat 0 0;
		}

#product .price {
	font-weight: bold;
	color: #708f49;
}
#product .product_image {
	padding:10px 0px;
}
.btn{
	width:89px;
	height:20px;
	overflow:hidden;
	display:block;
	text-indent:-1000px;
	border:0;
	padding:0;
	margin:0;
	cursor:pointer;
	font-size:0;
	line-height:0;
}
.btn-update{
	background:url(/assets/img/btn-update.gif) no-repeat 0 0;
}
.btn-remove{
	background:url(/assets/img/btn-remove.gif) no-repeat 0 0;
}
.btn-next{
	background:url(/assets/img/btn-next.gif) no-repeat 0 0;
}
.btn-previous{
	background:url(/assets/img/btn-previous.gif) no-repeat 0 0;
}
.btn-cancel{
	background:url(/assets/img/btn-cancel.gif) no-repeat 0 0;
}
.btn-proceed{
	background:url(/assets/img/btn-proceed.gif) no-repeat 0 0;
}
.btn-confirm{
	background:url(/assets/img/btn-confirm.gif) no-repeat 0 0;
}
.btn-submit{
	background:url(/assets/img/btn-submit.gif) no-repeat 0 0;
}

.submit{
	margin:20px 0 0 0;
	height:25px;
}
.submit input{
	float:left;
	margin-right:10px;
}

.cart_product_table, .checkout_table{
	border-collapse:collapse;
	color:#666;
	margin:0 0 10px 0;
}
.cart_product_table th, .checkout_table th{
	border:1px #C4D8AB solid;
	background-color:#D3E3BD;
	font-size:1.1em;
	padding:5px;
}
.cart_product_table td, .checkout_table td{
	border:1px #C4D8AB solid;
	background-color:#E2EECF;
	padding:6px;
	vertical-align:middle;
}
.cart_product_table input{
	vertical-align:middle;
	float:left;
	margin-right:5px;
}
.cart_product_table .price_col{
	text-align:right;
}
.cart_product_table form div{
	width:250px;
}
.shipping_details input{
	width:220px;
}
.error input, .error select, .error textarea{
	border:1px solid #E10176;
}
.error-msg{
	color:#E10176;
	font-size:0.9em;
	padding:3px 0 1px 0;
}