/* Maxibit CSS v1.0 */

body {
	margin: 0px;
	font: normal 11px/17px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #ffffff url('images/background.gif') repeat-x;
}

body.home {
	margin: 0px;
	font: normal 11px/17px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #ffffff url('images/background2.gif') repeat-x;
}

a, a:link, a:visited, a:active {
	color: #0a83c3;
}

a:hover {
	color: #334455;
}


a.hl, a.hl:link, a.hl:visited, a.hl:active {
	color: #556677;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
}

a.hl:hover {
	color: #0a83c3;
	text-decoration: none;
	border-bottom: 1px solid #0a83c3;
}

a.gbl, a.gbl:link, a.gbl:visited, a.gbl:active {
	width: 174px;
	color: #556677;
	text-decoration: none;
	display: block;
	font-size: 10px;
	padding: 2px 5px;
	white-space: nowrap;
}

a.gbl:hover {
	width: 174px;
	background: #3380e4 url('images/gbl-back2.gif') repeat-x;
	color: #ffffff;
	text-decoration: none;
	display: block;
	font-size: 10px;
	padding: 2px 5px;
	white-space: nowrap;
}

p, td {
	font: normal 11px/17px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 10px 0px;
}

.large {
	font: normal 13px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #444444;
	margin: 10px 0px;
}

ul, ol, li {
	font: normal 11px/17px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
}

h1 {
	font: normal 34px/34px Arial, Helvetica, sans-serif;
	color: #8899aa;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: -2px;
	letter-spacing: -3;
}

h1.sub {
	font: normal 15px/14px Arial, Helvetica, sans-serif;
	color: #0a83c3;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	letter-spacing: 0;
}

h2 {
	font: normal 16px/18px Arial, Helvetica, sans-serif;
	color: #0a83c3;
	border-bottom: 1px solid #cccccc;
}

h3 {
	font: normal 16px/18px Arial, Helvetica, sans-serif;
	color: #0a83c3;
	border-bottom: 1px solid #cccccc;
	margin-top: 25px;
	margin-bottom: 0px;
}

h4 {
	font: normal 14px/15px Arial, Helvetica, sans-serif;
	color: #0a83c3;
	margin-top: 4px;
	margin-bottom: 10px;
}

.small {
	font-size: 10px;
}

.smallBright {
	font-size: 10px;
	color: #777777;
}

.label {
	color: #777777;
	font-weight: bold;
}

table, td, tbody {
	border-collapse: collapse;
	padding: 0px;
	text-align: left;
}

#maxwidth {
	width: 800px;
}

#strapline {
	width: 100%;
	height: 56px;
}

	#strapline td {
		vertical-align: middle;
	}

#mainNavigation {
	width: 100%;
	height: 94px;
}

	#mainNavigation .logo {
		width: 222px;
	}

	#mainNavigation .navItems {
		vertical-align: bottom;
		text-align: left;
		padding-bottom: 2px;
		text-align: left;
	}

	#mainNavigation .navItem {
		margin-right: 20px;
	}
	
#dynamicArea {
	background: url('images/da-background.gif') repeat-x;
	width: 100%;
	height: 316px;
	text-align: left;
}

#mipControl {
	position: absolute;
	margin-left: 720px;
	margin-top: 295px;
}

#mipiMenu {
	position: absolute;
	margin-left: 671px;
	margin-top: 195px;
	width: 100px;
	height: 100px;
	visibility: hidden;
}

	#mipiMenu .button {
		opacity: 0.85;
		filter: alpha(opacity=85);
		cursor: hand;
	}
	
	#mipiMenu .buttonFocus {
		opacity: 1;
		filter: alpha(opacity=100);
	}

#hpContent {
	width: 100%;
}	

	#hpContent .colOne {
		padding-top: 15px;
		width: 240px;
		vertical-align: top;
	}
	
	#hpContent .colTwo {
		padding-top: 15px;
		width: 220px;
		vertical-align: top;
		padding-right: 25px;
	}
	
	#hpContent .colThree {
		vertical-align: top;
		border-left: 1px solid #cccccc;
	}	

	
#secNavigationBack {
	height: 40px;
	background: url('images/secnav-back-small.gif');
	border-bottom: 1px solid #bbbbbb;
	margin-bottom: 0px;
}
	
