:link, :visited
{
	text-decoration: none;
}

ul, ol
{
	list-style: none;
}

h1, h2, h3, h4, h5, h6, pre, code
{
	font-size: 1em;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input
{
	margin: 0;
	padding: 0;
}

a img, :link img, :visited img
{
	border: none;
}

a
{
	-moz-outline: none;
}

address
{
	font-style: normal;
}

textarea
{
	resize: none;
}

/* @group Header */

div#header
{
	background: #ffffff;
	padding: 67px 0 0 0;
}

div#header.banner
{
	padding: 0;
}

/* @end */

/* @group Banner */

div#banner
{
	display: none;
}

div#header.banner div#banner
{
	display: block;
}

div#banner div
{
	width: 100%;
	height: 100%;
	background: url(../images/banner.line.png) repeat-x bottom;
}

div#banner a
{
	display: block;
	margin: 0 auto;
	width: 960px;
	height: 100%;
}

div#banner a span
{
	display: none;
}

/* @end */

/* @group Top Menu */

div#top-menu
{
	position: relative;
	margin: -35px auto 0;
	width: 960px;
}

div#top-menu h1
{
	position: absolute;
	left: -7px;
	top: -7px;
	margin: 0;
	padding: 0;
	width: 194px;
	height: 42px;
	background: url(../images/top-menu.lomography.png) no-repeat 0 -42px;
}

div#top-menu h1 a
{
	display: block;
	width: 100%;
	height: 100%;
}

div#top-menu h1 a span
{
	display: none;
}

body.home div#top-menu h1
{
	background-position: 0 0;	
}

div#top-menu ul
{
	margin: 0 0 0 187px;
	padding: 0;
	height: 35px;
	background: #333333;
	overflow: hidden;
}

div#top-menu ul li
{
	float: left;
	display: block;
	height: 35px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#top-menu ul li a
{
	display: block;
	width: 100%;
	height: 100%;
}

div#top-menu ul li a:hover
{
	background-position: 0px -35px;
}

div#top-menu ul li a.active
{
	background-position: 0px -70px;
}

div#top-menu ul li a span
{
	display: none;
}

li#top-menu_about
{
	width: 103px;
}

li#top-menu_about a
{
	background: url(../images/top-menu.about.png) no-repeat;
}

li#top-menu_photos
{
	width: 111px;
}

li#top-menu_photos a
{
	background: url(../images/top-menu.photos.png) no-repeat;
}

li#top-menu_magazine
{
	width: 126px;
}

li#top-menu_magazine a
{
	background: url(../images/top-menu.magazine.png) no-repeat;
}

li#top-menu_homes
{
	width: 105px;
}

li#top-menu_homes a
{
	background: url(../images/top-menu.homes.png) no-repeat;
}

li#top-menu_shop
{
	width: 92px;
}

li#top-menu_shop a
{
	background: url(../images/top-menu.shop.png) no-repeat;
}

li#top-menu_search
{
	width: 236px;
}

li#top-menu_search input
{
	margin: 6px;
	vertical-align: bottom;
	line-height: 0;
	border: none;
	line-height: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	outline: none;
	width: 212px;
	height: 16px;
	background: url(../images/top-menu.search.png) no-repeat;
	font-size: 12px;
	padding: 5px 6px 2px;
}

li#top-menu_search input:focus
{
	color: #333333;
	border: none;	
}

/*
input.text
{
	vertical-align: bottom;
	line-height: 0;
	border: none;
	line-height: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	outline: none;
}

input.text:focus
{
	color: #333333;
	border: none;
}

input.text.big
{
	width: 286px;
	height: 18px;
	background: url(../images/input.big.png) no-repeat;
	font-size: 14px;
	padding: 9px;
	*height: 36px;
	*padding: 0 9px;
	*line-height: 36px;
}
*/


/* @end */

/* @group Sub Menu */

div#sub-menu
{
	margin: 0 auto;
	width: 960px;
	min-height: 5px;
	height: auto !important;
	height: 5px;
	clear: both;
}

div#sub-menu ul, div#sub-menu div
{
	margin: 0 0 0 185px;
	padding: 2px;
	overflow: hidden;
}

div#sub-menu ul, div#sub-menu div span
{
	display: block;
	white-space: nowrap;
	overflow: hidden;
}

div#sub-menu div span a
{
	padding: 0 5px;
	color: #fff;
}

div#sub-menu div span a:hover
{
	text-decoration: none;
}

div#sub-menu ul li
{
	list-style-type: none;
	margin: 0;
	padding: 4px 0;
	float: left;
	line-height: 12px;
}

div#sub-menu ul li a
{
	display: block;
	padding: 0 8px;
	border-right: 1px solid;
}

div#sub-menu ul li:last-child a
{
	border-right: none;
}

div#sub-menu ul li a:hover
{
	text-decoration: none;
}

/* @end */

/* @group Colors */

body div#sub-menu
{
	background-color: #00a2f3;
}

body div#sub-menu ul, body div#sub-menu div
{
	background: url(../images/sub-menu.png) repeat-y left top;
}

body div#sub-menu ul li a
{
	color: #005d8c;
	border-right-color: #0099e6;
}

body.home div#sub-menu
{
	background-color: #f20000;
}

body.home div#sub-menu ul, body.home div#sub-menu div
{
	background: url(../images/sub-menu.home.png) repeat-y left top;
}

body.home div#sub-menu ul li a
{
	color: #a60000;
	border-right-color: #d90000;
}

body.photos div#sub-menu
{
	background-color: #70bdcc;
}

body.photos div#sub-menu ul, body.photos div#sub-menu div
{
	background: url(../images/sub-menu.photos.png) repeat-y left top;
}

body.photos div#sub-menu ul li a
{
	color: #385e66;
	border-right-color: #69b1bf;
}

body.magazine div#sub-menu
{
	background-color: #adcc70;
}

body.magazine div#sub-menu ul, body.magazine div#sub-menu div
{
	background: url(../images/sub-menu.magazine.png) repeat-y left top;
}

body.magazine div#sub-menu ul li a
{
	color: #576638;
	border-right-color: #a3bf69;
}

body.homes div#sub-menu
{
	background-color: #e5e55c;
}

body.homes div#sub-menu ul, body.homes div#sub-menu div
{
	background: url(../images/sub-menu.homes.png) repeat-y left top;
}

body.homes div#sub-menu ul li a
{
	color: #8c8c38;
	border-right-color: #d9d957;
}

body div#sub-menu ul li a:hover, body div#sub-menu ul li a.active
{
	color: #333333;
}

/* @end */


/* @group Account */

div#account
{
	background: #ffffff;
}

div#account div
{
	width: 960px;
	margin: 0 auto;
}

div#account div p
{
	padding: 2px 0 0;
	margin: 0;
	text-align: right;
	font-size: 11px;
	color: #aaaaaa;
}

div#account div p span
{
	padding: 0 3px;
}

div#account div p a
{
	color: #666666;
}

div#account div p a:hover
{
	text-decoration: none;
	color: #0080bf;
}

div#account div p a.messages, 
div#account div p a.piggies, 
div#account div p a.lab,
div#account div p a.settings,
div#account div p a.logout
{
	padding: 0 0 0 14px;
	background-repeat: no-repeat;
	background-position: 0 2px;
}

div#account div p a.messages
{
	background-image: url(../images/account.messages.png);
}

div#account div p a.piggies
{
	background-image: url(../images/account.piggies.png);
}

div#account div p a.lab
{
	background-image: url(../images/account.lab.png);
}

div#account div p a.settings
{
	background-image: url(../images/account.settings.png);
}

div#account div p a.logout
{
	background-image: url(../images/account.logout.png);
}


/* @end */

/* @group Content */

div#content
{
	background: #ffffff;
	padding: 20px 0 100px;
	overflow: hidden;
}

/* @end */

/* @group Line */

div#content div.line
{
	height: 5px;
	margin: 30px 0;
	background: #efefef;
	background: url(../images/line.png) repeat-x;
}

div#content div.line hr
{
	display: none;
}

/* @end */

/* @group Listing */

div#content ul.listing
{
	margin: 10px 0;
	list-style-type: none;
}

div#content ul.listing li
{
	margin: 0;
}

div#content ul.listing li strong
{
	font-size: 10px;
	color: #999;
	display: block;
	width: 140px;
	text-align: right;
	float: left;
	margin: 2px 0 0 0;
	line-height: 15px;
	font-weight: normal;
}

div#content ul.listing li div
{
	margin: 0 0 0 164px;
}

div#content ul.listing li strong div, div#content ul.listing li div div
{
	margin: 0;
}

div#content ul.listing li div p
{
	margin: 0;
}

div#content ul.listing li div.clear
{
	clear: both;
}

/* @end */

/* @group Comments */

div#content div.comments
{
	margin: 40px 0;
}

div#content div.comments h4
{
	color: #999999;
}

div#content div.comments p
{
	font-size: 10px;
	color: #999999;
}

div#content div.comments ul.listing
{
	border-top: 2px solid #efefef;	
}

div#content div.comments ul.listing li
{
	padding: 10px 0;
	border-bottom: 2px solid #efefef;	
}

div#content div.comments ul.listing li div p
{
	color: #666666;
	font-size: 11px;
}

div#content div.comments ul.listing li.highlight
{
	background: #efefef;
	border-bottom: 2px solid #e8e8e8;
	padding: 10px 10px 10px 0;
}

div#content div.comments ul.listing li.highlight div p
{
	color: #333333;
}

/* @end */

/* @group Meta */

div#content div.meta
{
	margin: 20px 0 40px 0;
}

div#content div.meta ul.listing li div
{
	font-size: 11px;
}

div#content div.closed ul.listing li.optional
{
	display: none;
}

/* @end */

/* @group Articles */

div#content div.articles
{
	margin: 0;
}

div#content div.articles h4
{
	color: #999999;
}

div#content div.articles ul.listing
{
	border-top: 2px solid #efefef;	
}

div#content div.articles ul.listing li
{
	padding: 10px 0;
	border-bottom: 2px solid #efefef;	
}

div#content div.articles ul.listing li div li
{
	padding: 0;
	border: none;
}

div#content div.articles ul.listing li h3
{
	margin: 0 0 10px 0;
}

/* @end */

/* @group Questions */

div#content div.questions
{
	margin: 0;
}

div#content div.questions h4
{
	color: #999999;
}

div#content div.questions ul.listing
{
	border-top: 2px solid #efefef;	
}

div#content div.questions ul.listing li
{
	padding: 1px 0;
	border-bottom: 2px solid #efefef;	
}

/* @end */

/* @group Search */

div#content div.search
{
	margin: 30px 0;
}

div#content div.search div.top
{
	height: 5px;
	background: url(../images/search.top.png) repeat-x;
}

div#content div.search div.content
{
	background: #00a2f3; 
	padding: 10px 0;
	text-align: center;
}

div#content div.search div.content h4
{
	color: #80d1f9;
	margin: 0 0 10px 0;
}

div#content div.search div.content h4 span, div#content div.search div.content h4 a
{
	color: #ffffff;
}

div#content div.search div.content input.text
{
	margin: 0 6px 0 0;
	background: url(../images/input.search.png) no-repeat;
}

div#content div.search div.bottom
{
	height: 5px;
	background: url(../images/search.bottom.png) repeat-x;
}

/* @end */

/* @group Preview */

div#content div.preview
{
	margin: 50px 0;
	background: #efefef;
	border-bottom: 1px solid #e8e8e8;
}

/* @end */

/* @group Detail */

div#content div.detail div.vertical div
{
	display: table-cell;
	vertical-align: bottom;
}

div#content div.detail div.vertical div.information
{
	 padding: 0 0 6px 24px;
}

div#content div.detail div.horizontal div
{
	display: block;
}

div#content div.detail div.horizontal div.information
{
	 padding: 24px 0 6px 0;
}

div#content div.detail div.photo
{
	line-height: 0;
}

div#content div.detail div.information h2
{
	margin: 0 0 20px 0;
}

div#content div.detail div.information p
{
	margin: 0 0 10px 0; 	
}

div#content div.detail div.information small
{
	display: block;
	font-size: 11px; 
	color: #999999;
}

div#content div.detail div.credit
{
	line-height: 0;
	height: 60px;
	background: url(../images/detail.background.png) top right no-repeat;
}

div#content div.detail div.credit div
{
	float: right;
}

div#content div.detail div.credit div.clear
{
	float: none;
	clear: both;
	width: 0;
	height: 0;
}

div#content div.detail div.credit div a
{
	float: left;
	margin: 0 0 0 2px;
	display: block;
	height: 60px;
	position: relative;
}

div#content div.detail div.credit div a img
{
	left: 0;
	top: 10px;
	position: absolute;
}

div#content div.detail div.credit div a span
{
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div#content div.detail div.credit a span.active
{
	background: url(../images/detail.balloon.png) top center no-repeat;
}

/* @end */

/* @group Suggestions */

div#content ul.suggestions
{
	background: #efefef;
	width: 222px;
	position: absolute;
	border-bottom: 1px solid #e8e8e8;
}

div#content ul.suggestions li
{
	border-left: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	padding: 2px;
	font-size: 11px;
	line-height: 16px;

}

div#content ul.suggestions li a
{
	color: #999;
	display: block;	
}

div#content ul.suggestions li a:hover
{
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;	
}

/* @end */

/* @group Offer */

div#content div.offer
{
	background: #e6e2cf url(../images/offer.border.png) repeat-y;
	position: relative;
}

div#content div.offer div.content
{
	border: 1px solid #ccc9b8;
	padding: 7px 11px;
	font-size: 11px;
	color: #807e73;
}

div#content div.offer div.content a
{
	color: #f20000;
}

div#content div.offer div.corner
{
	position: absolute;
	width: 22px;
	height: 22px;
	left: 0;
	top: 0;
	background: url(../images/offer.corner.png) no-repeat;
}

div#content div.offer:hover div.corner
{
	display: none;
}

/* @end */

/* @group Activity */

div#content div.activity
{
	
}

div#content div.activity div.content
{
	background: #efefef;
	border-color: #e8e8e8;
	border-width: 0 1px;
	border-style: solid;
	padding: 11px;
}

div#content div.activity div.loading
{
	background: #efefef url(../images/loading.gif) no-repeat center center;
}

div#content div.activity div.loading ul, div#content div.activity div.loading div
{
	display: none;
}

div#content div.activity div.content ul li
{
	border-bottom: 1px solid #e8e8e8;
	padding: 6px 0;
	font-size: 11px;
}

div#content div.activity div.content ul li:last-child
{
/*	border-bottom: none;*/
}

div#content div.activity div.content ul li span.body
{
	color: #666666;	
}

div#content div.activity div.content ul li span.time
{
	font-size: 10px;
	color: #999999;	
}

div#content div.activity div.content ul li p
{
	margin: 0;
	color: #666;
}

div#content div.activity div.content ul li img 
{
display: block;
}

div#content div.activity div.content ul li blockquote 
{
	margin: 6px 0 6px 12px;
	font-size: 12px;
}

div#content div.activity div.content ul li blockquote p
{
	margin: 0 0 0 12px;
	font-size: 12px;
	color: #000000;
}

div#content div.activity div.content ul li.status blockquote p
{
	color: #000000;	
	font-style: normal;
}

div#content div.activity div.content ul li small
{
	color: #999999;
	display: block;
}

div#content div.activity div.input
{
	line-height: 0;
	background: #efefef;
	border-color: #e8e8e8;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	padding: 5px;
	text-align: right;
}

div#content div.activity div.input textarea
{
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/textarea.big.png) no-repeat;
	width: 432px;
	height: 100px;
	padding: 12px;
	border: none;
	color: #999999;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 6px 0;
	outline: none;
}

div#content div.activity div.input textarea:focus
{
	color: #333333;
	border: none;
}

div#content div.activity div.input p
{
	margin: 0;
	font-size: 11px;
	color: #999999;
	line-height: 20px;
	text-align: left;
}

div#content div.activity div.input p label
{
	display: inline;
	font-size: 12px;
	color: #000;
}

/* @end */

div#content div.about
{
	margin: 0 0 20px 0;
}

div#content div.about h3
{
	margin: 0;
	line-height: 36px;
}

div#content div.about p
{
	clear: both;
	margin: 10px 0;
	overflow: hidden;
}

div#content div.about p img
{
	float: left;
	margin: 0 24px 0 0;
}

div#content div.about p small
{
	 font-size: 12px; 
	color: #999999;
}


div#content ul.contacts
{
	border-top: 2px solid #efefef;
}

div#content ul.contacts li
{
	overflow: hidden;
	padding: 6px 0;
	border-bottom: 2px solid #efefef;
}

div#content ul.contacts li span
{
	width: 140px;
	margin: 0 24px 0 0;
	display: block;
	float: left;
}

div#content ul.contacts li span.avatar
{
	line-height: 0;
	min-height: 1px;
}

div#content ul.contacts li span.name
{
	font-size: 14px;
}

div#content ul.contacts li span.name small
{
	font-size: 11px;
	color: #999999;
}

div#content ul.contacts li span.button
{
	margin: 0;
}

div#content ul.contacts li span.clear
{
	float: none;
	clear: left;
}



div#content div.submit
{
}

div#content div.submit ul.listing li
{
	margin: 0 0 10px 0;
}

div#content div.submit ul.listing li.field div
{
	line-height: 0;
}

div#content div.submit ul.listing li.field strong
{
	padding: 10px 0 0 0;
}

div#content div.submit ul.listing li input.text
{
	vertical-align: bottom;
	line-height: 0;
	border: none;
	line-height: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	outline: none;
	width: 450px;
	height: 18px;
	background: url(../images/input.submit.png) no-repeat;
	font-size: 14px;
	padding: 9px;
	margin: 0;
}

div#content div.submit ul.listing li textarea
{
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/textarea.submit.png) no-repeat;
	width: 450px;
	height: 100px;
	padding: 9px;
	margin: 0;
	border: none;
	color: #999999;
	font-size: 14px;
	line-height: 20px;
	outline: none;
}

div#content div.submit ul.listing input.text:focus, div#content div.submit ul.listing textarea:focus
{
	color: #333333;
	border: none;
}

div#content div.newsletter label
{
  color: #000000;
  font-size: 12px;
  line-height: 20px;
}

div#content div.newsletter label input
{
  margin: 0 5px 0 0;
}

div#content div.newsletter ul li
{
  border-bottom: 1px solid #dddddd;
  margin: 0 0 5px 0;
}

/* @group Footer */

div#footer
{
	padding: 16px 0;
	border-top: 1px solid #e8e8e8;
}

div#footer div.row
{
	background: url(../images/footer.png) repeat-y;
}

div#footer h4
{
	color: #999;
	margin: 0 0 10px 0;
}

div#footer p
{
	margin: 0;
	color: #999;
	font-size: 11px;
}

div#footer p a
{
	color: #0080bf;
}

/* @end */

html
{
	overflow: -moz-scrollbars-vertical;
}

body
{
	background: #efefef;
}

img[src^="http://assets.lomography.com"]
img[src^="http://assets1.lomography.com"]
img[src^="http://assets2.lomography.com"]
img[src^="http://assets3.lomography.com"]
img[src^="http://assets4.lomography.com"]
{
    background: #efefef url(../images/loading.gif) no-repeat center center;
	color: #efefef;
}

/* @group Columns & Rows */

div.row
{
	margin: 0 auto;
	width: 960px;
}

div.breadcrumb
{
	margin: 0 auto 20px;
	width: 960px;
}

div.column
{
	margin: 0 24px 0 0;
	float: left;
}

div.last
{
	margin: 0;
}

div.span_1-8
{
	width: 99px;
}

div.span_1-6
{
	width: 140px;
}

div.span_1-4
{
	width: 222px;
}

div.span_1-3
{
	width: 304px;
}

div.span_3-8
{
	width: 345px;
}

div.span_1-2
{
	width: 468px;
}

div.span_5-8
{
	width: 591px;
}

div.span_2-3
{
	width: 632px;
}

div.span_3-4
{
	width: 714px;
}

div.span_5-6
{
	width: 796px;
}

div.span_7-8
{
	width: 837px;
}

div.span_1-1
{
	width: 960px;
}

div.clear
{
	clear: left;
	width: 0;
	height: 0;
}

/* @end */

/* @group Grid */

div.grid
{
	overflow: hidden;
}

div.grid span
{
	width: 96px;
	height: 64px;
	float: left;
	display: block;
	position: relative;
	line-height: 0;
}

div.grid span img
{
	position: absolute;
}

div.grid span.album a
{
	display: none;
	position: absolute;
	background: url(../images/album.gradient.png) bottom repeat-x;
	text-decoration: none;
}

div.grid span.album:hover a, div.grid.info span a
{
	display: block;
}

div.grid.info span.album:hover a
{
	background: url(../images/empty.png);
}

div.grid.info span.album:hover a span
{
	display: none;
}

div.grid span.album a span
{
	margin-top: 6px;
	position: static;
	float: none;
	display: table-cell; 
	vertical-align: bottom;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	cursor: pointer;
}

div.grid span.album a span span
{
	display: inline;
	background: #ffffff;
	padding: 2px 0;
}

div.grid span.album a span span small
{
	font-size: 10px;
	white-space: nowrap;
	color: #999;
}

/* @end */

/* @group Clip */

div.clip
{
	overflow: hidden;
	display: block;
	position: relative;
	line-height: 0;
}

div.clip img
{
	position: absolute;
}

/* @end */

/* @group Pagination */

div.pagination
{
	text-align: center;
	font-size: 11px;
	margin: 10px 0 0 0;
}

div.pagination a, div.pagination span
{
	margin: 0 2px;
}

div.pagination a
{
	color: #999;
}

div.pagination a:hover
{
	color: #0080bf;
}

/* @end */

/* @group Tabs */

div.tabs
{
	background: #ffffff url(../images/tab.line.png) repeat-x bottom;
	height: 36px;
}

div.tabs ul
{
	width: 960px;
	height: 36px;
	overflow: hidden;
	margin:  0 auto;
	padding: 0;
	list-style-type: none;
}

div.tabs ul li
{
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	float: left;
	cursor: hand;
}

div.tabs ul li.clear
{
	width: 0;
	height: 0;
	float: none;
	clear: left;
}

div.tabs ul li a
{
	text-decoration: none;
}

div.tabs ul li a span
{
	float: left;
	height: 36px;
}

div.tabs ul li a span.left
{
	width: 16px;
}

div.tabs ul li a span.center
{
	text-align: center;
}

div.tabs ul li a span.right
{
	width: 16px;
}

div.tabs ul li a span.clear
{
	width: 0;
	float: none;
	clear: left;
}

div.tabs ul li a.active
{
	color: #000000;
}

div.tabs ul li a:hover span
{
	text-decoration: underline;
}

div.tabs ul li a.active:hover span
{
	text-decoration: none;
}

div.tabs ul li a.active span.left
{
	background: url(../images/tab.left.png) no-repeat;
}

div.tabs ul li a.active span.right
{
	background: url(../images/tab.right.png) no-repeat;
}

div.tabs ul li a.active span.center
{
	background: url(../images/tab.middle.png) repeat-x;	
}

/* @end */



/* @group Navigation */

div.navigation
{
	padding: 10px 0;
	overflow: hidden;
	font-size: 11px;
}

div.navigation span
{
	color: #aaaaaa;
}

div.navigation span.previous
{
	float: left;
}

div.navigation span.next
{
	float: right;
}

div.navigation span.clear
{
	clear: both;
	float: none;
}

/* @end */

/* @group Box */

div.box
{
	background: #efefef;
	padding: 7px 11px;
	border: 1px solid #e8e8e8;
}

div#content div.box div.line
{
	height: 1px;
	background: #e8e8e8;
	margin: 10px 0;
}

div.box h4
{
	color: #999999;
	margin: 0 0 10px 0;
}

div.box select
{
	width: 100%;
	margin: 0 0 10px 0;
}

div.box option[disabled]
{
	color: #999;
}

div.box li
{
	font-size: 11px;
	color: #666;	
}

div.box li a.active
{
	color: #000;
}

div.box li a.selected
{
	color: #000;
	font-weight: bold;
}

div.box p
{
	font-size: 11px;
	color: #666;
}

div.loading
{
	background: #efefef url(../images/loading.gif) no-repeat center center;
}

div.loading form, div.loading div, div.loading p, div.loading span
{
	display: none;
}

/* @end */

/* @group Teaser */

div.teaser
{
	
}

div.teaser div.clip
{
	margin: 10px 0;
}

/* @end */

/* @group Shoutbox */

div#shoutbox.loading
{
	background: #ffffff url(../images/shoutbox.loading.gif) no-repeat center center;
}

div#shoutbox.loading h4, div#shoutbox.loading div
{
	display: none;
}

div.shoutbox.open div.action
{
	display: block;
}

div.shoutbox.open div.content
{
	height: 320px;
}

div.shoutbox div.action
{
	display: none;
	height: 180px; 
	background: url(../images/shoutbox.action.png) no-repeat; 
	line-height: 0; 
	text-align: right;
}

div.shoutbox div.action textarea
{
	resize: none;
}

div.shoutbox div.content
{
	height: 500px; 
	overflow: hidden;
	font-size: 11px;
	overflow-y: auto;
}

div.shoutbox div.content ul
{
	font-size: 11px;
	width: 284px;
}

div.shoutbox div.content ul li
{
	background: url(../images/shoutbox.content.png) no-repeat bottom left; 
	padding: 0 0 20px 0;
}

div.shoutbox div.content ul li p
{
    display: inline;
}

div.shoutbox div.content div.pagination
{
	margin: 0;
}

/* @end */




ul.articles
{
	font-size: 11px; 
}

ul.articles li
{
	background: url(../images/grey.png) repeat-x bottom;
}

ul.articles li.more
{
	display: none;
}

ul.articles.more li.more
{
	display: block;
}

ul.articles li span
{
	color: #999999;
}

/* @group Products */

div.teasers
{
	margin: 10px 0;
	position: relative;
	width: 468px;
	height: 312px;
}

div.teasers span
{
	position: absolute;
	overflow: hidden;
	width: 152px; 
	height: 100px;
}

div.teasers a:hover
{
	text-decoration: none;
}

div.teasers span img
{
	position: absolute;
}

div.teasers span strong
{
	display: block;
	position: absolute;
	width: 152px;
	height: 100px;
	background: url(../images/product.border.png) no-repeat;
	text-indent: 4px;
	color: #f20000;
	font-weight: normal;
	font-size: 11px;
}

/* @end */



/* @group Participate */

div.participate
{
}

div.participate div.content
{
	padding: 11px; 
	background: #efefef; 
	border-color: #e8e8e8; 
	border-style: solid; 
	border-width: 0 1px 1px 1px;
	font-size: 11px; 
	color: #666; 
}

div.participate div.content input.text.big
{
	width: 590px; 
	background: url(../images/input.big.participate.png) no-repeat;
	margin: 0 0 12px 0;
}

div.participate div.content input.text.small
{
	width: 304px;
	background: url(../images/input.small.participate.png) no-repeat;
}

div.participate div.content textarea
{
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/textarea.participate.png) no-repeat;
	width: 584px;
	height: 100px;
	padding: 12px;
	border: none;
	color: #999999;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	outline: none;
}

