body {

margin: 0px;

padding: 0px;

background-color: #FFFFFF;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #696969;

line-height: 14px;

text-align: center;

}



img {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

border: 0px;

}



p {

margin: 0px 0px 15px 0px;

}



a {

color: #E55A03;

text-decoration: none;

}



a:hover {

color: #AA4100;

text-decoration: none;

}



div {

padding: 0px;

margin: 0px;

}



h1 {

float: left;

height: 30px;

width: 700px;

margin: 0px 0px 15px 0px; 

background-repeat: no-repeat;

font-size: 18px;

color: #83AFB9;

border-bottom: solid 1px #E8E8E8;

}



h1 span { display: none; }

h1.cds { background-image: url(../images/title_cds.gif); }

h1.clothing { background-image: url(../images/title_clothing.gif); }

h1.other { background-image: url(../images/title_other.gif); }



/* Start Main Div's */



div#storeContainer {

position: absolute;

width: 700px;

margin: 0px -353px;

text-align: left;

float: left;

left: 50%;

right: 50%;

}



div#header {

width: 730px;

height: 150px;

border: solid 1px #E8E8E8;

margin: 15px 0px;

}



div.hr hr{

display: none;

}







/* section content */



div#storeContent {

float: left;

padding: 15px;

background-color: white;

width: 700px;

border: solid 1px #E8E8E8;

}



div.productRow {

float: left;

margin: 0px 0px 10px 0px;

width: 700px;

}



div.productRow form {

margin: 5px 0px 0px 0px;

}



select {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

}



div.product, div.productMiddle {

float: left;

width: 220px;

text-align: center;

}



div.productMiddle {

margin: 0px 20px;

}



div.productRow img.mainImage {

width: 220px;

height: 220px;

margin-bottom: 10px;

}



div.productRow h3, #rightCol h3 {

font-size: 12px;

color: #333;

margin: 0px 0px 10px 0px;

}



div.productRow ul.links {

position: relative;

width: 110px; 

height: 15px;

margin: 10px 55px;

padding: 0px;

background: url(../images/btn_buyDetails.gif);

background-repeat: no-repeat;

list-style: none;

}



ul.links li {

position: absolute;

margin: 0px;

padding: 0px;

}



ul.links, ul.links a {

height: 15px;

display: block;

}



ul.links a span {

display: none;

}



ul.links a:hover {

background: transparent url(../images/btn_buyDetails.gif) 0px -15px no-repeat;

}



li.buy, li.buy a {top: 0px; left: 0px; width: 45px;}

li.buy a:hover {background-position: 0 -15px;}



li.detail, li.detail a {top: 0px; left: 45px; width: 65px;}

li.detail a:hover {background-position: -45px -15px;}







/* product detail */





#detailContent {

clear: both;

margin: 0px 0px 20px 0px;

width: 700px;

}



#rightCol {

float: right;

width: 270px;

text-align: left;

}



#midCol {

float: right;

width: 100px;

margin: 0px 40px;

text-align: center;

}



#leftCol {

float: left;

width: 240px;

text-align: center;

}



#leftColMarge {

float: right;

width: 400px;

margin-right: 20px;

text-align: center;

}





/* detail left column */



#leftCol img, #leftColMarge img {

margin-bottom: 10px;

width: 240px;

height: 240px;

}





/* detail middle column */



#midCol img {

margin-bottom: 10px;

width: 100px;

height: 100px;

}





/* detail right column */



#rightCol p.black {

color: #000;

}



#rightCol ul.links {

position: relative;

width: 45px; 

height: 15px;

padding: 0px;

margin: 0px 15px 15px 0px;

background: url(../images/btn_buyDetails.gif);

background-repeat: no-repeat;

list-style: none;

}



#rightCol form {

padding-top: 10px;

}



/*  

------------------------------------



footer div styles 



------------------------------------  

*/



div#footer {

width: 700px;

height: 15px;

clear: both;

}