@charset "UTF-8";
/* CSS Document */

/* Global */

body {
margin: 5px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
background-image:url(images/op_store_bg.jpg);
background-position:top center;
background-repeat:repeat-x;
background-attachment:scroll;
background-color:#000000;
}

#wrapper {
margin: 0 auto;
position:relative;
width:800px;
height:auto;
background-color:#000000;
}

#top {
margin: 0 auto 15px 0;
padding:0px 0px 0px 0px;
position:relative;
width:800px;
height:60px;
background-image:url(images/op_store_top.jpg);
background-position:top left;
background-attachment:fixed
background-repeat:no-repeat;
background-color:#000000;
color:#006600;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-align:right;
}

#top ul {
margin:0px 30px 0px 0px;
padding:20px 0px 0px 0px;
}

#top li {
display:inline;
margin: 0px 0px 0px 5px;
}

#top a:link, a:visited {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#006600;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#top a:hover, a:active {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

#topAdBanner {
margin: 0 auto 15px 0;
padding:0px 0px 0px 0px;
width:800px;
height:75px;
background-image:url(images/op_store_adBanner.gif);
background-position:top left;
background-repeat:no-repeat;
}

#header {
margin: 0 auto;
position:relative;
width:800px;
height:250px;
background-image:url(images/op_store_header.jpg);
background-color:#000000;
}

#nav {
margin: 0 auto 0px auto;
position:relative;
width:800px;
height:40px;
background-image:url(images/nav.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#000000;
overflow:hidden;
}

ul#navLinks {
float:left;
margin:0;
padding:0;
position:relative;
}

ul#navLinks li {
float:left; 
list-style-type:none 
}

ul#navLinks li a {
float:left;
height:40px;
display:block;
position:absolute;
text-indent:-9999px;
outline: none
}

li#navHome a, li#navShirts a, li#navGirls a, li#navMusic a, li#navPosters a, li#navAccessories a {
background-image:url(images/nav.jpg);
}

li#navHome a {
background-position:0 0; 
width:74px;
left:0px;
}

li#navHome a:hover {
background-position:0px -40px
}

li#navShirts a {
background-position:-74px 0; 
width:74px;
left:74px;
}

li#navShirts a:hover {
background-position:-74px -40px
}

li#navGirls a {
background-position:-148px 0; 
width:65px;
left:148px;
}

li#navGirls a:hover {
background-position:-148px -40px
}

li#navMusic a {
background-position:-213px 0; 
width:71px;
left:213px;
}

li#navMusic a:hover {
background-position:-213px -40px
}

li#navPosters a {
background-position:-284px 0; 
width:87px;
left:284px;
}

li#navPosters a:hover {
background-position:-284px -40px
}

li#navAccessories a {
background-position:-371px 0; 
width:128px;
left:371px;
}

li#navAccessories a:hover {
background-position:-371px -40px
}




#main {
margin: 0 auto;
padding:0px;
position:relative;
width:800px;
height:auto;
background-color:#000000;
}

#mainContainer {
margin: 0 auto;
padding:0px 0px 0px 25px;
position:relative;
width:775px;
height:720px;
}

#mainContainerShirts {
margin: 0 auto;
padding:0px 0px 0px 25px;
position:relative;
width:775px;
height:400px;
}

#mainContainerGirls {
margin: 0 auto;
padding:0px 0px 0px 25px;
position:relative;
width:775px;
height:400px;
}

#mainContainerMusic {
margin: 0 auto;
padding:0px 0px 0px 25px;
position:relative;
width:775px;
height:400px;
}

#mainContainerPosters {
margin: 0 auto;
padding:0px 0px 0px 25px;
position:relative;
width:775px;
height:400px;
}

#mainContainerAcc {
margin: 0 auto;
padding:0px 0px 0px 25px;
position:relative;
width:775px;
height:400px;
font-size:12px;
}

#mainContainer a {
border:none;
}

#SplashContainer {
clear:both;
margin: 0 auto;
padding:0px 0px 10px 0px;
position:relative;
width:800px;
height:180px;
}

#footer {
clear:both;
margin: 0 auto 10px 0;
padding:0px 0px 0px 0px;
position:relative;
width:800px;
height:40px;
background-color:#000000;
}

