/* you're on the new server */

body {
margin: 0 auto 0 auto;
font-family: garamond, serif;
color: #777;
text-align: center;
}

#wrapper { 
margin: 0 auto 0 auto; 
width: 770px; 
text-align: left;
}

#title {
text-align: right;
margin: 0 0 0 0;
padding: 0 20px 0 0;
color: #306;
font-size: 50px;
background: url(i/tm.gif) no-repeat top right;
}

body h1 {
color: #fff;
font-size: 14px;
background-color: #306;
padding: 5px;
margin: 10px 0 0 0;
}

body h2 {
color: #d70;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 5px 0;
}

body h3 {
color: #306;
font-weight: normal;
margin: 0 0 5px 0;
display: inline;
}

body p {
margin: 0 0 10px 10px;
}

body a {
color: #d70;
}

body ul {
list-style-type: none;
}

#topnav {
display: block;
height: 28px;
border: #74a solid;
border-width: 1px 1px 1px 1px;
margin: 5px 0 5px 0;
width: 768px;
}
#topnav ul {
display: inline;
}
#topnav ul li {
display: inline;
float: right;
}
#topnav a {
display: block;
color: #306;
text-decoration: none;
padding: 5px 17px 3px 17px;
margin: 0px 0px 0px 0px;
border: #ccc solid;
border-width: 0px;
}

#topnav a:hover {
color: fff;
background-color: #9abecc;
}

#topnav a.here {
color: fff;
background-color: #9abecc;
}

#contentshell {
border: #74a solid;
border-width: 1px 1px 1px 1px;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #9abecc;
}

#bigpicture img {
display: inline;
border: 1px #74a solid;
float: left;
margin: 11px 10px 10px 10px;
}

#content {
position: relative;
margin: 0px 0px 0px 324px;
padding: 10px 10px 10px 20px;
background: #fff;
}

#products ul {
display: block;
height: 400px;
margin: 0 0 0 0px;
padding: 0 0 0 0;
}
#products ul li {
display: inline;
float: left;
}


.productlink a {
display: block;
width: 160px;
height: 160px;
border: 1px #000 dotted;
margin: 10px 10px 10px 10px;
text-decoration: none;
text-align: center;
padding: 10px;
}
.productlink a:hover {
border-style: solid;
}


#fullcontent {
display: block;
position: relative;
margin: 0px 10px 0px 10px;
padding: 10px 10px 10px 20px;
background: #fff;
}

.stripe {
background-color: #306;
height: 25px;
border: #74a solid;
border-width: 1px 1px 1px 1px;
}

.note {
font-size: 10px;
font-family: arial,sans-serif;
background: #eee;
border: 1px #444 solid;
}

/* color squares to select your color choice */
/* in general */
.colorselect {
display: inline;
}

/* the specific color swatches */
#swatch_white {
display: block;
border: 1px #000 solid;
margin: 1px 15px 1px 0;
width: 50px;
height: 50px;
padding: 0;
background: url(i/color_white.png) no-repeat;
}
#swatch_black {
display: block;
border: 1px #000 solid;
margin: 1px 15px 1px 0;
width: 50px;
height: 50px;
padding: 0;
background: url(i/color_black.png) no-repeat;
}
#swatch_pink_front {
display: block;
border: 1px #000 solid;
margin: 1px 15px 1px 0;
width: 50px;
height: 50px;
padding: 0;
background: url(i/pink_front.gif) no-repeat;
}
#swatch_pink_back {
display: block;
border: 1px #000 solid;
margin: 1px 15px 1px 0;
width: 50px;
height: 50px;
padding: 0;
background: url(i/pink_back.gif) no-repeat;
}
#swatch_slate {
display: block;
border: 1px #000 solid;
margin: 1px 15px 1px 0;
width: 50px;
height: 50px;
padding: 0;
background: url(i/color_slate.png) no-repeat;
}
#swatch_ltbrown {
display: block;
border: 1px #000 solid;
margin: 1px 15px 1px 0;
width: 50px;
height: 50px;
padding: 0;
background: url(i/color_ltbrown.png) no-repeat;
}

#swatch_lsd_mens_front {
display: block;
border: 1px #000 solid;
margin: 1px 15px 1px 0;
width: 50px;
height: 50px;
padding: 0;
background: url(i/lsd_front_swatch.jpg) no-repeat;
}

#swatch_lsd_mens_back {
display: block;
border: 1px #000 solid;
margin: 1px 15px 1px 0;
width: 50px;
height: 50px;
padding: 0;
background: url(i/lsd_back_swatch.jpg) no-repeat;
}