@import "hacks.css";

/* base.css start */
/**
* 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;
}


/* base.css end */




	
	#content {
		margin:  0 20px;
		padding: 0;
		width:   540px;
		float:   left;
		border:  0px dotted lightgrey;
	}
	
		#mainContent {
			margin: 0 auto;
			width:  100%;
			float:  right;
			border: 0px solid red;
		}
			
			#productInformation {
				
			}
			#productInformation h1 {
				font-size:   1.2em;
				font-weight: bold;
			}
				#productInformationWrapper {
					margin:    0 0 0 305px;
					padding:   0;
					width:     220px;
				}
				
				#productInformation ul {
					margin:      0;
					padding:     0;
					list-style:  none;
					line-height: 1.6em;
				}
				
				#productInformation .currentPrice {
					display:     block;
					font-size:   1.5em;
					font-weight: bold;
					color:       #cc0000;
				}
				#productInformation .priceInformation {
					display: block;
					color:   #999;
				}
				#productInformation .regularPrice {
					display:     block;
					font-weight: bold;
					color:       #000;
				}
				#productInformation .payment {
					margin: 1em 0 0 0;
				}
					#productInformation .payment span {
						color:   #999;
					}
			
			.productImage {
				margin:     0;
				padding:    0;
				float:      left;
				max-width:  300px;
				_width:     300px;
			}
			
			#similarProducts {
				margin:  2em 0 0 0;
				padding: 0;
				float:   left;
				clear:   both;
				width:   100%;
			}
				#similarProducts ul {
					list-style: none;
					margin:     0;
					padding:    0;
				}
					#similarProducts li {
						float: left;
					}
					
					#similarProducts li a {
						margin:      2px;
						padding:     0;
						display:     block;
						line-height: 80px;
						overflow:    hidden;
					}
					
					#similarProducts li img {
						max-width:       75px;
						max-height:      75px;
						_width:          75px;
						_height:         75px;
						vertical-align:  middle;
					}
					
		
		#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;
			}
			
/* needed for editor to display text properly (with the correct font size) */
table, td {
	font-size: 1em;
}