﻿body, html{
margin:2px 0 10px 0;
padding:0;
font-family: Trebuchet MS, verdana, helvetica, arial, sans;
font-size: 12px;
color: #333;
background-image: url(../assets/images/bg.jpg);
/*background-attachment: fixed;*/
background-repeat:repeat;
text-align: center;
text-shadow: #fff 0px 1px 0px;
}


.content{
width:974px;
border:0;
padding:0;
margin:0;
}

.welcome{
color:#fff;
font-size: 12px;
width:970px;
}

a.welcome1:link, a.welcome1:visited, a.welcome1:active{
font-weight: bold;
border: 1px solid #fff;
padding:0px 5px;
text-decoration: none;
background: #008ad3;
color: #fff;
font-size:10px;
}

a.welcome1:hover{
font-weight: bold;
border: 1px solid #000;
padding:0px 5px;
text-decoration: none;
background: yellow;
color: #000;
font-size:10px;
}

.header{
width: 974px;
height:125px;
background: url(../assets/images/header_bg.png) bottom center no-repeat;
}

.logo{
text-align:left;
float:left;
}

.cart{
/*display:none;*/
width:280px;
height: 118px;
background: url(../assets/images/cartbg.png) no-repeat top left;
}

.cartinfo{
width:94px;
margin:0;
padding-top:15px;
padding-left: 4px;
font-size:12px;
font-weight: bold;
text-align:center;
}

.cartbtns{
width:182px;
}

.viewcart{
margin: 0;
border:0;
}

.checkout{
margin:0;
border:0;
}
.top links{
text-align:right;
float: right;

}

.navHolder{
background: url(../assets/images/yellow_rep.jpg) repeat-y top right;
margin:0;
padding:0 14px 10px 16px;
text-align:left;

}

.midHolder{
margin: 0px;
padding: 0px;
background: #fff;
}

.homeTable{
margin:0px;
padding:0px;
width:974px;
}

.fanFavorites{
display: none;
background: url(../assets/images/fanbanner.gif) no-repeat top right;
height: 200px;
width: 710px;
margin-top:-145px;
margin-left: 17px;
}
.footer{
background: url(../assets/images/footer.png) top left no-repeat;
border-top: 0px solid #fff;
height: 80px;
color: #fff;
padding: 15px 0 0 20px;
text-shadow: #900 0px 1px 0px;
text-align: center;
font-size:14px;
}

.footerlinks{
text-shadow: #900 0px 1px 0px;
text-align: center;
font-size:14px;	
color: #fff;
}

a.footerlinks{
text-shadow: #900 0px 1px 0px;
text-align: center;
font-size:14px;	
color: #fff;
}


a.footerlink:link, a.footerlink:visited, a.footerlink:active{
color:#fff;
text-decoration:none;
}

a.footerlink:visited:hover{
color:#fff;
text-decoration:underline;
}


a.footerlink:hover{
color:#fff;
text-decoration:underline;
}


.subHead{
background: url(../assets/images/yellow_rep.jpg) repeat top right;
margin:0;
padding:0;
width:978px;
}

.homeFeatureLeft{
background: #fff url(../assets/images/blue_comic_bg.jpg) repeat-y bottom right;
width: 733px;

}

.homeFeatureRight{
background: #29abe2;
border-right: 1px solid #014e68;
padding-top: 15px;
}

.paging{
padding:15px 18px;
}

.breadcrumbTable{
font-size: 12px;
text-align: left;
color: #333;

}

.CatHeader{
background: url(../assets/images/products_header.jpg) no-repeat top left;
height:80px;
width: 937px;
}

.itemstxt{
font-size:14px;
}
	
.SortField
{
	border-top: 1px solid #b3b4b5;
	border-bottom: 1px solid #b3b4b5;
	border-left: 1px solid #b3b4b5;
	border-right: 1px solid #b3b4b5;
	background-color: #FBFBFB;
	font-family: arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;    
	color: #38393a;
	margin-top: 3px;
} 

.results{
color: #fff;
margin: 8px 8px 0 0;
height: 33px;
padding-right: 10px;
background: #c1272d;
font-size: 12px;
/*background: #c1272d url(../assets/images/htedge.jpg) no-repeat top right;*/
}

.resultsALT{
color: #fff;
margin: 8px 8px 0 0;
padding-right:32px;
height: 33px;
font-size: 12px;
background: #c1272d url(../assets/images/red_ht.jpg) no-repeat top right;
}


.resultsCurrent{
font-weight: bold;
border: 1px solid #ffffff;
padding:0px 5px;
text-decoration: none;
color: #fff;
font-size: 12px;
}

a.resultslink:link, a.resultslink:visited, a.resultslink:active{
font-weight: bold;
border: 1px solid #000;
padding:2px 5px;
text-decoration: none;
background: yellow;
color: #000;
font-size: 12px;
}

