/* GLOBAL ELEMENTS ------------------------------------------------------------------- */
body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; /* Sets default font family options and default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an WinIE problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property. */
     background: #000000; /* Sets background color of page. */
     margin: 0; /* Gets rid of default margin on body that most browsers add. */
     padding: 0; /* Gets rid of default padding on body that Opera adds. */
     text-align: center; /* Centers the page contents in WinIE5.x. */
}

/* Main div for all other content on page. A main wrapper div allows us to easily center everything in the viewport. */
#holder {
     margin: 10px auto 0 auto; /* The auto margin on the left and right center the holder div in standard compliant browsers. The 10px top margin adds space between the top of the holder div and the edge of the viewport. */
     width: 900px; /* Sets width of main container to fit within most maximized 800x600 windows. */
     text-align: left; /* Overwrites the center-aligned text set on the body. */
}

/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, or barring that, the body. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

#banner-images {
font-size: 1px;
}

/* Wrapper for all content between nav and footer. */
#contentwrapper {
	background: #000 url("../images/repeat.jpg") repeat-y; /* Adds strip showing three columns as background image to wrapper div. It is tiled downward to create the appearance of three columns. Also given a background color in case images are not available. */
}

#contentwrapper_1col {
	/*background: #000 url("../images/repeat_1col.jpg") repeat-y; /* Adds strip showing three columns as background image to wrapper div. It is tiled downward to create the appearance of three columns. Also given a background color in case images are not available. */
}

/* Another wrapper for the content is needed because we need two background images for the content area -- the repeating column part, and the top curved part. Since each div can only have one background image, we need to use two layered divs to create the effect. */
#content {
	background: url("../images/inner_top.jpg") no-repeat; /* Adds top curved part of content area rectangle image, which lays over the repeating background image of the contentwrapper div to create the appearance of a single image. Set to only show once. */
	padding: 22px 0 0 0; /* Adds space between top of box and start of content so it doesn't cover up curved area. */
	position: relative; /* Allows the absolutely positioned #subnav div to base its position off #content. */
	color: #0099CC /*#036; /* Sets color of text to dark blue. */
	/*font-size: .9em; /* Sets font size smaller than default. We can use ems safely in IE because we've set a percentage font size on the body. */
}

#content_1col {
	/*background: url("../images/inner_top_1col.jpg") no-repeat; /* Adds top curved part of content area rectangle image, which lays over the repeating background image of the contentwrapper div to create the appearance of a single image. Set to only show once. */
	padding: 22px 0 0 0; /* Adds space between top of box and start of content so it doesn't cover up curved area. */
	/*position: relative; /* Allows the absolutely positioned #subnav div to base its position off #content. */
	color:#006699; /* Sets color of text to dark blue. */
}

/* WinIE5 needs the following selector to display the padding in #content. This comment cannot be in the selector or it will trigger the end of the MacIE hide. */
/* hide from MacIE \*/
* html #content {
	height: 1%;
	padding: 26px 0 0 0;
	}
/* end hide */

/* WinIE5 needs the following selector to display the padding in #content. This comment cannot be in the selector or it will trigger the end of the MacIE hide. */
/* hide from MacIE \*/
* html #content_1col {
	height: 1%;
	padding: 26px 0 0 0;
	}
/* end hide */

/* Left column for extra info, feature items, news, etc. */
#info {
	float: left; /* Moves div to left side of #content. */
	width: 168px; /* Sets width. */
	margin: 0 20px 10px 13px; /* Moves div away from edges of container and surrounding content. */
	display: inline; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
	font-size: .9em; /* Sets font size smaller than default. */
}
#info p img {
	display: block; /* Changes image from an inline element to a block so it occupies its own line and can be formatted in more ways. */
	padding: 10px 11px 10px 8px; /* Creates space between top and bottom borders and edges of image. */
	margin: 5px auto; /* The left and right auto margins center the image. The 5px top and bottom margins add space between the image and surrounding content. */
	border-top: 1px solid #036; /* Sets top border. */
	border-bottom: 1px solid #036; /* Sets bottom border. */
}

/* Center column for main text. */
#main {
	margin: 9px 8px 0 179px; /* Sets left and right margins to leave space for floated left column and absolutely positioned right column. */
	background:     url("../images/inner_main.jpg") no-repeat; /* Sets photo used in background of center column, and sets it to show only once. */
	padding: 0px 10px 10px; /* Adds large space at top of div for background to display in without text overlapping. Also adds 10px space to left, right, and bottom. */
	font-size: .9em; /* Sets font size smaller than default. */
}

