@import "hacks.css";

/* base.css */
/**
* Base rules to be applied on all pages. 
*/

html, body {
	margin:   0 !important; 
	padding:  0 !important;
	width:    100% !important;
	height:   100% !important;
}

body {
	font-family: helvetica, arial, sans-serif;
	font-size:   0.81em;
	line-height: 1.235em;
	color:       #4d4d4d;
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	margin:      0;
	padding:     0 0 0.1em 0;
	line-height: 1;
}
h1 {
	font-size:   2.6em;
	color:       #4d4d4d;
}
h2 {
	font-size: 1.5em;
}
img {
	border: none;
}

legend {
	color: #4d4d4d;
}

a:link {
	color: #000; 
	text-decoration: none;
	font-weight: bold;
}
.hidden {
	display: none;
}
.column {
	float: left;
}
ul.linkedList {
	margin:      0;
	padding:     0;
	list-style:  none;
	line-height: 1.2em;
}
	ul.linkedList a {
		padding: 0;
	}
	ul.linkedList li a:after {
		content: " >";
	}
	

#pageWrapper {
	margin:     0 auto;
	padding:    0;
	width:      960px;
	min-height: 400px;
}

#headSection {
	margin:  0;
	padding: 0;
	height:  96px;
	background-color:    #fff;
	background-image:    url("../images/pagehead_bg.png");
	background-repeat:   no-repeat;
	background-position: left top;
	position: relative;
}
	
	#logo {
		display: none;
	}
	
	#navigationMenu {
		position:   relative;
		margin:     0;
		padding:    0;
		float:      left;
		list-style: none;
	}
		#navigationMenu li {
			margin:  0;
			padding: 0;
			float:   left;
		}
			#navigationMenu li.first a {
				padding: 40px 0 0 220px;
			}
			#navigationMenu img, #navigationMenu a {
				border:  none;
				margin:  0;
				padding: 0;
			}
			
			#navigationMenu .submenu {
				position:   absolute;
				margin:     0;
				padding:    0;
				list-style: none;
				left:       140px;
				top:        34px;
				bottom:     0;
				width:      580px;
			}
				#navigationMenu .submenu a {
					color: #585858;
				}
				#navigationMenu .submenu a:hover {
					color: #cc0033;
				}
				
				#navigationMenu .submenu li {
					padding: 4px 7px 1px 7px;
					float:   left;
					border-right: 1px solid #a1a1a1;
					border-left:  1px solid inherit;
				}
					#navigationMenu .submenu li.first {
						border-left: 1px solid #a1a1a1;
					}
						#navigationMenu .submenu li.first a {
							padding-left: 0;
						}
					#navigationMenu .submenu li.last {
						border: none;
					}
					#navigationMenu .submenu li.current,
					#navigationMenu .submenu li.current a {
						color:       #000;
						font-weight: bold;
					}
				
			
			
	#usefulLinks {
		margin:     0 5px 0 0;
		padding:    0;
		text-align: right;
		list-style: none;
		position: absolute;
		top: 0;
		right: 0;
	}
	#usefulLinks a {
		color: #fff;
		font-weight: bold;
	}


#contentSection {
	min-height: 400px;
	_height:    400px;
	position: relative;
}
	
	#searchArticleForm label {
		display: none;
	}
	#searchArticleForm div.campaign label {
		display: block;
	}
	#searchArticleForm div.campaign input {
		margin:  0;
		padding: 0;
	}
	
	
	
	#articleSearch {
		margin:  0;
		padding: 0;
		width:   200px;
		float:   left;
	}
		#articleSearch form {
			width: 100%;
		}
			#articleSearch fieldset {
				margin:  0;
				padding: 0;
				border:  none;
			}
				#articleSearch legend {
					margin:      0;
					padding:     0 0 1em 0;
					font-size:   1.2em;
					font-weight: bold;
				}
				
			#articleSearch fieldset label span:after {
				content: ":";
			}
			/* if labels are not to be displayed, uncomment the following rule: 
			#articleSearch fieldset label span {
				display: none;
			}
			*/
		
		#articleSearch select {
			width: 100%;
			margin: 0 0 1em 0;
		}
	
