body {
        background-color: #ffffff;
        padding: 0;
        margin: 0;
}

html     {
         min-height: 101%;
}

#header {
        background: url(./../images/s2dlogo.jpg) no-repeat 10px 11px;
        width: 1120px;
        height: 70px;
        position: relative;
}

#header h1 {
        width: 800px;
        height: 40px;
        background: url(./../images/ph1.gif) no-repeat;
        padding: 0;
        margin: 0;
        font-size: 1px;
        display: block;
        left: 53px;
        top: 8px;
        position: absolute;
}

#header h1 span {
        display: none;
}

#header h2 {
        font-weight: normal;
        font-size: 120%;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 42px;
        left: 90px;
}

#header #tsform {
        padding: 0;
        margin: 0;
        position: absolute;
        height: 60px;
        width: 275px;
        top: 7px;
        left: 430px;
}

#header #tslogo {
        display: block;
        width: 60px;
        height: 60px;
        border: none;
        float: left;
}

#header #tslink {
        display: block;
        float: right;
        width: 200px;
        margin: 0;
        padding: 0;
        line-height: 20px;
        text-decoration: none;
        color: #000000;
}

#header #tslink:hover {
        color: #5E6FAC;
        text-decoration: underline;
}


#header #shopping {
        position: absolute;
        width: 180px;
        height: 60px;
        top: 7px;
        left: 730px;
        line-height: 16px;
}

#header #shopping a {
        display: block;
        height: 20px;
        line-height: 20px;
        text-decoration: none;
        color: #000000;
        padding-left: 22px;
        background-position: 0 2px;
        background-repeat: no-repeat;
}

#header #shopping a:hover {
        color: #5E6FAC;
        text-decoration: underline;
}

#header #shopping a.user {
        background-image: url(./../images/puser.gif);
}

#header #shopping a.memo {
        background-image: url(./../images/pmemo.gif);
}

#header #shopping a.checkout {
        background-image: url(./../images/pcheckout.gif);
}


#header #cart {
        position: absolute;
        width: 225px;
        height: 60px;
        top: 7px;
        left: 890px;
}

#header #cart a.cartlink {
        display: block;
        width: 160px;
        height: 60px;
        top: 0;
        display: block;
        position: absolute;
        margin: 0;
        padding: 0 0 0 65px;
        line-height: 20px;
        text-decoration: none;
        color: #000000;
        background: url(./../images/pcart.gif) no-repeat 0px 0px;
}

#header #cart a.cartlink:hover {
        color: #5E6FAC;
        text-decoration: underline;
}

#maincontainer {
        width: 1120px;
                margin: 0 auto;
        }

#menu {
        background: url(../images/pmenutop.gif);
        width: 1100px;
        height: 36px;
        padding: 10px 10px 0 10px;
        z-index: 50;
}

#menu li a.home {
        width: 36px;
        height: 36px;
        background: url(../images/pmenuhome.gif);
        padding: 0;
}

#menu li.hover a.home {
        background: url(../images/pmenuhomehover.gif)
}

#menu li em {
        display: none;
        width: 260px;
        height: 34px;
        position: absolute;
        background: url(pbubble.png) no-repeat;
        top: -80px;
        left: 0;
        color: #ffffff;
        font-style: normal;
        padding: 14px 20px 32px 20px;
        line-height: 17px;
        text-shadow: 1px 1px 1px #000000;
}

#menu li.hover em {
        display: block;
}


#menu ul {
        height: 36px;
        width: 1100px;
        margin: 0;
        padding: 0;
        list-style: none;
        z-index: 50;
}

#menu li {
        float: left;
        position: relative;
        z-index: 50;
}

#menu li a {
        padding: 9px 14px;
        display: block;
        text-decoration: none;
        color: #ffffff;
        outline: none;
        line-height: 18px;
        border-right: 1px solid #ffffff;
        text-shadow: 1px 1px 1px #000000;
        font-size: 110%;
        font-weight: bold;
}