a.resultslink:hover{
font-weight: bold;
border: 1px solid #fff;
padding:2px 5px;
text-decoration: none;
background: #008ad3;
color: #fff;
font-size: 12px;
}

.catholder{
width:938px;
margin-top:0px;
}

.catProduct{
margin: 0px;
margin-top:10px;
width:303px;
height: 358px;
border:3px solid #000;
background: #ffff00 url(../assets/images/img3bg.jpg) 50% 10% no-repeat;
}

.catprice{
font-weight: bold;
font-size: 14px;
}

.catItemTitle{
font-size:12px;
color:#333;
}

.img3Holder{
height:274px; width:267px; margin: 17px 2px 5px 0;
}

.catinfo{
width:287px; height:53px;background: url(../assets/images/catinfo.jpg) top left no-repeat; border:1px dashed #333; margin-bottom:8px;
text-align:left;
}

.sHolder{
margin-bottom:0;
padding:0;
}

.searchup{
background: #FBB03B;
margin:0;
height:26px;
padding:2px;
width:130px;
border-right: 1px solid #014e68;
border-bottom: 1px solid #014e68;
border-top: 1px solid #014e68;
}

.searchup input{
border:1px solid #000;
height:18px;
width:93px;
margin:0 0 0 3px;
}
.searchup img{
margin: 0;
border:0;
padding:0;
}

form{
margin: 0;
padding:0;
}

.featured_item{
width: 100%;
height: 200px;
background: #ccc;
border:1px dashed #666;
}


/* listing page styles */
.listingContainer{
margin-top:16px;
width:941px;
}

.img_container{
width:386px;
}

.img1{
border: 0;
background: url(../assets/images/imgHolder.jpg) top left no-repeat;
height: 369px;
width: 386px;
margin:0;
padding:0;
}

.img_adjust{
margin-left:23px;
width:337px;
height:346px;
}

.img_adjust img{
border:0;
}

.colorPreview{
border:0;
width:386px;
height:251px
}

.color_selector td{
padding-top:70px;
width:186px;
text-align:left;
}

.color_selector img{
margin:0;
border:0;
}

.productTitle{
height: 35px;
font-weight:bold;
font-size:16px;
color:#fff;
background: url(../assets/images/title_bg.jpg) top left no-repeat;
border: solid #000;
border-width: 0 3px 3px 3px;
padding-left:12px;
text-shadow: #900 0px 1px 0px;
}

.productDescription{
width:525px;
}

.eDescription{
color:#000;
padding-top:12px;
}

.info_table{
width:545px;
border-top: 3px solid #000;
background: url(../assets/images/info_bg.jpg) top right repeat-y;
padding:0;
}

.info_fill{
border: 3px solid #000;
border-width: 0 3px;
}

.info_base{
background: url(../assets/images/info_bottom.jpg) 50% 50% no-repeat;
height: 16px;
width:551px;
}

.featureSpot{
width:255px;
height:282px;
background: bottom right no-repeat;
}

.tagSwap{
background: url(../assets/images/tag_swap.jpg) bottom left no-repeat;
width: 276px;
height: 36px;
}

.matrix_holder{
background: #fff;
color: #000;
border: 1px dashed #c0c0c0;
padding:8px;
width:510px;
margin:12px 0;
}

.matrix{
border: 1px solid #999;
border-width: 1px 0 0 1px;
width:100%;
}

.matrix td{
border: 1px solid #999;
border-width: 0px 1px 1px 0px;
padding: 5px;
text-align:center;
}

.matrix_heading{
font-weight: bold;
}

.matrix_size{
width:40px;
}
.qty{
border: 1px solid #999;
width: 27px;
height:18px;
padding:5px 2px 0px 2px;
text-align:center;
background: url(../assets/images/qtybg.jpg) top left repeat-x;
}

.addcartbtn{
border:0;
margin-top:6px;
}

.buyitnowbtn{
border:0;
width:85px;
height:25px;
background: url(../assets/images/buybtn.jpg) top left no-repeat;
}

.customer_review_table{
border:0px;
width: 549px;
}

.review_header{
border:0px;
background: url(../assets/images/reviews_header.jpg) top left no-repeat;
height:53px;
padding-right:8px;
}

.customer_review{
text-align:center;
border:1px solid #c0c0c0;
border-width: 0 1px 1px 1px;
}

.reviews{
padding:8px;
width: 100%;
text-align:left;
}

.related_items{
background: url(../assets/images/related_header.jpg) no-repeat top left;
padding-top: 26px;
text-align: center;
margin: 8px 0;
}

.rel_item{
padding: 0;
margin:0 2px 0 0;
width: 181px;
background: #29ABE2;
border:2px solid #000;
text-align:center;
}

.rel_item_top{
background: url(../assets/images/rel_bg.jpg) no-repeat top left;
padding: 0;
margin:0;
height:172px;
}