#footerSection {
	margin:     0;
	padding:    0;
	height:     85px;
	min-height: 85px;
	float:      none;
	clear:      both;
	background-image:    url("../images/pagefooter_bg.png");
	background-repeat:   no-repeat;
	background-position: left top;
}
	#footerSection .quickSearch form {
		margin:  0;
		padding: 20px 0 0 10px;
	}
		.quickSearch fieldset,
		.quickSearch legend  {
			margin:  0;
			padding: 0;
			color: #fff;
		}
		.quickSearch form fieldset {
			border:  none;
		}
		.quickSearch form label span {
			display: block;
		}




select, input {
		font-family: Verdana, Arial, Helvetica, Sans-serif;
		font-size: 1em;
		border: 1px solid #aaa;
		margin-top: 5px;
		margin-bottom: 5px;
}
#articleSearch select {
	background-color: #fff;
	width: 160px;
}

input[type="checkbox"],
input[type="radio"] {
	border: 0;
}




/* shop.css */	
	#content {
		margin:  0 20px;
		padding: 0;
		width:   540px;
		float:   left;
		border:  0px dotted lightgrey;
	}
	
		/* List the regions */
		ul#regionList {
			margin:     0;
			padding:    0;
			list-style: none;
		}
			#regionList li#allRegions {
				padding-top: 1.6em;
			}
		
		
		
		/* List the shops */
		table.regionShops {
			margin-bottom:   1.5em;
			border-collapse: collapse;
			border-spacing:  0px;
			color:           #000;
			width:           100%;
		}
			
			.regionShops thead tr th {
				padding:       5px 0;
				border-bottom: 1px solid black;
				font-weight:   bold;
				text-align:    left;
			}
			
			.regionShops thead tr th.shopName {
				width: 20em;
			}
			.regionShops thead tr th.address {
				width: 23em;
			}
			
			.regionShops thead tr th.quantity {
				width: 15em;
			}
			.regionShops thead tr th:first-child,
			.regionShops tbody tr td:first-child {
				padding-left: 15px;
			}
			
			
			.regionShops tbody tr {
				background-color:    #fff;
				background-image:    url("../images/common/table_lightgray_gradient.gif");
				background-repeat:   repeat-x;
				background-position: bottom;
			}
			
			.regionShops tbody tr td {
				padding:       5px 0;
				border-bottom: 1px solid black;
			}
			
			
		
		/* Information about a shop */
		#shopInformation {
			
		}
			
			#shopInformation b {
				font-weight: normal;
			}
		
			#shopInformation address {
				font-style: normal;
			}
			
			#shopInformation ul.contactInformation {
				list-style: none;
				margin:     0;
				padding:    0;
			}
			
			.openingHours {
				margin: 1.5em 0 0 0;
			}
			
		
		#shopGraphics {
			float: right;
		}
		
		.shopImage {
			max-width: 300px;
			_width:    300px;
			border:    1px solid #e6e6e6;
		}
		
			#map {
				width:  300px;
				height: 200px;
				border: 1px solid #e6e6e6;
			}
		


#relatedContent {
		margin:     0;
		padding:    0;
		float:      right;
		width:      180px;
		min-height: 7em;
		_height:    7em;
	}
	
		.my-favorites ul {
			margin:     0 0 1em 0;
			padding:    0;
			list-style: none;
		}
			.my-favorites .thumbnails li {
				margin:   2px;
				padding:  0px;
				float:    left;
				width:    75px;
				height:   75px;
				border:   2px solid #eee;
				overflow: hidden;
			}
	
/* needed for editor to display text properly (with the correct font size) */
table, td {
	font-size: 1em;
}