﻿form { margin: 0; padding: 0; }
.floatleft { float: left; }
.clear { clear: both; }
#overall { 
    font: normal 11px arial;
    text-align: left; 
    width: 950px;
    }
    #overall #header { 
        background: url(header.gif) top left no-repeat;
        height: 97px;
        width: 950px;        
        }
        #overall #header .logo { 
            width: 246px; 
            height: 98px;
            }
        #overall #header .middle { 
            width: 285px;
            }
            #overall #header .middle .phone {
                display: block; 
                padding-top: 35px;
                color: #575757;
                }
                #overall #header .middle .phone b { color: #7229AF; }
            #overall #header .middle .headerlinks { font: normal 11px arial; color: #009CA3; }
                #overall #header .middle .headerlinks ul { padding: 0; margin: 0; padding-top: 23px;}
                #overall #header .middle .headerlinks ul li {
                    display: inline; 
                    list-style: none; 
                    }
                    #overall #header .middle .headerlinks ul li a { 
                        border-right: solid 1px #019AA0;
                        color: #019AA0;
                        padding: 0 7px;
                        }
                    #overall #header .middle .headerlinks ul li a:hover { text-decoration: underline; }
                    #overall #header .middle .headerlinks ul li a.last { border: none; }
        #overall #header .right { text-align: center; width: 223px; }
            #overall #header .right form { margin: 0; padding: 0; }
            #overall #header .right .search {
                color: #7229AF;
                display: block;
                font: bold 11px arial; 
                padding-top: 30px;
                }
            #overall #header .right .purp-links { 
                color: #FFF; 
                display: block;
                font: bold 12px arial;
                padding-top: 20px;
                vertical-align: top;
                text-align: left;
                }
                #overall #header .right .purp-links a { color: #FFF; vertical-align: top;}
                    #overall #header .right .purp-links img { padding: 0 5px; }
    #overall #container { width: 760px; background-color: #FFF; float: left; position: relative; margin-top: -1px;}
        #overall #container .badges { 
            position: absoulte; 
            margin: 10px 0;
            padding-left: 10px;
            width: 150px;
            }
            #overall #container .badges .logo { margin-bottom: 8px; }
        #overall #container #left { 
            width: 188px; 
            }
            #overall #left .nav { background-color: #FFF; }
                #overall #left .nav a { 
                    background: url(purple-check.gif) 7px center no-repeat;
                    color: #7329B0;
                    display: block;
                    font: bold 12px arial;
                    padding: 5px 0;
                    padding-left: 30px;
                    }
                    #overall #left .nav a:hover { 
                        background: url(check-hover.gif) 7px center no-repeat;
                        color: #009CA3;
                        }
                #overall #left .sep { background: url(navbg.gif) top left repeat-x; }
            #overall #container #left #testimonials { 
                background: url(test.gif) top left repeat-y;
                padding: 5px 7px;
                }
                #overall #container #left #testimonials i { 
                	text-align: left; 
                	font: normal 11px arial;
                	color: #575757;
                	}
                #overall #container #left #testimonials b { 
                	text-align: right; 
                	font: bold 11px arial; 
                	color: #575757; 
                	width: 100%;
                	padding-top: 5px;
                	display: block;
                	}
        #overall #container #body { width: 572px; }
            #overall #container #body #index { 
                }
                #overall #container #index .message { 
                    background: #732AB0 url(repeat.gif) bottom left repeat-x;
                    width: 558px;
                    float: left;
                    padding: 7px;
                    padding-bottom: 0;
                    }
               	* html #overall #container #index .message { width: 572px; }
               			#overall #container #index .message h2 {
               				font: bold 14px arial; 
               				color: #FFF; 
               				}
                    #overall #container #index .message .msg { 
                        width: 260px;
                        font: normal 12px arial;
                        padding: 7px;
                        color: #FFF;
                        }
										* html #overall #container #index .message .msg { width: 275px; }
                    #overall #container #index .message .featured { 
                        background-color: #FFF;
                        width: 283px;
                        }
                        #overall #container #index .message .featured #top { 
                            background: url(feat-top.jpg) top left no-repeat;
                            color: #7529B0;
                            font: bold 11px arial;
                            padding: 10px 0 0 15px;
                            height: 43px;
                            width: 270px;
                            }
                        #overall #container #index .message .featured  #img { width: 130px; float: left;}
                            #overall #container #index .message .featured  #img img { 
                                padding: 10px;
                                width: 100px;
                                }
                        #overall #container #index .message .featured  #txt { width: 120px; float left; }
                        #overall #container #index .message .featured #bottom { 
                            background: url(feat-bottom2.gif) bottom left no-repeat;
                            clear: both;
                            height: 76px;
                            width: 283px;
                            position: relative;
                            }
                            #overall #container #index .message .featured #bottom a { 
                                float: right;
                                position: absolute;
                                top: 25px;
                                right: 15px;
                                }
                #overall #container #index .popular { padding: 3px; }
                    #overall #container #index .popular img { padding-top: 5px; }
    #overall #footer { 
        background: #FFF url(cc-bg.gif) left 30px repeat-x;
        width: 760px; 
        text-align: center;
        float: left;
        }
        #overall #footer .footer-links {
            width: 760px;
            background: url(footerlinks.gif) left top repeat-x; 
            height: 34px; 
            padding-top: 1px;
            }
        #overall #footer .footer-links ul { margin-top: 6px; }
        #overall #footer .footer-links ul li {
            display: inline; 
            list-style: none; 
            }
            #overall #footer .footer-links ul li img { padding-right: 5px; }
            #overall #footer .footer-links ul li a { 
                border-right: solid 1px #FFF;
                padding: 0 10px; 
                font: bold 12px arial;
                color: #FFF;
                }
                #overall #footer .footer-links ul li a.last { border: none; }
        #overall #footer .designby { 
            width: 350px; 
            display: block;
            text-align: left; 
            color: #565759; 
            float: left;
            padding: 0 0 25px 15px;
            }
            #overall #footer .designby a { color: #565759; }
                #overall #footer .designby a:hover { text-decoration: underline; }
        #overall #footer .cc { 
            width: 375px; 
            text-align: right; 
            color: #565759; 
            display: block;
            float: left;
            padding: 0 0 25px 0;
            }
	h1 { padding-bottom: 7px; 
	font-size:15px;}
	.quantity-pricing-header {
		text-align: center; 
		background-color: #009CA3;
		font-weight: bold;
		color: #FFF;
		padding: 7px 0;
		width: 300px;
		}
	table.qnty { background-color: #FFF; font: normal 10px arial; }
	.qnty td { xborder: solid 1px #FFF; color: #7229AF; padding: 5px; font: normal 11px arial;}
	.quantity-pricing { font: normal 11px arial; }
	#seo-related-links {
    width: 550px;
    margin-left: 34px;
    }
    #seo-related-links:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        }
    #seo-related-links h3 {
        color: #000;  
        font: bold 13px/1.2 verdana, arial, sans-serif;
        text-align: center;
        }
    #seo-related-links ul {
        margin:0; padding: 0;
        list-style: none;
        }
    #seo-related-links ul.seo-links li {
        width: 41%;
        float: left;
        display: inline;
        background: url(/lib/yhst-97249580230926/ey-seo-bluedot.jpg) no-repeat;
        margin:0; 
        padding:0;
        }
        #seo-related-links ul.seo-links li a {
            text-decoration: none;
            padding-left: 25px;
            display: block;
            _width: 100%;
            background: url(#seo-related-links ul.seo-links li a) no-repeat;
            color: #000000;
            font-size: 11px;
            padding-left: 17px;
            }
            #seo-related-links ul.seo-links li a:hover {
                text-decoration: underline;
                }
	span.search td { font: bold 11px arial; color: #732AB0; }
	.sitemap-header {
    font: bold 14px verdana;
    color: #000000;
    display: block;
    padding-top:  15px;
}
.sitemap-1      {
    font: bold 12px verdana;
    color: #000080;
    display: block;
    padding-left: 25px;
}
.sitemap-2      {
    font: normal 12px verdana;
    color: #0000FF;
    display: block;
    padding-left: 50px;
}
.sitemap-3      {
    font: normal 10px verdana;
    color: #0000FF;
    display: block;
    padding-left: 75px;
}
.sitemap-4      {
    font: normal 8px verdana;
    color: #0000FF;
    display: block;
    padding-left: 100px;
}
.newshead { font: bold 14px arial; color: #7229AF; padding-bottom: 6px; }

#product-info-table{
        width: 286px;	
        *width:285px;        
	background-color:#FFF;
}

#product-info-table th{
	width:120px;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	text-align:right;
        background-color:#FFFFFF;
        border-bottom:1px solid #B9B9B9;
        color:#1d8ee5;
}

#product-info-table td{
	background-color:#e3e3e3;
	color:#000000;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	text-align:left;
}

#product-info-table td.cart-cell{
        background-color: #FFF;
	color:#000;
	border-top:1px dotted #000;
}

#product-info-table td.sale-price, #product-info-table td.sale-price td { color: #f00; }

/*
2007.11.05:
these styles relocated from the @head-tags variable.
who put them there to begin with?
*/
.itemname {
	font: bold 16px tahoma, verdana;
	color: #8318B5;
	display: block;
	margin: 0px;
	margin-top: 5px;
}

a { text-decoration: none; }
	a:hover {text-decoration: underline; }

#rotateTable a { font-weight: bold; }
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.setup-charge
{
font: bold 14px arial;
color: #1d8ee5;
}


