html, body {
	text-align:center;
	margin:0;
	padding:0;
	height: 100%;
}
form {
	margin:0;
	padding:0;
}
#container {
	width:100%;
	background:white;
	overflow:visible;
	min-width:250px;
	clear:both!important;
	top:1em!important;
	margin:0 auto;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.tableindex {
	margin:0 auto;
}
.tabtitle {
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
.tabtitle:link {
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
.tabtitle:visited {
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
.tabtitle:hover {
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#FFC;
	text-decoration:none;
}
.info {
	font-family:Verdana;
	font-size:11px;
	color:#333;
	text-decoration:none;
}
.info:link {
	font-family:Verdana;
	font-size:11px;
	color:#333;
	text-decoration:none;
}
.info:visited {
	font-family:Verdana;
	font-size:11px;
	color:#333;
	text-decoration:none;
}
.info:hover {
	font-family:Verdana;
	font-size:11px;
	color:#000;
	text-decoration:none;
}
.info:active {
	font-family:Verdana;
	font-size:11px;
	/*color:blue;*/
	text-decoration:none;
}
a.info:hover {
	font-family:Verdana;
	font-size:11px;
	color:#000;
	text-decoration:underline;
}
a.info:active {
	font-family:Verdana;
	font-size:11px;
	color:blue;
	text-decoration:underline;
}
.info_head {
	font-family:Verdana;
	font-size:11px;
	color:#000;
	text-decoration:none;
}
a.info_head:link {
	font-family:Verdana;
	font-size:11px;
	color:#000;
	text-decoration:none;
}
a.info_head:visited {
	font-family:Verdana;
	font-size:11px;
	color:#000;
	text-decoration:none;
}
a.info_head:active {
	font-family:Verdana;
	font-size:11px;
	color:#000;
	text-decoration:none;
}
a.info_head:hover {
	font-family:Verdana;
	font-size:11px;
	color:#000;
	text-decoration:underline;
}
.infob {
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
}
.price {
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	color:#990;
	text-decoration:none;
}
.border {
	border:1px solid #CCC;
}
.more {
	font-family:tahoma;
	font-size:11px;
	color:#C60;
	text-decoration:underline;
}
.more:link {
	font-family:tahoma;
	font-size:11px;
	color:#C60;
	text-decoration:underline;
}
.more:visited {
	font-family:tahoma;
	font-size:11px;
	color:#C60;
	text-decoration:underline;
}
.more:hover {
	font-family:tahoma;
	font-size:11px;
	color:#F60;
	text-decoration:none;
}
.more_bigger {
	font-family:tahoma;
	font-size:12px;
	color:#C60;
	text-decoration:underline;
}
.more_bigger:link {
	font-family:tahoma;
	font-size:12px;
	color:#C60;
	text-decoration:underline;
}
.more_biggermore:visited {
	font-family:tahoma;
	font-size:12px;
	color:#C60;
	text-decoration:underline;
}
.more_bigger:hover {
	font-family:tahoma;
	font-size:12px;
	color:#F60;
	text-decoration:none;
}
.prodetail {
	font-family:Verdana;
	font-size:12px;
	color:#666;
	text-decoration:none;
}
#tblShipping {
	text-align:center;
}
.prodetailpay {
	font-family:Verdana;
	font-size:10px;
	color:#666;
	text-decoration:none;
	text-align:center;
}
.proheading {
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
}
.proheading img {
	width:15px;
	height:15px;
	cursor:pointer;
	border:0 solid #CCC;
}
.proheading td {
	height:15px;
	border:1px solid #CCC;
}
.inputbox {
	background-color:#FDFCF3;
	border:1px solid #C0BFB6;
}
.highlight {
	font-family:tahoma;
	font-size:13px;
	color:#000099;
	text-decoration:underline;
}
.categoryname {
	font-family:tahoma;
	font-size:11px;
	color:#C60;
	text-decoration:none;
}
.framebrd {
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-color:#E0E0E0;
	border-bottom-color:#E0E0E0;
	border-left-color:#E0E0E0;
}
.footerlink {
	font-family:tahoma;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
.highlight1 {
	font-family:tahoma;
	font-size:11px;
	color:#390;
	text-decoration:none;
}
.highlight2 {
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#384593;
	text-decoration:none;
}
.highlight2:link {
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#384593;
	text-decoration:none;
}
.highlight2:visited {
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#384593;
	text-decoration:none;
}
.highlight2:hover {
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#384593;
	text-decoration:none;
}
.highlight3 {
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
.highlight3:link {
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
.highlight3:visited {
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
.highlight3:hover {
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
.leftbrd {
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#CCC;
}
.topbrd {
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#CCC;
}
.big_heading {
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	color:#F60;
	text-decoration:none;
}
.laminated {
	border-top:solid 3px #666;
	border-left:solid 3px #666;
	border-bottom:solid 3px #333;
	border-right:solid 3px #333;
}
.error_msg {
	font-family:Verdana;
	font-size:10px;
	color:#f00;
	text-decoration:none;
}
.star {
	font-family:Verdana;
	font-size:10px;
	color:#F00;
	text-decoration:none;
}
.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666;
	padding-left:2px;
	padding-right:2px;
	border:1px solid #666;
}
#overlay {
	background-image:url(/images/overlay.png);
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:100%;
}
* html #overlay {
	background-color:#333;
	background-color:transparent;
	background-image:url(blank.gif);
}
#box {
	width:300px;
	background:#2d2d2d;
	padding:10px;
	border:2px solid #eee;
}
#close {
	position:absolute;
	top:-5px;
	right:-5px;
	cursor:pointer;
}
#loader_container {
	text-align:center;
	position:absolute;
	top:40%;
	width:100%;
}
#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000;
	background-color:#FFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94;
}
#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;
	left:8px;
	height:7px;
	width:113px;
	font-size:1px;
}
.title_h2 {
	width:300px;
	padding:12px 0 0 18px;
}
.border_preview {
	z-index:100;
	position:absolute;
	border:1px solid #444;
	color:#4b4b4b;
	font-size:11px;
	text-align:left;
	background-color:white;
}
.preview_temp_load {
	vertical-align:middle;
	text-align:center;
}
.preview_temp_load img {
	vertical-align:middle;
	text-align:center;
	border:1px solid #D0E5F3;
	margin:8px 3px 15px 3px;
}
.newsticker {
	list-style-type:none;
	border:1px solid #000;
	background:#FFF;
	padding:3px;
	margin:0;
}
#stylefourmain {
	position:relative;
	display:block;
	height:39px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(/images/bgOFF.gif) repeat-x top left;
	font-family:Arial, Verdana, Helvitica, sans-serif;
	border-top:4px solid #384593;
}
#stylefour {
	float:right;
	padding-right:0px;
}
#stylefour ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
#stylefour ul li {
	display:block;
	float:left;
	margin:0;
}
#stylefour ul li a {
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	padding:11px 20px 0 20px;
	height:23px;
	background:transparent url(/images/bgDIVIDER.gif) no-repeat top right;
}
#stylefour ul li a:hover, #stylefour ul li a.current {
	color:#B30000;
	background:#fff url(/images/bgON.gif) no-repeat top right;
}
.PageContainer {
	width:70.9em;
	min-width:780px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.gBkLt {
	background-color:#be9440;
}
.gTxtLt {
	color:#E7E2D9;
}
.gBkMd {
	background-color:#CDC2B1;
}
.gTxtMd {
	color:#CDC2B1;
}
.gBkDk {
	background-color:#4C3327;
}
.gTxtDk {
	color:#FFF;
}
.gTxtGray {
	color:#666;
}
.gTxtBlue {
	color:#e8e8e8;
}
.gTxtBlue a:hover {
	color:#e8e8e8;
	text-decoration:underline;
}
.gTxtLt a:hover, .gTxtMd a:hover, .gTxtDk a:hover, .gTxtDkHover, .gTxtGray a:hover {
	color:#e8e8e8;
}
.floatLeft {
	float:none;
	border:solid 1px #CCC;
	text-align:left;
}
.floatRight {
	float:right;
}
.clear {
	clear:both;
}
.inline {
	display:inline;
	margin:0;
	padding:0;
}
.gButton {
	border:double #FFF;
	padding:2px 0 2px 4px;
	padding-right:23px;
#padding-right:18px;
	color:#FFF;
	font-family:Verdana;
	text-transform:uppercase;
	white-space:nowrap;
}
#gButtonLink {
	color:#FFF;
	text-decoration:none;
}
.gArrowButtonLarge {
	background-image:url(https://artfiles.art.com/images/pub/gButtons/arrowLg.gif);
	background-position:99% 55%;
#background-position:96% 50%;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
}
.gArrowButtonSmall {
	background-image:url(https://artfiles.art.com/images/pub/gButtons/arrowSm.gif);
	background-position:99% 55%;
#background-position:96% 50%;
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:bold;
}
.CenterModule_Title {
	text-align:center;
	font:21px Georgia, 'Times New Roman', Times, serif;
	line-height:150%;
}
.CenterModule_Box {
	border:1px solid #BBB;
}
.gNoShowList {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}/* add this class to a div that contains floats /* to prevent ie6 related display bugs /* \*/
* html .borderFix {
	height:1%;
}/* */
#HM_Left {
	float:left;
	margin-right:4px;
	min-width:147px;
	width:13.36em;
}
#HM_Main {
	float:right;
}
.cPointer {
	cursor:pointer;
}
#HeaderWelcome {
	text-align:right;
	font-weight:bold;
	color:#666;
}
#HeaderLogo {
	position:absolute;
	left:10px;
}
#HeaderPromo {
	float:left;
	text-align:left;
	width:auto;
	height:54px;
	width:160px;
	padding-left:243px;
}
#HeaderRight {
	float:right;
}
#HeaderCart {
	float:left;
	text-transform:uppercase;
	text-align:center;
	margin-right:20px;
	font-size:10px;
	line-height:100%;
}
.PhoneHeader {
	float:left;
	color:#666;
	text-align:center;
	text-transform:uppercase;
	width:10em;
	margin-right:20px;
	margin-top:12px;
	font-size:10px;
}
.PhoneHeader_Top {
	border-bottom:1px solid #999;
	padding-bottom:3px;
	white-space:nowrap;
}
.PhoneHeader_Bottom {
	margin-top:3px;
	white-space:nowrap;
	font-weight:bold;
	font-size:11px;
}
.cartImage {
	display:block;
	margin-left:3px;
	margin-top:11px;
	margin-bottom:8px;
}
#HeaderMyLinks {
	float:left;
	text-transform:uppercase;
	padding-top:7px;
	line-height:15px;
	padding-right:12px;
	font-size:10px;
}
#HeaderBar {
	color:#FFF;
	background-color:#4C3327;
	padding:0 12px 0 0;
}
#HeaderBar #SearchForm {
	display:inline;
	margin:0;
	padding:0;
}
#HeaderBar #SearchSubmit {
	position:absolute;
}
#AdvancedSearch {
	display:inline;
	position:absolute;
	margin-left:32px;
