/*\*//*/
 @import "styleIE5mac.css";
/**/

body {
	background: #CCCCCC;
}

form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

.block {
	display: block;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.leftAbit {
	margin-left: -4px;
}

img#mainLogo {
	display: block;
	float: left;
}

img#mainLogoFriend {
	display: block;
}

p.message {
	color: #CC6600;
	text-align: center;
}

p.tuthill {
	margin-top: 24px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #444444;
}

p.tuthill img {
	margin-bottom: 4px;
}

div.imageContainer {
	width: 170px;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: center;
}
div.imageContainer img {
	padding: 2px;
	margin: 0 4px;
	border: 1px solid silver;
}

div#wrapper {
	width: 753px;
	margin: 30px auto 50px auto;
	padding: 0;
	background: #FFFFFF url("img/wrapper_background.png") repeat-y;
	text-align: left;
}

div#leftColumn {
	width: 176px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

div#leftColumn a {
	margin: 0;
	padding: 6px 0 5px 16px;
	border-bottom: 1px solid #FFFFFF;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url("img/navigation_background.png") repeat-y;
}

div#leftColumn a:hover {
	background: transparent url("img/navigation_background_o.png") repeat-y;
}

div#leftColumn a.clean {
	display: inline !important;
	width: auto !important;
	border: 0 !important;
	padding: 0 !important;
	background: none !important;
	margin: 0 !important;
	font-weight: normal !important;
}

div#leftColumn a.fclink {
	font-size: 10px !important;
	color: #FFFFFF !important;
}

div#leftColumn a.bottom {
	border: 0;
	background: transparent url("img/navigation_background_b.png") bottom left no-repeat;
}

div#leftColumn a.bottom:hover {
	background: transparent url("img/navigation_background_b_o.png") bottom left no-repeat;
}

div#leftColumn a.top {
	background: transparent url("img/navigation_background_t.png") no-repeat;
}

div#leftColumn a.top:hover {
	background: transparent url("img/navigation_background_t_o.png") no-repeat;
}

div#leftColumn a.viewingt {
	background: transparent url("img/navigation_background_t_o.png") no-repeat !important;
}

div#leftColumn a.viewing {
	background: transparent url("img/navigation_background_o.png") no-repeat !important;
}

div#leftColumn a.viewingb {
	background: transparent url("img/navigation_background_b_o.png")  bottom left no-repeat !important;
}

div#cart {
	margin: 0;
	padding: 1px 10px 12px 16px;
	background: #FFFFFF url("img/dotted_lines_vertical.png") top right repeat-y;
}

div#cart img.cartImage {
	display: block;
	margin-bottom: 13px;
}

.ZeroMargin {
	margin-bottom: 0 !important;
}

div#cart div.itemNumber {
	margin: 0 0 0 0;
	padding: 1px 0 0 3px;
	width: 14px;
	height: 14px;
	float:left;
	color: #FFFFFF;
	font: 11px/11px "Courier New", Courier, mono;
	background: transparent url("img/green.png") no-repeat;
}

/* This should target only IE browsers */
* html div#cart div.itemNumber {
	padding: 0 0 0 3px;
	font: 11px/13px "Courier New", Courier, mono;
 }

div#cart div.twoDigits {
	width: 21px;
	background: transparent url("img/green2.png") no-repeat;
}

div#cart div.threeDigits {
	width: 28px;
	background: transparent url("img/green3.png") no-repeat;
}

div#cart div.itemName {
	margin: 4px 0 6px 18px;
	font: 10px/15px Arial, Helvetica, sans-serif;
	color: #999999;
}

div#cart div.itemName a {
	margin: 0;
	padding: 0;
	background: none;
	text-decoration: none;
	border: none;
	color: #999999;
	font: normal 10px/15px Arial, Helvetica, sans-serif;
}

div#cart div.itemName a:hover {
	margin: 0;
	padding: 0;
	background: none;
	text-decoration: none;
	border: none;
	color: #333333;
	font: normal 10px/15px Arial, Helvetica, sans-serif;
}

div#cart div.cartTotalSmall {
	margin: 4px 8px 2px 18px;
	font: 10px/15px Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: right;
}

div#cart div.makeRoom {
	margin-left: 25px;
}

div#cart div.makeRoom2 {
	margin-left: 32px;
}

div#cart div.last {
	margin-bottom: 16px;
}

div#cart ul {
	margin: 12px 0 12px 0;
	padding: 0;
}

div#cart ul li {
	margin: 4px 0 0 0;
	padding: 0 0 0 3px;
	list-style: none;
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #999999;
	background: transparent url("img/green.png") no-repeat;
}

div#cart ul li.twoDigits {
	background: transparent url("img/green2.png") no-repeat;
}

div#cart ul li.threeDigits {
	background: transparent url("img/green3.png") no-repeat;
}

div#cart ul li span {
	color: #FFFFFF;
	font: 11px/11px "Courier New", Courier, mono;
}

div#copyright {
	margin: -8px 0 10px 0;
	padding: 0 0 0 16px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