#secNavigation {
	width: 100%;
	text-align: left;
	padding-top: 20px;
	color: #999999;
}

	#secNavigation img {
		margin: 0px 1px;
	}
	
	#secNavigation .arrow {
		float: right;
	}
	
	#secNavigation .buttonActive {
		opacity: 0.70;
		filter: alpha(opacity=70);
	}
	
	.transparent {
		opacity: 0.70;
		filter: alpha(opacity=70);
	}

	.secNavLink, a.secNavLink:link, a.secNavLink:visited {
		display: block;
		position: relative;
		float: left;
		margin-right: 2px;
		padding-left: 6px;
		padding-right: 6px;
		font: bold 10px/20px Tahoma, Verdana, Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		background: url('images/secnav-link-back.gif') repeat-x;
		border-left: 1px solid #737373;
		border-right: 1px solid #737373;
	}
	
	a.secNavLink:hover {
		display: block;
		position: relative;
		float: left;
		margin-right: 2px;
		padding-left: 6px;
		padding-right: 6px;
		font: bold 10px/20px Tahoma, Verdana, Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		background: url('images/secnav-link-back-hover.gif') repeat-x;
		border-left: 1px solid #2f7ce0;
		border-right: 1px solid #2f7ce0;
	}

#extraNav {
	width: 100%;
	text-align: left;
	padding-top: 15px;
}

	#extraNav .icon {
		padding: 2px;
		opacity: 0.80;
		filter: alpha(opacity=80);
	}
	
	#extraNav .iconFocus {
		padding: 0px;
		border: 2px solid #ffffff;
		opacity: 1;
		filter: alpha(opacity=100);
	}

#extraNavBack {
	height: 100px;
	background: url('images/secnav-back-large.gif');
}

#pageContent {
	width: 100%;
	text-align: left;
	margin-top: 25px;
}	

	#pageContent .leftColumn {
		vertical-align: top;
	}
	
	#pageContent .rightColumn {
		vertical-align: top;
		padding-left: 30px;
	}
	
#thumbTable {
}	

	#thumbTable .thumbCell {
		vertical-align: top;
		text-align: center;
		padding: 2px;
	}
	
	#thumbTable .thumb {
		margin: 2px;
	}
	
	#thumbTable .thumbFocus {
		padding: 0px;
		border: 2px solid #0a83c3;
	}
	
	#thumbTable .thumbActive {
		padding: 0px;
		border: 2px solid #999999;
	}

#detailsTable {
	text-align: left;
}	

	#detailsTable .leftColumn {
		vertical-align: top;
	}
	
	#detailsTable .rightColumn {
		vertical-align: top;
	}

	
#gbOne {
	width: 220px;
}

	#gbOne .gbContent {
		background: #ffffff url('images/gb-back.gif') repeat-x;
		padding: 6px 12px;
		vertical-align: top;
	}

#footer {
	margin-top: 30px;
	width: 100%;
	text-align: center;
	background: #eeeeee url('images/footer-back.gif') repeat-x;
	padding-bottom: 50px;
}

#imagePreview {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	visibility: hidden;
}

	#imagePreview img {
		border: 4px solid #ffffff;
	}
	
	#imagePreview .image {
		cursor: pointer;
		position: relative;
		top: 160px;
		left: 0px;
		font-size: 9px;
		font-weight: bold;
		color: #999999;
	}
	
#productTable {
	width: 100%;
	margin-top: 15px;
}

	#productTable .imageCell {
		vertical-align: top;
	}
	
	#productTable .textCell {
		padding-top: 5px;
		vertical-align: top;
	}
	
	#productTable .separatorCell {
		width: 10px;
		vertical-align: top;
	}
	
#formTable {
	margin-top: 15px;
}

	#formTable .formLabel {
		color: #666666;
		padding: 5px 8px;
	}
	
	#formTable .formField {
		color: #666666;
		padding: 5px 8px;
	}
	
	#formTable .formButton {
		padding: 8px 8px;
		text-align: center;
		border-top: 1px dotted #cccccc;
	}
	
.formInput {
	color: #333333;
}

.formInputMax {
	color: #333333;
	width: 100%;
}
	
.largeThumb {
	width: 190px;
	height: 220px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.largeThumbCaption {
	text-align: left;
	font-size: 10px;
	color: #666666;
}

.largeThumb a, .largeThumb a:link, .largeThumb a:visited {
	display: block;
	border: 2px solid #cccccc;
}

.largeThumb a:hover {
	border: 2px solid #0a83c3;
}

.tableHead {
	text-align: center;
	padding: 5px 5px;
	border-top: 1px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	font-weight: bold;
}

.tableLabel {
	text-align: left;
	padding: 3px 5px;
	border-bottom: 1px solid #dddddd;
	color: #888888;
}

.tableCell {
	text-align: center;
	padding: 3px 5px;
	border-bottom: 1px solid #dddddd;
}

.left {
	text-align: left;
}

	
#ffe {
	visibility: hidden;
}

.sf1 {
	display: none;
}

.sf2 {
	display: none;
}

.box {
	margin: 20px 0px;
	border: 2px solid #8899aa;
	background: #ffffff;
}

#productPhoto {
	margin-bottom: 10px;
}