#main_1col {
	margin: 9px 0px 0 0px; /* Sets left and right margins to leave space for floated left column and absolutely positioned right column. */
	/*background:     url("../images/inner_main.jpg") no-repeat;  Sets photo used in background of center column, and sets it to show only once. */
	padding: 0px 2px 0px; /* Adds large space at top of div for background to display in without text overlapping. Also adds 10px space to left, right, and bottom. */
	font-size: .9em; /* Sets font size smaller than default. */
}

/* CSS for product boxes-------------------------------------------------------------- */
.product-header {
	background:   url("../images/box1_top.jpg") no-repeat;
	padding: 15px 0 0 0;
}

.product-container {
	/*position: absolute; /* Positions div in a precise spot in relation to its nearest positioned ancestor, which is #content. */
    margin: 0 0 0 -4px;
}

.product-content {
  background:   url("../images/box1_mid.jpg") repeat-y;
  padding: 0 30px 0 15px;
}

.product-content p, .product-content a {
  padding: 0;
  margin: 0;
}


* html .product-content {
  padding: 0 15px 0 15px;
}

.product-footer {
	background:   url("../images/box1_bot.jpg") no-repeat;
	padding: 15px 0 0 0;
}

#specifications {
padding:0;
margin:0;
border-left: 1px solid black;
border-top: 1px solid black;
margin-right: 5%;
margin-left: 5%;
}

#specifications p{
padding:3px;
border:0;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

#specifications td {
border-right: 1px solid black;
border-bottom: 1px solid black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

.spec-col-1 {
background-color:#ccc;
width:30%;
}

.spec-col-2 {
width:50%;
}

/* Right column for sub-navigation list. */
#subnav {
	position: absolute; /* Positions div in a precise spot in relation to its nearest positioned ancestor, which is #content. */
	width: 122px; /* Sets width. */
	top: 35px; /* Moves div down 35px from the top of #content. */
	right: 33px; /* Moves div 33px over from the right of #content. */
}
#subnav ul {
	margin: 0; /* Removes default list margin added by some browsers. */
	padding: 0; /* Removes default list padding added by some browsers. */
	list-style-type: none; /* Removes default list bullets. */
}
#subnav li {
	margin-top: 8px; /* Spaces list items out from each other. */
}
#subnav ul a:link, #subnav ul a:visited {
	color: #036; /* Sets link color of unvisited and visited links to dark purple. */
	text-decoration: none; /* Removes default link underlines. */
	padding: 2px 4px; /* Creates space around links so that background color set in selector below does not so tightly enclose link text. */
}
#subnav ul a:hover, #subnav ul a:active, #subnav ul a:focus {
	color: #039; /* Sets link color to brighter blue on hover, activation, and focus. */
	background: #CCC; /* Sets background color to light gray on hover, activation, and focus. */
}

/* Footer for page. */
#footer {
	background:   url("../images/inner_bot.jpg") no-repeat; /* Sets curved bottom part of background image of div above. Since #footer butts up against #contentwrapper, it creates the appearance of a single image. Image set to appear only once. */
	padding: 30px 10px 15px 10px; /* Creates room for background image to display, so text starts below end of image. */
	color: #E5E5E5; /* Sets text color to very light gray. */
	font-size: 0.7em; /* Sets font size smaller than default and smaller than content text. */
}

#footer_1col {
	/*background:   url("../images/inner_bot_1col.jpg") no-repeat; /* Sets curved bottom part of background image of div above. Since #footer butts up against #contentwrapper, it creates the appearance of a single image. Image set to appear only once. */
	padding: 30px 10px 15px 10px; /* Creates room for background image to display, so text starts below end of image. */
	color: #E5E5E5; /* Sets text color to very light gray. */
	font-size: 0.7em; /* Sets font size smaller than default and smaller than content text. */
}

#footer_1colfull {
	/*background:   url("../images/inner_bot_1col.jpg") no-repeat; /* Sets curved bottom part of background image of div above. Since #footer butts up against #contentwrapper, it creates the appearance of a single image. Image set to appear only once. */
	padding: 0px 10px 15px 10px; /* Creates room for background image to display, so text starts below end of image. */
	color: #E5E5E5; /* Sets text color to very light gray. */
	font-size: 0.7em; /* Sets font size smaller than default and smaller than content text. */
}