#margin-left:25px;
	font-size:10px;
	line-height:105%;
}
#HeaderBarLeft {
	float:left;
	width:42em;
}
#HeaderBarLeftSearch {
	margin:5px 0 5px 10px;
}
#HeaderBarRight {
	float:right;
	padding-top:10px;
}
.paddedDivider {
	font-size:10px;
	padding:0 .5em 0 .5em;
}
#HeaderBar a {
	color:#FFF;
	text-decoration:none;
}
#HeaderBar a:hover, #HeaderBar .advSearch {
	color:#FFF;
	text-decoration:underline;
}
#HeaderRight a {
	color:#666;
	text-decoration:none;
}
#HeaderRight a:hover {
	color:#e8e8e8;
	text-decoration:underline;
}
#HeaderWelcome a {
	color:#666;
	text-decoration:none;
}
#HeaderWelcome a:hover {
	color:#e8e8e8;
	text-decoration:underline;
}
.linkForm {
	color:#666;
	text-decoration:none;
	cursor:pointer;
}
.linkFormHover {
	color:#e8e8e8;
	text-decoration:underline;
	cursor:pointer;
}
#HeaderBar .advSearch {
	text-decoration:underline;
	cursor:pointer;
}
#Header #LocalizedHeader {
	padding:5px;
	cursor:pointer;
	font-weight:bold;
}
#Header .LocalizedHeaderHover {
	text-decoration:underline;
	color:#e8e8e8;
}
#Header .HeaderFlag {
	margin-left:10px;
	margin-right:10px;
}
.GlobalHeader {
	margin-bottom:4px;
}
body {
	top:3px;
}
#GlobalLeftNavBox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	max-width:180px;
	width:auto;
}
.GlobalLeftNavHeader {
	font-weight:bold;
	padding-left:13px;
	line-height:200%;
	min-width:130px;
}
#GlobalLeftNavBox ul {
	list-style-type:none;
	padding:4px 0 16px 0;
	margin:0;
}
#GlobalLeftNavBox li {
	margin:0 0 0 13px;
	padding:0;
	line-height:167%;
