/* START: Site Header */
#topdeck { /* wraps: top cap, site header, site nav, promo banner, mid bar */
	height: 532px;
	position: relative;
	margin-bottom: 0px;
}
*html #topdeck {
	margin-bottom:-6px;
}
#topdeck div#site_data { /*Adjust the homepage main_nav up 10 px */
	height: 10px;
}
div#site_data { /* top cap, contains MDA (recommend) and site phone number */
	padding: 7px 7px 0px 7px;
	height: 20px;
	font-size: 12px;
}
/* The stuff above the navbar */
#site_phone {
	float: right;
}
#site_recommend {
	float: right;
}
#user_status {
	position: relative;
	height: 15px;
	font-weight: normal;
}
#user_status ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#user_status li {
	float: left;
	border-left: 1px solid #ccc;
	padding: 0px 6px;
}
#user_status li.first {
	border: none;
}
a#top { /* Please note message */
	position: relative;
	bottom: 6px;
}
div#site_bar { /* site header navigation */
	margin: 0px;
	padding: 0px;
	height: 50px;
}
#site_bar .nav_links { /* header navigation outer wrapper */
	position: relative;
	z-index: 100;
	height: 50px;
}
*html #topdeck {
	margin-bottom:-6px;
}
#topdeck div#site_data { /*Adjust the homepage main_nav up 10 px */
	height: 10px;
}
div#site_data { /* top cap, contains MDA (recommend) and site phone number */
	padding: 7px 7px 0px 7px;
	height: 20px;
	font-size: 12px;
}
/* The stuff above the navbar */
#site_phone {
	float: right;
}
#site_recommend {
	float: right;
}
#user_status {
	position: relative;
	height: 15px;
	font-weight: normal;
}
#user_status ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#user_status li {
	float: left;
	border-left: 1px solid #ccc;
	padding: 0px 6px;
}
#user_status li.first {
	border: none;
}
a#top { /* Please note message */
	position: relative;
	bottom: 6px;
}
div#site_bar { /* site header navigation */
	margin: 0px;
	padding: 0px;
	height: 50px;
}
#site_bar .nav_links { /* header navigation outer wrapper */
	position: relative;
	z-index: 100;
	height: 50px;
}
#site_bar .endA { /* utility div A */
	display: none;
}
#site_bar .endB { /* utility div B */
	display: none;
}
#site_bar .nav_bar { /* header navigation inner wrapper */
 
	top: -165px;
	height: 50px;
	width: 850px; /*must have this for firefox to work properly*/
	position: relative;
	left: -110px; /* position all the items*/
	background:url('sitenav_bg3.png') no-repeat left top;
	_background:url('sitenav_bg3.gif') no-repeat left top; /* FOR IE6 */
}
#site_bar .wrapper {
    z-index: 100;
	min-height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}
