body
{
margin: 0px;
background-color: #FFF;
background: url("images/bg_tile.png");
font: 13px Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 15px;
color: #000;
}

form
{
margin: 0;
padding: 0;
}

/* holding containers */

#container
{
width: 950px;
margin: auto;
}

#top
{
height: 44px;
}

#fly
{
width: 58px;
height: 44px;
float: right;
padding-right: 100px;
background: url("images/fly.png") no-repeat left bottom;
}

#header
{
height: 44px;
background: url("images/bg_header.png");
}

#cartcontents
{
width: 120px;
border: solid #CCC 1px;
margin: 0;
padding: 6px;
text-align: center;
}

#main
{
background: url("images/bg_center.png");
}

#logo
{
margin-bottom: 123px;
}

#left
{
float: left;
width: 176px;
margin-top: -26px;
padding: 0 20px 0 22px;
}

#right
{
float: right;
width: 594px;
margin-top: -16px;
padding: 0 78px 0 60px;
}

#moreright
{
float: right;
width: 123px;
margin-top: 0px;
padding: 0 100px 0 60px;
}



.leftcolumn
{
float: left;
width: 254px;
text-align: center;
padding-bottom: 10px;
}

.rightcolumn
{
float: right;
width: 254px;
text-align: center;
padding-bottom: 10px;
}

#footer
{
height: 68px;
background: url("images/bg_footer.png");
}

#close
{
height: 40px;
padding: 10px 0;
text-align: center;
font-size: 10px;
}

#counter
{
height: 40px;
padding: 10px 0;
text-align: center;
font-size: 10px;
}



#topwrapper
{
height: 86px;
margin: 0 -50px 0 0;
}

#carttextbox
{
float: right;
margin: 9px 10px 0 0;
text-align: right;
}

.midtextbox
{
clear: both;
margin: 24px 0;
text-align: center;
}

.description
{
height: 30px;
padding-top: 10px;
text-align: center;
font: 13px Arial, Helvetica;
color: #000;
font-weight: bold;
margin: 0 0 3px 0;
text-decoration: none;
}

/* shirts */




#shirt1 a
{
display: block;
width: 254px;
height: 230px;
background: url("images/rude-t-shirts-can-you-smell.png") left top;
}

#shirt1 a:hover
{
background-position: left bottom;
}

#shirt2 a
{
display: block;
width: 254px;
height: 230px;
background: url("images/rude-t-shirts-soft-serve.png") left top;
}

#shirt2 a:hover
{
background-position: left bottom;
}

#shirt3 a
{
display: block;
width: 254px;
height: 230px;
background: url("images/rude-t-shirts-dirty-sanchez-t-shirt.png") left top;
}

#shirt3 a:hover
{
background-position: left bottom;
}

#shirt4 a
{
display: block;
width: 254px;
height: 230px;
background: url("images/rude-t-shirts-got-turtlehead-t-shirt.png") left top;
}

#shirt4 a:hover
{
background-position: left bottom;
}

#shirt5 a
{
display: block;
width: 254px;
height: 230px;
background: url("images/rude-t-shirts-got-corn-t-shirt.png") left top;
}

#shirt5 a:hover
{
background-position: left bottom;
}




#bigshirt
{
margin: 24px 0;
}

/* fonts */

h1
{
font: 17px Arial, Helvetica;
color: #000;
font-weight: bold;
margin: 0 0 3px 0;
text-decoration: none;
}

h2
{
font: 13px Arial, Helvetica;
color: #000;
font-weight: bold;
margin: 0 0 3px 0;
text-decoration: none;
}

p
{
margin: 0 0 6px 0;
}

.center
{
text-align: center;
}

.small
{
line-height: 14px;
font-size: 10px;
}

a
{
color: #FF9900;
font-weight: bold;
text-decoration: none;
}

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

.spacer
{
border-top: dotted #CCC 2px;
margin: 3px 0;
}

.rule
{
border-top: solid #CCC 1px;
margin: 8px 0;
}

br
{
height: 0;
line-height: 0;
font-size: 0;
}

img
{
border: none;
}

.clear
{
clear: both;
}

/* buttons */

#buttonwrap
{
float: right;
margin: 0;
width: 186px;
height: 34px;
}

.submitadd
{
margin: 6px auto;
width: 142px;
height: 34px;
border: none;
background: url("images/button_add.png") left top;
}

.submitadd:hover
{
background-position: left bottom;
cursor: pointer;
}

.buttonback a
{
display: block;
margin: 6px auto;
width: 142px;
height: 34px;
background: url("images/button_back.png") left top;
}

.buttonback a:hover
{
background-position: left bottom;
}

.submitcheckout
{
margin: 0;
width: 186px;
height: 34px;
border: none;
background: url("images/button_checkout.png") left top;
}

.submitcheckout:hover
{
background-position: left bottom;
cursor: pointer;
}