#menu li li a {
        width: 180px;
        color: #ffffff;
        border-right: none;
        padding: 6px 10px;
        border-bottom: 1px solid #ffffff;
        text-shadow: none;
        font-size: 100%;
        font-weight: normal;
}

#menu li.hover a, #menu li.sel a {
        background-color: #5E6FAC;
}

#menu li.hover li.hover a {
        background-color: #444444;
}

#menu li.hover li.hover li a {
        background-color: #5E6FAC;
}

#menu li.hover li.hover li.hover a {
        background-color: #444444;
}


#menu li ul {
        position: absolute;
        top: -9999px;
        left: -1px;
        width: 200px;
        height: auto;
        background-color: #5E6FAC;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        z-index: 51;
}

#menu li li {
        width: 200px;
}

#menu li.sel {
        visibility:        inherit;
}

#menu li.hover ul {
        top: 100%;
}

#menu li li ul,
#menu li.hover li ul {
        top: -9999px;
        left: 200px;
}

#menu li.right li ul {
        left: -202px;
}

#menu li.hover li.hover ul {
        top: -1px;
}

#searchbar {
        width: 1080px;
        height: 18px;
        background: url(./../images/pmenubottom.gif);
        padding: 9px 20px 27px 20px;
        text-align: right;
        color: #afafaf;
        line-height: 18px;
        position: relative;
}

#searchbar a {
        color: #5E6FAC;
        text-decoration: none;
        padding: 0 2px;
}

#searchbar a:hover {
        color: #444444;
        text-decoration: underline;
}


#searchform {
        width: 234px;
        height: 24px;
        background: url(./../images/psearchform.gif);
        position: absolute;
        padding: 0;
        margin: 0;
        top: 7px;
        left: 18px;
}

#searchcriteria {
        padding: 0;
        margin: 0;
        background-color: #ffffff;
        position: absolute;
        left: 5px;
        top: 3px;
        border: none;
        height: 18px;
        width: 200px;
        outline: none;
}

#searchsubmit {
        position: absolute;
        width: 25px;
        height: 24px;
        top: 0;
        right: 0;
}

#nav {
        width: 190px;
        float: left;
        padding: 0;
        margin: 0;
        padding: 0 0 10px 20px;
}

#nav a {
        display: block;
        text-decoration: none;
        color: #222222;
        padding-left: 14px;
        padding-bottom: 3px;
        padding-top: 3px;
}

#nav a:hover {
        text-decoration: underline;
}

#nav a.main {
        font-weight: bold;
        color: #5E6FAC;
        padding-left: 0;
        padding-top: 10px;
}

#content {
        width: 590px;
        float: left;
        padding: 0;
        margin: 0;
        padding: 0 0 10px 30px;
}

#content #youarehere {
        line-height: 16px;
        background: url(./../images/pyouarehere.gif) repeat-x left bottom;
        padding: 10px 0 6px 0;
}

#content #youarehere a {
        text-decoration: none;
        color: #5E6FAC;
        padding-left: 4px;
        padding-right: 4px;
}

#content #youarehere a:hover {
        text-decoration: underline;
        color: #444444;
}

#sidebar {
        width: 230px;
        float: right;
        padding: 0;
        margin: 0;
        padding: 0 20px 10px 0;
}

#footer {
        font-size: 100%;
        clear: both;
        text-align: center;
        padding: 20px 0;
        color: #666666;
        height: 18px;
        width: 1080px;
        padding: 9px 20px 27px 20px;
        background: url(./../images/pmenubottom.gif);
}

#searchajax {
        position: absolute;
        width: 230px;
        height: 132px;
        border: 1px solid #afafaf;
        background-color: #ffffff;
        top: 50px;
        left: 20px;
        overflow: hidden;
        display: none;
        text-align: left;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

#searchajax a {
        display: block;
        padding: 4px 10px;
        width: 210px;
        height: 14px;
        line-height: 14px;
        text-decoration: none;
        color: #000000;
}

#searchajax a.activelink {
        background-color: #2D2D2D;
        color: #ffffff;
}

#searchajax a:hover {
        background-color: #5E6FAC;
        color: #ffffff;
        text-decoration: none;
}