#topdeck #site_bar .nav_bar { /* CPHP background color override */
	position: absolute;
	top: 0px;
	left: 3px;
	z-index: 100; /*position all the items*/
	background: transparent url('sitenav_bg3.png') no-repeat left top;
	_background:transparent url('sitenav_bg3.png') no-repeat left top; /* FOR IE6 */
}
#topdeck div#site_data { /* top cap, contains MDA (recommend) and site phone number */
	padding: 0px 7px;
}
#site_bar .navA li.goBlur, #site_bar .navA li.goFocus {
	float: right;
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 50px;
	color: #333;
}
/* rollover styles FF
#site_bar .navB li#seg16            { background:url('/media/skin/E/nav01_shop.png') no-repeat left top; width:82px; }
#site_bar .navB li#seg16:hover      { background:url('/media/skin/E/nav01_shop.png') no-repeat left -50px; }
#site_bar .navB li#seg100           { background:url('/media/skin/E/nav02_computers.png') no-repeat left top; width:115px; }
#site_bar .navB li#seg100:hover     { background:url('/media/skin/E/nav02_computers.png') no-repeat left -50px; }
#site_bar .navB li#seg104           { background:url('/media/skin/E/nav03_displays.png') no-repeat left top;  width:98px; }
#site_bar .navB li#seg104:hover     { background:url('/media/skin/E/nav03_displays.png') no-repeat left -50px; }
#site_bar .navB li#seg102           { background:url('/media/skin/E/nav04_support.png') no-repeat left top; width:100px; }
#site_bar .navB li#seg102:hover     { background:url('/media/skin/E/nav04_support.png') no-repeat left -50px; }

li#seg16 a  { width:82px; height:50px; }
li#seg100 a { width:115px; height:50px; }
li#seg104 a { width:98px; height:50px; }
li#seg102 a { width:100px; height:50px; }

/* hereNav: selected level 1 marker
#site_bar .navB li#seg16.hereNav    { background: transparent url('/media/skin/E/nav01_shop.png') no-repeat 0px -100px; }
#site_bar .navB li#seg100.hereNav   { background: transparent url('/media/skin/E/nav02_computers.png') no-repeat 0px -100px; }
#site_bar .navB li#seg104.hereNav   { background: transparent url('/media/skin/E/nav03_displays.png') no-repeat 0px -100px; }
#site_bar .navB li#seg16.hereNav:hover  { background: transparent url('/media/skin/E/nav01_shop.png') no-repeat 0px -50px; }
#site_bar .navB li#seg100.hereNav:hover { background: transparent url('/media/skin/E/nav02_computers.png') no-repeat 0px -50px; }
#site_bar .navB li#seg104.hereNav:hover { background: transparent url('/media/skin/E/nav03_displays.png') no-repeat 0px -50px; }

#site_bar .navA li.m.hereNav { /* hereNav: selected level 1 marker
    background: transparent url('/media/skin/E/sitenav_bg.png1') repeat-x 0px -50px;
}
#site_bar .navA li.m:focus, #site_bar .navA li.m:active,
#site_bar .navA li.m:hover {
    background: transparent url('/media/skin/E/sitenav_bg.png') repeat-x 0px -50px;
}
*/
#site_bar .navA a.m {
	display: -moz-inline-block; /* FF2 */
	display: inline-block;
	padding: 18px 10px 0px 10px;
	height: 32px;
	background: url('') no-repeat left center;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	white-space: nowrap;
}
#site_bar .navB { /* header navigation list B */
	position: absolute;
	top: 180px;
	list-style: none;
	margin: 0px 0px 0px 170px;
	padding: 0px;
 *margin: 0px;
 *padding-left: 170px;
}
#site_bar .navB li.goBlur, #site_bar .navB li.goFocus {
	float: left;
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 50px;
	color: #333;
}
#site_bar .navB a.m, #site_bar .navB a.m {
	display: -moz-inline-block; /* FF2 */
	display: inline-block;
	padding: 0px 0px 0px 0px;
	height: 40px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	white-space: nowrap;
}
#site_bar .navB li.goBlur a.m b, #site_bar .navB li.goFocus a.m b {
	visibility: hidden;
}
#site_bar .navB li#seg15 a.m {

	width: 104px;
	background: url('../griot_files/home_nav2.jpg') no-repeat 0px 0px;
}
#site_bar .navB li#seg15.hereNav a.m {
	background-position: 0px -90px;
}
#site_bar .navB li#seg15.goFocus a.m {
	background-position: 0px -45px;
	visibility:none;
}
#site_bar .navB li#seg16 a.m {
	width: 127px;
	background: url('../griot_files/history_nav2.jpg') no-repeat 0px 0px;
}
#site_bar .navB li#seg16.hereNav a.m {
	background-position: 0px -90px;
}
#site_bar .navB li#seg16.goFocus a.m {
	background-position: 0px -45px;
}
#site_bar .navB li#seg17 a.m {
	width: 121px;
	background: url('../griot_files/events_nav2.jpg') no-repeat 0px 0px;
}
#site_bar .navB li#seg17.hereNav a.m {
	background-position: 0px -90px;
}
#site_bar .navB li#seg17.goFocus a.m {
	background-position: 0px -45px;
}
#site_bar .navB li#seg18 a.m {
	width: 154px;
	background: url('../griot_files/membership_nav2.jpg') no-repeat 0px 0px;
}
#site_bar .navB li#seg18.hereNav a.m {
	background-position: 0px -90px;
}
#site_bar .navB li#seg18.goFocus a.m {
	background-position: 0px -45px;
}
#site_bar .navB li#seg19 a.m {
	width: 150px;
	background: url('../griot_files/members_nav2.jpg') no-repeat 0px 0px;
}
#site_bar .navB li#seg19.hereNav a.m {
	background-position: 0px -90px;
}
#site_bar .navB li#seg19.goFocus a.m {
	background-position: 0px -45px;
}
#site_bar .navB li#seg100 a.m {
	width: 115px;
	background: url('nav02_computers.png') no-repeat 0px 0px;
}
#site_bar .navB li#seg100.hereNav a.m {
	background-position: 0px -100px;
}
#site_bar .navB li#seg100.goFocus a.m {
	background-position: 0px -50px;
}
#site_bar .navB li#seg104 a.m {
	width: 98px;
	background: url('../griot_files/home_nav.jpg') no-repeat 0px 0px;
}
#site_bar .navB li#seg104.hereNav a.m {
	background-position: 0px -100px;
}
#site_bar .navB li#seg104.goFocus a.m {
	background-position: 0px -50px;
}
#site_bar .navB li#seg102 a.m {
	width: 100px;
	background: url('nav04_support.png') no-repeat 0px 0px;
}
#site_bar .navB li#seg102.hereNav a.m {
	background-position: 0px -100px;
}
#site_bar .navB li#seg102.goFocus a.m {
	background-position: 0px -50px;
}
#fly15 {
	margin-left: 3px !important;
}
#fly16 {
	margin-left: 3px !important;
}
#fly100 {
	/* margin-left: -82px !important; */
    margin-left: -192px !important;
}
#fly104 {
	margin-left: -97px !important;
}
#fly102 {
	margin-left: 3px !important;
}
/* START: Top navigation flyover includes */
div.topflyinc {
	width: 395px;
	position: relative;
	padding-top: 70px;
	font-size: 10px;
	font-weight: bold;
}
.topflyinc table {
	width: 670px;
	margin-left:10px;/* margin-top:70px;*/
	margin-top:10px;
}
.topflyinc table * {
	text-align: center;
	vertical-align: top;
	padding:0px;
	padding-bottom:0px;
}
.topflyinc img, .topflyinc a {
	border: none;
	text-decoration: none;
	color: #4d4d4d;
	font-size:15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:300;
	padding:0px;
}
.topflyinc a:visited, .topflyinc a:active {
	text-decoration: none;
	color: #000;
}
.topflyinc a:hover {
	text-decoration: underline;
}

/* END: Top navigation flyover includes */


div#navigation { /* secondary navigation */
	margin: 8px 3px;
	border: 0px solid #ccc;
	padding: 0px;
	background: url('subnav_bg.jpg') no-repeat left top #d0dee9; /* color added 01.07.09*/
}
div#navigation_inner {
	background: url('subnav_corners.gif') no-repeat left bottom;
	padding: 6px 6px 6px 23px;
}
div#navigation .nav_bar li {
	float: left;
	position: relative;
	list-style: none;
	margin: 0px;
	border-left: 1px solid #B9CEDF;
	padding: 0px 6px 0px 9px;/*white-space: nowrap;*/
}
div#navigation .nav_bar li.first {
	border: 0px;
}
div#navigation .nav_bar a {
	display: -moz-inline-block; /* FF2 */
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	white-space: nowrap;
}
div#navigation .nav_bar b {
	font-weight: normal;
}
div#navigation .nav_bar a:focus, div#navigation .nav_bar a:active, div#navigation .nav_bar a:hover {
	text-decoration: underline;
}
div#navigation .nav_bar .hereSubNav a {
	text-decoration: underline;
}
div#navigation h1 { /* PAGE TITLE, located within the secondary nav */
	margin: 0px;
	padding: 0px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