a {
outline:none;
}

/* Products */

#featTitle {
margin: 0 auto 10px auto;
position:relative;
width:800px;
height:50px;
background-image:url(images/featured_products.gif);
background-position:left;
background-repeat:no-repeat;
background-color:#000000;
}

#shirtsTitle {
margin: 0 auto 10px auto;
position:relative;
width:800px;
height:50px;
background-image:url(images/headText_shirts.gif);
background-position:left;
background-repeat:no-repeat;
background-color:#000000;
}

#girlsTitle {
margin: 0 auto 10px auto;
position:relative;
width:800px;
height:50px;
background-image:url(images/headText_girls.gif);
background-position:left;
background-repeat:no-repeat;
background-color:#000000;
}

#musicTitle {
margin: 0 auto 10px auto;
position:relative;
width:800px;
height:50px;
background-image:url(images/headText_music.gif);
background-position:left;
background-repeat:no-repeat;
background-color:#000000;
}

#postersTitle {
margin: 0 auto 10px auto;
position:relative;
width:800px;
height:50px;
background-image:url(images/headText_posters.gif);
background-position:left;
background-repeat:no-repeat;
background-color:#000000;
}

#accessoriesTitle {
margin: 0 auto 10px auto;
position:relative;
width:800px;
height:50px;
background-image:url(images/headText_accessories.gif);
background-position:left;
background-repeat:no-repeat;
background-color:#000000;
}

.merch {
float:left;
position:relative;
width:150px;
height:auto;
}

.merchThumb {
position:relative;
width:150px;
height:150px;
}

.merchThumb a {
position:relative;
width:150px;
height:150px;
}

.merchThumb a:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}


.merchInfo {
position:relative;
width:150px;
height:75px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

.merchInfo a:link, a:visited {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align:center;
}

.merchInfo a:hover, a:active {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
text-align:center;
}

.SplashBanner {
float:left;
margin:0px 0px 10px 14px;
padding:0px
width:248px;
height:80px
background-color:#000000;
}


/* Product Pages */

#PPmain {
margin: 0 auto;
padding:0px;
position:relative;
width:800px;
height:auto;
background-color:#000000;
}

#PPmainContainer {
margin: 0 auto;
padding:0px 0px 0px 25px;
position:relative;
width:775px;
height:375px;
}

#spacer {
margin: 0 auto 10px auto;
position:relative;
width:800px;
height:50px;
background-color:#000000;
}

.mainPro {
float:left;
display:block;
margin:0px;
padding:0px;
width:300px;
height:300px;
}

.mainPro_hungOutShirt {
float:left;
display:block;
margin:0px;
padding:0px;
width:300px;
height:300px;
text-indent:-9999px;
background-image:url(images/hungOutToDie_shirt.jpg);
}

.mainPro_hungOutShirt:hover {
background-position:0px 0px;
}


.mainPro_bulletShirt {
float:left;
display:block;
margin:0px;
padding:0px;
width:300px;
height:300px;
text-indent:-9999px;
background-image:url(images/assumeBullet_shirt.jpg);
}

.mainPro_bulletShirt:hover {
background-position:-300px;
}

.mainPro_babySkullGray {
float:left;
display:block;
margin:0px;
padding:0px;
width:300px;
height:300px;
text-indent:-9999px;
background-image:url(images/babyDoll_gray.jpg);
}

.mainPro_babySkullGray:hover {
background-position:-300px;
}

.mainPro_babySkullRed {
float:left;
display:block;
margin:0px;
padding:0px;
width:300px;
height:300px;
text-indent:-9999px;
background-image:url(images/babyDoll_blood.jpg);
}

.mainPro_babySkullRed:hover {
background-position:-300px;
}


.mainProSection {
float:right;
margin:0px 25px 0px 0px;
padding:0px;
width:425px;
height:300px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
}

.mainProHeader {
padding:10px 0px 0px 10px;
width:415px;
height:60px;
background-color:#333333;
}

.mainProInfo {
padding:10px 0px 0px 10px;
width:415px;
height:220px;
color:#FFFFFF;
background-color:#111111;
}

.mainProTitle {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
}

.mainProPrice {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}