@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:       #606060; /* #999; */
	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:       #000;
}
h2 {
	font-size: 1.5em;
}
img {
	border: none;
}

legend {
	color: #000;
}

a:link {
	color: #000; 
	text-decoration: underline;
}
a:visited {
	color: #000; 
	text-decoration: underline;
}
a:hover {
	color: #FF0000; 
	text-decoration: underline;
}
a:active {
	color: #000; 
	text-decoration: underline;
}
.hidden {
	display: none;
}
.column {
	float: left;
}
ul.linkedList {
	margin:      0;
	padding:     0;
	list-style:  none;
	line-height: 1.4em;
}
	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:  128px;
	background-color:    #fff;
	background-image:    url("../images/pagehead_bg.jpg");
	background-repeat:   no-repeat;
	background-position: left bottom;
}
	
	#logo {
		display: none;
	}
	
	#navigationMenu {
		position:   relative;
		margin:     0;
		padding:    0;
		float:      left;
		list-style: none;
		width:      100%;
	}
		#navigationMenu li {
			margin:  0;
			padding: 0;
			float:   left;
		}
			#navigationMenu li.first a {
				padding: 20px 0 5px 150px;
			}
			#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 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 15px 0 0;
		padding:    0;
		list-style: none;
		float:      right;
	}


#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:     110px;
	min-height: 110px;
	float:      none;
	clear:      both;
	background-image:    url("../images/pagefooter_bg.jpg");
	background-repeat:   no-repeat;
	background-position: left top;
}
	#footerSection .quickSearch form {
		margin:  0;
		padding: 60px 0 0 10px;
	}
		.quickSearch fieldset,
		.quickSearch legend  {
			margin:  0;
			padding: 0;
		}
		.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;
}




/* list.css */
	
	#content {
		margin:  0 20px;
		padding: 0;
		width:   540px;
		float:   left;
		border:  0px dotted lightgrey;
	}
	
		#mainContent {
			margin: 0 auto;
			width:  100%;
			float:  left;
			border: 0px dotted red;
		}
		
			#itemList {
				margin:     0 auto;
				padding:    0;
				list-style: none;
				border:     none;
			}
				#itemList li {
					margin:     0 4px 0 4px;
					padding:    0;
					float:      left;
					width:      125px;
					border:     0px solid #eee;
				}
				
				#itemList li.campaignPrice {
					font-weight: bold;
					line-height: 1.235em;
					color:       #cc0000;
				}
				#itemList li.removeFavorite a {
					display:     inline;
					line-height: 1;
				}
				
					#itemList li a {
						display: block;
						width:   125px;
						height:  125px;
						line-height: 125px;
					}
					
					#itemList li a img {
						border:     none;
						vertical-align: middle;
					}
					
					#itemList li ul {
						margin:     0;
						padding:    0;
						list-style: none;
						height:     5em;
						float: none;
					}
						#itemList li ul li {
							margin:     0;
							padding:    0;
							float:        none;
							border:     none;
					}
					
			#resultPages {
				/*margin:     2em auto 0 auto;
				padding:    0;
				text-align: center;*/
				
				position: absolute;
				bottom: -95px;
				width: 540px;
				text-align: center;
			}
			#resultPages span {
				float: left;
			}
			
			#resultPages ul  {
				margin:     0 auto;
				padding:    0;
				list-style: none;
				width:      100%;
			}
			#resultPages ul li {
				display: inline;
				padding: 5px;
			}
			#resultPages .previous {
				padding-right: 10px;
			}
				#resultPages .previous:before {
					content: "<< ";
				}
			#resultPages .next {
				padding-left: 10px;
			}
				#resultPages .next:after {
					content: " >>";
				}
			#resultPages .currentPage {
				font-size:   120%;
				font-weight: bold;
			}
			
		
		#subContent {
			display: none;
		}
		
		#search-results-disclaimer {
			list-style: none;
			margin:  0;
			padding: 2em 0 0 0;
			float: none;
			clear: both;
			width: 540px;
			font-size: 0.85em;
			color: #606060;
		}
			
	





	#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;
			}