div#navigation h1 a {
	color: #FFF;
	text-decoration: none;
}
div#navigation .sub_nav ul { /* secondary nav image links */
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div#navigation .sub_nav li {
	float: left;
	position: relative;
	list-style-type: none;
	margin: 0px 6px 0px 0px;
	padding: 0px;
	background: #E8F3FF none;
	font-weight: bold;
	text-align: center; /* temporary wrap 01.07.09 *//*white-space: nowrap;*/
}
div#navigation .sub_nav a {
	display: -moz-inline-block; /* FF2 */
	display: inline-block;
	padding: 5px 16px 10px 16px; /* temporary wrap 01.07.09 */
	/*padding: 5px;*/
    color: #000;
	text-decoration: none;
}
div#navigation .sub_nav a:focus, div#navigation .sub_nav a:active, div#navigation .sub_nav a:hover {
	background: #fff none;
	text-decoration: none;
}
div#navigation .sub_nav .hereSubNav a {
	background: #fff none;
	text-decoration: none;
	border-bottom: 5px solid #6D94B5;
}
div#navigation .nav_bar span {
	display: -moz-inline-block; /* FF2 */
	display: inline-block;
}
div#navigation .sub_nav span {
	/* display: -moz-inline-block; */ /* FF2 */
	/* display: inline-block; */
	display: block; /* temporary wrap 01.07.09 */
	padding: 5px 0px 0px 0px; /* temporary wrap 01.07.09 */
}
#promoBanner { /* promotional banner: promotion and middle navigation */
	height: 473px;
}
.promotion { /* promotional message */
	height: 393px;
}
div#mid_bar { /* middle navigation */
	margin: 0px;
	padding: 10px 3px 0px 3px;
}
#mid_bar .nav_links { /* middle nav outer wrapper */
	position: relative;
	z-index: 99;
	height: 23px;
}
#mid_bar .endA { /* utility div A */
	display: none;
}
#mid_bar .endB { /* utility div B */
	display: none;
}
#mid_bar .nav_bar { /* middle nav inner wrapper */
	margin: 0px;
	height: 23px;
	background: url('midnav_bg.png') repeat-x 0px 0px;
}
#mid_bar .navA { /* middle nav list A */
	display: none;
	list-style: none;
	margin: 0px 20px 0px 50%;
	padding: 0px;
}
#mid_bar .navA li.goBlur, #mid_bar .navA li.goFocus {
	float: right;
	position: relative;
	list-style: none;
	margin: 0px;
	border-left: 1px solid #ccc;
	padding: 0px;
	height: 23px;
	color: #333;
}
#mid_bar .navA li.goFocus {
	background: url('midnav_bg.png') repeat-x 0px -50px;
}
#mid_bar .navA a.m {
	display: -moz-inline-block; /* FF2 */
	display: inline-block;
	padding: 5px 5px 0px 5px;
	height: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	white-space: nowrap;
}
#mid_bar .navB { /* middle nav list B */
	top: -23px;
	list-style: none;
	margin: 0px 0px 0px 100px;
	padding: 0px;
	height: 23px;
	background: url('mid_tic_dots.gif') no-repeat left center;
	color: #fefefe;
}
#mid_bar .navB li.goBlur, #mid_bar .navB li.goFocus {
	float: left;
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 23px;
	color: #333;
}
#mid_bar .navB li.goFocus {
	background: url('midnav_bg.png') repeat-x 0px 0px;
}
#mid_bar .navB a.m {
	display: -moz-inline-block; /* FF2 */
	display: inline-block;
	padding: 5px 35px 0px 35px;
	height: 18px;
	background: url('mid_tic_dots.gif') no-repeat right center;
	text-decoration: none;
	font-weight: bold;
	color: #fefefe;
	white-space: nowrap;
}
#mid_bar .nav_logo { /* middle nav logo */
	display: none;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -80px;
	padding: 0px;
	width: 170px;
	height: 23px;
	text-align: center;
}
#mid_bar .nav_logo a {
	display: block;
	padding: 5px 20px 0px 20px;
	width: 120px;
	height: 18px;
}
#mid_bar .nav_logo:focus, #mid_bar .nav_logo:active, #mid_bar .nav_logo:hover {
	background: url('midnav_bg.png') repeat-x 0px -50px;
}
/* site search box */
form.search span {
	display: -moz-inline-block; /* FF2 */
	display: inline-block;
	padding: 15px 15px 0px 5px;
	_padding-top: 13px; /* For IE6 */
	height: 35px;
}
form.search span span {
	display: -moz-inline-block; /* FF2 */
	display: inline-block;
	padding: 1px 2px;
	height: auto;
}
form.search input {
	color: #ddd;
	font-style: italic;
	border:1px inset #CCC;
	margin:0 6px 0 0;
}
form.search input.searchBlur {
	font-style: italic;
	color: #ccc;
}
form.search input.searchFocus {
	font-style: normal;
	color: #000;
}
form.search input.searchbtn {
	width: 30px;
	height: 20px;
	border: 0px;
}
/* END: Site Header */

