body{background: white; padding:0; margin:0; text-align: left; font-family: verdana, arial, sans-serif; font-size: 90%; color: #000000; background-color: #eee;}

.padding {padding: 4px;}
.border_bottom_dotted { border-bottom: 2px dotted #959595; padding: 5 5 10 5; }
.float_image{float: left;}

#padding { padding-left: 4px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-right: 4px}
#bottomLine { border-bottom: 1px solid #ccc; padding: 0 0 0 0; background-color: none }
#paddingLeft { padding-left: 10px}
#paddingRight { padding-left: 5px}
/*harold's code*/
#wrapper{width: 797px; margin:auto; background:#fff; padding: 0px; border: 1px solid #ccc; border-bottom:none; }
#header{width:797px; height: 91px; position:relative; background:#fff; padding: 0px;}
#header_referer{width:797px; height: 69px; position:relative; background:#fff; padding: 0px;}
#xheader{width: 797px; height: 50px; position:relative; background:#fff; padding: 0px;}
#catLinks{width:797px; height: 24px; padding-bottom: 5px; padding-top: 0px; position: relative; vertical-align: middle; background:#eee;}
#content{width:797px; margin-left:0px; margin-top: 44px; position: relative;}
#xcontent{width:797px; margin-left:0px; margin-top:0px; position: relative; font-family: arial; font-size: 11px;}
#footer{width:797px; position: relative; float: none; margin: auto; background-color: #fff;}
#store{width:670px; margin-left:0px; margin-top:0px; position: absolute;}
#promo{width:797px; position: relative; float: none; margin: auto; height: 17px;}


h1 {font-size: 16px; font-weight: none; padding-left: 5px; margin:0;}
h2 {font-size: 13px; font-weight: none; padding: 0px; margin:0;}
h3 {font-size: 13px; font-weight: none; padding: 5px; margin:0;}
h4 {padding: 0px; margin:0;}

table.left_margin {margin-left: 15px;}
table.outline { border: solid 1px }
table.padding { border-bottom: none; padding: 5 5 5 5; background-color: #none }
table.subNavBorder {background-color: #036; padding: 0 0 0 0; border-bottom: 2px solid #666666; border-top: 2px solid #666666 }
table.borderBotNoPad { border-bottom: solid 1px #000000; padding: 0 0 0 0; background-color: none }
table.borderNoTop { border-bottom: solid 2px #003663; border-left: solid 2px #003663; border-right: solid 2px #003663; padding: 0 0 0 0; background-color: none }
table.topRightLeftBorder { border: solid none; padding: 0 0 0 0; background-color: #ffffff; border-top: solid 2px #003663; border-right: solid 2px #003663; border-bottom: none; border-left: solid 2px #003663 }
table.fourBorderPad { border: solid 2px #003663; padding: 2 0 2 4; background-color: #eeeeee; width:100% }
table.borderPadding { border: solid 2px #003663; padding: 2 2 2 2; background-color: none }
table.border { border: solid 1px #959595; padding: 5px 5px 5px 5px}
table.border2 { border: solid 1px #959595; padding: 0; margin: 0;}
table.border_grn { border: solid 2px #036; padding: 0; margin: 0;}
table.eta {background-color:#ffffcc;}


tr.bottom_line { border-bottom: 2px dotted #eeeeee; padding: 0 0 0 0; background-color: none }
tr.highlight { background-color: #ffffff; padding: 0 0 0 0 }
tr.topBottomLine { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 0 0 0 0; background-color: none }
tr.paddingBottomBorder { border-bottom: #f18a23 solid 2px; padding: 4 4 4 4; background-color: none}
tr.padding { border: none; padding: 4 4 4 4; background-color: none}
tr.topBotGrayBorderBg { border-bottom: 2px solid #003663; border-top: 2px solid #003663; padding: 0 0 0 0; background-color: #eeeeee }
/*harold's code*/
tr.shopTitleBackground {  background-color: #f18a23;  padding: 0 0 0 0; border: solid 0px #003663 }
tr.dBox{font-family: verdana; font-size: 12px; text-align: left; padding: 5px 5px 5px 5px; background-color: #eee; border: 1px solid #959595;}

td.lloydselect {background-color: #036; font-family: verdana; font-weight: bold; color: #ffffff; padding: 5px 5px 5px 5px;}
td { font-family: Verdana; font-size: 12px;}
td.fixed { font-family: courier; font-size: 12px }
td.cell_line { background-color: #000000; padding: 0 0 0 0 }
td.highlight_line { background-color: #99ccff; padding: 0 0 0 0 }
td.highlight_big { background-color: #ffffcc; padding: 4 4 4 4; border: solid #99ccff 2px }
td.error { background-color: #ffe9e9; padding: 2 2 2 2; border: solid #ff3333 1px }
td.cell_line_red { background-color: #FF6666; padding: 0 0 0 0 }
td.bottomLine { border-bottom: 2px solid #F18A23; padding: 0 0 0 0; background-color: none }
td.topLine { border-top: 1px solid #ccc; padding: 0 0 0 0; background-color: none }
td.green { border:none; background-color: #036;  padding: 0 0 0 0}
td.grayPad { border: none; padding: 4 4 4 4; background-color: #eeeeee }
td.fourBourderBg { border: solid 2px #003663; padding: 4 4 4 4; background-color: #eeeeee }
td.border { border: solid none; padding: 0 0 0 0; background-color: #ffffff; border-top: solid 2px #003663; border-right: solid 2px #003663; border-bottom: solid 2px #003663; border-left: solid 2px #003663; }
td.fourBorder { border: solid 2px #003663; padding: 2 2 2 2; background-color: #ffffff }
td.paddingLeft { border: none; padding: 0 0 0 5; background-color: none}
td.ColRightFourBorder { border: solid 2px #003663; padding: 5 5 5 5; background-color: #eeeeee }
td.navTitleBackground { border: none; background-color: #003663;  padding: 0 0 0 0 }
td.catTitleBackground { border: none; background-color: #003663;  padding: 4 4 4 4 }
td.formSearchTitleBg { border:none; background-color: #003663;  padding: 0 0 0 5 }
td.lowerNavTitleBackground { border:none; background-color: #003663;  padding: 0 0 0 0}
td.rightLeftBorder { border-right: solid 2px #cdcdcd; border-left: solid 2px #cdcdcd; padding: 0 0 0 0; background-color: none }
td.verticalLine { width: 2px; padding: 0 0 0 0; background-color: #003663 }
td.navBg {background-color: #ffffff; padding: 0 0 0 0}
td.grayBg {background-color: #eeeeee; padding: 0 0 0 0}
td.blueBg {background-color: #CCECF4; padding: 2 2 2 2}
td.buffer { background-color: #dcdcdc; padding:0 0 0 5; height: 10px; border: none }
td.bottomBorder {background-color: none; padding: 0 0 0 0; border-bottom: 2px solid #003663 }
td.topBottomBorderPadding {background-color: none; padding: 4 4 4 4; border-bottom: 2px solid #003663; border-top: 2px solid #003663 }
td.bottomBorderPadding {background-color: none; padding: 4 4 4 4; border-bottom: 2px solid #003663 }
td.rightBorderPadding {background-color: none; padding: 4 4 4 4; border-right: 2px solid #003663 }
td.rightBorder {background-color: none; padding: 0 2 0 2; border-right: 2px solid #003663 }
td.leftBorder { background-color: none; width: 20px; text-align: center; border-bottom: 0px solid #800000; border-top: 0px solid #800000;  border-left: 1px solid #800000;  border-right: 0px solid #800000; }
td.topBotLine {background-color: #eeeeee; padding: 4 4 4 4; border-top: 2px solid #003663; border-bottom: 2px solid #003663 }
/*harold's code*/
td.description{font-family: Verdana; font-size: 12px; text-align: left; padding: 5px 5px 15px 5px}
td.dTitle{color: #ffffff; font-weight: bold; font-size: 16px; font-family: Verdana; text-decoration: none; width: 100%; height: 30px; background-color: #036; padding-left: 5px; text-align: left;}
td.about{background-color: #eee; padding: 5px 5px 5px 5px; border-top: 1px solid #cccccc;}
td.prodDesc{width: 300px;}
td.highlight {font-size:12px; background-color: #ffffcc; padding: 2 2 2 2; border: 1px solid #959595}
td.price{text-align: right; font-family: verdana; font-size: 14px; font-weight: bold; color: #D32736; padding: 5px 5px 5px 5px; width: 200px}
td.faq{color: #000000; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none; width: 100%; height: 20px; background-color: #eeeeee; padding: 5px 5px 5px 5px; text-align: left; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;}
td.heading{color: #000000; font-weight: bold; font-size: 16px; font-family: Verdana; text-decoration: none; width: 100%; height: 20px; background-color: #ffffff; padding: 10px 5px 10px 5px; text-align: left; border-bottom: 2px dotted #cccccc; border-top: 2px dotted #cccccc;}
td.borderright{ font-weight: bold;}
td.dottedborder{color: #000000; font-size: 12px; font-family: Verdana; text-decoration: none; width: 100%; height: 20px; background-color: #ffffff; padding: 5px 5px 5px 5px; text-align: left;  border-bottom: 2px dotted #cccccc; border-top: 2px dotted #cccccc;}

a { text-decoration: none; font-weight: 500 }
a:hover { color: #cc0000; text-decoration: none; }
a.navlink { color: #3D3D3D; font-weight: bold; font-size: 12px; font-family: Veranda, Arial, Hevetica, sans-serif; text-decoration: none; text-align: left; display: block; width: 100%; padding: 1 0 1 0 }
a.navlink:hover { color: #eeeeee; background-color: #666666; width: 100%;}
a.bottomNav { font-weight: bold; font-size: 12px; font-family: Veranda, Arial, Hevetica, sans-serif; text-decoration: none; color: #003663; text-align: left; border: none; width: none; padding: 0 0 0 0 }
a.bottomNav:hover { color: #9A702B; background-color: none;}
a.body {font-weight: bold; font-size: 12px; font-family: Verdana; text-decoration: none; color: #F18A23; text-align: left}
a.body:hover {color: #123;}
a.subNav { font-weight: bold; font-size: 13px; font-family: Verdana; text-decoration: none; color: #036; width: 100%; height: 20px;}
a.subNav:hover { color: #D2691E;}
a.storeNav {font-weight: bold; font-size: 12px; font-family: Verdana; text-decoration: none; color: #D2691E }
a.storeNav:hover {color: #036 }
a.catHeaderNav {font-weight: bold; font-size: 14px; font-family: Verdana; text-decoration: none; color: #800000 }
a.catHeaderNav:hover {color: #D2691E }
a.accountNav {font-weight: bold; font-size: 11px; font-family: Verdana; text-decoration: none; color: #ffffff}
a.accountNav:hover { color: #f18a23;}
a.highlight {text-decoration: none; font-weight: 800; font-family: Verdana; font-size: 12px; color: #FF3333 }
/*harold's code*/
a.blkToOrng {font-weight: bold; font-size: 14px; font-family: Verdana; text-decoration: underline; color: #036; width: 100%; height: 20px; }
a.blkToOrng:hover {color: #f18a23;}
a.blkToOrng img { border:1px solid #036; }
a.blkToOrng img:hover { border-color: #f18a23; }
a.blkToOrng2 {font-weight: bold; font-size: 12px; font-family: Verdana; text-decoration: none; color: #000000; width: 100%; height: 20px;  }
a.blkToOrng2:hover {color: #f18a23;}
a.footNav { color: #ffffff; font-weight: bold; font-size: 13px; font-family: Verdana; text-decoration: none; width: 100%; height: 20px; }
a.footNav:hover {color: #f18a23;}
a.redLink { color: #D32736; font-family: Verdana; font-size: 14px; font-weight: bold }
a.redLink:visited { color: #D32736; font-family: Verdana; font-size: 14px; font-weight: bold }
a.blkLink { color:#000000; text-decoration: underline; }
a.blkLink:hover { color:#cc0000; text-decoration: underline; }

font.important { color: #000000; font-family: verdana; font-size: 12px; font-weight: bold; border: 2px #f00000 solid; padding: 5px 5px 5px 5px;}
font.small { font-family: Verdana; font-size: 10px }
font.smallOrange { color: #f18a23; font-family: Verdana; font-size: 10px; font-weight: bold }
font.mediumWhite { color: #ffffff; font-family: Verdana; font-size: 12px; font-weight: bold }
font.mediumBlue { color: #003663; font-family: Verdana; font-size: 12px; font-weight: bold }
font.smallBlack { color: #000000; font-family: Verdana; font-size: 10px; font-weight: bold }
font.large { font-family: Verdana; font-size: 14px; font-weight: bold }
font.largeDarkBlue { font-family: Verdana; font-size: 14px; color: #003663; font-weight: bold}
font.priceRed { font-family: Verdana; font-size: 12px; font-weight: bold; color: #D32736}
font.hugeRed { font-family: Verdana; font-size: 16px; font-weight: bold; color: #D32736}
font.subHeader { font-family: Verdana; font-size: 14px; color: #ffffff ; font-weight: bold}
font.subHeaderBullet { font-family: Verdana; font-size: 14px; color: #660033 ; font-weight: bold}
font.rightColHeader { font-family: Verdana; font-size: 12px; color: #ffffff ; font-weight: bold}
font.formSearchHeader { font-family: Verdana; font-size: 12px; color: #ffffff ; font-weight: bold}
font.navTitle { font-family: Verdana; font-size: 14px; color: #ffffff ; font-weight: bold}
font.default { font-family: Verdana; font-size: 12px }
font.verticalSpacer { color: #ffffff; font-weight: bold; font-size: 12px; font-family: Veranda, Arial, Hevetica, sans-serif; text-decoration: none; text-align: left; display: inline; }
font.fixed { font-family: courier; font-size: 12px }
font.huge { font-family: Verdana; font-size: 16px }
font.title { font-family: Verdana; font-size: 16px; font-weight: 800 }
font.title_huge { font-family: Verdana; font-size: 18px; font-weight: 800 }
font.highlight { font-family: Verdana; font-size: 12px; color: #FF3333 }
font.highlight2 { font-family: Verdana; font-size: 12px; color: #FF3333; font-weight: 600 }
font.red { font-family: Verdana; font-size: 12px; color: #FF0000 }
font.yellow { font-family: Verdana; font-size: 12px; color: #FFFF00 }
font.green { font-family: Verdana; font-size: 12px; color: #33FF33 }
font.small { font-family: Verdana; font-size: 10px }
font.smallGray { color: #666666; font-family: Verdana; font-size: 11px; font-weight: bold }
font.smallGreen { color: #036; font-family: Verdana; font-size: 10px; font-weight: bold }
font.mediumGreen { color: #036; font-family: Verdana; font-size: 12px; font-weight: bold }
font.largeGreen { color: #036; font-family: Verdana; font-size: 16px; font-weight: bold }
font.smallRed { color: #D32736; font-family: Verdana; font-size: 10px; font-weight: bold }
font.medium { font-family: Verdana; font-size: 12px; }
font.mediumWhite { color: #ffffff; font-family: Verdana; font-size: 12px; font-weight: bold }
font.mediumGray { color: #666666; font-family: Verdana; font-size: 12px; font-weight: bold }
font.mediumOrange { color: #f18a23; font-family: Verdana; font-size: 12px; font-weight: bold }
font.mediumBlue { color: #003663; font-family: Verdana; font-size: 12px; font-weight: bold }
font.mediumBlack { color: #000000; font-family: Verdana; font-size: 12px; font-weight: bold }
font.largeRed { font-family: Verdana; font-size: 14px; color: #D32736; font-weight: bold }
font.largeBlue { font-family: Verdana; font-size: 14px; color: #28AECF}
font.largeBlack { font-family: Verdana; font-size: 14px; font-weight: bold; color: #000000}
font.xlargeMaroon { color: #800000; font-family: Verdana; font-size: 16px; font-weight: bold }
font.xlargeChocolate { color: #D2691E; font-family: Verdana; font-size: 16px; font-weight: bold }
font.categoryBold { color: #800000; font-family: Verdana; font-size: 14px; font-weight: bold }
font.headerFont { color: #036; font-family: Verdana; font-size: 14px; font-weight: bold }
/*harold's code*/
font.hugeOrange { font-family: Verdana; font-size: 16px; font-weight: bold; color: #D2691E}
font.mediumDarkGray { color: #3D3D3D; font-family: Verdana; font-size: 12px; font-weight: bold }
font.mediumRed { color: #D32736; font-family: Verdana; font-size: 14px; font-weight: bold }
font.small_orange { color: #F18A23; font-family: Verdana; font-size: 11px; font-weight: bold }
font.boldred { color: #ff0000; font-weight:bold; }

input { font-family: Verdana; font-size: 12px }

pre { font-family: courier; font-size: 12px }

select { font-family: Verdana; font-size: 12px }
select.small { font-family: Arial; font-size: 11px }

/* common styling */
.menu {font-family: verdana; width:800px; position:relative; top:22px; height:0px; font-size:11px; margin-bottom: 5px; padding-left: 0px; z-index:100; text-align: center; background: #eee;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:130px; height:20px; text-align:center; color:#000; border:1px solid #959595; background: #eee url(/images/nav/store.jpg) repeat-x; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0px; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#f18a23; background:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:131px;}
.menu ul li:hover ul li a.hide {background: #eee url(/images/nav/expand2.gif) repeat-x; color: #000}
.menu ul li:hover ul li a.hideL {background: #eee url(/images/nav/expandL.jpg) repeat-x; color: #000}
.menu ul li:hover ul li:hover a.hide {background:#ddd; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#eee; color:#000;}
.menu ul li:hover ul li a:hover {background:#ddd; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:131px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-131px;}

/* hide the sub levels and give them a positon absolute so that they take up no room
.menu ul ul ul{
visibility:hidden;
position:absolute;
top: 0px;
left:131px;
}*/

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}

/* keep the fifth level hidden when you hover on third level list OR link */
.menu ul :hover ul :hover ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/* make the fifth level visible when you hover over fourth level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul{ 
visibility:visible;
}

#home_list{
position:relative;
left:60px;
}

#home_list a{
color:#000000;
text-decoration:underline;
}
#home_list a:hover{
color:#d2691e;
}

#wrap {
		width:790px;
}
#main {
  float:left;
		width:450px;
}
#sidebar {
		float:left;
		width:340px;
}

ul.graylink {
  padding:0;
  margin-top: 0em;
  margin-left: 2em;
  list-style-image: url(/images/dash.jpg);
}
ul.graylink li{
  font-size:7pt;
  color:#646464;
}

ul.graylink li a{
  text-decoration:none;
  color:#646464;
}

ul.graylink li a:hover {
  text-decoration:none;
  color:#000000;
}

font.grayfont {
  color:#646464;
  font-weight: bold;
}

a.graylink {
  font-size:8pt;
  font-weight: bold;
  color:#646464;
}
li.spacer {
  margin: 1em 0;
}

#greentitle {
  position:relative;
  width:100%;
  height:50px;
  padding-top:4px;
  text-align:center;
  font-weight:bold;
  font-size:16px;
  font-family:Verdana;
  text-decoration:none;
  background-image:url('/images/green_banner.jpg');
}

#greentitle2 {
  position:relative;
  width:100%;
  height:55px;
  padding-top:4px;
  text-align:center;
  font-weight:bold;
  font-size:16px;
  font-family:Verdana;
  text-decoration:none;
  background-image:url('/images/green_banner2.jpg');
}

table.compare {
  width:100%;
}

table.compare td.title {
  font-size:7pt;
  background-color:#00346d;
  color:#ffffff;
}

table.compare td.cell {
  font-size:7pt;
  border-bottom:1px solid #d8d8d8;
  border-left:1px solid #d8d8d8;
}

table.compare td.fabric {
  font-size:8pt;
  border-bottom:1px solid #d8d8d8;
  
  border-left:0px;
  border-top:0px;
  padding:5px 0px 5px 5px;
}

#fordtitle {
  background-color:#003366;
  color:#FFFFFF;
  font-family:verdana;
  font-weight:bold;
  font-size:11pt;
  padding:3px;
}

#forddesc {
  padding:5px;
  font-family:verdana;
  font-size:7pt;
}

#fordlogos {
  border-top:1px solid #dedede;
  border-left:1px solid #dedede;
  text-align:center;
}

#logoname {
  color:#000000;
  text-align:center;
  font-size:6pt;
  font-family:Verdana;
  padding:10px 3px 3px 3px;
  border-bottom:1px solid #dedede;
  border-left:1px solid #dedede;
}

.imgteaser {
	margin: 0;
	overflow: hidden;
	position: relative;
 
}
.imgteaser a {
	text-decoration: none;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	margin: auto;
	border: none;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
}

.imgteaser a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font-size: 8pt;
	padding:0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 7px;
 margin-left: auto;
 margin-right: auto;
	padding: 10px;
	margin: 0;
	width: 95px;
	border-top: 1px solid #999;
}

.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}

a.carcover { display: block; width:135px; height:70px;  background-image: url(/images/home/home_carcover.jpg); text-decoration: none; }
a.carcoverHov:hover { background-image: url(/images/home/home_carcoverhov.jpg); }

a.carbra { display: block; width:135px; height:85px;  background-image: url(/images/home/home_carbra.jpg); text-decoration: none; }
a.carbraHov:hover { background-image: url(/images/home/home_carbrahov.jpg); }

a.dashcover { display: block; width:135px; height:70px; background-image: url(/images/home/home_dashcover.jpg); text-decoration:none; }
a.dashcoverHov:hover { background-image: url(/images/home/home_dashcoverhov.jpg); }

a.floormat { display: block; width:113px; height:80px; background-image: url(/images/home/home_floormat.jpg); text-decoration:none; }
a.floormatHov:hover { background-image: url(/images/home/home_floormathov.jpg); }

a.seatcover { display: block; width:135px; height:85px; background-image: url(/images/home/home_seatcover.jpg); text-decoration:none; }
a.seatcoverHov:hover {  background-image: url(/images/home/home_seatcoverhov.jpg); }

a.sunshield {display: block; width:123px; height:85px; background-image: url(/images/home/home_sunshield.jpg); text-decoration:none; }
a.sunshieldHov:hover { background-image: url(/images/home/home_sunshieldhov.jpg); }

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

#fade{
  background:#000;
  filter:alpha(opacity=80);
  height: 100%;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
  opacity: .80;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

body{
  /*background: url(body_bg.gif);*/
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

#hideshow{
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.popup_block {
  background: #ddd;
  border: 10px solid #fff;
  float: left;
  left: 50%;
  margin: 0 0 0 -250px;
  padding: 10px 20px;
  position: fixed;
  top: 20%;
  width: 480px;
  z-index: 100;
}
.popup_block .popup {
  background: #fff;
  border: 1px solid #bbb;
  float: left;
  margin: 10px 0;
  padding: 10px 0;
  width: 100%;
}

.popup h3 {
  border-bottom: 1px solid #bbb;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0 0 20px;
  padding: 5px 10px;
}
.popup p {
  margin: 5px 0;
  padding: 5px 10px;
}
.popup img.cntrl {
  border: 0px;
  position: absolute;
  right: -20px;
  top: -20px;
}