div#largeColumn {
	margin: 0 3px 0 176px;
	padding: 0 0 20px 0;
	text-align: left;
}

div#largeColumn div.header2 {
	height: 29px; /* 76px overall height inc. padding */
	margin: 0 1px 0 1px;
	padding: 47px 10px 0 14px;
	font: 14px Arial, Helvetica, sans-serif;
	background: #FFFFFF url("img/dotted_lines_horizontal.png") bottom repeat-x;
	color: #666666;
}

div#largeColumn div.header {
	margin: 0 0 0 1px;
	padding: 8px 0 8px 7px;
	font: 14px Arial, Helvetica, sans-serif;
	background: #FFFFFF url("img/dotted_lines_horizontal.png") bottom repeat-x;
	color: #000000;
}

div#largeColumn div.header div.searchHeader {
	background: #FFFFFF url("img/front_background.png") no-repeat;
	height: 208px;
	width: 556px;
	margin: 0;
	padding: 0;
}

div#largeColumn div.header div.searchHeader div.searchTop {
	padding: 29px 0 10px 78px; /* TODO: Safari and Opera are a little off, look for hacks to fix just those browsers */
}

div#largeColumn div.header div.searchHeader div.searchTop input.searchField {
	width: 170px;
	height: 17px; /* should be 18px oh well */
	background: #FFFFFF url("img/form_background_s.png") top left no-repeat;
	border: 1px solid #E0E0E0;
	margin: 0;
	padding: 3px 0 0 4px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
}

img#browseForParts {
	margin-left: 6px;
}

img#alternateLogo {
	display: block;
	margin: 43px 0px 0px 40px;
}

div#largeColumn div.descriptionArea {
	margin: 0 1px 0 1px;
	padding: 12px 16px 14px 16px;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #999999;
}

div.descriptionArea h1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #444444;
}

div.descriptionArea a {
	color: #CC6600;
	text-decoration: underline;
}

div.descriptionArea a:hover {
	color: #CC6600;
	text-decoration: underline;
}

div#middleColumn {
	width: 150px;
	margin-left: 176px;
	float: left;
	margin: 0;
	padding: 0 0 70px 0;
	background: #FFFFFF url("img/dotted_lines_vertical.png") top right repeat-y;
	text-align: left;
}

/* TODO: THis has a fixed height with padding, so create a workaround for IE5 */
div#middleColumn div.header {
	height: 29px; /* 76px overall height inc. padding */
	margin: 0 2px 0 1px;
	padding: 47px 10px 0 14px;
	font: 14px Arial, Helvetica, sans-serif;
	background: #FFFFFF url("img/dotted_lines_horizontal.png") bottom repeat-x;
	color: #000000;
}

div#middleColumn div.search {
	height: 41px; /* 73px overall heigh inc. padding */
	margin: 0 1px 0 1px;
	padding: 14px 2px 18px 14px;
	font: 11px/17px Arial, Helvetica, sans-serif;
	background: #FFFFFF url("img/grad_bg.png") bottom repeat-x;
	color: #666666;
}

input.searchField {
	width: 96px;
	height: 17px; /* should be 18px oh well */
	background: #FFFFFF url("img/form_background_s.png") top left no-repeat;
	border: 1px solid #E0E0E0;
	margin: 0;
	padding: 3px 0 0 4px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
}

div#middleColumn ul {
	margin: 14px 10px 1px 14px;
	padding: 0;
}

div#middleColumn ul li {
	margin: 0;
	padding: 0;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #5AB3EB;
	list-style: none;
}

div#middleColumn ul li a {
	color: #5AB3EB;
	text-decoration: none;
}

div#middleColumn ul li a:hover {
	color: #0882C1;
}

div#middleColumn ul li a.viewing {
	color: #CC6600 !important;
}

div#rightColumn {
	width: auto;
	margin: 0 3px 0 326px;
	padding: 0;
	background: #FFFFFF;
	text-align: left;
}

/* TODO: THis has a fixed height with padding, so create a workaround for IE5 */
div#rightColumn div.header {
	height: 29px; /* 76px overall height inc. padding */
	margin: 0 1px 0 1px;
	padding: 47px 10px 0 14px;
	font: 14px Arial, Helvetica, sans-serif;
	background: #FFFFFF url("img/dotted_lines_horizontal.png") bottom repeat-x;
	color: #666666;
}

div#rightColumn div.header3 {
	height: 136px; /* 149px overall height inc. padding */
	margin: 0 1px 0 1px;
	padding: 6px 8px 7px 12px;
	font: 14px Arial, Helvetica, sans-serif;
	background: #FFFFFF url("img/dotted_lines_horizontal.png") bottom repeat-x;
	color: #666666;
}

div#rightColumn div.partPicture {
	margin: 0 1px 0 1px;
	padding: 14px 8px 14px 8px;
	text-align: center;
	background: #FFFFFF url("img/dotted_lines_horizontal.png") bottom repeat-x;
	color: #666666;
}

div#rightColumn div.pricingArea {
	margin: 0 1px 0 0;
	padding: 0 2px 1px 10px;
	background: #FFFFFF url("img/grad_bg2.png") bottom repeat-x;
	font: 11px Arial, Helvetica, sans-serif;
	color: #444444;
}