/* START: SideMenu */
#main_mnu {
	width: 136px;
	background: #eee none;
	border: solid #c1c1c1;
	border-width: 0px 1px 1px 1px;
	font-size: 12px;
}
#main_mnu ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#main_mnu li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
}
#main_mnu a.m {
	display: block;
	border-top: 1px solid #ccc;
	padding: 2px 8px 2px 8px;
	font-weight: bold;
	white-space: nowrap;
}
#main_mnu a.m:link, #main_mnu a.m:visited {
	text-decoration: none;
	color: #000;
	white-space: nowrap;
}
#main_mnu a.m:focus, #main_mnu a.m:active, #main_mnu a.m:hover {
	text-decoration: underline;
	background: #ddd none;
	color: #05a;
	white-space: nowrap;
}
#main_mnu .mnu li {
	border-top: none;
}
#main_mnu .mnu a.m {
	font-weight: normal;
	white-space: nowrap;
}
#main_mnu .mnu a.m:link, #main_mnu .mnu a.m:visited {
	display: block;
	padding: 0px 3px 0px 15px;
	text-decoration: none;
	background: #eee url('bullet-tiny.gif') no-repeat left top;
	white-space: nowrap;
}
#main_mnu .mnu a.m:focus, #main_mnu .mnu a.m:active, #main_mnu .mnu a.m:hover {
	display: block;
	padding: 0px 3px 0px 15px;
	text-decoration: underline;
	background: #ddd url('bullet-tiny.gif') no-repeat left top;
	white-space: nowrap;
}
#main_mnu a.img, #main_mnu .mnu a.img {
	border-top: none;
	padding: 0px;
}
#mnu_0 #main_mnu div {
	display: block;
}
#mnu_0 #main_mnu ul {
	display: none;
}
/* hereNav: selected level 1 marker */
#main_mnu .hereNav a.m, #main_mnu .mnu .hereNav a.m {
	text-decoration: underline;
	color: #000;
	white-space: nowrap;
}
#main_mnu .hereNav a.m:focus, #main_mnu .hereNav a.m:active, #main_mnu .hereNav a.m:hover, #main_mnu .mnu .hereNav a.m:focus, #main_mnu .mnu .hereNav a.m:active, #main_mnu .mnu .hereNav a.m:hover {
	background-color: #ddd;
	white-space: nowrap;
}
/* hereSubNav: selected level 2 marker */
#main_mnu .hereSubNav a.m, #main_mnu .mnu .hereSubNav a.m {
	text-decoration: underline;
	color: #000;
	white-space: nowrap;
}
#main_mnu .hereSubNav a.m:focus, #main_mnu .hereSubNav a.m:active, #main_mnu .hereSubNav a.m:hover, #main_mnu .mnu .hereSubNav a.m:focus, #main_mnu .mnu .hereSubNav a.m:active, #main_mnu .mnu .hereSubNav a.m:hover {
	background-color: #ddd;
	white-space: nowrap;
}
/* END: SideMenu */

/* START: Content Area */
#data_wrap { /* content area wrapper, encompasses entire middle section of the document */
}
#data_a_inner { /* inner wrapper for the default A section */
	padding: 10px;
}
#data_body { /* content body, excludes left navigation, may include supporting content */
}
#data_inner, .disclaim { /* content inner, excludes left nav, excludes supporting content */
	padding: 10px;
}
#data_inner h2 {
	margin: 12px 0px 0px 0px;
	padding: 5px 10px 0px 10px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#data_inner h3 {
	margin: 12px 0px 0px 0px;
	padding: 5px 10px 0px 10px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}