#footer p, #footer_1col p {
	/*float: left; /* Moves paragraph to left side of #footer. */
	text-align:center;
	margin: 0; /* Removes default margin added to paragraphs. */
}
#footer ul, #footer_1col ul {
	float: right; /* Moves list to right side of #footer. */
	margin: 0 6px 20px 0; /* 6px right margin aligns edge of text with border of content div instead of the edge of its shadow. 20px bottom margin provides space between end of footer and edge of window. */
	padding: 0; /* Removes default padding added to lists by some browsers. */
}
#footer p, #footer ul, #footer_1col p, , #footer_1col ul {
	display: inline-block; /* Prevents MacIE from expanding the floats to 100%, which would keep them from sitting on the same line. */
}
/* The following selector overwrites the display value of the paragraph and list back to the correct value, but is hidden from MacIE so it still gets the value it needs. */
/* hide from MacIE \*/
#footer p, #footer ul, #footer_1col p, , #footer_1col ul  {
	display: block;
}
/* end hide */
#footer li, #footer_1col li {
	display: inline; /* Makes list items display horizontally. */
	margin: 0; /* Removes default margin some browsers add to list items. */
	padding: 0; /* Removes default padding some browsers add to list items. */
}
#footer a, #footer_1col a {
	color: #ccc; /* Sets color of links to slightly darker gray than surrounding text. */
	}
#footer a:hover, #footer_1col a:hover {
	color: #fff; /* Sets color of links on hover to white. */
	}

/*******************************************************************************
*  main area content styles
*******************************************************************************/
div#main h1, div#main_1col h1 {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 1.1em;
}

div#main h2, div#main_1col h2 {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

div#main h3, div#main_1col h3 {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

div#main p, div#main a, div#main_1col p, div#main_1col p {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 0.93em;
}

div#main p.smallprint, div#main_1col p.smallprint {
	font-size: 1.0em;
}

div#main p a, div#main_1col p a {
	font-size: 0.95em;
}

/*******************************************************************************
*  css flyout menu 
*******************************************************************************/
#menu {
width: 168px; /* set width of menu */
background: #000;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
div#info #menu a, div#info #menu h2 {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 0.75em;
	display: block;
	margin: 0;
	text-align:center;
	padding: 2px 3px;
	border: 1px solid #000000;
}

div#info #menu h2 {
	color: #000;
	background: #000 url(../images/grey_button.jpg);
	text-transform: uppercase;
}

div#info #menu a {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/red_button.jpg) 0 0  no-repeat;
	/*text-transform: uppercase;*/
}

div#info #menu a:hover {
color: #aaa;
background: url(../images/red_button.jpg) -166px 0 no-repeat;
}

div#info #menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

div#info #menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.arrow {
	position: absolute;
	padding: 0; /* negates the sticky hover paddings */
	background:url(../images/triangle.gif) no-repeat;
	width: 8px;
	height: 8px;
    margin-left: 159px;
    margin-top: -9px;
}

div#home-button a {
float:left;
margin-top:-20px;
width: 100px;
height: 42px;
display:block;
/*	text-decoration: none;*/
	background: url(../images/home_btn.jpg) 0 0  no-repeat;
}

div#home-button a:hover {
background: url(../images/home_btn.jpg) -100px 0 no-repeat;
}

div#back-button a {
float:right;
margin-top:-20px;
width: 100px;
height: 42px;
display:block;
/*	text-decoration: none;*/
	background: url(../images/back_btn.jpg) 0 0  no-repeat;
}

div#back-button a:hover {
background: url(../images/back_btn.jpg) -100px 0 no-repeat;
}

/*******************************************************************************
*  vnav 
*******************************************************************************/
#vnav ul, #vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
#vnav ul
{
	border: solid 1px #000;
	border-bottom-width: 0;
}
#vnav ul li
{
	border-bottom: solid 1px #000;
}
#vnav ul li a
{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}

* html #vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html #vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}

#vnav ul a:link, #vnav ul a:visited {
	color: #036; /* Sets link color of unvisited and visited links to dark purple. */
	text-decoration: none; /* Removes default link underlines. */
	padding: 2px 4px; /* Creates space around links so that background color set in selector below does not so tightly enclose link text. */
}
#vnav ul a:hover {
	color: #039; /* Sets link color to brighter blue on hover, activation. */
	background: #CCC; /* Sets background color to light gray on hover, activation, and focus. */
}
.vnav h3
{
margin:0;
padding:0;
	margin-bottom: 0;
	padding-bottom: 0;
}

/*** Cartweaver Cart CSS items ***/

.center-all{
text-align: center;
}

/************** cart items style *****************/
#cartitems {
margin:0;
padding:0;
margin-top: -14px;
margin-right: 100px;
float: right;
clear: right;
} 

#view-cart-button {
font-size:medium;
margin:0;
padding:0;
margin-top: 20px;
margin-right: 16px;
float: right;
clear: right;
} 

