/*Left Menu*/
/*Top Menu*/
/*Page Layout Elements*/
/*Bulleted lists*/
/*Text*/
/*Borders and Background Colors*/
/*Image adjustments*/
/* Text boxes and other form elements */
/*Headers*/
<style>{}
/*Left Menu*/
#leftnav {
width: 151px;
padding: 0;
text-align:left;
}

#leftnavwrapper #leftnav #leftnavbody {
width: 143px;
margin-left: 10px;
margin-right: 1px;
font: 9pt  arial, helvetica, sans-serif;
margin-bottom: 20px;
}

#leftnavwrapper #leftnav #leftnavbody #leftnavbodyheader a, #leftnavwrapper #leftnav #leftnavbody #leftnavbodyheaderwithline a{
text-decoration: none;
color: #000000;
}

#leftnavwrapper #leftnav #leftnavbody ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#leftnavwrapper #leftnav #leftnavbody ul li {
margin: 0;
padding: 0;
}

#leftnavwrapper #leftnav #leftnavbody ul li a{
color: #000;

padding: 0 4px 0 0;
text-decoration: none;
font: 9pt  Arial, helvetica, sans-serif;
}

#leftnavwrapper #leftnav #leftnavbody ul li a:hover, #leftnavwrapper #leftnavbody ul li a:focus {
color: #000;
text-decoration: underline;
}

#leftnavwrapper #leftnav #leftnavbody ul li:hover, #leftnavwrapper #leftnavbody ul li:focus {
background-color: #daf2da;
color: #000;
}

/*#leftnavwrapper #leftnav #leftnavbody ul li.leftnavhighlight {
background-color: #daf2da;
color: #000;
} */


/*Top Menu*/
/* style the outer div to give it width */
.menu {
width:980px;

}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:163px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:163px;
position:relative;
z-index:30;


}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
font-weight:bold;
text-decoration:none; 
color:#fff; 
width:155px; 
height:18px; 
border:1px solid #fff; 
border-width:0 0 0 0 ; 
background: url(../images/miscellaneous/topnavbg-gc.gif);
padding-left:10px; 
text-align:left;
padding:5px 0 0 10px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:163px;
width:149px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#ECE9D7;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65;
}
.menu ul ul :hover > a.drop {
background:#c9ba65;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}
.menu ul ul ul :hover > a {
background:#b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:23px;
left:0; 
width:163px;
z-index: 1
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:23px;
top:23px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:163px; 
top:0;
width:163px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#daf2da;
font-family:  verdana, arial, helvetica, sans-serif;
font-size:8pt;
color:#000; 
height:auto; 
line-height:10px; 
padding:5px 10px; 
width:139px;
font-weight:normal;
border:1px solid #ffffff; 
border-width:0 1px 1px 1px ; 
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:179px;
width:139px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#330068;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#330068;
}

/* 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;
}
/* 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;
}
/*Page Layout Elements*/
body
{
background: url(../images/tdbg_gc.gif); 
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}
 
 a
{
color:#000000;
}
 
td 
{ 
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 8pt; 
color: #333333;

}
td a:hover 
{ 
color: #006666;

}

.yourcart
{
cursor:pointer; display:inline; text-decoration:none;
}

.yourcart:hover
{
cursor:pointer; display:inline; text-decoration:underline;
color:#990000;
}

.rolloverlink
{
text-decoration:none;
}

.rolloverlink:hover
{
color:#000000;
text-decoration:underline;

}
.bodyblank
{
background: url(../images/clear.gif);
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
}

.maintable
{
background-color: #fff; 
border-bottom: 1px solid #b3b3b1;
border-right: 1px solid #b3b3b1;
border-left: 1px solid #b3b3b1;
margin: auto;
}


.infonavbg
{  
background: url(../images/miscellaneous/infopagenavbg_gc.jpg) scroll top left; 
background-repeat: no-repeat; 
}

.headerbg
{  
background: url(../images/miscellaneous/headerbg_gc.jpg) scroll top left;
}
.headerbgbig
{  
background: url(../images/miscellaneous/headerbgbig_gc.gif) scroll top left;
}

.optionbg
{  
background: url(../images/miscellaneous/optionbg_gc.jpg) scroll top left; 
border-bottom: 1px solid #AAAAAA;
}

.articleemail 
{
border: 1px solid #330067;
background-color: #C1E1CB;
}

.grayboxwithborder 
{
border: 1px solid #AAAAAA;
background-color: #E1E1E1;
}

.lightgrayboxwithborder 
{
border: 1px solid #cccccc;
/*background-color: #f8f8f8;*/
background-image: url(../images/miscellaneous/backgroundshipping.gif);
}

.graybox
{
background-color: #eeeeee;
}

.grayboxwithborderbottom 
{
background-color: #FFF88F;
border-bottom: 1px solid #AAAAAA;
}

.highlightwithborder
{
background-color: #FFF88F;
border: 1px solid #AAAAAA;
}

.scrollstyle1
{
scrollbar-arrow-color: #ffffff;
scrollbar-3dlight-color: #00A44E;
scrollbar-darkshadow-color: #00A44E;
scrollbar-face-color: #00A44E;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #d0d0d0;
scrollbar-track-color: #f5f5f5;
}
.totalbox 
{
background-color: #c6f7e1;
border-bottom: 1px solid #339e6e;
border-top: 1px solid #339e6e;
border-left: 1px solid #339e6e;
}
/*Bulleted lists*/
.checkul
{
list-style-image: url(../images/miscellaneous/check.gif);
padding: 0 0 0 0;
margin: 0 0 0 0;
list-style-position: inside;
}
.checkli
{
padding: 5px 0 5px 0;
list-style-position: inside;
}

.sqbulletul
{
padding: 0 0 0 0;
margin: 0 0 0 18px;
list-style-position: outside;
}

.sqbulletli
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 8pt; 
text-align: left; 
list-style-position: outside;
list-style-type:square; 
}