/* site map properties */
#data_inner .site_map {
	margin: 12px 0px;
	border: 1px solid #ccc;
}
#data_inner .site_map_inner {
	padding: 3px;
}
#data_inner .site_map h3 {
	margin: 0px;
	border-bottom: 1px solid #ccc;
	padding: 3px 3px 3px 8px;
	background: #eee none;
}
#data_inner .maplist {
	float: left;
	width: 290px;
	padding: 0px 8px;
}
#data_inner .maplist ul {
	margin: 0px;
	padding-left: 24px;
}
#data_inner .maplist li {
	margin-left: 0px;
}
/* category page table properties */
#main_table.category {
	padding: 12px 3px 8px 3px;
	background-color: #ccc;
}
#main_table.category td {
	vertical-align: top;
	border: solid #ccc;
	border-width: 0px 3px;
	padding: 4px 10px;
	background-color: #fff;
}
#main_table.category td.product {
	vertical-align: bottom;
	padding: 4px 0px;
}
#main_table.category td.product .product_inner {
	position: relative;
	padding: auto 0px 0px 0px;
	height: 100%;
	vertical-align: bottom;
}
/*
#main_table td.product div {
    #margin-left:-20px;
    #margin-right:-20px;
    _margin-left:-20px;
    _margin-right:-20px;
    margin-left:-10px;
    margin-right:-10px;
}
#main_table td.product div#hdrBlurb  {
    margin-left:10px !important;
    margin-right:10px !important;
}
*/
#main_table.category .row_title {
	padding-bottom: 0px;
}
#main_table.category h3 {
	margin: 0px;
	padding: 0px;
	color: #999;
}
#main_table.category td.price {
	padding-top: 0px;
	padding-left: 12px;
	color: #999;
}
#main_table.category .dimensions div {
	border-top: 1px solid #ccc;
	padding: 4px 0px;
}
/* compare page table properties */
#main_table.compare {
	border-bottom: 5px solid #000;
	background: #fff none;
}
#main_table.compare th, #main_table.compare th a {
	font-size:11px;
	padding-left: 4px;
	text-align: left;
	text-decoration: none;
	background-color: #444;
	color: #e0e0e0;
	vertical-align: top;
}
#main_table.compare th a {
	padding-left: 0px;
}
#main_table.compare th a:focus, #main_table.compare th a:active, #main_table.compare th a:hover {
	text-decoration: underline;
}
#main_table.compare th strong {
	color: #FFF;
	font-size: 12px;
}
#main_table.compare td strong.price, #computers_index .price {
	font-size: 18px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#main_table.compare td {
	padding: 12px 4px;
}
#main_table.compare td p {
	font-size: 11px;
	line-height: 16px;
	margin: 0;
}
#main_table.compare .promolist {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#main_table.results .promolist {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#main_table.compare td.top_cell {
	padding-top: 8px;
	border-top: 2px solid #c0c0c0;
}
#main_table.compare td h3, #computers_index h3 {
	margin-top: 0px;
	padding-left: 0px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 18px;
	vertical-align: top;
}
#main_table.compare .sort_ind {
	padding-left: 8px;
	font-size: 10px;
	color: #a0a0a0;
}
/* compare results page table properties */
#main_table.results td {
	padding: 10px 5px 10px 5px;
}
#main_table.results .rowHeader {
	padding-right: 10px;
}
/* Homepage main_table buckets */
#itemleft {
	background:url('ubar_bg_whatsnew.jpg') no-repeat left top;
}
#itemcenter {
	background:url('ubar_bg_wheretobuy.jpg') no-repeat center top;
}
#itemright {
	background:url('ubar_bg_greatdeals.jpg') no-repeat right top;
}
#itemleft, #itemcenter, #itemright {
	height:98px;
	width:33.33%;
	padding:13px 10px 0 16px;
}
#itemleft ul, #itemcenter ul, #itemright ul {
	margin:0;
	background:none;
	_background:url('bullet_arw.gif') no-repeat left 8px; /* Setting for IE6 */
}
#itemleft ul {
	width:265px;
}
#itemcenter ul {
	width:235px;
}
#itemright ul {
	width:190px;
}
#itemleft ul li, #itemcenter ul li, #itemright ul li {
	margin:7px 0 0 0;
	padding-left:1em;
	padding-bottom:5px;
	line-height:14px;
	list-style-type:none;
	list-style-image:none;
	background:url('bullet_arw.gif') no-repeat left top;
	_background:none; /* Setting for IE6 */
}
#itemleft h3, #itemcenter h3, #itemright h3 {
	margin:0;
	padding:0;
}
#itemleft h3 a, #itemcenter h3 a, #itemright h3 a /* bucket header link styles */ {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#000;
}
#itemleft h3 a:hover, #itemcenter h3 a:hover, #itemright h3 a:hover {
	text-decoration:none;
}
#itemleft li a, #itemcenter li a, #itemright li a /* bucket content link styles */ {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
}
#itemleft li a:hover, #itemcenter li a:hover, #itemright li a:hover {
	text-decoration:underline;
}
ul.bullet_arw li, .bullet_arw {
	list-style-type:none;
	list-style-image:none;
}
/* Daughter Windows */
#dw .banr {
	margin: 0px;
	padding: 4px 4px 4px 10px;
	height: 32px;
	background-color: #e3e3e3;
}
#dw h1 {
	margin: 0px;
	padding: 0px;
	font-size: 24px;
}
#dw #popupBody_wrapper {
	padding: 10px;
}
#dw td {
	vertical-align: top;
	padding: 2px 4px;
}
/* my account */
#myaccountLeftNav {
	margin-left: 10px;
	border-right: 1px solid #ccc;
	padding: 16px;
	width: 140px;
	background: #eee none;
}
#myaccountLeftNav a {
	display: block;
	padding: 2px 5px;
	text-decoration: none;
	font-weight: bold;
}
#myaccountLeftNav a:focus, #myaccountLeftNav a:active, #myaccountLeftNav a:hover {
	background: #ddd none;
	text-decoration: underline;
}
/* accessory locator */
#main_table.accessorylocator {
	text-align: center;
}
#main_table.accessorylocator table {
	margin: 0px auto;
}
#main_table.accessorylocator td {
	text-align: left;
}
/* accessory related items */
#data_a.relateditems {
	padding: 10px;
}
#data_a.relateditems .accessory_header {
	padding: 0px 150px;
}
#main_table.relateditems table {
	border: solid #ccc;
	border-width: 0px 1px;
}
#main_table.relateditems th {
	text-align: left;
	border: 1px solid #ccc;
	background: #ddd none;
	color: #000;
}
#main_table.relateditems td {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
/* quote view */
#main_table.quoteview .divider_line {
	padding-top: 50px;
	background: #eee none;
}
/* controls for the rotating media script: rotatingList */
.media_controls .play, .media_controls .item, .media_controls .playsel, .media_controls .itemsel, .media_controls .prev, .media_controls .next {
	display: -moz-inline-box; /* FF2 */
	display: inline-block;
	width: 12px;
	height: 16px;
	background: url('media_ctl.gif') no-repeat;
	text-decoration: none;
	font-size: 0px;
}
.media_controls .play {
	border-right: 1px dotted #999;
	background-position: 0px -16px;
}
.media_controls .playsel {
	border-right: 1px dotted #999;
	background-position: 0px 0px;
}
.media_controls .item {
	background-position: -8px 0px;
}
.media_controls .item:focus, .media_controls .item:active, .media_controls .item:hover, .media_controls .itemsel {
	background-position: -8px -16px;
}
.media_controls .prev, .media_controls .next {
	width: 16px;
	height: 16px;
}
.media_controls .prev {
	background-position: -20px 0px;
	margin-left:6px;
}
.media_controls .prev:focus, .media_controls .prev:active, .media_controls .prev:hover {
	background-position: -20px -16px;
}
.media_controls .next {
	background-position: -36px 0px;
}
.media_controls .next:focus, .media_controls .next:active, .media_controls .next:hover {
	background-position: -36px -16px;
}
#itemleft .media_controls {
	position: absolute;
	right: 0px;
	top: 0px;
	margin-right:5px;
	_margin-right:15px; /* setting for IE6 */
}
/* Series page NEW SALE SPECIAL tabs */
.tabup_new, .tabup_sale, .tabup_special {
	position: absolute;
	padding: 3px 6px 0px 6px;
	font-size: 10px;
	top: 0px;
	right: 10px;
	height: 16px;
	margin-top: -23px;
	text-align: center;
	font-weight: bold;
}
.tabup_new {
	background: #f00;
	color: #fefefe;
}
.tabup_sale {
	background: #f93;
	color: #fefefe;
}
.tabup_special {
	background: #0c3;
	color: #fefefe;
}
/* END: Content Area */




 
/* BEGIN: Product Tabs/Labels (NEW, SALE, SPECIAL) */
#topwrapper #main_table .tablabels {
	padding: 0px;
}
a:hover.tablbl {
	text-decoration: none;
}
#main_table.category .tablbl {
	position: relative;
	top: -18px;
	z-index: 1;
	margin-left: 4px;
	padding: 3px 6px;
	line-height: 18px;
	font-size: 10px;
	white-space: nowrap;
	font-weight: bold;
}
#main_table.compare .tablbl {
	margin-left: 4px;
	padding: 3px 6px;
	font-size: 10px;
	white-space: nowrap;
	font-weight: bold;
}
#main_table.results .tablbl {
	margin-left: 4px;
	padding: 3px 6px;
	font-size: 10px;
	white-space: nowrap;
	font-weight: bold;
}
#main_table.results .tablabels {
	text-align: center;
}
#prodCart .tablbl {
	margin-left: 4px;
	padding: 3px 6px;
	font-size: 10px;
	white-space: nowrap;
	font-weight: bold;
}
.tl_red {
	background: #f00;
	color: #fefefe;
}
.tl_orng {
	background: #f93;
	color: #fefefe;
}
.tl_grn {
	background: #0c3;
	color: #fefefe;
}
.blank {
	font-size: 1px;
}
/* END: Product Tabs/Labels (NEW, SALE, SPECIAL) */

