/* CSS Document */
/* 092306 0.02*/
/* Elements */
a{color:#000000;}
a:visited{/*color:#000000*/}
* {padding:0; /*margin:0;*/}
td {font-size: 11px ; color:#000000; padding:0; margin:0;}
h1, h2, h3{margin:0;}
body {background: #ffffff url(/lib/yhst-11740609545287/bodybgnew.jpg) repeat-x; font:normal 11px Verdana, Tahoma, Helvetica, sans-serif; text-align:center; width:100%;margin:0;color:#000000; }

/* Classes */
.boxclose {zoom:1;}
.breadcrumbs{margin:10px;}
.clear {clear:both; display:block; font-size:1px; height:1px; line-height:-1;}
.last {border:0 solid;}
input.buttonsubmit {margin-left:4px !important; text-transform:uppercase;}

.ys_primary{ background:#f12a1f;color:#ffffff;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; }

/* IDs */
.info-div {padding:10px;}
#info-div{
background:transparent;margin:0;  }
#info-div:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
#accessorytitle {}
	#itemtype #accessorytitle {background:transparent; color:#000; font:bold 1.2em/1.1 verdana, sans-serif; padding:2px 10px 8px;}

#bodycontent {float:right; width:610px; margin-left:12px;} /* 150 + 610 = 760 */ /* The Min-width is needed for Moz to stretch the bodycontent that is shrinkwrapping content due to floats. This is only necessary on pages without Tables in the contents. Min-width breaks Opera's layout so Width:100% is used instead of Min-width. */

#bodyshell {background:#ffffff url('') left bottom repeat-x; border-left:168px solid #ffffff; float:left; zoom:1; margin:0 0 10px 0; padding:0 10px 0 10px;   clear:left; width: width:622px;} /*Left Column Color*/ /* Background color is needed to counter an IE rendering bug that erases the left column bgcolor */ /* float:left is needed in Moz to handle extra wide cntent that breaks the width */ /* Left/Right Margin was removed due to expanded content errors in Moz, this was used to push the nav/content area in to match the mock-up */

*:first-child+html #bodyshell { width:622px;  padding:0 10px 0 10px;}

#bodyshell:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

#brandmark {float:left; font:normal 36px Tahoma, Geneva, Verdana, sans-serif; margin:10px 30px 0 0 ;} /* 510 + 250 = 760 */

#brandmark a {color:#ffffff; display:block;  text-decoration:none; padding:0 0 5px 13px;}

#caption {zoom:1;}
#caption:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
#contentarea #caption {margin:0 10px;background:transparent; padding-top:10px;}
#contentarea #caption {margin:0 10px;background:transparent; padding-top:10px;}
#itemtype #caption {/*padding:0 10px;*/}
#maintype #caption {background:transparent; padding:15px; height:175px;}

#caption1 {margin:0 10px;background:transparent; padding:10px 0;}

#captionarea, #messagearea, #info-div {margin:10px 10px 9px; background:transparent; /*border-bottom:1px #fff solid;*/} /* 1px is used to prevent Margin Folding */

#messagetitle{background:#f12a1f url('') 0 0 repeat-y; color:#ffffff; font:bold 14px Tahoma, Geneva, Verdana, sans-serif;
margin:15px 5px 0; padding:2px 15px 3px;}

#itemtype #contentarea #captiontitle {margin:15px 0 10px; padding:0 2px;}

#itemtype #captiontitle {background:none; color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:2px 2px 8px;} /*The Left/Right Padding is smaller because the Caption Title needs to be nested within the Caption on Item pages, but not on Section pages */

.top-outer { background: #ffffff url(/lib/yhst-11740609545287/headercurve3.jpg) no-repeat;
height: 17px;
margin:0 auto;
width:812px;

}
.bottom-outer { background: #ffffff url(/lib/yhst-11740609545287/outer-bottom.gif) no-repeat;
height: 8px;
margin:0 auto;
width:812px;

}

#container {margin:0 auto; text-align:left; width:810px; border-style: solid;
border-color: #BBBBBB; border-width:0 1px 0 1px; /*border: solid thin #ffffff;*/   } /* This "container" is needed as IE produces resize induced rendering errors when using the BODY element for a container. */ 

#contentarea {background:transparent;margin:0 0 10px 0;  }


.contentareainner {border-style: solid;
border-color: #BBBBBB; border-width:0 1px 0 1px; padding:0;}
.contentfooter {
background: url(/lib/yhst-11740609545287/contentfooter.gif) no-repeat;
height: 6px; 
}
#section-contenttitle {color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0;}

#bodyContent #info-div #searchpageHeader {background-color:#f1f1f1; color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:4px 15px 6px;}

#item-contenttitle { color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; }

#content-header {background:#f1f1f1 url(/lib/yhst-11740609545287/h1bg.gif) no-repeat;  padding:4px 15px 6px; margin-top:10px; }

#specialstitle {background:#feba5a url('http://ep.yimg.com/ca/I/yhst-11740609545287_2128_2117716') 0 0 repeat-y; color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:15px; padding:2px 15px 3px;}

#copyright {color:#000000; display:block; font:normal xx-small/1.2 verdana, sans-serif; padding:0 15px 15px; text-align:right;}

#finaltext, #introtext {margin:10px;}

#footer {background:#ffffff url('http://ep.yimg.com/ca/I/yhst-11740609545287_2128_2124051') no-repeat; clear:both;zoom:1; width:788px; margin-left:10px; }

#footer-links {color:#000000; display:block; font-weight:bold; font-size:11px; padding:10px 0 15px; text-align:center;}

#footer-links a {color:#000000; text-decoration:none; text-transform:uppercase;}

#footer-links a:hover {text-decoration:underline;}

#header {background:#ffffff url('') left bottom no-repeat; zoom:1; position:relative;}

#header:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

/* Search Page Styles */
#info-div form, 
     .infoText div {margin:0 10px ;}
#info-div form table td a img {margin-right:5px;}
#info-div form table td b {display:block; padding:15px 0 5px;}
#info-div form table td font {font-size:1em;}
/* !Search Page Styles */

#introtext {} /* REF: #finaltext */
	
.item-description-header {font-weight:bold; font-size:105%; margin-bottom:8px;}
#itemarea {background:transparent; margin:0 10px 0; padding:10px; zoom:1;}
#itemarea:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

#nav-general {clear:both; float:right; display:block; list-style:none; margin:0 5px 0 0;}

#nav-general li {background-color:transparent/* remove to use color instead of transparentcy #ffffff*/; border:1px solid #ffffff; border-top:0; float:left; margin:0 2px;}
 /* General Link Colors */
#nav-general li a {background: transparent; color:#ffffff; display:block; font-size:10px; font-weight:bold; padding:4px 20px 6px; text-align:center; text-decoration:none; white-space:nowrap;}

#nav-general li a:hover {background:transparent /*#ffffff*/; color:#ffffff}

#nav-general a.linkcheckout {background:transparent url(http://ep.yimg.com/ca/I/yhst-11740609545287_2128_2127093) 90% 0 no-repeat; padding-right:35px;
cursor:pointer;
}

#nav-general a.linkcheckout:hover {background:transparent url(http://ep.yimg.com/ca/I/yhst-11740609545287_2128_2127093) 90% 0 no-repeat; padding-right:35px;
cursor:pointer;
}		
#nav-holder {_display:inline; float:left; margin:10px 0 0 -168px;  position:relative; width:168px;   background:transparent; overflow:hidden; z-index:100; } /* IE Experiences the pixel doubling bug here. "display: inline;" fixes this. Position Relative and Z-Index are needed for IE in order to display the background colors */ 

.nav-product {width:166px; border-style: solid;
border-color: #BBBBBB; border-width:0 1px 0 1px;   background-color:#ffffff; margin: 0;  padding:0;}
.nav-product ul {margin: 0; padding: 0; list-style: none; width: 166px; }
.nav-product ul li {position: relative; margin:0 0 3px 7px; padding:0;}
.nav-product ul li a:hover {color:#2B65EC; text-decoration:underline;  }
.nav-product ul li a { text-decoration: none;  border: 0; color:#15317E; display:block; padding:5px 0 5px 0; margin:0;}
.sidenav-top {
background: url(/lib/yhst-11740609545287/sidnav-top2.gif) no-repeat bottom;
height: 4px;
line-height:4px;
width: 100%;
}
.sidenav-btm {
background: url(/lib/yhst-11740609545287/sidenav-bottom.gif) no-repeat;
height: 4px;
margin-bottom:7px;
}
.sidenav-header {background-color: #51597B; width:166px; height:20px; line-height:20px; text-align:center; color:#ffffff; font-size:12px; font-family: Verdana, Tahoma, Helvetica, sans-serif; font-weight:bold; padding-bottom:2px;}

.sidenav-header a {color:#ffffff; text-decoration:none;}
.sidenav-header a:hover {color:#ffffff; text-decoration:underline;}

#htmltop, #htmlbottom{padding:5px;}

* html .nav-product ul li a{width:125;height:auto;overflow:hidden;}

* html .nav-product { overflow:visible; width:166px; }

#searcharea { display:block; }

#searcharea input {font-size:1.0em;}

#searcharea fieldset {border:0 solid; display:block; float:right;}

#searcharea label {color:#7c0000; font-size:1.0em; font-weight:bold; text-transform:uppercase;}

#searchsubmit {border:solid 1px #fff;
        margin:1px 10px 0 5px;
        
        background:#ffffff url('http://ep.yimg.com/ca/I/yhst-11740609545287_2128_2127901') no-repeat;
        color:#000;
        font:bold 11px Arial,verdana,sans-serif;
        text-align:center;
        cursor:pointer;
        width:24px;
        height:24px;
}
* html #searchsubmit{
        width:24px;
        
                   
}
#searchpageHeader {background-color:#f1f1f1; color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:4px 15px 6px;}

input#query {margin-left:4px; padding:2px; background:#ffffff; color:#000;}
#query {padding:1px;}

#slogan {color:#ffffff; display:block; float:right; font:normal 11px Verdana, Tahoma, Helvetica, sans-serif; padding:2.7em 15px 10px 10px; width:225px; text-align:right;} /* 225 + 25= 250 */

*:first-child+html #info-div,
*:first-child+html #specialtitle,
*:first-child+html #messagearea { width:590px; } *:first-child+html 

#itemarea { width:570px; }


#badge { margin: 0 auto; }

* html #badge { width:136px; text-align:center; }

/* Cross-Sell Styles. */

.ystore-cross-sell-table { width:100%; font-size:inherit; font:100%; }
.ystore-cross-sell-title { padding-bottom:6px; color: #000000; font:bold 11px Tahoma, Geneva, Verdana, sans-serif; }
.ystore-cross-sell-table-vertical .ystore-cross-sell-cell { width:100%; }
.ystore-cross-sell-table-horizontal .ystore-cross-sell-cell { width:28%; padding-right:5%; }

.ystore-cross-sell-product-image-link { display:block; padding-bottom:8px; }
.ystore-cross-sell-product-caption { padding-bottom:16px; }
.ystore-cross-sell-product-caption p,
.ystore-cross-sell-product-caption h4 { margin:0 0 3px; font-size:11px; }
.ystore-cross-sell-table .ys_promo { font-weight:bold; }


/* Element Defaults */
/* 092506 0.02*/
/* Notes: 
* Specifying exact attributes for each element will keep them consistent across browsers.
* Each element is given a MARGIN, PADDING, and BORDER of ZERO (0) under the "base" CSS file.
* This file must load after the "base" file. The reason for maintaining presentation is that some store 
* owners are accustom to using basic HTML or WYSIWYG editors to format their content. Removing 
* HTML Element formatting without any notification will confuse store owners.
*/




b, strong{font-weight:bold;}
blockquote{margin:1em;}
dd{margin:0 0 0 10px;}
dl{margin:5px 0;}
em, i{font-style:italic;}
img{border:0;}
/*input.addtocartInp, {
     border-top:1px solid #CECECD;
     border-right:1px solid #333;
     border-bottom:1px solid #333;
     border-left:1px solid #CECECD;
     margin:0;
     padding:0;
     background:#f12a1f;
     color:#fff;
     font:bold 12px Verdana, Tahoma, Helvetica, sans-serif;
     text-align:center;
     cursor:pointer;
}*/
li{margin:0 0 0 15px; padding:0;}
ol, ul{list-style:disc outside; margin:0; padding:0;}
p{margin:10px 0; padding:0;}
tr, td{vertical-align:top;}

/* 092506 0.02*/
/* Classes */
.image-l {background-color:#fff; display:block; float:left; margin:0 15px 10px 0;padding:0px;}
.image-r {background-color:#fff; display:block; float:right; margin:0 0 10px 15px;padding:0px;}
.image-c {text-align:center; margin-bottom:10px;}
.inset-l {background-color:#fff; display:block; float:left; margin:0 8px 5px 0;padding:0px;}
.inset-r {background-color:#fff; display:block; float:right; margin:0 0 5px 8px;padding:0px;}

.addtocartImg{
     border:0;
     margin:10px 0;
     padding:0px;
     cursor:pointer;
     display:block;
}

.el #contents {}  
#contents .vertical td {text-align:center;} /* Used for the "Vertical" RTML Layout */	
.wrap #contents {}

/* IDs */
#contents {background:transparent/*#ffffff*/;border-right:0px solid #ffffff; border-left:0px solid #ffffff}
#contents #contents-table select option, #itemarea select option{padding-right:10px}
#contents a{text-decoration:none;}
#contents a:hover{text-decoration: underline;}
#contents #contents-table {background:transparent;border-collapse:collapse; border-bottom:0px solid #ffffff}
	#itemtype #contents table {/*margin:10px 0;*/}
#contents td {background-color:transparent/*#ffffff*/; margin:2px; padding:5px; vertical-align:bottom;}
#contents .horizontal-seperator{border-bottom:0px solid #ffffff;}
#contents .vertical-seperator{border-right:0px solid #ffffff;}
#contents.accessory * {text-align:left;}
#contents.accessory .details {background:transparent; margin:2px 10px; padding:10px;}
#contents.accessory .details a {color:#000; font-size:1em;} /* COLOR:LINK, FONTSIZE:NAME */
#contents.accessory .details h3 {font-size:1em;}
#contents.accessory .details .sale-price {margin-bottom:10px;}

#contents .detail td {padding:5px; /*border-bottom:15px solid #E9E9E4;*/} /* The Border-bottom must be applied to the TD, not the TR in order to work in IE */
#contents .detail.last td {border-bottom:0 solid;} /* Needed for FF */
	#itemtype #contents .detail td,
	#maintype #contents .image td {padding-bottom:10px;}
#contents .last {border:0;}
#contents .name * {color:#000; font-weight:bold;}
#contents .price {font-weight:normal; margin:10px 0 0; }
.price {text-decoration: line-through;}
	#itemtype .price em {font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0;}
#contents .sale-price {color:#f12a1f;}  
#contents .sale-price-bold {color:#f12a1f;font-weight:bold;}
#contents .price-bold {font-weight:bold;margin:`0px 0 0;}
#itemtype .itemform .price {margin:7px 0;}
#itemtype .itemform .price-bold {font-weight:bold;margin:7px 0;}
	#itemtype .itemform .sale-price, #itemtype .itemform .sale-price-bold {margin:7px 0;}
	#itemtype .itemform .sale-price-bold {font-weight:bold;}
	#itemtype .itemform .sale-price-bold em {/*background:#ffffff;*/ color:#f12a1f; font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0;}
	#itemtype .itemform .sale-price em {color:#f12a1f; font-style:normal; margin:10px 0; padding:0 4px 0 0;}
#itemtype .code {font-style:normal; margin:7px 0;}
#itemtype .code em {font-style:normal;margin:7px 0 0;}
#itemtype .itemavailable {color:#000; margin:8px 0;}
#itemtype .itemavailable em {color:#474537; font-style:normal; font-weight:bold; margin:8px 0 8px 4px;}
#itemtype .itemoption {display:inline; font-weight:bold; margin:2px 0;}
#itemtype .multiLineOption {display:block;margin:5px 0; font-weight:normal;}
.contenttitle-center{text-align:center}
form{padding:0;margin:0}

#caption .image-l {background:none; display:block; float:left; margin:0 15px 10px 0;padding:0px;}
#caption .image-r {background:none; display:block; float:right; margin:0 0 10px 15px;padding:5px;}


#header-row {


  width:590px;
  background:#ffffff url("http://www.alistapart.com/d/slidingdoors/v1/bg.gif1") repeat-x bottom ;
  font-size:93%;
  line-height:normal;
height:auto;
  }
#header-row ul {

  margin:0;
  padding:10px 2px 0;
  list-style:none;
  }
#header-row li {

    float:left;
background:url("http://www.alistapart.com/d/slidingdoors/v1/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#header-row a {

  display:block;
    float:left;
background:url("http://www.alistapart.com/d/slidingdoors/v1/right.gif") no-repeat right top;
  padding:5px 15px 5px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header-row a {float:none;}
/* End IE5-Mac hack */
#header-row a:hover {
  color:#333;
  }
#header-row .selected {
  background-image:url("http://www.alistapart.com/d/slidingdoors/v1/left_on.gif");
  }
#header-row .selected a {
  background-image:url("http://www.alistapart.com/d/slidingdoors/v1/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }


#top-nav {

background: url(/lib/yhst-11740609545287/topheader.gif) no-repeat; 
height:26px;
margin-top:10px;
}
* html #top-nav {
margin-top:18px;
}
.top-nav-left { background: url(/lib/yhst-11740609545287/top-nav-left.gif) no-repeat; height:30px;
width:10px;
display:inline;}
.top-nav-mid { background: url(/lib/yhst-11740609545287/top-nav-mid.gif) repeat-x left; height:30px;
 width:680px;
display:inline;}
.top-nav-right { background: url(/lib/yhst-11740609545287/top-nav-right.gif) no-repeat; height:30px; 
display:inline;width:10px}

.curved-box
    {
    margin: 10px;
    width: 810px;
    background-color: #c3d0d4;
}

.top
    {
    background: #c3d0d4 url(/lib/yhst-11740609545287/curvetop.gif) no-repeat left top;
    color: #f4fbfd;
    padding: 10px 15px 5px 15px;
}

.bottom
    {
    background: #c3d0d4 url(/lib/yhst-11740609545287/curvebottom.gif) no-repeat left bottom;
    margin: 0px;
    padding: 5px 15px 10px 15px;
    text-align: left;
} 

/* menu */
ul#nav { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
color:#ececec;
}

ul#nav li { /* all list items */
        float:left;
        font-size:11px;
        font-weight:bold;
        border-right:1px solid #DCDCDC;
        padding-right:10px;
        line-height:26px;
        position:relative;

}
ul#nav li.last {
        border:none;
}
ul#nav li a {
text-decoration:none;
color:#ececec;

}

ul#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	left: 0;
        top: 1em;
        background-color:#fff;
        width:175px;
        border:1px solid #ccc;
        margin:0;
        padding:0;
   z-index:9999;
}
ul#nav li ul li{
        display:block;
        border-bottom:1px solid #ccc;
        border-right:none;
        float:none;
        text-align:left;
        padding:0;
        margin:0;
        
}
ul#nav li ul {
        top: 26px !important;
        left:1px;