#line-height:162%;
#margin-top:1px;
#margin-bottom:1px;
}
#GlobalLeftNavBox .more {
	font-weight:bold;
}
#GlobalLeftNavBox a {
	color:#4C3327;
	text-decoration:none;
}
#GlobalLeftNavBox a:hover {
	color:#e8e8e8;
	text-decoration:underline;
}
.GlobalLeftNavHeader a {
	display:block;
	width:100%;
}
#FooterModules .Module {
	float:left;
	min-height:50px;
	height:4.54em;
	margin-right:2px;
	text-align:center;
	cursor:pointer;
}
#FooterModules .CenterModule {
	min-width:106px;
	width:9.63em;
}
#FooterModules #LeftModule, #FooterModules #LeftModule_a {
	min-width:146px;
	width:13.27em;
}
#FooterModules #LeftModule_a {
	display:none;
}
#FooterModules #NewsletterModule {
	min-width:307px;
	width:27.9em;
	margin-right:0;
	cursor:default;
}
#FooterModules .FooterModuleHeading {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	margin-top:10px;
	padding:0;
	text-transform:lowercase;
}
#FooterModules .FooterModuleSubText {
	font-family:Arial;
	font-size:8px;
	margin-top:3px;
	padding:0;
	line-height:100%;
	text-transform:uppercase;
	color:#666;
}
#FooterModules .newsLetterFooter {
	float:left;
	line-height:100%;
	margin-left:5px;
}
#FooterModules .FooterModuleBox {
	float:left;
	text-align:left;
	margin:3px 0 0 10px;
}
#FooterModules #NewsletterForm {
	display:inline;
	margin:0;
	padding:0;
}
#FooterModules #NewsletterSubmit {
	position:absolute;
	padding-left:3px;
}
#FooterModules #email {
	width:14em;
	min-width:140px;
	font-size:10px;
	height:20px;
}
#FooterModules .newsLetterFooterError {
	font-size:10px;
	color:#ED1C24;
	font-weight:bold;
	margin-bottom:2px;
	visibility:hidden;
}
#FooterLinks {
	padding-top:10px;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}