/* START: Reviews and Ratings */
.reviews_hdr {
	background-color: #e9e9e9;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 10px 20px;
	border-bottom: 	1px solid #cccccc;
}
.reviews_hdr a {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}
.reviews_industry_hdr {
	background-color: #77A7D1;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 10px 20px;
	border-bottom: 	1px solid #cccccc;
	color: #FFFFFF;
}
.reviews_row {
	border-bottom: 	1px solid #cccccc;
	vertical-align: top;
	text-align: left;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
}
.reviews_row p {
	padding-bottom: 10px;
}
.reviews_tbl {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	background-color: #FFFFFF;
	text-align: left;
	margin-bottom: 25px;
}
.review_title {
	font-size: 30px;
	color: #77A7D1;
	font-weight: lighter;
}
/* END: Reviews and Ratings */

/* START: Redirect Status Dialog */
#vanitywrap {
	margin: 8px 0px;
}
#vanityurl {
	border: 2px solid #eee;
	padding: 10px;
	background: #ffc none;
}
#vanityurl #sysmessages, #vanityurl #messageQueue, #vanityurl #sysmessages li, #vanityurl #messageQueue li {
	margin: 0px !important;
	padding: 0px !important;
	background: transparent none !important;
	list-style-type: none !important;
	list-style-image: none !important;
	color: #000;
}
.redirect_msg {
	font-weight: bold;
	color: #f00;
}
/* END: Redirect Status Dialog*/
 
/* START: Produ ct EOL Dialog*/
#prodCart .product_eol {
	background: #ffc none;
	border: 2px solid #eee;
}
#prodCart .product_eol h3 {
	padding: 10px 10px 0px 10px;
	font-family: 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif;
	font-size: 20px;
	color: #f00;
}
#prodCart .product_eol p {
	padding: 0px 10px;
}
#prodCart .product_eol #preattaches {
	border-bottom: none;
	background-color: transparent;
}
/* END: Product EOL Dialog */





/*========================================================================================
	GIOTS PAGE GENERAL  
==========================================================================================*/

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
body {
	background-color: #000000;
	background-image: url(../griot_files/BGD-Page.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#page {
	min-height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 1024px;
	position: relative;
}
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
td {
	padding-bottom: 20px;
}
td.locations {
	padding-right: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #333333;
}
td.locations a {
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
img {
	border: 0;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.hide {
	display: none;
}


img.hiddenPic {
		display:none;
}
 

/*========================================================================================
	PAGE FONTS/COLORS
==========================================================================================*/

h1 {
	font-size: 20px;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	color: #6a2c0d;
	padding-bottom: 15px;
	text-transform: uppercase;
	font-weight: normal;
}
h2 {
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #836e2c;
	padding-bottom: 15px;
	font-size: 1.4em;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-bottom: 15px;
}



h3 {
	font-weight: bold;
	color: #333333;
	padding-bottom: 10px;
	font-size: 17px;
}
h4 {
	font-size: 16px;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	color: #696767;
	padding-bottom: 15px;
	text-transform: uppercase;
	font-weight: normal;
}
hr {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #666666;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
p {
	padding-bottom: 10px;
	color: #525252;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: lighter;
}
p2 {
	padding-bottom: 10px;
	color: #4d4d4d; /*color: #8d765d;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: lighter;
}
b {
	font-family: Georgia, "Times New Roman", Times, serif;
}
a {
	color: #8d765d;
	text-decoration: underline;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
.current {
	color: #333333;
	text-decoration: none;
}
.primary {
	color: #E03931;
}
.secondary {
	color: #999999;
	font-size: None;
}
.tertiary {
	color: #999999;
	font-size: None;
}
/*========================================================================================
	LEFT STYLES
==========================================================================================*/
#book {
	position: absolute;
	height: 441px;
	width: 688px;
	top: 120px;
	z-index: 1;
	left: -20px;
}
#ancestors {
	position: absolute;
	height: 209px;
	width: 350px;
	top: 20px;
	z-index: 1;
	left: -80px;
}
#envelope {
	position: absolute;
	height: 321px;
	width: 257px;
	top: 148px;
	z-index: 2;
	left: -100px;
}
#mmcs {
	position: absolute;
	height: 293px;
	width: 329px;
	top: 220px;
	z-index: 4;
	left: 30px;
}
#pShell1About {
	position: absolute;
	height: 321px;
	width: 257px;
	top: 148px;
	z-index: 1;
	left: 15px;
}
#pShell2About {
	position: absolute;
	height: 293px;
	width: 329px;
	top: 260px;
	z-index: 2;
	left: 20px;
}
#pShell1Contact {
	position: absolute;
	height: 321px;
	width: 257px;
	top: 148px;
	z-index: 1;
	left: 15px;
}
#pShell2Contact {
	position: absolute;
	height: 293px;
	width: 329px;
	top: 260px;
	z-index: 2;
	left: 20px;
}
#pShell1PS {
	position: absolute;
	height: 321px;
	width: 257px;
	top: 148px;
	z-index: 1;
	left: 15px;
}
#pShell2PS {
	position: absolute;
	height: 293px;
	width: 329px;
	top: 260px;
	z-index: 2;
	left: 20px;
}
#Coins {
	position: absolute;
	height: 165px;
	width: 136px;
	top: 470px;
	z-index: 3;
	left: 130px;
}
#Stamps {
	position: absolute;
	height: 154px;
	width: 152px;
	top: 455px;
	z-index: 3;
	left: 120px;
}
#pencil {
	position: absolute;
	height: 90px;
	width: 285px;
	top: 660px;
	z-index: 6;
	left: 40px;
}
#statue {
	position: absolute;
	height: 285px;
	width: 360px;
	top: 330px;
	float: left;
	z-index: 2;
	left: -125px;
}
#letter {
	position: absolute;
	height: 609px;
	width: 524px;
	top: 425px;
	float: left;
	z-index: 1;
	left: -95px;
}
#Compass {
	position: absolute;
	height: 227px;
	width: 213px;
	top: 745px;
	float: left;
	z-index: 8;
	left: 115px;
}
#ID {
	position: absolute;
	height: 483px;
	width: 618px;
	top: 650px;
	float: left;
	z-index: 8;
	left: -275px;
}
#Glasses {
	position: absolute;
	height: 341px;
	width: 322px;
	top: 800px;
	float: left;
	z-index: 6;
	left: 200px;
}
#Bookcover {
	position: absolute;
	height: 803px;
	width: 602px;
	top: 2px;
	float: left;
	z-index: 4;
	left: 362px;
}
/*========================================================================================
	HEADER STYLE
==========================================================================================*/

