@charset "utf-8";
/* CSS Document */

html, body { padding:0; margin:0; width:100%; background:#dddddd; font-family:Arial, Helvetica, sans-serif; font-size:.9em }

div, h1, h2, h3, h4, p, blockquote { padding:0; margin:0; }

a { color:#67a622; font-size:95%; font-weight:bold; }
a:hover { text-decoration:none; }
a:visited { color:#84971e; }

.clear { clear:both }
.float_left { float:left; margin: 0 10px 0 0; }
.float_right { float:right; margin: 0 0 0 10px; }
.price { color:#900000; font-weight:bold }
.break_top { margin-top:10px; }
.button { cursor:pointer }
a img { border:0 }

#wrapper { width:100%; min-width:990px }

#header { height:153px; width:inherit; background:url(../images/header_bg.jpg) repeat-x }

	#header .left { height:153px; width:62px; background:url(../images/header_left.jpg) top left no-repeat; float:left }
	#header .right { height:153px; width:62px; background:url(../images/header_right.jpg) top right no-repeat; float:right}	
	#header .content { height:153px; background:url(../images/header_bg.jpg) top right repeat-x; }	
	
#banner { height:103px; width:inherit; background:#d4d4d4; }

	#banner .left {  height:103px; width:62px; background:url(../images/banner_left.jpg) top left repeat-y; float:left; }
	#banner .right {  height:103px; width:62px; background:url(../images/banner_right.jpg) top right repeat-y; float:right}	
	#banner .content {  height:103px; }
		#cup { height:116px; width:164px; background:url(../images/cup.jpg) top left no-repeat; position:relative; top:-13px; left:-21px!important; left:-24px; float:left;  margin-bottom:-164px; }
		#photo { height:256px; width:380px; z-index:99; float:right; margin-bottom:-256px; position:relative; top:-153px; }
			.p1 { background:url(../images/photo_01.jpg) top left no-repeat;  }
			.p2 { background:url(../images/photo_02.jpg) top left no-repeat;  }
			.p3 { background:url(../images/photo_03.jpg) top left no-repeat;  }
			.p4 { background:url(../images/photo_04.jpg) top left no-repeat;  }
		#logo { height:70px; width:400px; background:url(../images/logo_hi.jpg) top left no-repeat; z-index:100; position:absolute; top:210px; left:202px }
			#logo img { display:none; }

#main { width:inherit; background:#5c5c5c url(../images/main_right.jpg) top right repeat-y; }
	#main .content { background:url(../images/main_left.jpg) top left repeat-y; padding:0 80px 10px 80px }
	#main .content h2 { color:#fffffe; font-size:190%; font-weight:normal; padding:10px 12px; font-family:Arial, Helvetica, sans-serif; height:29px; }
	#main .content h2 span { background:url(../images/cross.gif) center left no-repeat; padding-left:18px }
	#main .content h3 { color:#928e1e; font-size:150%; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; clear:left; padding:6px 0; margin:0 0 12px 0 }
	#main .content h4 { font-size:120%; padding-bottom:10px  }
	#main .content .container { padding:20px 24px }

		#right_sidebar { float:right; width:338px; }
			#right_sidebar h2 { background:#ff7922 url(../images/h2right_bg.jpg) top right no-repeat;  }
			#right_sidebar .container { background:#fff0e6 url(../images/right_sidebar_bg.jpg) left top repeat-y;  }
			#right_sidebar .ad { margin-top:8px }
			#right_sidebar .inner_sidebar .right { float:right; width:8px; height:8px; background:url(../images/right_sidebar_right.jpg) left top no-repeat; position:relative; top:20px!important; top:25px; left:24px}
			#right_sidebar .inner_sidebar .left { width:8px; height:8px; background:url(../images/right_sidebar_left.jpg) left top no-repeat;  position:relative; top:20px!important; top:25px; left:-24px}

				#right_sidebar .testimonials ul, #right_sidebar .testimonials ul li { list-style:none; padding:0; margin:0 }
				#right_sidebar .testimonials ul li { border-bottom:1px dashed #ff7922; margin-top:10px; padding:10px 20px; text-align:center; background:url(../images/quote_l.gif) no-repeat top left; }
				#right_sidebar .testimonials blockquote { background:url(../images/quote_r.gif) no-repeat bottom right; padding-bottom:20px }

				#right_sidebar .testimonials ul li.users { border-bottom:none }
				#right_sidebar .testimonials div span { width:5em; display:block; float:left; text-align:right; padding-right:6px; font-weight:bold; }

				#right_sidebar .cart ul { padding:0; margin:0 0 0 -10px }
					#right_sidebar .cart ul li { padding:10px 0 10px 26px; list-style:none; background:url(../images/box_bullet.gif) no-repeat; background-position:0 14px }
					#right_sidebar .cart ul li h3 { font-size:100%; font-weight:bold; margin:0; }
					#right_sidebar .cart ul li .remove { color:#FF0000; font-size:90%; font-weight:normal }

					#total { text-align:center; margin-top:20px; padding-top:20px; border-top:1px dashed #ff7922 }
						#total .subtotal { font-size:120%; font-weight:bold; }
						#total form { padding:0; margin:10px 0}
						#total form .button { background: #ff7922 url(../images/checkout_button.jpg) top left no-repeat; width:188px; height:29px; color:#fff; border:none; font-weight:bold; font-size:110%; padding-right:20px }

			#right_sidebar .home_sidebar { background:url(../images/woman_running.jpg) left top no-repeat; height:145px; text-align:right; width:290px;  overflow:hidden }
				#right_sidebar .home_sidebar p { color:#fffffe; line-height:1.3em; padding:0 0 10px 120px; }

		#left_sidebar { padding-right:345px!important; }
			#left_sidebar h2 { background:#67a621 url(../images/h2left_bg.jpg) top right no-repeat; }
			#left_sidebar .container { background:#efffde url(../images/left_sidebar_bg.jpg) left top repeat-y; }
				* html #left_sidebar .container { margin-right:3px }

			#left_sidebar .inner_sidebar p { padding:0 0 10px 0; }
			#left_sidebar .inner_sidebar h3 { border-bottom:1px dashed #67a621 }
			#left_sidebar .inner_sidebar .right { float:right; width:8px; height:8px; background:url(../images/left_sidebar_right.jpg) left top no-repeat; position:relative; top:20px!important; top:25px; left:24px}
			#left_sidebar .inner_sidebar .left { width:8px; height:8px; background:url(../images/left_sidebar_left.jpg) left top no-repeat;  position:relative; top:20px!important; top:25px; left:-24px}

			#left_sidebar .inner_sidebar ul.emails, #left_sidebar .inner_sidebar .emails li { padding:2px 0; margin:0; list-style:none }
			#left_sidebar .inner_sidebar .emails li span { width:17em; display:block; float:left; text-align:right; padding-right:6px; font-weight:bold; }

			#left_sidebar .inner_sidebar ul.events, #left_sidebar .inner_sidebar .events li { padding:2px 0; margin:0; list-style:none }
			#left_sidebar .inner_sidebar ul.events { margin-bottom:10px; }
			#left_sidebar .inner_sidebar .events li span { width:8em; display:block; float:left; text-align:right; padding-right:6px; font-weight:bold; }

			#left_sidebar .inner_sidebar .market, #left_sidebar .inner_sidebar .market li { padding:0; margin:0; list-style:none }
			#left_sidebar .inner_sidebar .market li ul { padding-bottom:12px; }

			#left_sidebar .inner_sidebar .checks li { list-style: url(../images/check.gif); padding:4px 0 }

			#left_sidebar .inner_sidebar .sitemap li { padding-bottom:2px; }

			#left_sidebar .inner_sidebar .addcart { margin:20px 0 20px 120px; }
				#left_sidebar .inner_sidebar .addcart .form_item { margin:6px 0; }
					#left_sidebar .inner_sidebar .addcart .form_item .field { width:8em; text-align:right; display:block; float:left; padding-right:10px; font-weight:bold }
					#left_sidebar .inner_sidebar .addcart .quantity { margin-top:12px; }
					#left_sidebar .inner_sidebar .addcart .quantity .field { position:relative; top:3px }
					#left_sidebar .inner_sidebar .addcart .form_item input.textbox { background:#fff url(../images/addcart_text.jpg) no-repeat; border:none; width:50px; height:15px; padding:3px 8px; text-align:right; font-size:11px;  }
					#left_sidebar .inner_sidebar .addcart .form_item input.button { background:#67a621 url(../images/addcart_button.jpg) no-repeat; border:none; width:94px; height:19px; text-align:center; font-weight:bold; color:#fff; font-size:12px; }
					/* Bad IE */
					* html #left_sidebar .inner_sidebar .addcart .form_item input.button { position:relative; top:-2px; }
					*:first-child+html #left_sidebar .inner_sidebar .addcart .form_item input.button { position:relative; top:-2px; }

			#left_sidebar .home_sidebar { background: url(../images/couple_beach.jpg) left top no-repeat; text-align:right; }
				#left_sidebar .home_sidebar p { line-height:1.6em; padding-left:210px; padding-right:8px; height:145px; position:relative; left:8px; overflow:hidden }
				#home_rounded { background: url(../images/home_rounded.jpg) top left no-repeat; height:8px; width:8px; float:right; position:relative; top:157px; left:24px;  }

#border { height:10px; width:inherit; background:#d4d4d4; overflow:hidden; }

	#border .left {  height:10px; width:62px; background:url(../images/banner_left.jpg) top left repeat-y; float:left; }
	#border .right {  height:10px; width:62px; background:url(../images/banner_right.jpg) top right repeat-y; float:right}	
	#border .content {  height:10px; text-align:right }

#footer { height:153px; width:inherit; background:url(../images/footer_bg.jpg) repeat-x }

	#footer .left { height:153px; width:62px; background:url(../images/footer_left.jpg) top left no-repeat; float:left }
	#footer .right { height:153px; width:62px; background:url(../images/footer_right.jpg) top right no-repeat; float:right}	
	#footer .content { height:153px; text-align:center; position:relative; z-index:99 }	
		#footer .content ul, #footer .content ul li { list-style:none; padding:0; margin:0 }
		#footer .content ul { margin:0 auto; width:60.5em; padding-top:80px }
		#footer .content ul li { display:inline; padding:0 18px; border-left:1px solid #ccc }
		#footer .content ul li a:link { color:#67a622; font-size:95%; }
		#footer .content ul li a:hover { text-decoration:none; }
		#footer .content p, .notice { color:#575757; font-size:90%; padding:0; margin:10px 0 0 0; }


#products { background:url(../images/products.jpg) left top no-repeat; height:160px; width:272px; float:right; margin-top:-200px; position:relative; top:-29px; left:-453px; z-index:98}




/**** MENU ****/

#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 10px 0 0 20px;
		list-style: none;
		float : left;
		width : 200px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 17px;
		margin-bottom : 3.5px;
		width: 11em;
		
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11em;
		margin-top : -1.35em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : #232323;
		font-weight : normal;
		text-decoration : none;
		background:url(../images/menu_main.jpg) top no-repeat;
		border : 0px solid black;
		padding : 0 0.5em 0 3em;
		font-size:11px;
	}
	
	#nav li a:hover {
		color : white;
		background:url(../images/menu_main.jpg) bottom no-repeat;
	}

	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
		
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		background-position:0 0;
	}

	#nav li ul li a:hover{
		color : white;
		background:url(../images/menu_hover.jpg) bottom no-repeat;
	}