#FooterPhone {
	padding-top:10px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}
#FooterCopy, #MagazineCopy {
	padding-top:16px;
	text-align:center;
	font-size:10px;
	color:#666;
}
#hackerSafe {
	position:relative;
	bottom:20px;
	text-align:right;
	margin-right:14px;
}
.paddedLinkDivider {
	padding:0 5px 0 5px;
}
.paddedPhoneDivider {
	padding:0 10px 0 10px;
}
#FooterModules .blockLinks {
	text-decoration:none;
}
#FooterModules .FooterModuleSwapText {
	display:none;
	font-size:9px;
	color:#000;
	margin:0;
	vertical-align:middle;
}
#FooterLinks a {
	color:#666;
	text-decoration:none;
}
#FooterLinks a:hover {
	color:#e8e8e8;
	text-decoration:underline;
}
.GlobalFooter {
	padding-top:4px;
}
#HomepageContainer {
	font-size:10px;
	min-width:629px;
	width:62.9em;
}
#HomepageTopBlock {
	background:#E4D7AD;
#width:62.9em;
}
#HomepageTopBlock .Links {
	text-transform:uppercase;
	margin:25px 0 0 100px;
	font-size:13px;
	font-weight:bold;
}
#HomepageTopBlock .Link {
	text-decoration:none;
	line-height:160%;
}
.HomepageRow {
	font-size:10px;
	min-width:629px;
	width:62.9em;
#width:629px;
}
.HomepageFeatureBox {
	font-size:10px;
	min-width:311px;
	width:31.1em;
	min-height:173px;
	height:20.72em;
	border:1px solid #BBB;
	position:relative;
	float:left;
	margin-top:4px;
#min-width:313px;
#width:31.3em;
}
.Left {
	margin-right:3px;
}
.HomepageFeatureBoxHeading {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	text-transform:lowercase;
	text-align:center;
	width:100%;
	line-height:150%;
}
.HomepageFeatureBoxText {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:7px 0 0 7px;
	width:165px;
	height:135px;
	position:absolute;
}
.HomepageFeatureBoxTextNoPadding {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0;
	width:156px;
	height:135px;
	position:absolute;
}
.HomepageFeatureBoxBelowImage {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	margin-left:50px;
}
.HomepageFeatureBoxText p {
	color:666666;
	line-height:150%;
}
.HomepageFeatureBoxImage {
	float:right;
	padding-top:15px;
	padding-right:5px;
	vertical-align:middle;
}
#HomepageContainer ul {
	list-style-type:none;
	padding:7px 0 0 7px;
	margin:0;
}
#HomepageContainer li {
	margin-bottom:6px;
}
#HomepageContainer .more {
	position:absolute;
	bottom:7px;
	margin-left:7px;
	padding:0;
}
.HomepageFeatureBoxText a, .HomepageFeatureBoxBelowImage a {
	color:#666;
	text-decoration:none;
}
.HomepageFeatureBoxText a:hover, .HomepageFeatureBoxBelowImage a:hover {
	text-decoration:underline;
}
.HomepageFeatureBoxHeading a:hover {
	text-decoration:none;
}
#HomepageContainer a:hover {
	color:#e8e8e8;
}
.HomepageFeatureBoxHeading a {
	display:block;
	width:100%;
	text-decoration:none;
	color:#FFF;
}
#HolidayNoLonger {
	border:1px solid #4C3327;
	padding:4px;
	margin:5px 0 5px 0;
	text-align:center;
	color:#C00;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#HolidayInfoHeader {
	float:left;
	padding-right:20px;
	margin-top:-3px;