#header {
	height: 60px;
	width: 764px;
	position: absolute;
	z-index: 5;
	top: 15px;
	float: right;
	position: relative;
	background-image: url(../griot_files/BGD-Content-Top.png);
	background-repeat: no-repeat;
	background-position: center top;
}
/*-----------------Internet Explorer 6 STYLES-----------------*/
/*IE6 does not recognize hyperlinks when a .PNG file is used as a background for a DIV.
Essentially, none of the content was clickable in IE6 when trying to make .PNG files 
be backgrounds of a DIV, so I had to create a DIV container for the .PNG background image
and then create another DIV to absolute position the navigation/hyperlinks over that background DIV.*/

/*========================================================================================
	PRIMARY NAV STYLES
==========================================================================================*/

#priNav-PNGbackground {
	width: 764px;
	height: 75px;
	position: absolute;
	z-index: 6;
	background-image: url(../griot_files/BGD-Nav.png);
	background-repeat: no-repeat;
	background-position: center top;
	left: 0px;
	top: 0px;
}
#priNav {
	width: 764px;
	height: 75px;
	position: absolute;
	z-index: 7;
	top: 0px;
	left: 0px;
}
#priNav ul {
	list-style-type: none;
	position: relative;
	padding-top: 20px;
	padding-left: 60px;
	height: 45px;
	width: 656px;
}
#priNav ul li {
	float: left;
	display: inline;
}
#priNav ul li a {
	display: block;
	height: 37px;
}
#priNav ul li a.home {
	background: url(../griot_files/home_nav.jpg) no-repeat top left;
	width: 104px;
}
#priNav ul li a.homeCurrent {
	background: url(../griot_files/home_nav.jpg) no-repeat top left;
	width: 104px;
	background-position: top right;
}
#priNav ul li a.history {
	background: url(../griot_files/history_nav.jpg) no-repeat 0 0;
	width: 127px;
}
#priNav ul li a.historyCurrent {
	background: url(../griot_files/history_nav.jpg) no-repeat 0 0;
	width: 127px;
	background-position: top right;
}
#priNav ul li a.events {
	background: url(../griot_files/events_nav.jpg) no-repeat 0 0;
	width: 121px;
}
#priNav ul li a.eventsCurrent {
	background: url(../griot_files/events_nav.jpg) no-repeat 0 0;
	width: 121px;
	background-position: top right;
}
#priNav ul li a.membership {
	background: url(../griot_files/membership_nav.jpg) no-repeat 0 0;
	width: 154px;
}
#priNav ul li a.membershipCurrent {
	width: 154px;
	background-image: url(../griot_files/membership_nav.jpg);
	background-position: top right;
}
#priNav ul li a.members {
	background: url(../griot_files/members_nav.jpg) no-repeat 0 0;
	width: 150px;
}
#priNav ul li a.membersCurrent {
	width: 150px;
	background-image: url(../griot_files/members_nav.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
#priNav ul li a:hover {
	background-position: top right;
}
#priNav ul li .current {
	background-position: top right;
}
/*========================================================================================
	SECONDARY NAV STYLES
==========================================================================================*/

#secNav {
	position: relative;
	width: 205px;
	float: left;
}
#secNav ul {
	list-style-type: none;
}
#secNav ul li {
	display: inline;
	font-size: 14px;
	color: #6a2c0d;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	float: left;
	position: relative;
	width: 191px;
	margin-left: 7px;
}
#secNav ul li a {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6a2c0d;
	font-size: 14px;
	width: 186px;
	display: block;
	height: 28px;
	padding-top: 7px;
	padding-left: 5px;
}
#secNav ul li a:hover {
	color: #FFFFFF;
	background-color: #6a2c0d;
	width: 186px;
}
#secNav ul li .current {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
}
#secNav ul li.on a, #secNav ul li.on a:link, #secNav ul li.on a:visited, #secNav ul li.on a:active, #secNav ul li.on a:hover {
	color: black;
	background-color: transparent;
}
/*Indented secNav*/

#secNav ul li.sub {
	text-decoration: none;
	padding-bottom: 5px;
	background-color: transparent;
}
#secNav ul li ul li {
	display: inline;
	float: left;
	position: relative;
	width: 178px;
	margin-left: 7px;
	text-decoration: none;
	border: 0;
	background-color: transparent;
	background-image: url(Arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 7px;
}
#secNav ul li ul li a {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6a2c0d;
	font-size: 12px;
	display: block;
	padding-top: 7px;
	padding-left: 5px;
	width: 172px;
	border: 0;
	background-color: transparent;
	line-height: 15px;
	height: 20px;
	font-style: italic;
}
#secNav ul li ul li a:hover {
	color: #000000;
	text-decoration: none;
	border: 0;
	background-color: transparent;
}
#secNav ul li ul li .current {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
}
/*========================================================================================
	WRAPPER STYLE
==========================================================================================*/

#topwrapper {
	width: 764px;
	position: absolute;
	z-index: 4;
	float: left;
	left: 0px;
	top: 75px;
}
#wrapper {
	width: 764px;
	position: absolute;
	z-index: 4;
	float: left;
	left: 260px;
	top: 75px;
}
/*========================================================================================
	CONTENT STYLES
==========================================================================================*/

#content-container {
	position: relative;
	background-image: url(../griot_files/BGD-Content-Rpt.png);
	background-repeat: repeat-y;
	background-position: center bottom;
	z-index: 5;
	width: 764px;
	float: left;
}

#content { 
	position: relative;
	width: 764px;
	background-image: url(../griot_files/BGD-Content-Md.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%; /*Doesn't position right in ieSUX, so had to make separate style in ie7.css*/
	min-height: 1050px; /*Doesn't position right in ieSUX, so had to make separate style in ie7.css*/
}