.nobulletul
{
list-style-type:none;
margin: 0;
padding: 0;
}

.nobulletli
{
list-style-type:none;
margin: 0;
padding: 0;
}

/*Text*/
.content8arial
{
font-family: arial, helvetica, sans-serif; 
font-size: 8pt; 
color: #000000; 
text-align: left; 
text-decoration: none;
font-weight:normal;
}

.largeitalic
{
font-family: arial, helvetica, sans-serif;
font-size: 12pt; 
color: #000000; 
font-weight: bold; 
font-style: italic;
}

.largeitalicred
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11pt; 
color: #990000; 
text-align: left; 
font-weight: bold; 
}

.smallitalicred
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9pt; 
color: #990000; 
text-align: left; 
font-weight: bold; 
}

.largeitalicblack
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11pt; 
color: #000000; 
text-align: left; 
font-weight: bold; 
}

.smallitalicblack
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9pt; 
color: #000000; 
text-align: left; 
font-weight: bold; 
}

.century8
{
font-family: century gohtic, arial, helvetica, sans-serif; 
font-size: 8pt; 
color: #000000; 
text-align: left; 
text-decoration: none;
}
.content9
{
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 9pt; 

}
.content
{
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 8pt; 
}

.contentsitecolor
{
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 8pt; 
color: #330067; 
}
.content10none
{
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 10pt; 
color: #000000; 
text-decoration: none;
}
.content7
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 7pt; 
color: #000000; 
text-align: left; 
text-decoration: none;
}
.content6
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 6pt; 
color: #666666; 
text-decoration: none;
}
.content7blank
{
font-family:  verdana, arial, helvetica, sans-serif; 
font-size: 7pt; 
}

.link
{
color:#0000FF; 
text-decoration: underline; 
font-family:  verdana, arial, helvetica, sans-serif; 
}

.largecoloredtext
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 18pt; 
color: #330067; 
font-weight: bold; 
}

.largetextblank
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 9pt; 
}

.contentgray
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 8pt; 
color: #999; 
}

.contentgraysmall
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 7pt; 
color: #666; 
}