.rel_thumb{
margin:6px 0 0 0;
}
.rel_item_mid{
padding: 0 4px;
}

.rel_item_mid div{
background: #FFE8A1 url(../assets/images/rel_info_bg.jpg) repeat-x top left;
height:30px;
text-align: left;
border:1px solid #000;
padding: 1px 5px;
}

.rel_item_base{
background: url(../assets/images/rel_base.jpg) repeat-y top left;
text-align:center;
height: 32px;
}

.xtra_field{
margin-left:4px; 
width:378px; 
height:409px; 
display:none;
}

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border: 3px solid #000;
	margin-left:36px;
	margin-top:-10px;
	}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			14px Trebuchet MS, Arial, Verdana, Helvetica;
	color:			#fff;
	background:		#0171c3;
	text-shadow: 		#006 0px 1px 0px;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			pointer;
	cursor:			hand;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading  {
	padding-top:	3px !important;
}
/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */

/* CSS class for thumbnail link <A> */
.MagicThumb {
    cursor: url(zoomin.cur), pointer;
    outline: none;
}
.MagicZoom {cursor:url(zoomin.cur), pointer;}
/* CSS class for the thumbnail link <A> when the big image is zoomed */
.MagicThumb-zoomed { cursor: default; }

/* CSS class for span inside the thumbnail <A> */
.MagicThumb span { display: none; }

/* CSS class for the thumbnail image */
.MagicThumb  { border: 0px solid #ddd; outline: none; }

/* CSS class for the big image while zooming */
.MagicThumb-image { border: 0px solid #ddd; outline: none; }

/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(zoomout.cur), pointer; }

/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
    color: #fff;
    background-color: #F0F0F0;
    border: 1px solid #ddd;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 11px;
    padding: 8px 16px;
}

/* CSS class for the control bar */
.MagicThumb-controlbar {
	display: block;
	height: 18px;
}

.MagicThumb-controlbar a {
	display: block;
	width: 18px;
	height: 18px;
	margin: 0px 1px;
	outline: none;
	float: left;
	overflow: hidden;
}

.MagicThumb-controlbar a span {
	display: block;
	width: 869px;
	height: 1000px;
	background: transparent url(img/controlbar.png) no-repeat 0 0;
	outline: none;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* CSS class for the loading message box */
.MagicThumb-loading {
	border: 1px solid #ddd;
	background: #ffffff url(img/loader.gif) no-repeat 2px 50%;
	padding: 2px 2px 2px 22px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	font-family: sans-serif;
}


.altTable{
border: 1px dashed #c0c0c0;
padding: 8px 0;
background: #fef9e2;
}

/*Registration Page*/

.promoTable{
width: 538px;
height: 649px;
background: url(../assets/images/special_offer_bg1.jpg) top left no-repeat;
padding: 0 23px 0 36px;
font-size:14px;
margin-top:8px;
}

.intro{
margin-top:120px;	
width:330px;
font-size:11px;
font-weight:bold;
}

.promo_info{
margin-top:18px;
width:465px;
}

.promo_info img{
margin-left: -5px;
}

/*Testimonials*/
.testimonials{
width: 235px;
padding:0;
margin:12px 0;
border:3px solid #000;
border-bottom:0;
}

.t_header{
margin: -15px 0 0 -8px;	
}

.testimonials td{
background: url(../assets/images/test_bg.jpg) top left repeat-x;
padding:3px;
border-bottom: 3px solid #000;
}

.testimonials p{
background: #fff;
padding: 8px;
border:1px solid #000;
margin:5px;
width: 120px;
}

.testimonials hr{
color:#000;
border-top: 3px solid #000;
margin:0;
padding:0;
width:100%;
}

.tA_top{width:237px;background:url(../assets/images/testimonial_top.jpg) top left no-repeat;padding-top:4px;margin-top:14px;}
.tA_mid{width:237px; background:url(../assets/images/testimonial_mid.jpg) top left repeat-y;}
.tA_fill{width:213px;text-align:justify;line-height:14px;padding:4px 2px 4px 8px;}
.tA_base{width:189px;background:url(../assets/images/testimonial_bottom.jpg) top left no-repeat;color:#ccffff;text-shadow:-1px -1px #006699;padding:16px 0 0 48px;text-align:left; font-weight:bold;}
.tB_base{width:189px;background:url(../assets/images/testimonial_bottom_alt.jpg) top left no-repeat;color:#ccffff;text-shadow:-1px -1px #006699;padding:16px 48px 0 0;text-align:right; font-weight:bold;}





.vTable{
background: #f8dc93 url(../assets/images/test_bg.jpg) top left repeat-x;
border: 3px solid #000;
font-size: 14px;
margin-bottom: 12px;
}


#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
padding:12px;
text-align:left;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #CCFF9D;
}