#margin-top:0;
}
.gTxtHomepageTitleLinks {
	color:#FFF;
}
.gTextPromotional {
	color:#FFF;
}
.gBkPromotional {
	background-color:#600E4A;
}
.primary_buttons {
	width:14em;
	color:#FFF;
	margin:0 7px 3px 0;
	border:1px solid #fff;
	text-transform:uppercase;
	background-image:url('https://artfiles.art.com/images/pub/buttons/arrow16.gif');
	background-repeat:no-repeat;
	background-position:center right;
	font-size:10px;
}
.primary_buttons .txtlabel {
	text-align:center;
	color:#FFF;
	line-height:130%;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #fff;
	cursor:pointer;
	margin:1px;
	padding:5px 10px 5px 0;
}
.btns_brown {
	background-color:#4c3327;
}
.btns_brown_over {
	background-color:#e8e8e8;
}
.btns_drkblue {
	background-color:#414d5b;
}
.btns_drkblue_over {
	background-color:#e8e8e8;
}
.shoppingcart {
	width:100%;
}
.wrap0, .wrap1, .wrap2, .wrap3 {
	display:inline-table;/* \*/
	display:block;/**/
	;
}
.wrap0 {
	float:left;
	background:url(/images/shadow.gif) right bottom no-repeat;
}
.wrap1 {
	background:url(/images/shadow180.gif) no-repeat;
}
.wrap2 {
	background:url(/images/corner_bl.gif) -15px 100% no-repeat;
}
.wrap3 {
	padding:0 10px 8px 0;
	background:url(/images/corner_tr.gif) 100% -15px no-repeat;
}
.listNav {
	margin:0 0 10px;
}
.ln-letters {
	overflow:hidden;
	margin-left:50px;
}
.ln-letters a {
	font-size:.9em;
	display:block;
	float:left;
	padding:2px 6px;
	border:1px solid silver;
	border-right:none;
	text-decoration:none;
}
.ln-letters a.ln-last {
	border-right:1px solid silver;
}
.ln-letters a:hover, .ln-letters a.ln-selected {
	background-color:#eaeaea;
}
.ln-letters a.ln-disabled {
	color:#ccc;
}
.ln-letter-count {
	text-align:center;
	font-size:.8em;
	line-height:1;
	margin-bottom:3px;
	color:#369;
}
#demo4 #listWrapper {
	width:800px;
}
#demoFour {
	margin-left:25px;
}
#demoFour li {
	float:left;
	list-style:none;
	padding-top:5px;
}
#demoFour a {
	font-size:.9em;
	text-align:center;
	width:90px;
	height:45px;
	vertical-align:middle;
	border:0px solid silver;
	padding:10px;
	margin:0 10px 10px 0;
	text-decoration:none;
}
#demoFour a:hover {
	background-color:#eee;
}