/* This should target only IE browsers */
* html div#rightColumn div.pricingArea {
	padding: 0 0 1px 10px;
 }

div#rightColumn div.pricingArea img {
	vertical-align: middle;
	margin: 0 18px 0 18px;
}

div#rightColumn div.pricingArea img.different {
	vertical-align: middle;
	margin: 0 6px 0 6px;
}

/* This should target only IE browsers */
div#rightColumn div.pricingArea img.different {
	margin: 0 4px 0 4px;
 }

div#rightColumn div.pricingArea img.different2 {
	vertical-align: middle;
	margin: 0 0 0 2px;
}

div#rightColumn div.pricingArea input.different {
	vertical-align: middle;
	margin: 0 3px 0 3px;
}

div#rightColumn div.pricingArea input.quantityField {
	width: 22px;
	height: 15px;
	background: #FFFFFF url("img/form_background_s.png") top left no-repeat;
	border: 1px solid #E0E0E0;
	margin: 0 1px 0 3px;
	padding: 3px 0 0 4px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: middle;
}

div#rightColumn div.descriptionArea {
	margin: 0 1px 0 1px;
	padding: 12px 16px 14px 16px;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #999999;
}

div.descriptionArea h2 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #444444;
}

div.descriptionArea h3 {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #636363;
	margin-top: -6px;
}

div#rightColumn div.schematic {
	margin: 0 1px 0 1px;
	padding: 14px 8px 14px 14px;
	text-align: left;
	color: #666666;
}

/* This should target only IE browsers */
* html div#rightColumn {
	height: 1px; /* fixes padding bug */
 }

div#rightColumn div.schematic img.center {
	margin: 0 auto;
}

div#rightColumn div.schematic img.enlarge {
	display: block;
	float: right;
	margin-right: 10px;
}

div#rightColumn div.productBoxes {
	margin: 0 1px 0 1px;
	padding: 14px 10px 14px 30px;
	text-align: left;
	color: #666666;
	font: 11px/14px Arial, Helvetica, sans-serif;
}

div#rightColumn div.productBoxWrapper {
	width: 152px;
	height: 155px;
	padding: 0;
	margin: 0 40px 0 0;
	float: left;
}

div#rightColumn div.even {
	margin-right: 0;
}

div#rightColumn div.productBox {
	width: auto;
	background: #FFFFFF url("img/product_box_background.png") no-repeat;
	padding: 0;
	margin: 0;
}

div#rightColumn div.productBox h3 {
	display: block;
	margin: 0 5px 0px 1px;
	padding: 3px 4px 3px 6px;
	border-top: 1px solid #BFBDBD;
	background: transparent url("img/grad_bg3.png") bottom repeat-x;
	color: #666666;
	font: 11px/14px Arial, Helvetica, sans-serif;
}

div#rightColumn div.productBox h3 a {
	text-decoration: none;
	color: #666666;
	background: transparent url("img/more.png") right no-repeat;
}

div#rightColumn div.productBox h3 a:hover {
	text-decoration: none;
	color: #333333;
	background: transparent url("img/more_over.png") right no-repeat;
}

div#rightColumn div.productBox img {
	display: block;
	margin: 4px auto;
	border-right: 4px solid white; /* This compensates for our off center margin "auto" */
}

div#rightColumn div.productBox p {
	margin: 0 5px 0 0;
	padding: 4px 4px 3px 6px;
	font: 11px/15px Arial, Helvetica, sans-serif;
	background: transparent url("img/dotted_lines_horizontal.png") top repeat-x;
}

div#rightColumn div.productBox p a {
	text-decoration: none;
	color: #5AB3EB;
}

div#rightColumn div.productBox p a:hover {
	text-decoration: none;
	color: #0882C1;
}

div#rightColumn div.productBox div.bottom {
	/* height: 4px; Taken out because of bugs in IE (corrected for moz/safari below) */
	margin: 0;
	padding: 0;
	background: transparent url("img/product_box_bottom.png") bottom no-repeat;
	font-size: 1px; /* This this because of bugs in IE */
	line-height: 4px; /* this because of bugs in IE */
}

div#nextprevbox {
	float: left;
	margin: 8px 0 12px -24px;
	width: 370px;
	text-align: right;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #CC6600;
}

/* This should target only IE browsers */
* html div#nextprevbox {
	margin-left: -10px;
 }

div#nextprevbox a {
	color: #5AB3EB;
	text-decoration: none;
}

div#nextprevbox a:hover {
	color: #0882C1;
}

div#nextprevbox a.viewing {
	color: #CC6600 !important;
}

/* This targets only Moz and Safari browsers */
body:last-child #rightColumn div.productBox div.bottom {
	height: 4px;
}

/* This should target only IE browsers */
* html div.productBoxWrapper {
	margin-bottom: -14px;
 }

/* Import our IE5.x Windows css hacks lmao */
@media tty {
 i{content:"\";/*" "*/}} @import 'styleIE5.css'; /*";}
}/* */