/*Borders and Background Colors*/
.thinborder2 
{
border: 1px solid #000000;
height: 13px;
}
.thinborderbg
{
border: 1px solid #330067;
background-color: #daf2da;
}

.bgcolor1
{
background-color: #330067; 
}

.bgcolor2
{
background-color: #ccc; 
}


.bgcolor3
{
background-color: #411074; 
}

.border1 
{
border: 1px solid #330067;
}
.border2 
{
border: 1px solid #330099;
}
.border3 
{
border: 1px solid #411074;
}
.border4 
{
border: 1px solid #c8c8c8;
}
.bordertb 
{
border-top: 1px solid #330067;
border-bottom: 1px solid #330067;
}
.blackborder
{
border: 1px solid #000;
}

.highlight
{
background-color: #d8d0eb;
}

.tab1
{
font-family: arial, helvetica, sans-serif; 
font-size: 11pt;
color: #ffffff; 
font-weight: bold; 
padding: 5px 7px ;
}

.tab4
{
background-image: url(../images/structurecategory/tab4.gif);
background-repeat:no-repeat;
}

.leftnavbackground
{
background-color: #ECE9F4; 
border-right: 1px solid #330067;
}

.noleftnavbackground
{
background-color: #F1EFF8; 
border-right: 1px solid #330067;
border-bottom: 1px solid #330067;
}

.topmenubackground
{background-image: url(../images/homepage/top_background_b.gif);}

.bottombordergray 
{
border-bottom: 1px solid #d8d8d8;
}

.leftbordergray 
{
border-left: 1px solid #d8d8d8;
}


/*Image adjustments*/
.imagefliph
{
Filter: FlipH;
}

.imagefix
{
display:block;
}

/* Text boxes and other form elements */
.smallqtybox
{
height: 12px;
width: 16px;
font-size: 7pt;
margin: 0px;
padding: 0px;
text-align: center;
text-valign: center;
}

.largeqtybox
{
height: 16px;
width: 20px;
font-size: 8pt;
margin: 0px;
padding: 0px;
text-align: center;
text-valign: center;
}

.smalldropdownlist
{
font-family: arial, helvetica, sans-serif; 
font-size: 8pt; 
color: black; 
font-weight: normal;
font-style: normal; 
text-decoration: none; 
text-align: left; 
}

.box90px
{
font-family:  verdana, arial, helvetica, sans-serif; 
font-size: 7pt;
height: 13px;
width: 90px;
margin: 0px;
padding: 0px;
}

.box90pxl
{
font-family:  verdana, arial, helvetica, sans-serif; 
font-size: 8pt;
height: 15px;
width: 90px;
margin: 0px;
padding: 0px;
}

.box160pxl
{
font-family:  verdana, arial, helvetica, sans-serif; 
font-size: 8pt;
height: 15px;
width: 160px;
margin: 0px;
padding: 0px;
}

.box211pxl
{
font-family:  verdana, arial, helvetica, sans-serif; 
font-size: 8pt;
height: 15px;
width: 220px;
margin: 0px;
padding: 0px;
}

.box130pxl
{
font-family:  verdana, arial, helvetica, sans-serif; 
font-size: 8pt;
height: 15px;
width: 130px;
margin: 0px;
padding: 0px;
}

.box50pxl
{
font-family:  verdana, arial, helvetica, sans-serif; 
font-size: 8pt;
height: 15px;
width: 50px;
margin: 0px;
padding: 0px;
}


/*Headers*/
.title{ font-family:Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold;}
.largeheader
{
font-family: arial, helvetica, sans-serif; 
font-size: 12pt;
color: #ffffff; 
font-weight: bold; 
background-color: #330067; 
text-align: left; 
}

.bigheader
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 15pt;
color: #000000; 
font-weight: bold; 
text-align: left; 
}

.hugeheader
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 20pt;
color: #000000; 
font-weight: bold; 
text-align: left; 
}

.infonavheader
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 9pt;
color: #ffffff; 
font-weight: bold; 
text-align: left; 
}

.headerwithlinebig
{
font-family: arial, helvetica, sans-serif; 
font-size: 14pt; 
color: #000000;  
text-align: left; 
font-weight: bold;
border-bottom: 1px solid #000;
}