* html #cartitems {
margin-right: 50px;
margin-top: -16px;
}

* html #view-cart-button {
margin-top: 20px;
margin-right: 8px;
}

#cont-shop {
margin:0;
margin-top: 10px;
margin-right: 15px;
text-align:right;
} 

/************** button styles *****************/
div#main a.somabutton, div#main_1col a.somabutton {
padding: 2px 7px 1px 7px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
color: #FFF;
background: #888;
border-top: 2px solid #B2B2B2;
border-left: 2px solid #B2B2B2;
border-bottom: 2px solid #535353;
border-right: 2px solid #535353;
display:inline-block;
}

div#main a.somabutton:hover, div#main_1col a.somabutton:hover {
background: #000;
}

/************** product styles *****************/
#product{
margin: 0;
padding: 1px;
border: 1px solid #000000;
font: 75% Arial,sans-serif;
}

#product-desc{
margin: 10px 0px 0px 10px;
padding: 5px;
border: 1px solid #000000;
width: 220px;
}

/*Form Elements*/
form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #000000;
	border: 1px inset #A1978F;
}

/************** upsell table styles *****************/
.upsell_table th {
font-size: 0.8em;
}
.upsell_table td {
background-color:#eaeaea;
font-size: 0.7em;
}

.upsell-part-number{
background:url(../images/part_num_corner.jpg) no-repeat;
background-color: #caac86;
color: #444;
}

.upsell-norm-heading {
background-color: #caac86;
color: #444;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 2 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 2.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

/*Form Styles*/
input.formCheckbox {
	border: none;
	background: transparent;
}

.formButton {
    background: #EA2F2F;
/*	background: #CC6666;
	border-bottom: 1px solid #C24949;
	border-left: 1px solid #EFCFCF;
	border-right: 1px solid #712424;
	border-top: 1px solid #EFCFCF;*/
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	color: #FFFFFF;
	font-weight: bold;
	padding:0;
	margin:5px;
/*	margin: 3px 3px 0px 3px;*/
}

.formButton.btnhov {
	/*background: #993333;*/
	color: #000;
	border-bottom: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-top: 1px solid #444;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #76685D;
	border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #A1978F;
	color: #FFFFFF;
}

table.tabularData tr {
    font-size: 0.8em;
}

table.tabularData tr.table-background{
background-color: #eee;
}

#tableProductDetails{

	/*background: #9f9f9f;*/
	background-color: transparent;
}

#tableProductImage {
float:right;
}

#tableProductDetails h1 {
font-size: 1.1em;
padding: 0 0 10px 0;
margin:0;
}

#tableProductDetails h4 {
font-size: 0.9em;
padding:0;
padding: 0 0 8px 0;
margin:0;
}

#tableProductDetails p {
font-size: 0.8em;
padding:0;
margin:0;
}

#tableProductDetails ul li{
font-size: 0.8em;
}

#purchase-info-wrapper{
float:right;
clear:right;
width: 133px;
padding-right: 30px;
text-align:center;
background:url(../images/pur_box_mid.jpg) repeat-y;
}

#purchase-info-content{
padding-top: 5px;
}

#purchase-info-header{
background:url(../images/pur_box_top.jpg) no-repeat;
padding-top: 25px;  /* room for background image */
}

#purchase-info-footer{
background:url(../images/pur_box_bot.jpg) no-repeat;
padding-top: 17px;  /* room for background image */
}

#purchase-info-wrapper .addToCartBtn {
background:url(../images/add_to_cart.jpg) 0 0 no-repeat;
border: 0;
width: 106px;
height: 35px;
}

#purchase-info-wrapper .addToCartBtn.btnhov {
background:url(../images/add_to_cart.jpg) -106px 0 no-repeat;
border: 0;
width: 106px;
height: 35px;
}

#upsell-wrapper .upsell_addToCartBtn {
background:url(../images/add_to_cart_sm.jpg) 0 0 no-repeat;
border: 0;
width: 80px;
height: 26px;
float:right;
margin-top:-2px;
}

#upsell-wrapper .upsell_addToCartBtn.btnhov {
background:url(../images/add_to_cart_sm.jpg) -80px 0 no-repeat;
border: 0;
width: 80px;
height: 26px;
float:right;
margin-top:-2px;
}

#view-cart-area {
background:url(../images/view_cart_area.jpg) no-repeat;
width: 277px;
height: 34px;
float:right;
position:relative;
margin-top: -32px;
margin-right: 8px;
font-family:"Times New Roman", Times, serif;
font-size: 12px;
}

