/*
	Current version: 1.0
	
	Site: Anonyma Alkoholister
	www: www.aa.se
	Author: Robert Hedman, robert.hedman@atrox.se
	Notes: This file contains the rules of custom element of the site.
	------------------------------------------------------------------ */
	

/* NEWS */
.newsBoxContainer
{
	border-bottom:1px solid #d9cac0;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

	.readMoreDate
	{
		text-align:right;
		margin:5px 0 0 0;
	}
	
	.newsDate{font-size:0.916em;color: #a49387;}
	
	.divider{width:auto;display:inline;}
	
	#newsArchiveButton{float:right;font-size:1.2em;font-weight:bold;}
	
/* NEWS ARCHIVE */
#newsArchiveFilterLeft, #newsArchiveFilterRight
{
	width:200px;
	float:left;
}

#newsArchiveSearchString, #fromDate, #toDate, newsArchiveSearchString
{
	width:190px !important;
}

#filteredResults
{
	margin:20px 0 20px 0;
}

	#filteredResults .divider
	{
		display:none;
	}

#filteredResults .newsBoxContainer
{
	background:none;
	padding:0;
	margin:0;
	border-bottom:1px solid #a2a5a2;
}

	#filteredResults .newsBoxContainer h2 a
	{
		color:#000;
	}
	
	#filteredResults .newsBoxContainer h2 a:hover
	{
		text-decoration:none;
	}
	

.readMoreDate
{
	text-align:right;
	padding:5px 0 10px 0;
}

#newsArchiveFormCollections ul li
{
	background:none;
	list-style:none;	
}

#newsArchiveFormSearch .submit
{
	float:right;
	margin:10px 0 0 0;
	cursor:pointer;
}		
	
/* CALENDAR */
#calendarWrapper
		{
			width:245px;
			height:153px;
			overflow:hidden;
			background:#fff;
			padding:1px;
			text-align:right;
		}
		
		#calendarTable
		{
			width:245px;
			background:#efe7dc;
			font-family:arial, helvetica, sans-serif;
		}
		
			#calendarTable th
			{
				padding:0;
				margin:0;
				height:25px;
				text-align:center;
			}
			
				.thSunday
				{
					color:#b11b00 !important;
				}
			
			#calendarTable td
			{
				text-align:center;
				height:20px;
			}
			
				#calendarTable td a
				{
					display:block;
					height:20px;
					text-decoration:none;
					font-weight:bold;
					color:#000;
					line-height:1.7em;
					background:#fecc91;
				}

			
			.week
			{
				font-size:9px;
				color:#5e5d5d;
				text-align:center;
				vertical-align:center !important;
			}
			
				.week a{background:transparent !important;text-align:center;width:auto !important;height:auto !important;}
			
			.weekDayLastMonth
			{
				background:#d5c1a6;
				color:#000;
			}
			
			.weekDayActiveMonth
			{
				background:#ffffff;
			}
			
			.saturday
			{
				background:#fff;
			}
			
			.sunday
			{
				color:#b11b00 !important;
				background:#fff ;
			}
			
				.sunday a{color:#b11b00 !important;}
			
			#calendarPagination
			{
				width:245px;
				height:15px;
				overflow:hidden;
				clear:both;
				float:none;
				margin:5px 0 0 0;
			}
			
				#calendarPagination a
				{
					display:block;
					width:auto;
				}
			
				#calendarPagination #previousMonth
				{
					float:left;
				}
				
				#calendarPagination #nextMonth
				{
					float:right;
				}
				
				.nextMonth, .previousMonth
				{
					padding:0 0 5px 0;
				}
				
				
		#calendarTableBig
		{
			width:100%;
			background:#efe7dc;
			font-family:arial, helvetica, sans-serif;
		}
		
			#calendarTableBig th
			{
				padding:0;
				margin:0;
				width:54px;
				height:51px;
				text-align:center;
				color:#000;
			}
			
				.thSunday
				{
					color:#d30028;
				}
			
			#calendarTableBig td
			{
				text-align:left;
				vertical-align:top;
				width:54px;
				height:51px;
				font-weight:normal;
			}
			
				#calendarTableBig td a
				{
					display:block;
					width:54px;
					text-decoration:none;
					color:#000 !important;
					line-height:1.7em;
					font-weight:bold;
				}
				
					#calendarTableBig td a.event
					{
						font-size:9px;
						font-weight:normal;
						width:54px;
						overflow:hidden;
						border-bottom:1px solid #fff;
					}

			
			#calendarTableBig .week a
			{
				font-size:9px;
				color:#5e5d5d;
				margin:15px 0 0 0;
			}
			
			.weekDayLastMonth
			{
				color:#000;
			}
			
			.weekDayActiveMonth
			{
				background:#ffffff;
			}
			
			.saturday
			{
				background:#fff !important;
			}
			
			.sunday
			{
				color:#d30028;
				background:#fff !important;
			}
		
		#calendarTableWeek
		{
			width:100%;
			margin:0;
			padding:0;

		}
		
			#calendarTableWeek td
			{
				border-right:1px solid #d9cac0;
				border-bottom:1px solid #d9cac0;
			}
			
				.calendarEventContainer{border-right:none !important;}
			
				#calendarTableWeek a
				{
					display:block;
					padding:5px 0 5px 0;
					margin:0 0 0 10px;
				}
		.calendarTimeStamp
		{
			width:90px;
			margin:0;
			padding:0;
			height:auto;
			text-align:center;
			padding:10px 0 10px 0;
		}

		#calendarEventContainer
		{
			width:351px;
			margin:0;
			padding:0;
		}
			#calendarEventContainer a
			{
				color: #a91e2b;
				text-decoration: underline;
			}
			#calendarEventContainer a:hover
			{
				color:#494949;
			}
	
		.calendarHr
		{
			float:right;
			width:351px;
			margin:0;
			padding:0;
			display:block;
		}			
		
		.calendarBack
		{
			width:auto;
			display:block;
			float:left;
		}
		
		.calendarRegisteredBy
		{
			display:none;
		}		
		
		.calendarH1
		{
			width:200px;
			display:block;
			float:left;
			margin:0;
		}
		
		#selectView
		{
			width:120px;
			float:right;
			margin:8px 0 0 0;
			font-size:11px;
		}
			
		.calendarHr2
		{
			clear:both;
			font-size:0;
			height:1px;
			border-bottom:1px solid #d9cac0;
		}
		
		#currentMonth
		{
			text-decoration:none;
		}
		
.calendarSeparator
{
	padding:10px 0 0 0;
	display:block;
	width:181px;
	height:2px;
	font-size:0;
	clear:both;
	background:url(../images/common/horisontell-linje-liten-calendar.gif) bottom left no-repeat;
}

.eventContainer
{
	margin:12px 0 0 0;
}

	.eventContainer span
	{
		font-size:10px;
	}
	
	.eventContainer h3
	{
		font-size:12px;
		font-weight:bold;
		padding:7px 0 3px 0;
	}
	
	.eventContainer .readMore
	{
		text-align:right;
	}	
	
#colorExpl
{
	clear:both;
	float:none;
	border-top:1px solid #d9cac0;
}

	#colorExpl dd
	{
		margin:0 0 3px 0;
	}
	
		#colorExpl .left{width:200px;float:left;}
		#colorExpl .right{width:200px;float:right;}
	
	#colorExpl dt
	{
		font-weight:bold;
		font-size:1.1em;
		margin:0 0 5px 0;
	}

	.color1, .color2, .color3, .color4, .color5, .color6, .color7{margin:0;padding:0 0 0 20px;}
	
	.color1{background:url(../images/custom/color1.gif) no-repeat;}
	.color2{background:url(../images/custom/color2.gif) no-repeat;}
	.color3{background:url(../images/custom/color3.gif) no-repeat;}
	.color4{background:url(../images/custom/color4.gif) no-repeat;}
	.color5{background:url(../images/custom/color5.gif) no-repeat;}
	.color6{background:url(../images/custom/color6.gif) no-repeat;}
	.color7{background:url(../images/custom/color7.gif) no-repeat;}




/* WEBSHOP */
.productMenu
{
	margin: 0;
	padding: 0;
	list-style: none;
}
	.productMenu li 
	{
		border-bottom:1px solid #d9cac0;
		padding:0 0 4px 0;
		line-height:0;
		font-size:0;
	}
	.productMenu a
	{
		color: #000;
		font-weight:bold;
		font-size:12px!important; 
		line-height:1.8em !important;
	}
		.productMenu a:hover
		{
			color: #b11b00 !important;
			text-decoration:none;
		}
		
		.productMenu .productMenu
		{
			margin:0;
			padding:0;
			list-style:none;
		}
		
		.productMenu .productMenu li 
		{
			border:0 !important;
			padding:0 0 0 10px;
			line-height:0;
			font-size:0;
			margin:0; 
		}
		
		.productMenu .productMenu li a
		{
			line-height:20px !important;
			font-size:12px!important; 
			font-weight:normal;
		}



/* Secondary Navigation - Second level */
#subMenuListLvl2
{
	margin: 5px 0 0 8px;
	padding: 0;
}
	#subMenuListLvl2 li
	{
		border: 0;
		padding: 0;
		margin: 0 0 4px 0;
	}
		#subMenuListLvl2 li a
		{
			
		}


#shoppingCart
{

}
		
#cart
{
	background:url(../images/custom/cart.gif) top right no-repeat;
	margin:10px 0 0 0;
	padding:16px 0 0 0;
	clear:both;
	float:none;
}

	#cart label {font-size: 1.6em;margin:0;font-weight:bold;display:block;}
	
	#cart select{width:100%;padding:0;}
	
	#nav #details, #nav #checkout, #nav #condition,  .currentPrice
	{
		display:block;
		border-bottom:1px solid #d9cac0;
		padding:0 0 4px 0;
		color: #b11b00 !important;
		line-height:2em;
		font-weight:bold;
	}
	
		#checkout{color:#000 !important;}
	
		#details:hover, #checkout:hover, #condition:hover
		{
			color: #b11b00;
			text-decoration:none;
		}
		
		 .currentPrice{color:#000 !important;font-weight:normal !important;}
		 

		 #customerPostalCode_Message{display:block;width:auto;float:right;margin:4px 20px 0 0;}
		
/* PRODUCT LISTING */

#products
{
	background:url(../images/custom/product-lines.gif) repeat-y;
	min-height:469px;
	height:auto !important;
	height:469px;
	width:475px;
}

	.product
	{
		width:220px;
		padding:0 0 0 15px;
		height:275px;
		float:left;
		overflow:hidden;
		font-weight:bold;
	}
	
		.product h2
		{
			font-size:1.2em; 
			margin:10px 10px 0 0;
			display:block;
			height:37px;
			overflow:hidden; 
		}
		
		.thumbnail
		{
			width:170px;
			height:160px;
			overflow:hidden;
			text-align:center;
		}
		
		.imgMissing
		{
			background:url(../images/custom/img-missing.gif) 20px 0 no-repeat;
			margin:0;
		}
		
		.productMoreInfo
		{
			display:block;
			width:auto;
			float:right;
			display:inline;
			margin:10px 10px 0 0;
		}
		
		.productPrice
		{
			width:auto;
			float:left;
			display:inline;
			font-size:14px;
		}	
		
/* PAGINATION */

#paginationContainer
{
	clear:both;
	float:none;
	margin:15px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px solid #a49387;
}


#pagination
{
	list-style:none;
	margin:0;
	padding:0;
}

	#pagination li
	{
		display:inline;
		float:left;
		margin:0 10px 0 0;
		font-weight: bold;
	}

		#pagination li a
		{
			font-weight:normal;
		}
		
	
	#paginationPrevious
	{
		float:left !important;
		margin:0 15px 0 0 !important;
	}
	
	#paginationNext
	{
		float:right !important;
		margin:0 0 0 0 !important;
	}
	
	
/* PRODUCT DETAIL PAGE */

#thumbnail
{
	width:230px;
	height:220px;
	border-right:1px solid #d9cac0;
	text-align:center;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 15px 0 0;
}

	#thumbnail img
	{
		margin:15px 0 0 0;
	}
	
	#thumbnail p
	{
		color:#b11b00;
		text-align:right;
		margin:0 15px 0 0;
	}
	
.meta
{
	clear:both;
	float:none;
	border-top:1px solid #d9cac0;
	font-size:1.2em;
	font-weight:bold;
}

	.meta .productPrice
	{
		width:auto;
		float:left;
		margin:12px 0 0 0 !important;
	}
	
	.productDeliveryTime
	{
		display:none;
	}
	
	#SiteShoppingCartAddProductForm
	{
		width:300px;
		float:right;
		margin:10px 0 5px 0;
	}
	
	.productBuy
	{
		width:300px;
		height:22px;
		overflow:hidden;
		text-align:right;
	}
	
		.productAmount
		{
			width:35px;
			height:16px;
			border:1px solid #a49387;
			font-size:1em !important;
			background:url(../images/common/input-bg.gif) repeat-x;
			margin:0;
			padding:0 0 1px 0;
			text-align:center;
		}
		
		#products .product .productBuy{
			width:110px;
			height:30px;
			float:left;
			margin:0 10px 0 0;
			text-align:left;
		}
		
		#products .product #SiteShoppingCartAddProductForm .productAmount{
			text-align:center;
		}
		
		#products .product #SiteShoppingCartAddProductForm{
			width:150px;
			float:left;
			margin-top:6px;
		}
		
		.buy
		{
			border:0;
			background:transparent;
			color:#b11b00;
			font-weight:bold;
			margin:0 0 0 20px;
			padding:0;
			height:22px;
			width:135px;
			cursor:pointer;
		}
		
		#products .product #SiteShoppingCartAddProductForm .buy{
			width:30px;
			height:19px;
			font-size:14px;
			margin-left:5px;
		}

	.productBack
	{
		clear:both;
		float:none;
		border-top:1px solid #d9cac0;
		padding:10px 0 0 0;
		margin:10px 0 0 0;
	}
	
