html, body{
height: auto;
color: #9de4ff;
font-family: Arial; 
background-color: #000000; 
background-image: url('http://www.FITSWear.com/Images/fitsbg2.jpg'); 
background-attachment: fixed; /*scroll*/
background-position: 0px -200px;
text-align: center;
}

/* Alignments */
#Headers{text-align: center; clear:both;}
#Left{text-align: left;}
#Right{text-align: right;}
#Center{text-align: center;}

#Clear
{
clear: both;
}

/* SITEMAP */
#SitemapCell
{
/*display: table-cell;
vertical-align: top;*/
float: left;
text-align: left;
padding: 5px;
float: left;
margin-left:auto;
margin-right: auto;
}

#tshirtsize{
float: left;
}

#FITSBodyCenter{
text-align: center;
margin-left: auto; 
margin-right: auto; 
width: 920px;
/*background-color: green;*/
}

/*LINKS*/
a:link{
text-decoration: none;
/*color: #00678D;*/
color: #0092C9;
}

a:visited{
text-decoration: none;
/*color: #00678D;*/
}

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

a:hover.orangeLink{
color: #FF8152;
}

a.blueLink{
color: #00678D;
}


/* The class for images that are links. This will show a border around the image.*/
.imgThumb:hover{
border-width: 1px;
}
.imgThumb img{
border-width: 0px;
}

/*Top navigation*/
#topNavTable{
width: 100%; 
height: 50px;
border-collapse: collapse; 
margin: 0px; 
}

#leftTopCap{
width: 118px; 
background-image: url('http://www.FITSWear.com/Images/LeftCap.png');
}

#rightTopCap{
width: 118px; 
background-image: url('http://www.FITSWear.com/Images/RightCap.png');
}

#topperChunk{
background-image: url('http://www.FITSWear.com/Images/TopperChunk.png');
}

/*Small xocial icons at the top of the page*/
#small_xocial{
position: relative;
top: -25px;
}

/*This is the text to the upper left of the top navigation bar. 
It originally said "A JWorks Brand".*/
#branding{
text-align: center;
margin-left: auto;
margin-right: auto; 
position: relative; 
left: 0px;
top: 25px;
font-size: 0.7em;
}

#topNavLinks{
font-size: 0.8em;
position: relative; 
top: -70px;
text-align: center; 
margin-left: auto; 
margin-right: auto; 
width: 800px;
/*background-color: yellow;*/
}

#topShoppingCart{
float: right;
position: relative; 
top: -15px;
font-size: 0.9em;
width: 100px;
}

/*SiteLogo*/
#FITS_LOGO{
clear: both;
margin-left: auto; 
margin-right: auto;
position: relative;
left: -30px;
top: -50px;
}


/*Main Buttons*/
#mainButtonsCenter{
text-align: center;
margin-left: auto; 
margin-right: auto; 
width: 900px;
/*Keeps the page from freaking out when text extends a little too far.*/
height: 175px;
position: relative;
top: -200px;
}

/*One of the main nav buttons. i.e., browse by line, etc.*/
#mainButton{
float: left; 
margin-right: -5px; 
margin-left: -2px;
margin-top: -40px;
position:relative;
/*for the links underneath*/ 
font-size: 0.9em; 
width: 225px;
}

#mainTextLinks{
text-align: left; 
width: 180px; 
position: relative; 
left: 20px;
color: #9de4ff;
font-size: 0.8em;
}


/*This will set define the size of our content area for the topic specific pages since
we don't need to have the left panel proken into sections.*/
#topicSpecificContent{
width: 510px;
float:left;
text-align: left;
margin-top: 50px;
margin-right: 20px;
position: relative;
left: 0px;
top: -20px;
/*background-color: blue;*/
}

/**/
#TheLabPanel{
width: 160px; 
text-align: left; 
float: left; 
margin-left: 0px; 
margin-top: 50px; 
font-size: 0.8em;
/*background-color: yellow;*/
}

/*The different showroom categories*/
#browseCategory{
float: left;
margin-bottom: -10px;
margin-top: 50px;
position: relative;
left: 0px;
width: 720px; 
height: 220px; 
/*background-image: url('http://www.FITSWear.com/Images/fitsbg.jpg');*/
}

/*This is the img text just above the categoryCaption to denote what category
we're talking about.*/
#categoryMarker{
width: 169px;
height: 58px;
position: relative;
left: -10px;
border-width: 0px;
} 

#categoryCaption{
text-align: left; 
font-size: 0.9em; 
padding-right: 0px; 
float: left; 
margin-right: 0px;
width: 150px; 
height: 170px;
position: relative;
top: -10px;
}

