/* bug fixes */
* html body { padding: 0 0 0 200px; margin-left: 10px }
.fix { height: 0.01%; } /* ie6 peekaboo bug */

body { padding: 0; margin: 0; margin-left: 10px; border: 0; height: 100%; max-height: 100%; font-family: Arial; font-size: 75% }
img { border: none }
div a { text-decoration: none; color: steelblue; }
div a:hover { text-decoration: underline; }

#left_pane { position: absolute; top: 0; bottom: 0; left: 0; width: 200px; height: 100%; background: url(/images/ShowMeHowLogo.gif) no-repeat top left; color: white; }
#right_pane { position: fixed; top: 0; left: 200px; right: 0; bottom: 0; overflow: auto; background: #fff; padding-top: 10px; }

.text_left { margin-right: 300px  }
.image_right { float: right; width: 300px; }

h1#header  { background: url(/images/titleText.gif) right no-repeat; height: 46px; width: 100%; text-indent: -1000px  }

#navcontainer { margin: 0px; border-top: solid 2px #c9242b; float: right }
#navcontainer ul { padding: 0px; margin: 0px; list-style-type: none; text-align: left; padding-top: 0px }
#navcontainer li { float: left; display: block }
#navcontainer ul li a { color: black; text-decoration: none; margin: 0px; height: 25px; width: 100px; padding-top: 4px; padding-right: 25px; font-weight: bolder; }
#navcontainer li a:hover { color: #ca252c; }

#categories { position: absolute; top: 175px; width: 170px;}
#categories ul { list-style-type: none; color: white; margin: 0; padding: 0}
#categories a { color: White; text-decoration: none; line-height: 30px; width: 170px; text-align: center; cursor: pointer;}
#categories a:hover { font-weight: bolder; text-decoration:underline; }
#categories li { height: 40px }
#categories div { width: 170px; height: 40px }

#HomeCategories { clear: both }
#HomeCategories li { float: left; list-style-type: none; width: 100px; text-align: center }
#HomeCategories a { text-decoration: none; color: black }
#HomeCategories a:hover { color: #ca252c; font-weight: bolder; text-decoration: underline; }

.home_links { text-decoration: none; color: black }
#footer { width: 100%; height: 1.5em; text-align: center; color: white; background: #c9242b; clear: both}

.titles { background: #f8f8f8; padding: 20px; border: solid 1px gray; clear: both; width: auto}
.titles img { border: solid 1px darkgray; margin-right: 30px}
.titleThumb { float: left; margin-right: 5px }
.titleThumb a { text-decoration: none; color: black; padding: 5px }
.titleThumb a:hover { text-decoration: none; color: #ff0000 }/* headers */
h1 { color: #888888; font-family: Arial; font-size: 2em; }
h1:first-letter { font-size: 2.5em; font-family: Georgia; font-style: italic; font-weight: bold}
h2 { font-family: Arial; font-size: 1.5em; font-weight: bold }
h3 { font-family: Arial; font-size: 1em; font-weight: bold; font-style: italic; text-align: center }



#content { margin-right: 10px; margin-left: 10px }

#product_image { float: left; border:solid 1px #606060; margin-right: 20px }
#product_details {background: #f8f8f8; border: solid 1px #dddddd; padding: 10px }
#product_details span { font-weight: bolder; line-height: 1.5em  }
#product_description { clear: both; background: #f8f8f8; padding: 10px; padding-top: 0; border:solid 1px #dddddd; margin-top: 10px; margin-bottom: 10px }
#product_brief { font-size: 150% }

.selected { font-size: 150% }

#zoom { background: #E8E8E8; float: left; cursor: pointer }

.blueLink { color: blue }