color:#000;
}
ul#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: 0;
}
ul#nav li ul li a {
        display:block;
        width:175px;
        padding:0 0 0 10px;
        margin:0;
}
ul#nav li ul li > a {
        width:165px;
color:blue;
}
ul#nav li ul li a:hover {
        color:#fff;
        background-color:#ccc;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
	display: block;
}
ul#nav .last-h-nav {
border:0;
}
ul#nav .last-h-nav a {
color:#E22800;
}

.header-text {
position:absolute;
left:185px;
bottom:10px;
font-size:10px;
font-weight:bold;
color:#4E4848;
margin-left:20px;
}
.header-h1 {

font-size:10px;
font-weight:bold;
color:#4E4848;
}

ul.levels-text {
list-style-type: none;
padding: 0;
margin:0;
}
.levels-text li {
background-image: url(http://lib.store.yahoo.net/lib/yhst-11740609545287/checkmark.jpg);
background-repeat: no-repeat;
background-position: 0 -3px;
padding-left: 25px;
height:25px;
margin-bottom:10px;

}
.levels-h2 {font-size:120%; text-align:center;}
.levels li { float:left; }

.left {margin-left:15px;; }
.right {width:350px;  margin:0; }
.left-head {width:230px; margin:0;font-weight:bold; }
.right-head {width:350px;  margin:0; font-weight:bold; }

/*---------- bubble tooltip -----------*/
a.bubble{
    position:relative;
    z-index:24;
overflow:visible;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.bubble span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.bubble:hover{ z-index:25; color: #aaaaff; background:; overflow:visible;}
a.bubble:hover span.bubble-text{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
    font-size:11px;
    font-weight:normal;
overflow:visible;
}
a.bubble:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/lib/yhst-11740609545287/bubble.gif) no-repeat top;
z-index:200;
overflow:visible;
}
a.bubble:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(	/lib/yhst-11740609545287/bubblein.gif) repeat bottom; 
z-index:200;
overflow:visible;
}
a.bubble:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(	/lib/yhst-11740609545287/bubble.gif) no-repeat bottom;
z-index:200;
overflow:visible;
}

