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

/* --- General --- */

.template { width:auto; height:auto; padding:0; margin:0; border:0; background:none; font:inherit; }
body { background:#000002 url(../images/graphic_background.jpg) center top no-repeat; font:normal 11px/14px Arial, Helvetica, sans-serif; color:#FFF }
body h1 { margin-bottom:6px; font:normal 26px Impact; color:#5FD5E9 }
body h2 { margin-bottom:6px; font:normal 22px Impact; color:#FFF } body h2 strong { font-weight:normal; display:block; font-size:14px; color:#999; position:relative; top:-2px }
body h3 { margin-bottom:6px; font:normal 16px Impact; color:#FFF }

body h4 { margin-bottom:6px; font:normal 22px/24px Impact; color:#FFF; overflow:hidden } body h4 strong { font-weight:normal; display:block; font-size:13px; color:#999; position:relative; top:-4px }
body h4 a { color:#FFF }

body h5 { margin-bottom:14px; font:normal 26px Impact; color:#FFF } body h5 em { color:#444 }
body h6 { margin-bottom:14px; font:normal 16px Impact; color:#FFF }

body em { font-style:normal }

body strong { font-weight:normal!important } body em { font-style:normal!important }

body p {
	padding-bottom:14px;
	font-family: Arial, Helvetica, sans-serif;
} body p a { color:#5FD5E9 }
div.wrap { overflow:hidden; clear:both }
div.image { background:url(../images/alpha.png); overflow:hidden; padding:10px }
	div.image img { border:1px solid #FFF; display:block }
div.picture { float:left; margin:0 20px 10px 0; background:url(../images/alpha.png); overflow:hidden; padding:10px }
	div.picture img { border:1px solid #FFF }

a.button { display:inline-block; overflow:hidden; font:normal 12px Impact!important; color:#000; text-decoration:none; background:url(../images/button_arrow.png) right center no-repeat }
a.button strong { float:left; height:21px; padding:5px 10px 0; font-size:12px!important; font-weight:normal; margin-right:6px; background:url(../images/button_fill.png) left top repeat-x }
a.button:hover { color:#444!important }
a.button2 { background:url(../images/button2_arrow.png) right center no-repeat }
a.button2 strong { background:url(../images/button2_fill.png) left top repeat-x }

a.buttonBack { background:url(../images/button_arrowBack.png) left center no-repeat }
a.buttonBack strong { margin-left:6px }

input, select, textarea { width:100%; background:transparent; border:0; font:normal 11px/14px Arial, Helvetica, sans-serif; color:#000 }

/* --- Body --- */
	div#body-wrapper { }
		div.body-layout { width:920px; margin:0 auto }

/* --- Nav --- */
	div#nav-wrapper { }
		div.nav-layout { height:60px; }
		div.top-layout { height:146px; padding-top:20px; width:320px; margin-left:390px }
			div.top-layout a:hover { color:#5FD5E9 }
			fieldset.login { height:26px; margin:5px 0 10px; padding-left:5px; overflow:hidden; background:url(../images/login_background.jpg) left top no-repeat }
			fieldset.login div { overflow:hidden; float:left; width:110px; margin-right:13px; padding:5px 0 }
			fieldset.login div:first-child { margin-right:22px }
			div.top-layout strong { font:normal 14px Impact }
				div.top-layout div { height:54px; overflow:hidden }
				div.top-layout strong em { font-size:22px; display:block; margin-top:-2px }
				div.top-layout strong em a { color:#999; text-decoration:underline }
				div.top-layout strong em a:hover { text-decoration:none }
			div.top-layout ul { overflow:hidden; font:normal 14px Impact } div.top-layout ul a { color:#FFF; text-decoration:none }
			div.top-layout ul li { float:left; margin-right:10px }
			div.top-layout li.small { width:60px; margin-top:-2px; margin-left:10px; line-height:8px!important }
			div.top-layout li.small a { font:normal 11px/12px Arial, Helvetica, sans-serif!important; color:#666!important; text-decoration:underline }
			div.top-layout li.small a:hover { text-decoration:none }
			
		div.nav-layout ol { font:normal 14px Impact; padding:15px 0 0 146px }
		div.nav-layout li { overflow:hidden; height:26px; float:left; padding:8px 9px 0 12px; background:url(../images/navigation_separator.png) left center no-repeat }
		div.nav-layout li:first-child { background:none }
		div.nav-layout li a { float:left; text-decoration:none; color:#C5E3F3; background-color:transparent; white-space:nowrap; }
		div.nav-layout li a strong { font-weight:normal; margin:-1px 0 0 -1px; position:absolute; color:#000 }
		div.nav-layout li a:hover strong { color:#333 }
			div.nav-layout li.active a { filter:alpha(opacity=40); -moz-opacity:0.4; opacity:.4; text-decoration:none }
	
/* --- Header --- */
	div#header-wrapper { }
		div.header-layout { height:80px; padding:20px 40px 20px 200px }
			div.header-layout img { position:absolute; z-index:100; margin:-40px 0 0 -260px }
		div.header-welcome { width:400px; margin:0 auto }
		
/* --- Content --- */
	div#content-wrapper { }
		div.content-layout { overflow:hidden; padding:20px 0 40px; background:url(../images/footer_background.jpg) center bottom no-repeat }
			div.highlight { overflow:hidden; margin-bottom:10px }
				div.highlight div.image { float:left }
				div.highlight div.info { width:280px; float:left; margin:10px 10px 10px 20px }
			
			div.feature { float:left; overflow:hidden; width:300px; margin-left:10px }
				div.feature:first-child { margin-left:0!important }
				div.feature div.info { padding:0 10px }
				div.feature div.image { margin-bottom:15px }
		
		div.content { width:600px; overflow:hidden; float:left; margin-right:20px }
		div.content-submenu { padding-top:50px }
		div.sidenav { width:300px; overflow:hidden; float:left }
		
		div.title { overflow:hidden; margin-bottom:12px }
		div.title h4 { margin-top:6px }
		div.date { width:95px; height:70px; padding-top:10px; float:left; margin-right:20px; color:#000; text-align:center; background:url(../images/date_background.png) center no-repeat }
			div.date span { display:block; font:normal 11px Impact }
			div.date span.date-week { height:14px; overflow:hidden; color:#666 }
			div.date span.date-day { font:normal 36px Impact; height:36px; letter-spacing:-1px; overflow:hidden; margin-top:-6px }
			div.date span.date-month { height:14px; overflow:hidden; margin-top:-2px }
		div.block { overflow:hidden; margin-bottom:30px }

		div.links { background:url(../images/booeep_background.png) center top no-repeat }
		div.links-title { height:65px; padding:45px 20px 0 0; text-align:right; font:normal 16px Impact; color:#00397B }
		div.link { background:url(../images/alpha.png); overflow:hidden; padding:10px; margin-bottom:10px }
			div.link img { float:left; margin-right:20px; border:1px solid #FFF }
			div.link span { font:normal 16px Impact; display:block; margin:4px 0 6px }
			
		div.submenu ul { height:41px; padding:9px 0 0 0; width:600px; position:absolute; margin-top:-56px; overflow:hidden; font:normal 14px Impact; background:url(../images/submenu_background.png) center no-repeat }
		div.submenu li { overflow:hidden; height:26px; float:left; padding:8px 9px 0 12px; background:url(../images/navigation_separator2.png) left center no-repeat }
		div.submenu li:first-child { background:none }
		div.submenu li a { float:left; text-decoration:none; color:#FFF; background-color:transparent; white-space:nowrap; }
		div.submenu li a strong { font-weight:normal; margin:-1px 0 0 -1px; position:absolute; color:#000 }
		div.submenu li a:hover { text-decoration:underline!important }
			div.submenu li.active a { text-decoration:none!important; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:.3 }
		
		div.media-list { overflow:hidden; margin-bottom:10px }
			div.media-item { width:170px; float:left; padding:10px; margin-right:12px; margin-bottom:12px; border:1px solid #181818 }
			div.media-item img { margin-bottom:10px }
			div.media-item ul { margin-top:10px } div.media-item ul li { overflow:hidden; color:#333; text-align:right } div.media-item ul li span { float:left }
		div.media-list div.end { margin-right:0 }
			div.media-view { width:578px; padding:10px; margin-bottom:12px; border:1px solid #181818; color:#444 }
			div.media-player { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #181818 }
			div.media-view ul { width:180px; margin-top:10px } div.media-view ul li { overflow:hidden; color:#333; text-align:right } div.media-view ul li span { float:left; width:60px }
		div.shop-list { overflow:hidden; margin-bottom:10px }
			div.shop-item { width:170px; height:286px; overflow:hidden; float:left; padding:10px; margin-right:12px; margin-bottom:12px; border:1px solid #181818 }
			div.shop-item img { margin-bottom:10px }
			div.shop-item h6 { margin:0 } div.shop-item h6 strong { display:block; color:#2A9FD8; font-weight:normal }
			div.shop-item h6 a { color:#FFF }
			div.shop-item ul { margin-top:10px } div.media-item ul li { overflow:hidden; color:#333; text-align:right } div.media-item ul li span { float:left }
			p.shop-description { height:30px; margin:6px 0 }
		div.shop-list div.end { margin-right:0 }
			div.shop-item fieldset.filter { float:none; display:block; margin-bottom:6px }
			div.shop-item fieldset.filter div { width:80px!important }
		div.shop-item-view { width:250px; float:left; padding:10px; margin-right:20px; margin-bottom:12px; border:1px solid #181818 }
		div.shop-item-view img { margin-bottom:10px }
			h5.shop-title strong { display:block; color:#2A9FD8; font-weight:normal }
			
		div.rating { float:right; overflow:hidden; width:54px; height:9px; background:url(../images/rating_stars.png) left top no-repeat }
		div.rating span { position:absolute; margin-top:14px }
			div.rating-stars { overflow:hidden; position:absolute; z-index:50; height:9px; background:url(../images/rating_stars.png) left center no-repeat }
				div.rating0 div.rating-stars { width:0!important }
				div.rating1 div.rating-stars { width:10px!important }
				div.rating2 div.rating-stars { width:21px!important }
				div.rating3 div.rating-stars { width:32px!important }
				div.rating4 div.rating-stars { width:43px!important }
				div.rating5 div.rating-stars { width:54px!important }
			div.rating a {overflow:hidden; position:absolute; height:9px; background:transparent }
			div.rating a:hover { background:url(../images/rating_stars.png) left bottom no-repeat }
				div.rating a.star1 { z-index:55; width:10px!important }
				div.rating a.star2 { z-index:54; width:21px!important }
				div.rating a.star3 { z-index:53; width:32px!important }
				div.rating a.star4 { z-index:52; width:43px!important }
				div.rating a.star5 { z-index:51; width:54px!important }
		
		fieldset.filter { float:right; overflow:hidden }
			fieldset.filter div { overflow:hidden; width:110px; padding:5px; background:url(../images/alpha2.png) }
			fieldset.filter input, select, textarea { color:#FFF }
		
		div.pagination-wrapper { padding:10px; margin:0 0 6px }
		div.pagination { overflow:hidden; color:#444 }
			div.pagination em { float:left; padding:5px 10px }
			div.pagination a { float:left; padding:5px 10px; margin-right:3px; background:url(../images/alpha2.png) center; color:#FFF; text-decoration:none }
			div.pagination strong { float:left; padding:5px 10px; margin-right:3px; font-weight:normal; color:#444; text-decoration:none }
		div.comment-list { overflow:hidden; margin:20px 0 0 }
		div.comment-list h5 { margin-bottom:20px }
		a.comment { float:right; margin-top:5px }
		div.comment-view { margin-bottom:10px } div.comment-view div { overflow:hidden }
		img.avatar { width:50px; height:50px; padding:20px 15px; float:left; margin-right:20px; text-align:center; background:url(../images/date_background.png) center no-repeat }
		
		fieldset.comment { overflow:hidden }
			fieldset.comment div { overflow:hidden; width:490px; padding:5px; margin:4px 0 20px; background:#FFF }
			fieldset.comment textarea { color:#000; height:120px }
		
		div.comment-post h5 { margin-bottom:20px }
		
		div.categories-wrapper { background:url(../images/shop_categories_bottom.png) bottom center no-repeat; padding-bottom:24px; margin-bottom:20px }
			div.categories { background:url(../images/shop_categories_top.png) top center no-repeat; padding-top:24px }
			div.categories-content { width:260px; padding:16px 20px 2px; background:#FFF; color:#000!important }
			div.categories-content h4 { color:#CCC; line-height:21px }
			div.categories-content ul { font:normal 14px Impact; margin-bottom:20px }
				div.categories-content ul li { background:url(../images/bullet.jpg) left center no-repeat; padding-left:20px }
				div.categories-content ul a { color:#000; text-decoration:underline } div.categories-content ul a:hover { color:#2A9FD8; text-decoration:none }
		
		fieldset.addcart { overflow:hidden }
			fieldset.addcart span { float:left; margin:5px 7px 0 0; color:#444 }
			fieldset.addcart div { float:left; overflow:hidden; width:15px; padding:5px 5px 5px 7px; background:url(../images/alpha2.png); color:#444 }
			fieldset.addcart input, select, textarea { color:#FFF }
		
		form { width:300px }
			p.error { padding:7px 8px 7px 28px; margin-bottom:14px; background:#FFA240 url(../images/error.jpg) 3px top no-repeat }
			ul.errors { position:relative; color:#FFF; margin-top:5px; background:#FFA240 }
			ul.errors li { padding:7px 8px 7px 28px; background:url(../images/error.jpg) 3px top no-repeat }
			dl.zend_form dt { color:#666; padding:0 5px 5px }
			dl.zend_form dt.clean { background:transparent; display:none }
			dl.zend_form dd { margin-bottom:10px; background:#FFF; padding:5px }
			dl.zend_form dd.clean { background:transparent; padding:0; margin-top:16px }
		
		table.table { width:100%; margin-bottom:10px; color:#333 }
		table.table input { border:1px solid #E7E7E7; border-top-color:#999; border-left-color:#999; padding:4px }
		table.table select { border:1px solid #E7E7E7; border-top-color:#999; border-left-color:#999; padding:4px; color:#333 }
		table.table2 th { padding:10px } table.table2 td { padding:10px }
			table td.Win { background:#D9E5CC; font-weight:bold; color:#669933 }
			table.table2 td.Win { background:#D9E5CC } table.table2 td.Win strong { color:#669933 }
			table.table2 td.Los { background:#F0D9D9 } table.table2 td.Los strong { color:#AD3333 }
			table.table h6 { font-size:14px; color:#333; margin-bottom:4px } table.table h6 a { color:#333 } table.table h6 a:hover { text-decoration:none; color:#999 }
			table.table h4 { color:#333; margin-bottom:4px; padding:0 } table.table h4 strong { margin:0; padding:0 }
			table td.table-top { height:30px; border:0; padding:0; background:transparent url(../images/table_top.png) center no-repeat }
			table td.table-bottom { height:30px; border:0; padding:0; background:transparent url(../images/table_bottom.png) center no-repeat }
			table th { font-weight:normal; text-align:left; color:#999; background:#FFF; padding:10px 20px; border:1px solid #E9E9E9; border-bottom:3px double #E9E9E9; background:#EFEFEF; border-top:0 }
			table td { vertical-align:middle; text-align:left; background:#FFF; padding:10px 20px; border:1px solid #E9E9E9; border-top:0 }
				table td.column1 { width:320px }
				table td.column2 { width:60px }
			a.More { display:block; text-indent:-12000px; overflow:hidden; background:url(../images/more.jpg) center no-repeat; width:14px; height:14px }
			
		a#Logo { display:block; width:270px; height:108px; margin:34px 0 0 58px; text-indent:-12999px; overflow:hidden; position:absolute }
		
		p.cart-list { font:normal 14px Impact; margin-bottom:20px; word-spacing:1px }
		p.cart-list em { color:#669933 }
		p.cart-list a.button { margin-top:4px; word-spacing:0 }
		
/* --- Footer --- */
.active a { cursor:default!important }

	div#footer-wrapper { }
		div.footer-layout { color:#252527; padding:30px 10px 40px }
			div.footer-layout p { padding-bottom:16px }
			div.footer-layout strong { font:normal 14px/16px Impact; color:#666 }