.TabbedPanels {
	margin:0;
#margin-top:1px;
	padding:0;
#width:100%;
	background:#fff url('/images/top_gradient.png') repeat-x;
	border-right:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-bottom:solid 1px #BBB;
	font-size:10px;
}
.TabbedPanelsTabGroup {
	margin:0!important;
	padding:5px 0 0 150px!important;
	border-top:solid 1px #BBB!important;
}
.TabbedPanelsTab {
	position:relative;
	top:1px;
	float:left;
	padding:3px 8px 3px 8px!important;
	margin:0 1px 0 0!important;
	font:1.40em Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	background:#d9d0c2 url('/images/tab_bg.gif') repeat-x;
	list-style:none;
	border:1px solid #BBB;
	-moz-user-select:none;
	-khtml-user-select:none;
	cursor:pointer;
}
.TabbedPanelsTabHover {
	background-color:#ccc;
}
.TabbedPanelsTabSelected {
	color:#000;
	background-color:#fff;
	background-image:none;
	border-bottom:1px solid #fff;
}
.TabbedPanelsTab a {
	color:black;
	text-decoration:none;
}
.TabbedPanelsContentGroup {
	clear:both;
	border-top:solid 1px #bbb;
	background-color:#fff;
	padding-left:3em;
}
.TabbedPanelsContent {
	padding:0;
}
.SlidingPanels {
	position:relative;
	width:57.00em;
	height:17em;
	padding:0;
	border:none;
	font-size:10px;
	margin:0;
}
.SlidingPanelsContentGroup {
	position:relative;
	margin:0;
	padding:0;
	min-height:0;
	border:none;
	width:228em;
}
.SlidingPanelsContent {
	width:57.00em;
	height:17em;
	overflow:hidden;
	margin:0;
	padding:0;
	border:none;
	float:left;
}
.SlidingPanelsAnimating * {
	overflow:hidden!important;
}
.homepageScrollPadding {
	padding-top:4px;
#padding-top:0;
}
#LeftArrow {
	float:left;
	width:26px;
	position:relative;
	padding-right:10px;
	margin:-110px 0 0 -1px;
	background:url('/images/leftarrow_dim.gif') no-repeat;
}
#RightArrow {
	float:right;
	width:26px;
	position:relative;
	margin:-110px 0 0 1px;
	background:url('/images/rightarrow_dim.gif') no-repeat;
}
.arrow {
	cursor:pointer;
}
.arrowDim {
	cursor:arrow;
}
.arrowDim img {
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}
ul.thumblist {
	display:block;
	height:14.00em!important;
	margin:15px 0 0 0!important;
	padding:0!important;
	vertical-align:middle;
	text-align:center;
}
.thumblist {
	text-align:center;
}
.thumblist img {
	margin-bottom:5px;
}
.thumblist a:link {
	font:1.10em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
}
.thumblist a:visited {
	font:1.10em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
}
.thumblist a:hover {
	font:1.10em Verdana, Arial, Helvetica, sans-serif;
	color:#0072bc;
	text-decoration:none;
}
.thumblist li {
	display:block;
	width:12.00em;
	float:left!important;
	margin:0 10px 10px 10px!important;
	text-align:center!important;
	vertical-align:middle;
}
.PageContainer {
	width:70.9em;
	min-width:780px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#TabbedPanels1 {
	font-size:10px;
	min-width:629px;
	width:62.9em;
}/* TREE LAYOUT */
.tree ul {
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
}
.tree li {
	width: auto;
	display:block;
	min-height:18px;
	line-height:18px;
	padding:0 0 0 15px;
	margin:0 0 0 0;
	clear:both;
	cursor: pointer;
}
.tree li ul {
	display:none;
	clear:both;
}
.tree li a, .tree li span {
	display:inline;
	float:left;
	line-height:16px;
	height:16px;
	padding:1px 4px 1px 1px !important;
	color:black;
	white-space:nowrap;
	text-decoration:none;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:4px 1px;
	-moz-border-radius:3px;
	border:0;
	margin:0;
	cursor: pointer;
}
.tree li a:hover, .tree li a.hover {
	background-color: #e7f4f9;
	border:1px solid #d8f0fa;
	padding:0px 3px 0px 1px !important;
	background-position:3px 0px;
}
.tree li a.open, .tree li a.open:hover {
	background-color: #beebff;
	border:1px solid #99defd;
	padding:0px 3px 0px 1px !important;
	background-position:3px 0px;
}
/*
.tree li a.clicked,
.tree li a.clicked:hover,
.tree li span.clicked {
	background-color: #beebff;
	border:1px solid #99defd;
	padding:0px 3px 0px 1px !important;
	background-position:3px 0px; 
} */
.tree li span.clicked {
	padding:0px 3px 0px 1px !important;
}
.tree li a input, .tree li span input {
	margin:0;
	padding:0 0;
	display:block;
	height:12px !important;
	border:1px solid white;
	background:white;
	font-size:10px;
	font-family:Verdana;
}
.tree li a input:not([class="xxx"]), .tree li span input:not([class="xxx"]) {
 padding:1px 0;
}
.locked li a {
	color:gray;
}
/* FOR DOTS */
.tree ul {
	background:url("images/dot.gif") 6px 1px repeat-y;
}
.tree li {
	background:url("images/li.gif") 7px center no-repeat;
}
.tree li.last {
	background:url("images/lastli.gif") 5px top no-repeat;
	background-color:white !important;
}
/* NO DOTS */
.no_dots ul {
	background:transparent;
}
.no_dots li {
	background:transparent;
}
.no_dots li.last {
	background:transparent;
	background-color:transparent !important;
}
/* OPEN OR CLOSE */
.tree li.open {
	background:url("images/fminus.gif") 4px 6px no-repeat;
}
.tree li.open ul {
	display:block;
	clear:both;
}
.tree li.closed {
	background:url("images/fplus.gif") 5px 5px no-repeat;
}
.tree li.closed ul {
	display:none !important;
}
/* FOR DRAGGING */
.tree #dragged {
	padding:0 3px;
	margin:0;
	background:white;
	opacity: .85;
	filter: alpha(opacity=85);
	position:absolute;
	top:-10px;
	left:-10px;
}
.tree #dragged.last, .tree #dragged:last-child {
	background:white;
}
.tree #dragged li.open {
	background:url("images/fplus.gif") 5px 5px no-repeat;
}
.tree #dragged ul ul {
	display:none;
}
/* HACKY-HACKY */
/* EXPLORER 7 */
*:first-child+html .tree li {
	margin-bottom:-2px;
}
*:first-child+html .tree li ul {
	padding-bottom:2px;
}
/* EXPLORER 6 */
.tree li {
	_width:50%;
	_margin-bottom:-2px;
}
.tree li ul {
	_padding-bottom:2px;
}
/* 
 * FF & OPERA FIXES
.tree li:not([class="xxx"]) {
	margin-bottom:0px;
}
html:first-child .tree li {
	margin-bottom:0px;
}
.tree li ul:not([class="xxx"]) {
	padding-bottom:0;
}
html:first-child .tree ul {
	padding-bottom:0;
}
*/