.headerwithlinemed
{
font-family: arial, helvetica, sans-serif; 
font-size: 10pt; 
color: #000000;  
text-align: left; 
font-weight: bold;
border-bottom: 1px solid #000;
}

.headerwithgray
{
font-family: arial, helvetica, sans-serif; 
font-size: 11pt; 
color: #333333;  
text-align: left; 
font-weight: bold;
background-color: #dddddd; 
}

.listheader
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 8pt; 
color: #000000;  
text-align: left; 
text-decoration: underline;
font-weight: bold; 
}

.h1
{
font-family: arial, helvetica, sans-serif; 
font-size: 12pt; 
color: #000; 
font-weight: bold; 
text-align: left; 
vertical-align: middle;
padding:0 0 0 0;
margin:0; 
margin-bottom:.5em;
display: inline; 
}
.h1a
{
font-family: arial, helvetica, sans-serif; 
font-size: 10pt; 
color: #000; 
font-weight: bold; 
text-align: left; 
vertical-align: middle;
padding:0 0 0 0;
margin:0; 
margin-bottom:.5em;
display: inline; 
}

h3
{
font-family: arial, helvetica, sans-serif; 
font-size: 11pt; 
color: #000; 
font-weight: bold; 
font-style: normal; 
text-decoration: none;
text-align: left; 
border-bottom: 1px solid #000;
margin-bottom: -1px;
}

.header1
{
font-family: arial, helvetica, sans-serif;
font-size: 9pt;
color: #000000; 
font-weight: bold; 
text-decoration: none; 
text-align: left; 
}

.textwithbackground
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9pt;
color: #fff; 
font-weight: bold; 
background-color: #330067; 
text-align: left; 
}
.textwithgraybackground
{
font-family:  arial, helvetica, verdana,sans-serif;
font-size: 10pt;
color: #fff; 
font-weight: bold; 
background-color: #737373; 

}
.selectionheader
{
font-family: arial, helvetica, sans-serif; 
font-size: 9pt;
color: #000; 
font-weight: bold; 
background-color: #daf2da; 
text-align: left; 
border: 1px solid #330067;
}

.selectionheaderblue
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #fff; 
font-weight: bold; 
background-color: #330099; 
text-align: left; 
}

.coloredheader
{
font-family: arial, helvetica, sans-serif; 
font-size: 16pt; 
color: #330067; 
font-weight: bold; 
text-align: left; 
vertical-align: middle;
padding:0 0 0 0;
margin:0; 
margin-bottom:.5em;
}

.mediumcoloredtext
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9pt; 
font-weight: bold; 
text-align: left; 
}
.speccarehead
{
font-family:  arial, helvetica, sans-serif;
font-size: 10pt; 
color: #000000; 
font-weight: bold; 
text-align: left; 
vertical-align: top;
}

.tablewidthhdheading
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9pt;
color: black;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #000000;	
}


.ordertoday
{
font-family: arial, helvetica, sans-serif; 
font-size: 12pt;
color: #ffffff; 
font-weight: bold; 
background-color: #330067; 
text-align: left; 
}

.customheader
{
font-family: arial, helvetica, sans-serif; 
font-size: 16pt; 
color: #330067; 
font-weight: bold; 
text-align: left; 
vertical-align: middle;
padding:0 0 0 0;
margin:0; 
margin-bottom:.5em;
}

.shopby
{
font-family: arial, helvetica, sans-serif; 
font-size: 9pt;
color: #000000; 
font-weight: bold; 
background-color: #daf2da; 
text-align: left; 
border: 1px solid #330067;
}

.charthead
{
font-family:  verdana, arial, helvetica, sans-serif; 
font-size: 10pt; 
color: #000000; 
text-align: left; 
text-decoration: none;
font-weight: bold;
background-color: #c4c4c4;
border-bottom: 1px solid #c4c4c4;
}

.specchart
{
font-family:  verdana, arial, helvetica, sans-serif; 
font-size: 8pt; 
color: #000000; 
text-align: left; 
text-decoration: none;
font-weight: bold;
background-color: #eaeaea;
}