* html #view-cart-area {
background:url(../images/view_cart_area.jpg) no-repeat;
float:right;
width: 277px;
height: 34px;
margin-top: -32px;
margin-right: 4px;
margin-bottom: -2px;
font-family:"Times New Roman", Times, serif;
font-size: 12px;
}

#view-cart-area .view-cart-btn {
background:url(../images/view_cart_btn.jpg) 0 0 no-repeat;
border: 0;
width: 90px;
height: 27px;
margin-left:182px;
margin-top: 3px;
text-decoration: none;
display:block;
}

#view-cart-area .view-cart-btn:hover {
background:url(../images/view_cart_btn.jpg) -90px 0 no-repeat;
}

#view-cart-area .view-cart-items {
float: left;
margin-top: -28px;
margin-left: 106px;
}

#view-cart-area .view-cart-total {
float: left;
margin-top: -16px;
margin-left: 104px;
}

#checkout-bar {
background:url(../images/add_item_bar.jpg) no-repeat;
width: 337px;
height: 35px;
margin-bottom: 10px;
}

#checkout-bar .checkout-btn{
background:url(../images/checkout_btn.jpg) 0 0 no-repeat;
width: 94px;
height: 34px;
margin-left:239px;
margin-top: 1px;
display:block;
}

#checkout-bar .checkout-btn:hover{
background:url(../images/checkout_btn.jpg) -94px 0 no-repeat;
}

#checkout-bar .checkout-bar-message {
float: left;
margin-top: -25px;
margin-left: 30px;
color:#0033FF;
font-size: 14px;
}

.upsell-divider {
background-image:url(../images/divider.jpg);
text-align:center;
margin-top: 5px;
padding-top:12px;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #E7E4E2;
}
.altRowOdd{
	background-color: #DFDBD9;
}

.smallprint {
	font: 10px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}

/**********************************************/
#image_title {
font-family:Arial, Helvetica, sans-serif;
font-size: x-large;
text-align:center;
/*margin-top: -13px;*/
margin-top: 0px;
margin-bottom: 0px;
padding: 2px;
color: #0099CC;
}

#image_medium {
	border: 0;
}

#image_details table {
	border-collapse: collapse;
	width: 80%;
}

#image_details tr, #image_details td {
	/*border: 1px solid #4d4d4d;*/
	padding: 2px 5px;
}

#image_details .detail_row_even{
	/*background-color: #a2313a;*/
	color: #cacaca;
	width: 25%;
	text-align:right;
	border: 0px;
}

#image_details .detail_row_odd{
	/*background-color: #892e37;*/
	color: #cacaca;
	width: 25%;
	text-align:right;
	border: 0px;
}

#image_details .details_title {
	text-align:center;
	border: 0 0 1px 0;
	font-weight:bold;
	color: #0099CC;
}

.thumb_image {
width:160px;
}

p.thumb_title {
text-align:center;
margin:0;
padding:0;
border:0;
}

.thumb_divider {
text-align: center;
border-color: #0099CC;
border-bottom: 1px;
border-top: 1px;
}

.thumb_divider h1 {
font-size: xx-large;
margin:0;
padding:0;
border:0;
}

/* CONTAINING FLOATS ----------------------------------------------------------------- */
/* The following selectors keep floats from overflowing out of their parent elements. This is done by generating a character within the parent but after the float, so that the parent must expand to hold the generated character, appearing to contain the floats in the process. */
.clearfix:after {
  content: "."; /* This dot is the actual content that will be appended to the end any div this class is applied to. */
  clear: both; /* Makes the generated content appear after the floats. */
  height: 0; /* Sets its height to zero so it doesn't show. */
  visibility: hidden; /* Sets its visibility to hidden so it doesn't show. */
  display: block; /* Overwrites the default inline display of the generated content. Needed because only blocks can have clear set on them. */
}
 
.clearfix {
	display: inline-block; /* Makes it work in MacIE. MacIE does not support generated content but will automatically contain a float if the container has this display property. */
	}

/* The first selector below makes it work in WinIE. WinIE does not support generated content, but will automatically contain a float if the container has a width or height assigned. "height: 1%" can be used because WinIE will not honor this height and will expand the div to whatever height necessary to show the content. */
/* The second selector below overwrites the inline-block display used to help MacIE. */
/* Hides from MacIE \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from MacIE */

/************** other hacks *****************/
/* Hides from IE5-mac \*/ 
* html .hollyhack {
     height: 1%;
} 
/* End hide from IE-mac */ 

img {
margin: 0px;
}

* html img {
margin-left /**/: -3px;
margin-right /**/: -3px;
}