/* common settings for entire site */
body			           { font-size: 95%; font-family: "Franklin Gothic Book", Tahoma, Geneva, sans-serif; background: url(background_page.jpg) repeat; text-align: center; margin: 0em; padding: 0em; behavior: url(csshover.htc) }
a			{text-decoration: none;}
a:link			 { color: black }
a:visited		{ color: black }
a:hover			 { text-decoration: none }
ul.prodpicshowcase    { list-style-type: none; margin: 0px; padding: 2px 2px 2px 4px; border: solid 1px black; width: 135px; height: 56px }
ul.prodpicshowcase li   { float: left; margin-top: 4px; margin-right: 2px }
b.heavytext  { color: #9a3200; font-weight: bold; font-size: 102% }
a.button_green      { color: white; font-weight: bold; font-size: 95%; text-decoration: none; background: url(button_green_off.gif) no-repeat; text-align: center; padding-top: 2px; width: 106px; height: 24px; display: block }
a.button_green:hover      { color: black; font-weight: bold; font-size: 95%; text-decoration: none; background: url(button_green_on.gif) no-repeat; text-align: center; padding-top: 2px; width: 106px; height: 24px; display: block }
p.error   { font-size: 90%; background: #ffaab0 url(icon_caution.gif) no-repeat 0.5em 0.5em; text-indent: 1.5em; padding: 0.5em 0.25em 0.25em; width: 95%; height: 1.5em }
span.error_code { font-weight: bold }
/* page layout */
#container		            { background-color: white; margin: 0em auto; border: solid 1px #696969; width: 700px }
#header			             { width: 700px; height: 100px }
#tagline        { background: url(tagline.jpg) no-repeat; float: none; clear: both; border-top: 1px solid #9f340e; width: 700px; height: 47px }
#left_column        { float: left; clear: both; margin-top: -1em; width: 165px }
/* footer */
#footer			        { color: white; font-size: 98%; background: url(background_footer.jpg) no-repeat; clear: both; border-top: 1px solid #9a3200; width: 700px; height: 50px }
#footer a     { color: white; text-decoration: underline; text-align: center; padding: 2px 3px }
#footer a:hover   { color: black; text-decoration: underline; background-color: white; padding: 2px 3px }
#footer ul         { list-style-type: none; margin-top: 1px; margin-left: 1.5em }
#footer li       { list-style-type: none; float: left; padding-right: 1px; padding-left: 1px; display: block }
li.footer_indent     { font-weight: bold; margin-top: 0.5em; margin-left: 8em }
/* menues */
/* headermenu */
#headmenu         { font-weight: bold; font-size: 90%; background: url(background_header_menu.gif) no-repeat; float: none; clear: both; border-top: 1px solid #9f340e; border-bottom: 1px solid #9f340e; width: 700px; height: 29px }
#headmenu ul   { list-style-type: none; margin: 0em 0em 0em 8px; padding: 0em }
#headmenu li    { float: left; margin-top: 3px; margin-right: 11px }
#headmenu a.menuhome          { color: white; background: url(background_menu_button_home_off.gif) no-repeat; padding-top: 2px; padding-right: auto; padding-left: auto; width: 162px; height: 29px; display: block }
#headmenu a.menugen         { background: url(background_menu_button_off.gif) no-repeat; padding-top: 2px; padding-right: auto; padding-left: auto; width: 162px; height: 29px; display: block }
#headmenu a.menuhome:hover          { color: black; background: url(background_menu_button_home_on.gif) no-repeat; padding-top: 2px; padding-right: auto; padding-left: auto; width: 162px; height: 29px; display: block }
#headmenu a.menugen:hover        { background: url(background_menu_button_on.gif) no-repeat; padding-top: 2px; padding-right: auto; padding-left: auto; width: 162px; height: 29px; display: block }
/* sidebar menus */
p.sidebar    { color: white; font-weight: bold; font-size: 120%; background: url(background_sidebar_blue.gif) no-repeat; text-align: center; text-indent: -5px; margin-bottom: -5px; padding-top: 5px; width: 167px; height: 30px }
p.sidebar2    { color: white; font-weight: bold; font-size: 120%; background: url(background_sidebar_aqua.gif) no-repeat; text-align: center; text-indent: -5px; margin-bottom: -5px; padding-top: 5px; width: 167px; height: 30px }
div#sidebar  { font-size: 85%; text-align: left; float: left; position: relative; top: 10px; left: 5px; width: 165px }
div#sidebar ul         { background-color: #faf6ee; margin: 0em; padding: 0em; border: solid 1px #696969; width: 165px }
div#sidebar li    { list-style-type: none; margin: 0px; border-bottom: 1px solid #9a3200; position: relative }
div#sidebar li:hover  { background-color: #ffcbbd }
div#sidebar li.submenu  { background: url(arrow_right.gif) no-repeat 95% 50% }
div#sidebar li.submenu:hover  { background-color: #ffcbbd }
div#sidebar li a    { text-decoration: none; padding: 0.25em 0 0.25em 0.25em; width: 165px; display: block }
div#sidebar>ul a {width: auto;}
div#sidebar ul ul  { position: absolute; top: 0; left: 165px; display: none }
div#sidebar ul.level1 li.submenu:hover ul.level2,
div#sidebar ul.level2 li.submenu:hover ul.level3  { display: block }
#bodytext		               { font-size: 96%; text-align: justify; float: right; margin: -8px 1em 1em; width: 500px }
#bodytext a { color: #9a3200; text-decoration: underline }
/* main product menu - if clicked on from sidebar */
#catalog_menu  { text-align: left; float: right; margin-top: -14px; width: 500px }
ul.catalog_menu li		                 { background-image: url(background_menupage_off.gif); list-style-type: none; margin-top: 5px; border: solid 1px #696969; width: 250px; height: 56px }
ul.catalog_menu li:hover  { background-image: url(background_menupage_on.gif) }
ul.catalog_menu img		                { float: left; margin: 1px; border: solid 1px #696969 }
ul.catalog_menu a     { color: black; font-weight: bold; text-align: left; margin-left: 44px; padding-top: 1.2em; padding-left: 1em; width: 191px; height: 38px; display: block }
ul.catalog_menu a:hover     { color: white; font-weight: bold }
/* twitter */
#twitter   { background-color: #faf6ee; border: solid 1px #696969; width: 100%; height: 300px }
#twitter_user   { background-color: #edd9b2; border-bottom: 1px solid #696969; width: 100%; height: 125px }
#twitter_user ul      { font-weight: bold; font-size: 110%; list-style-type: none; float: left; margin-left: 30px; padding: 0px; width: 100px }
#twitter_user li    { margin-bottom: 20px }
ul.twitter_update_list    { list-style-type: none; margin: 10px; padding: 10px; width: 93%; height: 130px; overflow: scroll; display: block }
ul.twitter_update_list li    { background-color: #edd9b2; margin-bottom: 5px; padding: 10px }
img.bio   { float: left; margin: 10px; border: solid 1px #000 }
/* product spec tables */
/* product specs table */
table.prodspecs { border-top: 2px solid #9a3200; width: 80% }
table.prodspecs td, tr     { font-size: 95%; text-align: left }
table.prodspecs tr  { padding-top: 2%; width: 25%; height: 80px }
table.prodspecs td  { padding-top: 15px }
td.prod   { color: #9a3200; font-weight: bold; font-size: 0.5em }
table.prodspecs caption    { color: #2e8b57; font-style: oblique; font-weight: bold; font-size: 110%; text-align: left; text-indent: 3px }
/* product pricing table */
table.prodprice  { border-bottom: 1px solid #9a3200; width: 80% }
table.prodprice td, tr      { font-size: 95% }
table.prodprice td      { text-align: center; border-bottom: 1px solid #008000; width: 20% }
table.prodprice tr      { height: 25px }
tr.quanity     { font-weight: bold; background-color: #e5f0e8 }
td.quanity     { border-top: 1px solid #008080; border-right: 1px solid #008080 }
td.prodqu      { border-top: 1px solid #008080; border-right: 1px solid #008080; border-left: 1px solid #008080 }
table.prodprice caption { color: #9a3200; font-weight: bold; font-size: 95%; text-align: right }
/* popup gallery and guides */
/* mouseover gallery viewer */
div#gallery                  { font-size: 90%; background: url(background_gallery.jpg) no-repeat; text-align: left; border: solid 1px #808080; position: relative; width: 500px; height: 438px }
div#gallery ul   { margin-top: -10px; margin-left: -35px; width: 250px }
div#gallery li    { color: white; list-style-type: none; float: left; margin-top: 2px; margin-right: 4px; border: solid 2px #696969 }
div#gallery li:hover     { margin-top: 2px; margin-right: 4px; border: solid 2px #6495ed }
div#gallery li a    { text-decoration: none; display: block }
div#gallery>ul a {width: auto;}
div#gallery ul ul      { margin: 0px 0px 0px -36px; position: absolute; top: 0px; left: 240px; width: 250px; height: 350px; display: none }
div#gallery a span       { color: black; font-size: 95%; background-color: #ffffe0; text-align: center; padding: 1px; border-top: 1px solid #696969; display: block }
div#gallery ul.smallview li:hover ul.fullview {display:block;}
/* mouseover product guide */
div#guide                    { color: white; font-size: 90%; background-image: url(background_guide.jpg); text-align: left; border: solid 1px #800000; position: relative; width: 500px; height: 443px }
div#guide ul     { margin-top: -12px; margin-left: -30px; width: 250px }
div#guide b.category        { color: black; font-weight: bold; background-color: #e3c4a0; text-indent: 5px; float: left; clear: both; margin-top: 3px; margin-bottom: 3px; padding: 2px; border: solid 1px black; width: 212px; display: block }
div#guide li       { color: white; list-style-type: none; float: left; margin-top: 3px; margin-right: 4px; padding-bottom: 2px; border-bottom: 3px solid #fff }
div#guide li:hover       { border-bottom: 3px solid #ffd700 }
div#guide li a     { text-decoration: none; display: block }
div#guide>ul a    { width: auto }
div#guide ul ul        { background-color: white; text-align: center; margin-top: 5px; padding: 0px; border: solid 1px black; position: absolute; top: 5px; left: 300px; width: 225px; display: none }
div#guide a span         { color: black; font-size: 95%; background-color: #ffffe0; text-align: left; margin-top: 5px; padding-right: 5px; padding-left: 5px; border-top: 1px solid black; width: 214px; display: block }
div#guide ul.smallview li:hover ul.fullview   { display: block }
/* special pages */
/* catalog listing */
ul.left    { float: left; margin-top: 0px; margin-left: -30px; width: 220px }
ul.left li  { font-size: 95%; list-style-type: none; margin-top: 5px }
ul.left a    { text-indent: 15px; padding: 2px; width: 216px; display: block }
ul.left a:hover   { background-color: #ffcbbd; padding: 2px }
ul.right    { float: right; margin-top: 0px; width: 220px }
ul.right li  { font-size: 95%; list-style-type: none; margin-top: 5px }
ul.right a   { text-indent: 15px; padding: 2px; width: 216px; display: block }
ul.right a:hover   { background-color: #ffcbbd; padding: 2px }
li.cat_title    { font-weight: bold; font-size: 95%; background-color: #d3d3d3; padding: 5px }
#montage		          { background-image: url(index_montage_ssa.jpg); width: 506px; height: 390px }
p.bodytitle  { color: #9a3200; font-weight: bold; font-size: 20px }
h1.pagetitle   { color: #9a3200; font-weight: bold; font-size: 20px }
h1.prodtitle   { color: black; font-weight: bold; font-size: 14px }
b.prodtitle { color: black; font-weight: bold; font-size: 16px }
/* inukshuk photo gallery */
#inuk_gallery                 { margin: 0px; padding: 2px; position: relative; width: 500px }
#inuk_gallery img { margin: 0px; width: 125px; height: 175px }
#inuk_gallery ul   { float: left; margin: 0px; padding-left: 1em }
#inuk_gallery li    { color: white; list-style-type: none; float: left; margin: 5px; border: solid 2px #696969; width: 140px; height: 237px }
#inuk_gallery li:hover     { border: solid 2px #6495ed }
#inuk_gallery li a     { text-decoration: none; display: block }
#inuk_gallery a span        { color: black; font-size: 12px; background-color: #ffffe0; text-align: center; margin: 0px; padding: 1px; border-top: 1px solid #696969; height: 58px; display: block }
/* more website */
#more_websites   { text-align: justify; float: right; margin-top: -16px; padding-right: 15px; width: 500px }
ol.more_websites_visit     { text-decoration: none; background: url(background_visit_website.jpg) no-repeat; list-style-type: none; padding-top: 10px; padding-left: 360px; border: solid 1px #696969; width: 140px; height: 35px }
.more_websites_section   { background: url(background_morewebsites.jpg) no-repeat; padding-top: 10px; padding-right: 10px; padding-left: 10px; border: solid 1px #696969; width: 480px; height: 275px }
.more_websites_section img   { border: solid 1px #696969 }
/* forms - contactus */
.contact fieldset    { font-size: 105%; background-color: #faf6ee; border: solid 1px #696969 }
.contact label       { margin-bottom: 0.5em; width: 12em; display: block }
.contact ol   { list-style-type: none; padding: 0em 0em 0em 1em }
.contact li  { padding-bottom: 1em }
.contact input, textarea         { border-style: solid; border-width: 1px; border-color: #808080 #c0c0c0 #c0c0c0 #808080 }
.contact fieldset.submit    { background-color: #faf6ee; text-align: left; margin-top: 1em; border: solid 1px #696969; height: 5.5em }
.contact fieldset.submit label       { float: right; clear: both; margin-top: 1.5em; margin-left: -5.5em; width: 10em }
.contact fieldset.submit input  { border: none }
.contact fieldset.submit input.captcha        { border-style: solid; border-width: 1px; border-color: #808080 #c0c0c0 #c0c0c0 #808080 }
.contact fieldset.submit ol          { list-style-type: none; float: left; margin-top: 0em; padding: 0em }
.contact fieldset.submit li            { list-style-type: none; margin-right: 1em; display: block }
input.button_submit    { color: white; font-weight: bold; background: url(button_green_off.gif) no-repeat; padding-bottom: 4px; width: 106px; height: 24px; display: block }
input.button_submit:hover    { color: black; background: url(button_green_on.gif) no-repeat; display: block }
#bodytext_footer   { background-color: #faf6ee; margin-top: 10px; padding-top: 3px; padding-left: 75%; border: solid 1px #bcbec0; width: 100%; height: 30px }