.textnav:link 
{
color:blue; 
text-decoration:none; 
font-weight: bold; 
font-size: 9pt; 
font-family: arial, helvetica, sans-serif;
}
			
.textnav:visited 
{
color:#000080; 
text-decoration:none; 
font-weight: bold; 
font-size: 9pt; 
font-family: arial, helvetica, sans-serif; 
}
.textnav:active 
{
color:blue; 
text-decoration:none; 
font-weight: bold; 
font-size: 9pt; 
font-family: arial, helvetica, sans-serif; 
}			
.textnav:hover 
{
color:red; 
text-decoration:underline; 
font-weight: bold; 
font-size: 9pt; 
font-family: arial, helvetica, sans-serif; 
}
.headerbluearial
{
font-family: arial, helvetica, sans-serif; 
font-size: 10pt; 
color: #fff; 
text-align: left; 
text-decoration: none;
font-weight:bold;
background-color: #411074; 
}

.pathheader
{
font-family: arial, helvetica, sans-serif; 
font-size: 7pt; 
color: #000; 
}

.largeblackheader
{
font-family:  arial, helvetica, sans-serif;
font-size: 13pt; 
color: #000000; 
font-weight: bold;
text-decoration: none; 
}
.largeheaderblank
{
font-family: arial, helvetica, sans-serif; 
font-size: 12pt;
font-weight: bold; 
}
.largerheaderblank
{
font-family: arial, helvetica, sans-serif; 
font-size: 16pt;
font-weight: bold; 
}

.largeheaderKP
{
font-family: arial, helvetica, sans-serif; 
font-size: 12pt;
font-weight: bold; 
text-decoration: none; 
color:#330067;
}
.largeheaderblank10
{
font-family: arial, helvetica, sans-serif; 
font-size: 10pt;
}

#watermark_box {
position:relative;
display:block;
}

img.watermark {
position: absolute;
bottom: 3px;
right: 3px;
z-index: 1;
} 

.floatright {
float:right;
display:inline;
}
/*Fancy Stuff*/
#imghover img { filter: alpha(opacity=60);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity: .6;opacity:0.6; }
#imghover a:hover img { filter: alpha(opacity=100);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1.0;opacity:1.0; }


#mainNav {margin:0; padding:4px 0 0 0;}
#mainNav li{
height:48px;
list-style:none;
float:left;
background-color:#EBEBEB;
background-image: url(../images/Miscellaneous/navBtn.gif);
background-repeat: no-repeat;
background-position: right top;
}

#mainNav li.current{
background-color:#998f00;
background-image: url(../images/Miscellaneous/navCurrentBtngc.gif);
}

#mainNav li.lastDone{
background-color:#cdc8df;
color: #333333; 
background-image: url(../images/Miscellaneous/navLastDoneBtngc.gif);
}

#mainNav li.done{
background-color:#cdc8df;
color: #333333; 
background-image: url(../images/Miscellaneous/navDoneBtngc.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
text-decoration:none;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#333;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block;
margin:4px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:140px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:48px;
display:block;
}

#mainNav.fiveStep li{width:192px;}
#mainNav.fiveStep li a{width:192px;}

#mainNav.fourStep li{width:240px;}
#mainNav.fourStep li.mainNavNoBg{width:240px;}
#mainNav.fourStep li a{width:240px;}

#mainNav.threeStep li{width:320px;}
#mainNav.threeStep li.mainNavNoBg{width:320px;}
#mainNav.threeStep li a{width:320px;}

#mainNav.twoStep li{width:485px;}
#mainNav.twoStep li a{width:485px;}

#soldoverlay{position:relative; display:block;}

.soldoverlayimage{position: absolute;top: 0px;left: 0px;}


/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline;  }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

*html .pointer {
	filter: chroma(color=pink);
}

#topright{float:right;display:inline;font-weight:bold;font-style:italic;text-align:right;}

#soldoverlay
{
position:relative;
display:block;
}
.soldoverlayimage
{
position: absolute;
top: 0px;
left: 0px;
}