div.participate div.content p
{
	margin: 0 0 6px 0;
}

/* @end */

span.title
{
	display: none;
	position: absolute;
	border: 1px solid #0091d9;
	background: #00a2f3;
	color: #ffffff;
	font-size: 11px;
	white-space: nowrap;
	padding: 0 6px;
}

div.wall
{
  position: relative;
}

div.wall span
{
  position: absolute;
}

div.wall span a
{
  -moz-outline: none;
}

div.wall span div
{
  position: absolute;
  border: 0;
}

div.wall span strong
{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

div.wall span strong a
{
  background: url(../images/grid.gradient.png) top repeat-x;
  text-decoration: none;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

div.wall span strong a span
{
  width: 100%;
  height: 100%;
  position: absolute;
}

div.wall span strong a span.title
{
  display: block;
  color: #000;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  background: #fff;
  height: auto;
  margin: 6px 0 0 0;
  padding: 2px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  white-space: normal;
  border: none;
}

div.wall span strong a:hover span.title
{
  /*
  background: #000;
  color: #fff;
  */
  color: #0080bf;
}

div.wall span strong a span.title small
{
  font-size: 10px;
  color: #999;
  display: block;
}

ul.social
{
  overflow: hidden;
}

ul.social li
{
  float: left;
  margin: 0 24px 0 0;
}

ul.social li.last
{
  margin: 0;
}

ul.social li.clear
{
  clear: left;
  width: 0;
  height: 0;
}

ul.social li a
{
  height: 32px;
  background-repeat: no-repeat;
  text-indent: 40px;
  font-size: 14px;
  display: block;
  line-height: 32px;
}

ul.social li a:hover
{

}

ul.social li a.newsletter
{
  background-image: url(../images/social.newsletter.png);
}

ul.social li a.facebook
{
  color: #374d90;
  background-image: url(../images/social.facebook.png);
}

ul.social li a.twitter
{
  color: #47d1d7;
  background-image: url(../images/social.twitter.png);
}

ul.social li a.join
{
  color: #333333;
  background-image: url(../images/social.join.png);
}

div.wall
{
  position: relative;
  margin: 0 auto;
  width: 960px;
  height: 384px;
}

div.wall span
{
  float: left;
  display: block;
  position: relative;
  line-height: 0;
}

div.wall span a
{
  -moz-outline: none;
}

div.wall span img
{
  position: absolute;
  border: 0;
  background: #efefef;
}

div.button
{
  margin: 20px 0 0 0;
  text-align: center;
}

div.button span, div.button button
{
  display: none;
}

span.preview
{
  z-index: 1;
  display: block;
  background: url(../images/preview.png);
  padding: 1px;
  position: absolute;
}

span.preview span
{
  display: block;
  line-height: 0;
  background: #ffffff;
  padding: 9px;
  position: static;
}

span.preview span img
{
  border: 0;
  position: static;
  background: #efefef;
}



div.award
{
  background: #ffffff;
  float: left;
  width: 120px;
  font-size: 11px;
  text-align: center;
  line-height: 15px;
  padding: 14px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border: 1px solid #f2f2f2;
  border-bottom-color: #e6e6e6;
  border-right-color: #e6e6e6;
  margin: 0 12px 12px 0;
}

div.award.last
{
  margin-right: 0;
}

div.award:hover
{
  border: 1px solid #e6e6e6;
}

div.award div
{
  position: relative;
  height: 190px;
  line-height: 0;
  overflow: hidden;
}

div.award div img, div.award div span
{
  position: absolute;
}

div.award div span
{
  left: 0;
  top: 0;
  width: 120px;
  height: 190px;
  background: url(../images/award.png) no-repeat;
}

div.award a.sub
{
  color: #999999;
  display: block;
  height: 30px;
  overflow: hidden;
}

div.award a.sub:hover
{
  color: #000000;
  text-decoration: none;
}

div.award small
{
  display: block;
  font-size: 10px;
  color: #cccccc;
}

div.signin
{
  margin: 20px 0 0 0;
}

div.signin ul li
{
  margin: 0 0 6px 0;
}

div.signin a
{
  display: block;
  width: 150px;
  height: 22px;
}

div.signin a span
{
  display: none;
}

div.signin a.facebook
{
  background: url(../images/signin.facebook.png) no-repeat;
}

div.signin a.twitter
{
  background: url(../images/signin.twitter.png) no-repeat;
}

div.signin a:hover
{
  background-position: 0 -24px;
}

div.signin a:active
{
  background-position: 0 -48px;
}

div.teaserwall
{
  position: relative;
  width: 960px;
  height: 384px;
}

div.teaserwall span
{
  position: absolute;
  line-height: 0;
  overflow: hidden;
}

div.teaserwall span img
{
  position: absolute;
}

div.teaserwall span a
{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

div.teaserwall span a.top
{
  background: url(/images/gradient.top.png) repeat-x top;
}

div.teaserwall span a.bottom
{
  background: url(/images/gradient.bottom.png) repeat-x bottom;
}

div.teaserwall span a strong
{
  font-weight: normal;
  background: #ffffff;
  color: #000000;
  position: absolute;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 6px 4px 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
  margin: 0 5px 0 0;
}

div.teaserwall span a.top strong
{
  top: 5px;
}

div.teaserwall span a.bottom strong
{
  bottom: 5px;
}

div.teaserwall span a:hover strong
{
  color: #0080bf;
}


body
{
	line-height: 20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

h2
{
	font-size: 20px;
	font-weight: normal;
}

h3
{
	font-size: 16px;
	font-weight: normal;
}

h3.intro
{
  font-size: 14px; 
  line-height: 24px;
}

h4
{
	font-size: 14px;
	font-weight: normal;
}

h5
{
	font-size: 12px;
	font-weight: bold;
}


h2 span, h3 span, h4 span, h5 span
{
	color: #999;
}

h2, h3, p
{
	/*margin: 20px 0;*/
}

h2.muted, h3.muted, h4.muted p.muted
{
	color: #cccccc;
}

p em
{
	display: block;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
}

p.more, p.share
{
	text-align: right;
	font-size: 11px;
}

p.tagcloud
{
	text-align: justify;
}

blockquote
{
	margin: 0 0 0 82px;
}

blockquote p
{
	color: #999999;
	font-style: italic;
}

a
{
	color: #0080bf;
	/*border-bottom: 1px solid #c2e2f2;*/
}

a:hover
{
	text-decoration: underline;
}

a.facebook
{
  color: #374d90;
}

a.twitter
{
  color: #47d1d7;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover
{
	/*
	text-decoration: none;
	border-bottom: 1px solid #0080bf;
	*/
}



a.shop
{
	color: #f20000;
}

a.magazine
{
	color: #adcc70;
}

a.photos
{
	color: #70bdcc;
}

a.homes
{
	color: #cccc0a;
}


/*
li
{
	margin: 0 0 0 82px;
}

ul
{
	list-style-type: circle;
}

ol
{
	list-style-type: decimal;
}
*/

/*
textarea, input.text
{
	background: #efefef;
	border: 2px solid #e8e8e8;
	padding: 3px;
	width: 460px;
	margin: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

textarea:focus, input.text:focus
{
	border: 2px solid #cccccc;
}
*/



/*
select
{
	width: 468px;
}

div.buttons
{
	padding: 5px 0 0 0;
	text-align: right;
}

input.button
{

	display: block;
	margin: 10px 0 0 auto;

}
*/

div.muted
{
	font-size: 11px;
	color: #999;
}




div.entry h2, div.entry h3, div.entry h4, div.entry p, div.entry ul, div.entry ol, div.entry address
{
	margin: 0 0 20px 0;
}

div.entry h2
{
	line-height: 24px;
}

div.entry h2 small
{
	color: #999999;
	font-size: 11px;
}

div.entry blockquote
{
	margin: 0 0 0 70px;
	padding: 0 0 0 10px;
	padding: 0 0 0 11px;
	margin: 0 0 0 151px;
	border-left: 2px solid #e8e8e8;
	padding: 0 0 0 11px;
	margin: 0 0 0 11px;
}

div.entry ul
{
	list-style-type: circle;
}

div.entry ol
{
	list-style-type: decimal;
}

div.entry li
{
	margin: 0 0 0 82px;
	margin: 0 0 0 164px;
	margin: 0 0 0 24px;
}

div.entry div.image
{
	margin: 40px 0;
}

div.entry div.image div
{
	line-height: 0;
	padding: 5px 0;
	border-color: #e8e8e8;
	border-style: solid;
	border-width: 2px 0;
}

div.entry div.image small
{
	color: #999999;
	font-size: 11px;
	display: block;
	text-align: right;
}

div.entry div.image small a
{
	color: #999999;
}

div.entry div.image small a:hover, div.entry div.image small a.active
{
	color: #000000;
	text-decoration: none;
}

div.entry h3 + div.image
{
    margin-top: 20px;
}

table.table, table.table tr, table.table td, table.table th
{	
	margin: 0;
	padding: 0;
}

table.table
{
	width: 632px;
	border-spacing: 0;	
	border-color: #e8e8e8;
	border-style: solid;
	border-width: 1px 0 0 1px;
}

table.table tr th
{

}

table.table tr.odd
{
	background: #efefef;
}

table.table tr.even
{
	background: #ffffff;
}

table.table tr th, table.table tr td
{
	text-align:  left;
	border-color: #e8e8e8;
	border-style: solid;
	border-width: 0 1px 1px 0;
	color: #999999;
}

table.table tr th.right, table.table tr td.right
{
	text-align: right;
}

table.table tr th span, table.table tr td span 
{
	padding: 2px 4px;
	overflow: hidden;
	display: block;
	white-space: nowrap;
}

table.table tr td span
{
	font-size: 11px;
}

table.table tr td span a
{
	color: #333333;
}

table.table tr td span a.review
{
	color: #0080BF;
}

div.formError
{
	color: #f20000;
	font-size: 11px;
}


div.intro p, div.intro ul
{
	margin: 0 0 20px 0;
}

div.intro p.more
{
	margin: 0;
}

div.intro ul
{
	list-style-type: circle;
}

div.intro li
{
	margin: 0 0 0 24px;
}

div.field
{
	margin: 0 0 10px 0;
}

span.translation_missing
{
  color: #ff0000;
}


label
{
	display: block;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #999;
	padding: 0;
	margin: 0 0 3px 0;
}

select
{
}

textarea.small
{
	background: url(../images/textarea.small.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	outline: none;
	font-size: 12px;
	border: none;
	width: 292px;
	height: 120px;
	margin: 0;
	padding: 6px;
	border: none;
	color: #999999;
	line-height: 20px;
}

textarea.small:focus
{
	color: #333333;
	border: none;	
}


/* @group Textfield */

input.text
{
	vertical-align: bottom;
	line-height: 0;
	border: none;
	line-height: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	outline: none;
}

input.text:focus
{
	color: #333333;
	border: none;
}

input.text.big
{
	width: 286px;
	height: 18px;
	background: url(../images/input.big.png) no-repeat;
	font-size: 14px;
	padding: 9px;
}

input.text.small
{
	width: 292px;
	height: 16px;
	background: url(../images/input.small.png) no-repeat;
	font-size: 12px;
	padding: 4px 6px;
}

/* @end */

/* @group Button */

input.button
{
	vertical-align: bottom;
	border: none;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #80c0df;
	color: #d5e9f2;
	cursor: pointer;
}

input.button::-moz-focus-inner
{
	border: none;
}

input.button:hover
{
	color: #b3d9ec;	
	color: #ffffff;
}

input.button:active
{
	padding: 2px 0 0 0;
	color: #cce6f2;
	color: #ffffff;
}

input.button.big
{
	background: url(../images/button.big.png) no-repeat;
	height: 36px;
	font-size: 11px;
}

input.button.big:hover
{
	background-position: 0 -36px;
}

input.button.big:active
{
	background-position: 0 -72px;
}

input.button.small
{
	background: url(../images/button.small.png) no-repeat;
	height: 24px;
	font-size: 9px;
}

input.button.small:hover
{
	background-position: 0 -24px;
}

input.button.small:active
{
	background-position: 0 -48px;
}

input.button.disabled
{
	cursor: default;
	color: #006fa6;
}

input.button.disabled:hover, input.button.disabled:active
{
	background-position: 0 0;
	padding: 0;
}


/* @end */

/* @group Alert */

div#alert
{
	background: url(../images/alert.background.png);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

div#alert div
{
	position: absolute;
	width: 286px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #e8e8e8;
	text-align: right;
}

div#alert div h3
{
	text-align: left;
	margin: 0 0 12px 0;
}

div#alert div p
{
	color: #333333;
	margin: 0 0 12px 0;
	text-align: left;
}

/* @end */