/* MAIN TAGS */
html { width: 100%; height: 100% }
body { color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #d4d4d4; background-image: url("../images/global/bg.jpg"); background-repeat: no-repeat; background-position: center; margin: 0 }
h3 { margin-bottom: 5px }
ul { list-style-type: none; margin: 0; padding: 0 }
li { display: inline; margin-right: 10px; margin-left: 10px }
a { color: #036; text-decoration: none }
a:hover { color: #369 }
#right { float: right }
img { border: 0 }

/* BULLETS */
#arrow { background-image: url("http://www.baskindustries.com/images/global/arrow_bullet.png"); background-repeat: no-repeat; background-position: center; display: inline; position: fixed; width: 7px; height: 5px }

/* LOGO */
#logo { display: block; overflow: hidden; margin: 10% auto 20px; width: 262px; height: 148px }

/* BASK BAR */
#bask_bar { line-height: 20px; background-color: #ccc; background-image: url("http://www.baskindustries.com/images/global/bask_bar_grad.gif"); display: none; position: absolute; top: 0; width: 100%; height: 20px; border-bottom: 1px solid #999 }
#bask_bar li { display: inline; margin: 0 }
#bask_bar a { color: #666; font-size: 11px; text-decoration: none; display: inline; padding: 5px 4px 4px }
#bask_bar a:hover { background-color: #fff; padding-right: 3px; padding-left: 3px; border-right: 1px solid #999; border-left: 1px solid #999 }
#bask_links { line-height: 30px; text-align: center; display: block; margin-top: 30px }
#bask_links a { color: #999; font-size: 17px; text-decoration: none }
#bask_links a:hover { color: #000 }

/* FIELD LINKS */
#field_links { line-height: 30px; text-align: center; display: block; border-top: 1px solid #d4d4d4 }
#field_links a { color: #999; font-size: 17px; text-decoration: none }
#field_links a:hover { color: #66ccff }

/* DROPDOWN MENU */
#menu { display: none; position: absolute; width: auto; height: auto }
#menu .top { background-image: url("http://www.baskindustries.com/images/global/menu_arrow.png"); background-repeat: no-repeat; background-position: 10px 0; display: block; width: 100%; height: 7px }
#menu .items { background-color: #333; width: auto; height: auto; float: left }
#menu .items a { color: #ccc; font-size: 15px; text-decoration: none; margin: 10px; float: left }
#menu .items a:hover { color: #fff }

/* CONTENT */
#content { margin-right: auto; margin-left: auto; width: 500px; height: auto }

/* NOTES */
#note { color: #666; font-size: 11px; line-height: 11px; text-align: center; display: block; margin: 0; position: relative; top: 200px }
#note b { font-size: 10px }
#note a { color: #666 }
#note a:hover   { color: #000 }

/* TOOL TIP */
#tool_tip { background-color: #ccc; visibility: hidden; padding: 6px 0 0 10px; position: absolute; z-index: 100; left: -300px; width: 200px; border: solid 2px #999 }
#tool_tip p { color: #333; font-size: 1.1em; line-height: 1.4em; margin-top: 0; margin-right: 10px }
#tool_tip_pointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden }
#ToolTipTextWrap { font-weight:bold; font-size: 1.2em; color: #592C16; margin-right:10px }