.SelectContinue
{
  display: block;
  width: 137px;
  height: 27px;
  background: url("../images/button/select-and-continue.gif") no-repeat 0 0;

}

.SelectContinue:hover
{ 
  background-position: 0 -27px;
}

.SelectContinue span
{
  display: none;
}



.viewitem{  display: block;  width: 87px;  height: 18px;  background: url("../images/button/view-item2.gif") no-repeat 0 0;  cursor:hand;}
.viewitem:hover{   background-position: 0 -18px;}
.viewitem span{  display: none;}


.playbutton
{
  display: block;
  width: 61px;
  height: 61px;
  background: url("../images/button/play-button.png") no-repeat 0 0;
  cursor:hand;

}

.playbutton:hover
{ 
  background-position: 0 -61px;
}

.playbutton span
{
  display: none;
}

.addtocart {display: block;  width: 156px;  height: 29px;  background: url("../images/button/add-to-cart-buttons.gif") no-repeat 0 0;  cursor:hand;}
.addtocart:hover{ background-position: 0 -29px;}
.addtocart span {display: none;}
.requestquote{display: block;  width: 234px;  height: 41px;  background: url("../images/button/request_quote_buttons.gif") no-repeat 0 0;  cursor:hand;}
.requestquote:hover{ background-position: 0 -41px;}
.requestquote span {display: none;}
.requestquotegray{display: block;  width: 234px;  height: 41px;  background: url("../images/button/request_quote_buttons-gray.gif") no-repeat 0 0;  cursor:hand;}
.requestquotegray:hover{ background-position: 0 -41px;}
.requestquotegray span {display: none;}
.designnow {display: block;  width: 151px;  height: 27px;  background: url("../images/button/DesignNow.gif") no-repeat 0 0;  cursor:hand;}
.designnow:hover{ background-position: 0 -27px;}
.designnow span {display: none;}

.designnow-230 {display: block;  width: 230px;  height: 32px;  background: url("../images/button/DesignNow-230.gif") no-repeat 0 0;  cursor:hand;}
.designnow-230:hover{ background-position: 0 -32px;}
.designnow-230 span {display: none;}
.requestquotetoday{display: block;  width: 400px;  height: 51px;  background: url("../images/button/request_quote_buttons_today.gif") no-repeat 0 0;  cursor:hand;}
.requestquotetoday:hover{ background-position: 0 -51px;}
.requestquotetoday span {display: none;}
.submitinquiry{display:block;  width: 234px;  height: 41px;  background: url("../images/button/submit-inquiry.gif") no-repeat 0 0;  cursor:hand;}
.submitinquiry:hover{ background-position: 0 -41px;}
.submitinquiry span {display: none;}

.tabclass_cs {display: block;  width: 104px;  height: 18px;  background: url("../images/logo/tablogo_cs.gif") no-repeat 0 0;  cursor:hand;}
.tabclass_cs:hover { background-position: 0 -18px;}
.tabclass_cs span {display: none;}
.tabclass_apt {display: block;  width: 104px;  height: 18px;  background: url("../images/logo/tablogo_apt.gif") no-repeat 0 0;  cursor:hand;}
.tabclass_apt:hover { background-position: 0 -18px;}
.tabclass_apt span {display: none;}
.tabclass_db {display: block;  width: 104px;  height: 18px;  background: url("../images/logo/tablogo_db.gif") no-repeat 0 0;  cursor:hand;}
.tabclass_db:hover { background-position: 0 -18px;}
.tabclass_db span {display: none;}
.tabclass_gc {display: block;  width: 104px;  height: 18px;  background: url("../images/logo/tablogo_gc_highlight.gif") no-repeat 0 0;  cursor:hand;}
.tabclass_gc span {display: none;}
.tabclass_td {display: block;  width: 104px;  height: 18px;  background: url("../images/logo/tablogo_td.gif") no-repeat 0 0;  cursor:hand;}
.tabclass_td:hover { background-position: 0 -18px;}
.tabclass_td span {display: none;}
</style>