#content p a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
}
#content img.headerLrg {
	position: absolute;
	z-index: 5;
	left: 40px;
	float: left;
	top: 50px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	background-image: url(../griot_files/BGD-Image-Header-Lrg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#content img.headerSm {
	position: absolute;
	z-index: 5;
	left: 40px;
	float: left;
	top: 50px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	background-image: url(../griot_files/BGD-Image-Header-Sm.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-left: 18px;
	padding-top: 14px;
	padding-bottom: 20px;
}
img.insetPhoto {
	padding-bottom: 11px;
	background-image: url(../griot_files/BGD-Photo-Inset-SecCon.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 9px;
	padding-left: 9px;
	padding-top: 9px;
	margin-bottom: 13px;
}
img.lightboxBGD {
	background-image: url(../griot_files/BGD-Thumb.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
#content-bottom {
	width: 764px;
	position: relative;
	height: 60px;
	background-image: url(../griot_files/BGD-Content-Btm.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
}
#content-bottom p {
	width: 764px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	position: relative;
	text-align: center;
	padding-top: 5px;
}
/*========================================================================================
	SPECIAL STYLES
==========================================================================================*/

#coffee-stain {
	position: absolute;
	z-index: 5;
	left: 55px;
	top: 775px;
	float: left;
	height: 282px;
	width: 254px;
}
/*========================================================================================
	Content Header LARGE (home and/or main pages) PRICON, SECCON, TERCON STYLES
==========================================================================================*/


#content .priCon1 {
	width: 655px;
	float: right;
	z-index: 6;
	margin-top: 350px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	margin-right: 50px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	position: relative;
}

div#shop_inc {
	z-index: 6;
	background: url('whitecover.png') no-repeat left top;
	_background: url('whitecover.png') no-repeat left top; /* FOR IE6 */
	width: 705px;
	height: 806px;
	margin-left: -29px;
	margin-top: -15px;
}

#content .shop_inc_under {
	z-index: 7;	
	width: 705px;
	height: 506px;
	margin-left: 30px;
	margin-top: 20px;
	padding-top:70px;
}

#content .shop_inc_under {
	padding-bottom: 10px;
	color: #4d4d4d; /*color: #8d765d;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	line-height: 20px;
	font-weight: lighter;
}

#content .priCon1 table {

	width: 670px;
	margin-left:-20px;/* margin-top:70px;*/
	margin-top:10px;
}

#content .priCon1 table * {
	text-align: center;
	vertical-align: top;
	padding:0px;
	padding-bottom:0px;
}



#content .priCon1 img, #content .priCon1 table  {  

	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #525252;
	padding-bottom: 0px;
	margin-bottom:15px;	
	font-size: 1.3em;
	line-height: 25px;	
}




#content .priCon1 img, #content .priCon1 a{  /* For IE*/
	padding-bottom: 10px;
	color: #4d4d4d; /*color: #8d765d;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: lighter;
}

#content .priCon1 p{  /* For IE*/
	font-size: 11px;
}
	

#content .priCon1 a:visited, #content .priCon1 a:active {
	text-decoration: underline;
	color: #4d4d4d;
}
#content .priCon1 a:hover {
	text-decoration: none;	
	color: #6a2c0d;
}

#content .priCon1events {
	width: 435px;
	float: right;
	z-index: 6;
	margin-top: 350px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	margin-right: 50px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	position: relative;
}
#content .priCon1 .contactForm {
	width:425px;
	margin:20px auto;
}
#content .priCon1 .contactForm input.text {
	color:#666;
	width:238px;
	margin:10px 0 0 0;
	padding:5px;
	border:1px solid #ccc;
	display:block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
}
#content .priCon1 .contactForm textarea {
	color:#666;
	width:415px;
	margin:10px 0 0 0;
	padding:5px;
	border:1px solid #ccc;
	display:block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
}
#content .priCon1 .contactForm input.submit {
	margin:10px 0;
	float:left;
}
#content .secCon1 {
	width: 205px;
	position: relative;
	float: left;
	z-index: 6;
	margin-top: 350px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	margin-left: 55px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
}


/*========================================================================================
	Content Header SMALL (interior sub pages) PRICON, SECCON, TERCON STYLES
==========================================================================================*/

#content .priCon2 {
	width: 425px;
	float: right;
	z-index: 6;
	margin-top: 300px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	margin-right: 50px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	position: relative;
}
#content .priCon2 .blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-size: 14px;
	padding-bottom: 25px;
	padding-top: 15px;
	font-style: italic;
	text-align: center;
}
#content .secCon2 {
	width: 205px;
	position: relative;
	float: left;
	z-index: 6;
	margin-top: 300px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	margin-left: 55px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
}
/*========================================================================================
	FOOTER STYLES
==========================================================================================*/

#footer {
	height: 60px;
	width: 764px;
	position: relative;
	float: left;
	margin-left: -55px;
}
#footer ul {
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	margin-left: 200px;
}
#footer ul li {
	display: inline;
	font-size: 13px;
	padding-right: 8px;
	padding-left: 4px;
	background-image: url(../griot_files/Separator.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #FFFFFF;
}
#footer ul li a {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 13px;
}
#footer ul li a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
#footer ul li .current {
	color: #FFFFFF;
}
#footer .LastPipe {
	background: none;
}
#footer .email {
	float: right;
	padding-top: 15px;
}
#footer .email label {
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 5px;
}
#footer .nameBox {
	border: 1px solid #666666;
	width: 100px;
	font-size: 11px;
	padding: 2px;
	margin-right: 10px;
	height: 20px;
}
#footer .emailBox {
	border: 1px solid #666666;
	width: 100px;
	font-size: 11px;
	padding: 2px;
	margin-right: 10px;
	height: 20px;
}
#footer .email input.button {
	vertical-align: middle;
	background-image: url(../griot_files/Submit-Button.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 60px;
}
/*========================================================================================
	These are standard sIFR styles ... do not modify!
==========================================================================================*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/*----------------- sIFR styles:  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles 
.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}
.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/