/* border:1px solid #00ff00; */

body { height: 100%; min-width:753px; font-size: 9px; color:#969696; background:#ffffff; font-family: Verdana, Verdana, Geneva, sans-serif; line-height:185%; margin: 50px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:justify; }

#site { position:absolute; left: 50%; top: 50%;  margin-top: -280px; margin-left: -375px; width:753px; height:543px; min-width:753px; min-height:543px; z-index:0;}
#header {float:left; width:753px; height:34px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear:both;}
#logo { float:right; margin: 0px 0px 0px 0px; padding: 3px 0px 13px 573px;}

.line{ width:900px; margin:1px 0px 5px 0px; padding:0px; border-top:1px solid #000000; text-align:center; clear:both; }

#content { width: 753px; height:435px; font-weight:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


/* alt view */
a#alt01, a#alt02, a#alt03, a#alt04, a#alt05, a#alt06 {font-size: 7pt; color:#969696; font-family: Arial, Helvetica, sans-serif; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px;}
a#alt01_on, a#alt02_on, a#alt03_on, a#alt04_on, a#alt05_on, a#alt06_on { font-size: 7pt; color:#000; font-family: Arial, Helvetica, sans-serif; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px;}
a#alt01:hover, a#alt02:hover, a#alt03:hover, a#alt04:hover, a#alt05:hover, a#alt06:hover { color:#c8c8c8;}

.alt_view { float:left; width:260px; height:17px; min-height:17px; padding:0px 0px 0px 0px; }
.alt_view_num {float: left; padding:0px 0px 0px 0px; }
.alt_view_arrow {float: left; padding-top:1px;}
a#arrow_right img { background: url(../images/misc/arrow_right.jpg) top left no-repeat; width:6px; height:18px;}
a#arrow_left img { background: url(../images/misc/arrow_left.jpg) top left no-repeat; width:6px; height:18px;}
a#arrow_right:hover img {background: url(../images/misc/arrow_right_over.jpg) top left no-repeat;}
a#arrow_left:hover img {background: url(../images/misc/arrow_left_over.jpg) top left no-repeat;}

/* about */
.contact_txt { padding:0px 0px 0px 0px; margin:0; float:left; height:435px; min-height:435px;}
.contact_img { padding:0; margin:0; float:right; width: 471px; height:435px; min-height:435px;}
.contact_hdr { padding::0px 0px 13px 0px; margin:0; float:left; height:44px; min-height:57px;}
.contact p { width:271px; padding:5px 0px 0px 0px; margin:0;}

.profile_txt { padding:0px 0px 0px 0px; margin:0; float:left; width: 435px; height:435px; min-height:435px;}
.profile_img { padding:0; margin:0; float:right; height:346px; min-height:435px;}
.profile_hdr { padding::0px 0px 13px 0px; margin:0; float:left; height:44px; min-height:57px;}

/*purchase*/
.purchase_hdr { padding:0px 0px 5px 0px; margin:0; float:left; width: 745px; height:44px; }
.purchase_txt { padding:0px 0px 0px 0px; margin:0; float:left; width: 745px; height:30px; }
.purchase_left { float:left; width:350px; }
.purchase_right { float:right; width:350px; }
.sliceTables, .deepMoss { float:left; width:157px; }
p.sliceTables, p.deepMoss { width:157px; }
.sliceTables_img, .deepMoss_img { float:right; }

/*small*/
.product {width:260px; height:382px; min-height:382px; padding:0px 20px 0px 0px; }
.small { float:left; width:260px; height:365px; min-height:365px; padding:0; }
#small_img, .small_img { float:right; width:472px; }

/*product_info*/
#product_info { padding:10px 0px 0px 0px;}
.product_txt { float:left; height: 51px; padding:0px 20px 0px 0px; }
.product_txt5 { float:left; height: 51px; padding:0px 5px 0px 0px; }
.product_txt10 { float:left; height: 51px; padding:0px 10px 0px 0px; }
.product_height { float:left; }

/* nav */
#sm_nav {width: 705px; height:18px; float: left; margin:  0px 0px 0px 0px; padding: 25px 0px 0px 48px; }
#med_nav {width: 673px; height:18px; float: right; margin:  0px 0px 0px 0px; padding: 25px 0px 0px 48px; }
#lg_nav {width: 660px; height:18px; float: right; margin:  0px 0px 0px 0px; padding: 25px 0px 0px 48px; }
#xl_nav {width: 630px; height:18px; float: right; margin:  0px 0px 0px 0px; padding: 25px 0px 0px 48px; }
#main_nav { width: 753px; height:31px; float: left; margin:  0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#about_nav {width: 594px; height:18px; float: left; margin:  0px 0px 0px 0px; padding: 25px 0px 0px 159px; }
#index_nav {width: 753px; height:18px; float: left; margin:  0px 0px 0px 0px; padding: 25px 0px 0px 48px; }

/* links */
a:visited, a:link { color:#969696; text-decoration:none; font-weight:bold;}
a:hover { color:#c8c8c8; text-decoration:none; font-weight:bold;}

a.enlarge_link:visited, a.enlarge_link:link { font-size:7pt; color:#969696; text-decoration:none; font-weight:normal; padding-top:10px; }
a.enlarge_link:hover { color:#c8c8c8; text-decoration:none; font-weight:normal;}
.enlarge { padding-top:10px; }

/* main nav images */
a img {border:0px;}

a#index img {background: url(../images/nav/index_off.gif) top left no-repeat; width:45px; height:31px;}
a#index_on img {background: url(../images/nav/index_on.gif) top left no-repeat; width:45px; height:31px;}
a#index:hover img {background: url(../images/nav/index_over.gif) top left no-repeat;}

a#sm img {background: url(../images/nav/sm_off.gif) top left no-repeat; width:28px; height:31px;}
a#sm_on img {background: url(../images/nav/sm_on.gif) top left no-repeat; width:28px; height:31px;}
a#sm:hover img {background: url(../images/nav/sm_over.gif) top left no-repeat;}

a#med img {background: url(../images/nav/med_off.gif) top left no-repeat; width:36px; height:31px;}
a#med_on img {background: url(../images/nav/med_on.gif) top left no-repeat; width:36px; height:31px;}
a#med:hover img {background: url(../images/nav/med_over.gif) top left no-repeat;}

a#lg img {background: url(../images/nav/lg_off.gif) top left no-repeat; width:25px; height:31px;}
a#lg_on img {background: url(../images/nav/lg_on.gif) top left no-repeat; width:25px; height:31px;}
a#lg:hover img {background: url(../images/nav/lg_over.gif) top left no-repeat;}

a#xl img {background: url(../images/nav/xl_off.gif) top left no-repeat; width:25px; height:31px;}
a#xl_on img {background: url(../images/nav/xl_on.gif) top left no-repeat; width:25px; height:31px;}
a#xl:hover img {background: url(../images/nav/xl_over.gif) top left no-repeat;}

a#about img {background: url(../images/nav/about_off.gif) top left no-repeat; width:51px; height:31px;}
a#about_on img {background: url(../images/nav/about_on.gif) top left no-repeat; width:51px; height:31px;}
a#about:hover img {background: url(../images/nav/about_over.gif) top left no-repeat;}

a#purchase img {background: url(../images/nav/purchase_off.gif) top left no-repeat; width:71px; height:31px;}
a#purchase_on img {background: url(../images/nav/purchase_on.gif) top left no-repeat; width:71px; height:31px;}
a#purchase:hover img {background: url(../images/nav/purchase_over.gif) top left no-repeat;}

/* sm nav images */
a#delete img {background: url(../images/sm/nav/delete_off.gif) top left no-repeat; width:68px; height:18px;}
a#delete_on img {background: url(../images/sm/nav/delete_on.gif) top left no-repeat; width:68px; height:18px;}
a#delete:hover img {background: url(../images/sm/nav/delete_over.gif) top left no-repeat;}

a#slice img {background: url(../images/sm/nav/slice_off.gif) top left no-repeat; width:61px; height:18px;}
a#slice_on img {background: url(../images/sm/nav/slice_on.gif) top left no-repeat; width:61px; height:18px;}
a#slice:hover img {background: url(../images/sm/nav/slice_over.gif) top left no-repeat;}

a#deepswiss img {background: url(../images/sm/nav/deepswiss_off.gif) top left no-repeat; width:85px;height:18px;}
a#deepswiss_on img {background: url(../images/sm/nav/deepswiss_on.gif) top left no-repeat; width:85px;height:18px;}
a#deepswiss:hover img {background: url(../images/sm/nav/deepswiss_over.gif) top left no-repeat;}

a#twentyfour img {background: url(../images/sm/nav/twentyfour_off.gif) top left no-repeat; width:81px; height:18px;}
a#twentyfour_on img {background: url(../images/sm/nav/twentyfour_on.gif) top left no-repeat; width:81px; height:18px;}
a#twentyfour:hover img {background: url(../images/sm/nav/twentyfour_over.gif) top left no-repeat;}


/* med nav images */
a#med_4140 img {background: url(../images/med/nav/4140_off.gif) top left no-repeat; width:55px; height:18px;}
a#med_4140_on img {background: url(../images/med/nav/4140_on.gif) top left no-repeat; width:55px; height:18px;}
a#med_4140:hover img {background: url(../images/med/nav/4140_over.gif) top left no-repeat;}

a#deep_moss img {background: url(../images/med/nav/deep_moss_off.gif) top left no-repeat; width:97px; height:18px;}
a#deep_moss_on img {background: url(../images/med/nav/deep_moss_on.gif) top left no-repeat; width:97px; height:18px;}
a#deep_moss:hover img {background: url(../images/med/nav/deep_moss_over.gif) top left no-repeat;}

a#freeway img {background: url(../images/med/nav/freeway_off.gif) top left no-repeat; width:71px; height:18px;}
a#freeway_on img {background: url(../images/med/nav/freeway_on.gif) top left no-repeat; width:71px; height:18px;}
a#freeway:hover img {background: url(../images/med/nav/freeway_over.gif) top left no-repeat;}

a#hover img {background: url(../images/med/nav/hover_off.gif) top left no-repeat; width:61px; height:18px;}
a#hover_on img {background: url(../images/med/nav/hover_on.gif) top left no-repeat; width:61px; height:18px;}
a#hover:hover img {background: url(../images/med/nav/hover_over.gif) top left no-repeat;}

a#sunshower img {background: url(../images/med/nav/sunshower_off.gif) top left no-repeat; width:99px; height:18px;}
a#sunshower_on img {background: url(../images/med/nav/sunshower_on.gif) top left no-repeat; width:99px; height:18px;}
a#sunshower:hover img {background: url(../images/med/nav/sunshower_over.gif) top left no-repeat;}

a#radiator img {background: url(../images/med/nav/radiator_off.gif) top left no-repeat; width:71px; height:18px;}
a#radiator_on img {background: url(../images/med/nav/radiator_on.gif) top left no-repeat; width:71px; height:18px;}
a#radiator:hover img {background: url(../images/med/nav/radiator_over.gif) top left no-repeat;}

a#jealous_again img {background: url(../images/med/nav/jealous_again_off.gif) top left no-repeat; width:102px; height:18px;}
a#jealous_again_on img {background: url(../images/med/nav/jealous_again_on.gif) top left no-repeat; width:102px; height:18px;}
a#jealous_again:hover img {background: url(../images/med/nav/jealous_again_over.gif) top left no-repeat;}


/* lg nav images */
a#chord img {background: url(../images/lg/nav/3chord_off.gif) top left no-repeat; width:67px; height:18px;}
a#chord_on img {background: url(../images/lg/nav/3chord_on.gif) top left no-repeat; width:67px; height:18px;}
a#chord:hover img {background: url(../images/lg/nav/3chord_over.gif) top left no-repeat;}

a#switch img {background: url(../images/lg/nav/switch_off.gif) top left no-repeat; width:68px; height:18px;}
a#switch_on img {background: url(../images/lg/nav/switch_on.gif) top left no-repeat; width:68px; height:18px;}
a#switch:hover img {background: url(../images/lg/nav/switch_over.gif) top left no-repeat;}

a#am img {background: url(../images/lg/nav/3am_off.gif) top left no-repeat; width:53px; height:18px;}
a#am_on img {background: url(../images/lg/nav/3am_on.gif) top left no-repeat; width:53px; height:18px;}
a#am:hover img {background: url(../images/lg/nav/3am_over.gif) top left no-repeat;}

a#slicelong img {background: url(../images/lg/nav/slice_off.gif) top left no-repeat; width:81px; height:18px;}
a#slicelong_on img {background: url(../images/lg/nav/slice_on.gif) top left no-repeat; width:81px; height:18px;}
a#slicelong:hover img {background: url(../images/lg/nav/slice_over.gif) top left no-repeat;}

a#moss img {background: url(../images/lg/nav/moss_off.gif) top left no-repeat; width:74px; height:18px;}
a#moss_on img {background: url(../images/lg/nav/moss_on.gif) top left no-repeat; width:74px; height:18px;}
a#moss:hover img {background: url(../images/lg/nav/moss_over.gif) top left no-repeat;}

a#sugar img {background: url(../images/lg/nav/sugar_off.gif) top left no-repeat; width:61px; height:18px;}
a#sugar_on img {background: url(../images/lg/nav/sugar_on.gif) top left no-repeat; width:61px; height:18px;}
a#sugar:hover img {background: url(../images/lg/nav/sugar_over.gif) top left no-repeat;}

a#vague img {background: url(../images/lg/nav/vague_off.gif) top left no-repeat; width:68px; height:18px;}
a#vague_on img {background: url(../images/lg/nav/vague_on.gif) top left no-repeat; width:68px; height:18px;}
a#vague:hover img {background: url(../images/lg/nav/vague_over.gif) top left no-repeat;}

a#street img {background: url(../images/lg/nav/street_off.gif) top left no-repeat; width:61px; height:18px;}
a#street_on img {background: url(../images/lg/nav/street_on.gif) top left no-repeat; width:61px; height:18px;}
a#street:hover img {background: url(../images/lg/nav/street_over.gif) top left no-repeat;}

a#talk img {background: url(../images/lg/nav/talk_off.gif) top left no-repeat; width:52px; height:18px;}
a#talk_on img {background: url(../images/lg/nav/talk_on.gif) top left no-repeat; width:52px; height:18px;}
a#talk:hover img {background: url(../images/lg/nav/talk_over.gif) top left no-repeat;}


/* xl nav images */
a#superflat img {background: url(../images/xl/nav/superflat_off.gif) top left no-repeat; width:74px; height:18px;}
a#superflat_on img {background: url(../images/xl/nav/superflat_on.gif) top left no-repeat; width:74px; height:18px;}
a#superflat:hover img {background: url(../images/xl/nav/superflat_over.gif) top left no-repeat;}

a#double img {background: url(../images/xl/nav/double_off.gif) top left no-repeat; width:65px; height:18px;}
a#double_on img {background: url(../images/xl/nav/double_on.gif) top left no-repeat; width:65px; height:18px;}
a#double:hover img {background: url(../images/xl/nav/double_over.gif) top left no-repeat;}

a#method img {background: url(../images/xl/nav/method_off.gif) top left no-repeat; width:82px; height:18px;}
a#method_on img {background: url(../images/xl/nav/method_on.gif) top left no-repeat; width:82px; height:18px;}
a#method:hover img {background: url(../images/xl/nav/method_over.gif) top left no-repeat;}

a#sound img {background: url(../images/xl/nav/sound_off.gif) top left no-repeat; width:108px; height:18px;}
a#sound_on img {background: url(../images/xl/nav/sound_on.gif) top left no-repeat; width:108px; height:18px;}
a#sound:hover img {background: url(../images/xl/nav/sound_over.gif) top left no-repeat;}

a#trace img {background: url(../images/xl/nav/trace_off.gif) top left no-repeat; width:81px; height:18px;}
a#trace_on img {background: url(../images/xl/nav/trace_on.gif) top left no-repeat; width:81px; height:18px;}
a#trace:hover img {background: url(../images/xl/nav/trace_over.gif) top left no-repeat;}


/* about nav images */
a#contact img {background: url(../images/about/nav/contact_off.gif) top left no-repeat; width:43px; height:18px;}
a#contact_on img {background: url(../images/about/nav/contact_on.gif) top left no-repeat; width:43px; height:18px;}
a#contact:hover img {background: url(../images/about/nav/contact_over.gif) top left no-repeat;}

a#profile img {background: url(../images/about/nav/profile_off.gif) top left no-repeat; width:38px; height:18px;}
a#profile_on img {background: url(../images/about/nav/profile_on.gif) top left no-repeat; width:38px; height:18px;}
a#profile:hover img {background: url(../images/about/nav/profile_over.gif) top left no-repeat;}

a#credits img {background: url(../images/about/nav/credits_off.gif) top left no-repeat; width:66px; height:18px;}
a#credits_on img {background: url(../images/about/nav/credits_on.gif) top left no-repeat; width:66px; height:18px;}
a#credits:hover img {background: url(../images/about/nav/credits_over.gif) top left no-repeat;}



/* alt view */
a#alt01, a#alt02, a#alt03, a#alt04, a#alt05, a#alt06, a#alt07, a#alt08 {font-size: 7pt; color:#969696; font-family: Arial, Helvetica, sans-serif; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px;}
a#alt01_on, a#alt02_on, a#alt03_on, a#alt04_on, a#alt05_on, a#alt06_on, a#alt07_on, a#alt08_on { font-size: 7pt; color:#000; font-family: Arial, Helvetica, sans-serif; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px;}
a#alt01:hover, a#alt02:hover, a#alt03:hover, a#alt04:hover, a#alt05:hover, a#alt06:hover, a#alt07:hover, a#alt08:hover { color:#c8c8c8;}

.alt_view { float:left; width:260px; height:17px; min-height:17px; padding:0px 0px 0px 0px; }
.alt_view_num {float: left; padding:0px 0px 0px 0px; }
.alt_view_arrow {float: left; padding-top:1px;}
a#arrow_right img { background: url(../images/misc/arrow_right.jpg) top left no-repeat; width:6px; height:18px;}
a#arrow_left img { background: url(../images/misc/arrow_left.jpg) top left no-repeat; width:6px; height:18px;}
a#arrow_right:hover img {background: url(../images/misc/arrow_right_over.jpg) top left no-repeat;}
a#arrow_left:hover img {background: url(../images/misc/arrow_left_over.jpg) top left no-repeat;}