#shirt{
float: left; 
width: 170px; 
height: 170px;
margin-left: auto;
margin-right: auto;
font-size: 0.7em;
text-align: center;
/*background-image: url('http://www.FITSWear.com/Images/fitsbg2.jpg');
background-position: 0px -50px;*/
}

/*Content*/
h1, h2, h3{
color: #00A6E4;
}

/*Highlights info to be more easily read and focussed on*/
#info{
padding: 5px; 
background-image: url('http://www.FITSWear.com/Images/fitsbg2.jpg'); 
background-position: 0px -150px;
border: 1px solid white;
margin-bottom: 25px;
}

#info h1, #info h2, #info h3{
margin-top: 2px;
margin-bottom: -15px;
}

#homepageContent h2{
margin-top: -2px;
margin-bottom: -2px;
}

#homepageContent{
text-align: left; 
margin-left: 160px; 
margin-bottom: 40px; 
width: 475px;
clear: both;
background-image: url('http://www.FITSWear.com/Images/fitsbg2.jpg');
background-position: -150px -150px;
border: solid white 1px;
padding: 5px;
}

#fitContent{
text-align: left; 
margin-left: 160px; 
width: 500px;
clear: both;
/*background-color: red;*/
}

/*Ads*/
#adPanel{
/*width: 40px;*/
width: 200px;
float: left;
position: relative;
left: 0px;
top: 40px;
/*background-color: orange;*/
margin-left: 10px;
font-size: 0.8em;

/*border-style: solid;
border-width: 1px;*/
}

#adTopper{
background-image: url('http://www.FITSWear.com/Images/ad_topper.png');
width: 214px;
height: 18px;
}
#adBody{
width: 214px;
position: relative;
/*background-color: red;*/
background-image: url('http://www.FITSWear.com/Images/ad_body.png');
}
#adContent{
width: 170px;
position: relative;
left: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
}

#adBottom{
background-image: url('http://www.FITSWear.com/Images/ad_bottom.png');
width: 214px;
height: 18px;
}


/*For use on the shopping cart page mainly, this will define the size for the t-shirt size and amount
  to be on the same column*/
#prod_update{
text-align: center;
margin-left: auto; 
margin-right: auto; 
float: left;
width: 50px;
}

/*This will show the cart item which consists of the image thumb and amount of each.*/
#cart_item
{
width: 335px; 
height: 170px; 
float: left; 
padding-top: 5px; 
text-align: center; 
border-style: solid; 
border-width: 0px;
border-left-width: 1px;
border-color: #000000;
}

#cart_item_container{
background-image: url('http://www.FITSWear.com/Images/fitsbg.jpg');
}

#bottomHR{
margin-left: auto;
margin-right: auto;
margin-top: 30px;
position: relative;
left: -25px;
width: 600px;
height: 1px;
background-color: #999999;
}

/*Turns the color of a link that is normally one color to another color.*/
a:hover.blue_text{
color: #FF8152;
}

a.whiteLink:link{color: #FFFFFF;}
a.whiteLink:hover{color: #FF8152;}
a.whiteLink:visited{color: #FFFFFF;}

/* For ad Images */
.whiteBorder{
border-color: #FFFFFF;
border-width: 0px;
border-style: solid;
}

.whiteBorder:visited img
{
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
}

.whiteBorder:link img
{
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
}

.whiteBorder:hover img
{
border-style: solid;
border-width: 1px;
border-color: #FFFF00;
}


/*FROM JWORKS STUDIOS*/
/* Alignments */
#Headers{text-align: center; clear:both;}
#Left{text-align: left;}
#Right{text-align: right;}
#Center{text-align: center;}


/*Hover & Magnify*/
#shirt.magnify {width:170px; height: 170px;}
#shirt.magnify a.small, #shirt.magnify a.small:visited { display:block; width:170px; height:170px; top:0; left:0; border:0;}
#shirt.magnify a img {border:0;}

/*default 0 values makes it invisible*/
#shirt.magnify a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}

/*tells anything that's inside the "magnify" div that has the "large" class that when a link that has the "small" class
it will change the size of the large image block to be "big"*/
#shirt.magnify a.small:hover .large {display:block; position:absolute; top: -90px; left:150px; width:470px; height:469px; background-image: url('http://www.FITSWear.com/Images/fitsbg2.jpg'); border: solid white 5px;} 

/*This will be used to position the LARGE image. So add a div around the LARGE IMAGE and use zoom as the id name zoom.*/
#zoom {position: relative; top: -425px; left: -300px; z-index: 99;}