/* RTL modification */
.rtl * {
	direction:rtl;
}
.rtl ul {
	margin:0 5px 0 0;
}
.rtl li {
	padding:0 15px 0 0;
}
.rtl li.last {
	background:url("images/lastli_rtl.gif") right top no-repeat;
}
.rtl li.open {
	background:url("images/fminus_rtl.gif") right 6px no-repeat;
}
.rtl li.closed {
	background:url("images/fplus_rtl.gif") right 4px no-repeat;
}
.rtl li a, .rtl li span {
	float:right;
	padding:1px 23px 1px 4px !important;
	background-position:right 1px;
	margin-right:1px;
}
.rtl li a:hover, .rtl li a.hover {
	background-color: #e7f4f9;
	border:1px solid #d8f0fa;
	padding:0px 23px 0px 3px !important;
	background-position:right 0px;
	margin-right:0px;
}
.rtl li a.clicked, .rtl li a.clicked:hover, .rtl li span.clicked {
	background-color: #beebff;
	border:1px solid #99defd;
	padding:0px 23px 0px 3px !important;
	background-position:right 0px;
	margin-right:0px;
}
.rtl li span.clicked {
	padding:0px 21px 0px 3px !important;
}
.rtl ul {
	background:url("images/dot.gif") right 1px repeat-y;
}
.rtl li {
	background:url("images/li.gif") right center no-repeat;
}
.rtl #dragged li.open {
	background-position: right 5px;
}
.demo {
	width:150px;
	height:auto;
	border:0px solid gray;
	background:white;
	float:left;
	padding:5px 0;
	text-align: left;
	font-size: 13px;
}
.sources {
	margin-left:290px;
}
.source {
	height:auto;
	border:1px solid gray;
	background:white;
	margin:0 10px 10px 0;
	padding:5px 0;
	overflow:auto;
	display:block;
	padding:5px 10px;
	white-space:pre;
	font-size:11px;
	font-family:"Courier New";
}
.source b {
	display:block;
	border-bottom:1px solid;
}
/*** DEFAULT ICON ***/
.tree li {
	padding-top: 3px;
}
.tree li a {
/*background-image:url("images/f.png");*/
}
#bubble {
	position:absolute;
	background:#FFFFDD;
	color:black;
	padding:0.2em 0.5em;
	border:1px solid gray;
	display:none;
	font-size:10px;
	width:250px;
}
span.bubble {
	color:#8b0000;
	border-bottom:1px solid;
	cursor:pointer;
}
dl {
	margin:0 0 0 10px;
	padding:0;
}
dt {
	/*font-weight:bold;*/
	font-family:Georgia;
	font-size:1.1em;
}
dd {
	margin:0 0 1em 0;
	padding:0;
	font-size:11px;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 12px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

#toTop {
	width:100px;
        border:1px solid #ccc;
        background:#f7f7f7;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:11px;
}