/* Shopping cart details */

#shoppingCartDetails h1
{
	border-bottom:1px solid #d9cac0;
	padding:0 0 10px 0;
}

item {margin:0;padding:0 0 10px 0;}

#itemHeader {overflow:hidden;height: 25px;}

.item
{
	border-bottom: 1px solid #d9cac0;
	padding: 8px 0 0 0;
	overflow:hidden;
	height: auto !important;
	min-height: 30px;
	height: 30px;
	
}
#itemHeader
{
	border-bottom: 3px solid #ac9e94;
	font-weight:bold;
	margin:15px 0 0 0;
}



.artId, .name, .price, .amount, .item .total {display:block;float:left;padding: 2px 0 0 0;}
.artId {width: 20%;}
.name {width: 50%;}
.price {width: 20%;}
.amount {width: 13%;padding:0;}
.total {width: 16%;float:left;text-align:right;}

.inputHidden {display:none;}

#update {width:30%;float:left;padding: 10px 0 0 0;}
.items .total{ width:65%;padding: 5px 0 0 0;float:right;}
#step4 .items .total, #step5 .items .total {width: 100%;}
.items{border-bottom: 1px solid #999;overflow: hidden;padding-bottom:10px;}
.type {width: 65%;text-align: right;float: left;padding: 0 2% 0 0;overflow: hidden;font-weight:bold;}
#step4 .type, #step5 .type {width: 390px;}
.sum {width: 65px;float: right;text-align:right;}

#goBack {width: 70%;float:left;margin: 5px 0 0 0;}
#goBack .continue{float:left;height:22px;cursor: pointer;border:0;width:100px;color:#b11b00;background:none;border:0;font-weight:bold;font-size:1.2em;}

#continue .checkout{float:right;height:22px;cursor: pointer;border:0;width:72px;color:#b11b00;background:none;border:0;font-weight:bold;font-size:1.2em;}

.empty, .update {float:left;height:18px;padding:0;margin: 0 10px 0 0;cursor: pointer;border:0;color:#b11b00;background:none;border:0;font-weight:bold;}
.empty{width:109px;}
.update{width:109px;}



/* CHECKOUT */

.col1_checkout dl, .col1_checkout dt, .col1_checkout dd
{
	margin:0;
	padding:0;
}

	.col1_checkout dt{font-size: 2.4em;margin: 0.2em 0;}
	.col1_checkout dd{margin:0 0 10px 0;}
	.col1_checkout dd.ok{background:url(../images/common/ok.png) 293px 5px no-repeat;}
	.col1_checkout dd.invalid{background:url(../images/common/notok.png) 293px 5px no-repeat;}
	.col1_checkout textarea{width:305px;}
	.col1_checkout input{width:154px;}
	.radio{width:auto !important;}
	
	.r7{position:relative;}
	.r7 #customerMobile_Message{display:block;width:90px;height:100px;position:absolute;top:-32px;left:310px;background:url(../images/common/bubble.png) no-repeat;padding:6px 6px 8px 15px;}

.col1_checkout label, #checkout strong
{
	width:112px;
	display:block;
	float:left;
	text-align:right;
	padding-right:15px;
}

	#checkout strong{text-align:left;}

	.r15, .r16{clear:both;padding:0 0 10px 0 !important;}
	.r15 input, .r16 input{float:left;}
	.r15 label, .r16 label{width:auto !important;float:left;text-align:left;padding-left:10px;}
	
.col2_checkout
{
	clear:both;
}

#payment_method input, .agreeTerms input{margin-right:10px;}
#payment_method{clear:both;border-top: 1px solid #AC9E94;margin-top:20px;padding-top:10px;}
#continue input
{
	float:right;
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #B11B00;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    height: 22px;
}
#goBack{padding-bottom:15px;}

#payment_method{padding:15px 0;}
#payment_method dl{margin:0;padding:0;}
#payment_method dd{padding-left:0;margin-left:0;}

/* ORDER STEPS */

.visible
{
	display: block;	
}

.invisible
{
	display: none;	
}

#checkout dt
{
	font-weight:bold;font-size:14px;
	margin-top:15px;
}

#checkout dd{margin-left:0;padding-left:0;border-bottom:1px solid #d5d0cd;padding:5px 0;}



/* GROUP SEARCH */

#GroupSearchForm select
{
	font-size:0.950em;
	width:69px;
}

#searchLeft
{
	width:180px;
	float:left;
	overflow:hidden;
}

#searchRight
{
	width:65px;
	float:right;
	overflow:hidden;
}

.filter
{
	font-size:1em;
	font-weight:bold;
	display:block;
	margin:10px 0 0 0;
}

#groupSearchString
{
	width:168px;
	padding:0;
	border:1px solid #ac9e94;
}

.searchGroupSubmit
{
	margin:115px 0 0 0;
	float:right;
	cursor:pointer;
}

#filterOptions, #filterOptions li
{
	margin:0;
	padding:0;
	list-style:none;
	line-height:1.5em;
}

	#filterOptions li
	{
		height:20px;
	}
	
.searchHelp
{
	background:url(../images/custom/search-help.gif) right 8px no-repeat;
	cursor:pointer;
}

#searchHelpWrapper
{
	width:255px;
	background:url(../images/custom/help-box-shadow.png) bottom left no-repeat;
	position:absolute;
	margin:0 0 0 -5px;
	z-index:100;
	padding:5px;
}

	#searchHelp
	{
		width:243px;
		background:#fff;
		border:1px solid #ac9e94;
	}
	
		#searchHelp h4
		{
			background:url(../images/custom/search-close.gif) top right no-repeat;
			cursor:pointer;
			height:21px;
		}
		
		#searchHelp h4
		{
			margin:7px 5px 5px 10px;
			padding:3px 0 0 0;
		}
		
		#searchHelp p
		{
			margin:0 10px 10px 10px; 
		}
	
#colorExpl2{margin:0;padding:0;}	
	
#colorExpl2 li.left
{
	display:block;
	float:left;
	width:150px;
	padding:0 0 0 17px;
}

#colorExpl2 li.right
{
	display:block;
	float:right;
	width:250px;
	padding:0 0 0 17px;
}

	#black{background:url(../images/custom/black.gif) 0 3px no-repeat;}
	#yellow{background:url(../images/custom/yellow.gif) 0 3px no-repeat;}
	#blue{background:url(../images/custom/blue.gif) 0 3px no-repeat;}
	#red{background:url(../images/custom/red.gif) 0 3px no-repeat;}
	#green{background:url(../images/custom/green.gif) 0 3px no-repeat;}
	#handicap{background:url(../images/custom/handicap.gif) no-repeat;}
		.handicap{background:url(../images/custom/handicap.gif) no-repeat;width:30px;}
	
.showHide
{
	float:right;
	margin:14px 0 0 5px;
}

	#checkbox
	{
		padding:0;
		font-size:0;
		line-height:0;
		overflow:hidden;
		width: 13px;
		height: 13px;
	}
	
	.checkbox
	{
		width:auto !important;
		margin-right:6px;
	}

.searchGroup
{
	width:auto !important;
	float:left;
}

#searchResult
{
	border-top:1px solid #d9cac0;
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	clear:both;
	float:none;
	position:relative;
	padding-bottom:600px;
}

#printLink
{
	background:url(../images/custom/print.gif) 0 1px no-repeat;
	display:block;
	padding:0 0 0 20px;
}

.language
{
	float:right;
	width:20px;
	height:13px;
}

	.languageSvenska
	{
		background:url(../images/custom/svenska.gif) no-repeat;
	}
	
	.languageFinska
	{
		background:url(../images/custom/finska.gif) no-repeat;
	}
	
	.languageRyska
	{
		background:url(../images/custom/ryska.gif) no-repeat;
	}
	
	.languageSpanska
	{
		background:url(../images/custom/spanska.gif) no-repeat;
	}
	
	.languageEngelska
	{
		background:url(../images/custom/engelska.gif) no-repeat;
	}
	
	.languageLitauiska
	{
		background:url(../images/custom/litauiska.gif) no-repeat;
	}
	
	.engelska, .languageEngelska.svenska
	{
		width:43px !important;
		background:url(../images/custom/svenska-engelska.gif) no-repeat !important;
	}
	
	.languagePolska
	{
		background:url(../images/custom/polska.gif) no-repeat;
	}
	

#searchResult dl
{
	width:385px;
	float:left;
	padding:0 0 0 20px !important;
}

#searchResult dt
{
	font-size:1.1em;
	font-weight:bold;
}

	#searchResult .location
	{
		color:#b11b00;
	}
	
	#searchResult dd
	{
		margin:0;
		padding:0;
	}

	
	.groupInfoWrapper
	{
		width:425px;
		background:url(../images/custom/info-box-shadow.png) bottom left no-repeat;
		position:absolute;
		left:15px;
		margin:-3px 0 0 0;
		z-index:100;
		padding:5px;
		display:none;
	}

	.groupInfo
	{
		width:423px;
		background:#fff;
		border:1px solid #ac9e94;
		min-height:100px;
		height:auto !important;
		height:100px;
	}
	
		.groupInfo h4
		{
			background:url(../images/custom/search-close.gif) top right no-repeat;
			cursor:pointer;
			height:21px;
		}
		
		.groupInfo h4
		{
			margin:7px 5px 5px 10px;
			padding:3px 0 0 0;
		}
		
		.groupInfo p
		{
			margin:0 10px 10px 10px; 
		}
	
.showHideSchedule
{
	text-align:right;
	clear:both;
	float:none;
}

	.showHideLink
	{
		cursor:pointer;
		color:#b11b00;
	}
	
		.showHideLink:hover, .showHideLink2:hover
		{
			text-decoration:underline;
		}
	
	.showHideLink2
	{
		cursor:pointer;
		color:#b11b00;
	}

.scheduleTable
{
	width:425px;
	clear:both;
	float:none;
	margin:10px 0 0 20px;
	border-collapse:collapse;
	border:1px solid #d5c1a6;
}

	.scheduleTable th
	{
		background:#efe7dc;
		text-align:center;
		border-color:#d5c1a6;
	}
	
	.scheduleTable td
	{
		text-align:center;
		border-color:#d5c1a6;
	}
	
		.scheduleTable td div
		{
			height:30px;
			line-height:2.8em;
			color:#fff;
		}
		
			.starttime_OPEN
			{
				background:#58bae0;
			}
			
			.starttime_MALE
			{
				background:#2aa31f;
			}
			
			.starttime_FEMALE
			{
				background:#c32525;
			}
			
			.starttime_YOUNG
			{
				background:#ffd200;
				color:#000 !important;
			}
			
			.starttime_
			{
				background:#000;
			}
	
	.scheduleShadow
	{
		width:425px;
		margin:0 0 0 20px;
		background:url(../images/custom/schedule-shadow.gif) top center no-repeat;
	}