.bold-center {text-align:center; font-weight:bold;}
#h2-small {font:normal 11px Verdana, Tahoma, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0; display:inline;}
.featured-site-text {float:right; width:300px;
}
#legal {font-size:80%; text-align:center;}

dl.curved {background:#7f7f9c url(http://www.cssplay.co.uk/boxes/c_tl.gif) top left no-repeat; margin:0; padding:0;  }
dl.curved dt {background:transparent url(http://www.cssplay.co.uk/boxes/c_tr.gif) top right no-repeat; padding:0; text-align:center; color:#fff; margin:0;}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid #ACACAC;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #F1F1F1;
width: 300px;
}


#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}



.shadetabs{
padding: 3px 0;
margin-top: 10px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
z-index:100;
text-align: left; /*set to left, center, or right to align the menu as desired*/
margin-left:2px;
text-decoration:none;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right:3px;

color: #000;

background-color:#efefef;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none;
color: #c0c0c0;
}

.shadetabs li.selected{
position: relative;
top: 1px;
color: #efefef;
}

.shadetabs li.selected a { /*selected main tab style */
background-color:#0B1453;

color: #efefef;
}

*html .shadetabs li.selected a { /*selected main tab style */
background-color:#0B1453;

color: #fff;
}

.shadetabs li.selected a:hover { /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid #000;
width: 570px;
padding: 10px;
background-color:#ffffff;
margin-left:2px;


}

#maintab {float:left;}
.tabcontent{
display:none;
}


@media print {
.tabcontent {
display:block!important;
}
}
#about {font-size:16px; color:#382D2C; margin: 10px 0;}
#image-class {background-color:#fff; display:block; float:left; margin:0 25px 10px 0;padding:5px;  list-style-type: none;}
#image-class li { text-align:center; }
#screenshot {
background:#333333 none repeat scroll 0%;
border:1px solid #CCCCCC;
color:#FFFFFF;
display:none;
padding:5px;
position:absolute;
z-index:1000l;
}
#live-help{
position:absolute;
left:634px;
top:40px;
}
#browsers {
position:absolute;
left:265px;
font-size:10px;
font-weight:bold;
color:#4E4848;
}