/* reset */

* 
	{ padding: 0; margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
html
	{height: 100%; }
body 
	{ font-size: 62.50%; background: transparent url("http://teepay.com/r/1/images/backgrounds/site.jpg") repeat center top; height: 100%; }
a
	{ outline: none; }

/* site */
	
#wrap
	{ height: 100%; }
body > #wrap  
	{ height: auto; min-height: 100%; }
#site
	{ width: 848px; margin: 0 auto; padding: 10px 4px 39px 4px; }
	
/* header */	

#header
	{ background: #fff url("http://teepay.com/r/1/images/backgrounds/menu.png") repeat-x left bottom; border: 1px solid #b8b7b4; float: left; margin: 0 0 10px 10px; display: inline; width: 826px; height: 157px; }
#header .top
	{ height: 127px; border-bottom: 1px solid #686161; background: #fff url("http://teepay.com/r/1/images/backgrounds/header.png") no-repeat 0 0; }
#header h1
	{ padding: 32px 0 0 0; width: 145px; float: left; }
#header h1 a
	{ display: block; width: 145px; height: 45px; text-indent: -5000px; }
#header form
	{ float: right; width: 157px; height: 18px; padding: 12px 8px 2px 2px; }
#header form input
	{ width: 135px; height: 14px; border: 0; background: transparent; font-size: 12px; line-height: 12px; font-weight: bold; color: #7c7c7c; padding: 2px 2px 2px 20px; outline: none; }
	
#header ul.menu
	{ list-style-type: none; float: left; }
#header ul.menu li
	{ float: left; background: transparent url("http://teepay.com/r/1/images/backgrounds/nav_divider.gif") no-repeat 0 5px; }
#header ul.menu li.first
	{ background: transparent; }
#header ul.menu li a
	{ float: left; display: block; height: 29px; background: transparent url("http://teepay.com/r/1/images/text/navigation.gif") no-repeat 0 0; text-indent: -5000px; }
	
#header ul.menu li a.m1 { width: 54px; background-position: 13px 6px; }
#header ul.menu li a.m2 { width: 99px; background-position: -43px 6px; }
#header ul.menu li a.m3 { width: 61px; background-position: -142px 6px; }
#header ul.menu li a.m4 { width: 122px; background-position: -203px 6px; }
#header ul.menu li a.m5 { width: 131px; background-position: -324px 6px; }
#header ul.menu li a.m6 { width: 126px; background-position: -457px 6px; }

#header ul.menu li a.m1:hover, #header ul.menu li.active a.m1 { background-position: 13px -34px; }
#header ul.menu li a.m2:hover, #header ul.menu li.active a.m2 { background-position: -43px -34px; }
#header ul.menu li a.m3:hover, #header ul.menu li.active a.m3 { background-position: -142px -34px; }
#header ul.menu li a.m4:hover, #header ul.menu li.active a.m4 { background-position: -203px -34px; }
#header ul.menu li a.m5:hover, #header ul.menu li.active a.m5 { background-position: -324px -34px; }
#header ul.menu li a.m6:hover, #header ul.menu li.active a.m6 { background-position: -457px -34px; }
	
#header ul.actions
	{ list-style-type: none; float: right; }
#header ul.actions li
	{ float: left; background: transparent url("http://teepay.com/r/1/images/backgrounds/actions_divider.gif") no-repeat right 13px; }
#header ul.actions li.cart
	{ background: transparent; }
#header ul.actions li a
	{ float: left; display: block; font-size: 12px; font-weight: bold; color: #bbb; text-decoration: none; padding: 7px 12px 0 8px; }
#header ul.actions li.cart a
	{ padding-left: 27px; background: transparent url("http://teepay.com/r/1/images/icons/cart.gif") no-repeat 5px 6px; color: #fb5082; }
#header ul.actions li.full a
	{ background-position: 5px -34px; }
#header ul.actions li a:hover
	{ color: #fff; }
		
/* main */
	
.box
	{ background: #fff; border: 1px solid #b8b7b4; float: left; display: inline; }
#userInfo .box
  	{ border: none;}	
.scrolling
	{ width: 540px; height: 548px; margin: 0 0 10px 10px; }
.size1
	{ width: 272px; height: 64px; margin: 0 0 10px 12px; background: #fff url("http://teepay.com/r/1/images/backgrounds/size1.png") repeat-x 0 0; }
.size2,
.communitee
	{ width: 272px; height: 98px; margin: 0 11px 10px 0; padding: 0 0 15px 0; float:right;}
.size3
	{ width: 272px; height: 189px; margin: 0 0 10px 12px; }
.size4
	{ width: 272px; height: 146px; margin: 0 0 10px 12px; }
.size5
	{ width: 263px; height: 199px; margin: 0 0 10px 10px; background: #fff url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") repeat-x 0 0; }
.size6
	{ width: 263px; height: 199px; margin: 0 0 10px 12px; background: #fff url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") repeat-x 0 0; }
.size7
	{ width: 272px; height: 199px; margin: 0 0 10px 12px; }
	
.box h2
	{ height: 29px; color: #fff; background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") repeat-x 0 0; border-bottom: 1px solid #b8b7b4; overflow: hidden; }
.box h2 span
	{ display: block; height: 29px; text-indent: -5000px; }
.box h2.h2a
	{ background-position: 0 0; }
.box h2.h2b
	{ background-position: 0 -29px; }
.box h2.h2c
	{ background-position: 0 -58px; }
	
/* New titles */
.box .head
	{ height: 29px; color: #fff; background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") repeat-x 0 0; border-bottom: 1px solid #b8b7b4; overflow: hidden; }
.box .head .label
	{ display: block; height: 29px; text-indent: -5000px; }
.box .head.h2c
	{ background-position: 0 -58px; }
.box .head.h2b
	{ background-position: 0 -29px; }
	
.about h2
	{ background: transparent; border: 0; height: 50px; }
	
.box h2.h21 span
	{ background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 14px 7px; }
.box h2.h22 span
	{ background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 11px 7px; }
.box h2.h23 span
	{ background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 11px 7px; }
/*.box h2.h24 span
  { background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 11px 7px; float: left;}*/
.box h2.h25 span
	{ background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 11px 7px; }
.box h2.h26 span
	{ background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 12px 15px; height: 50px; }
.box h2.h27 span
	{ background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 12px 15px; height: 50px; }

/* New boxes elements */
.box .rss { 
    float:right;
    /*To be replaced by an image*/
    background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 0 0;
    font-size: 18px;
    color: white;
    text-decoration: none;
    margin: 5px 5px 0 0;
    text-indent: -5000px;
    width: 25PX;
}


.box .head.h24 .label { 
    background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 11px 7px; 
    float: left;
    width: 220px
;}

.box .head.h22 .label { 
  background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 11px 7px;
	float: left;
  width: 220px 
}

  


.communitee p a
	{ color: #2aa2da; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 16px; }
.communitee p a:hover
	{ color: #fb5082; }	
.communitee p img
	{ float: left; padding: 2px; margin-right: 10px; border: 2px solid #ddd; max-width:80px; max-height:62px; }
.communitee p a.image:hover img,
.communitee p a.imagehover img
	{ background-color: #fb5082; }
.communitee p 
	{ padding: 9px 9px 0 12px; }
.communitee p span
	{ color: #585757; font-size: 10px; font-weight: bold; display: block; line-height: 10px; padding: 0 0 3px 0; }
.communitee .entry {
    margin: 15px 5px 0 5px ;
    display: block;
  }

.communitee  .entry img {
    float: left;
  }

.communitee  .entry .infos {
    float:right;
    width: 150px ;
  }

.communitee  .entry .date {
    color: #585757;
    font-weight: bold;
  }
.communitee  .entry .text {
    font-family: Arial;
    color: #2aa2da;
  }

.communitee  .entry .text a {
    text-decoration: none;
    color: #2aa2da;
    font-weight: bolder;
  }
  

	
.tee
	{ float: left; width: 114px; padding: 11px 8px 0 12px; position: relative; }
.tee a.image img
	{ padding: 2px; background: #fff; border: 4px solid #ddd; display: block; }
.tee a.image:hover img,
.tee a.imagehover img
	{ background-color: #fb5082; }
.tee .orders
	{ width: 25px; height: 19px; position: absolute; top: 78px; right: 15px; text-indent: -5000px; }
.tee .zero
	{ background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat right bottom; }
.tee .fifteen
	{ background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat right bottom; }

.tee .thirty
	{ background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat right bottom; }
.tee .views
	{ height: 16px; background: #ddd; text-align: center; line-height: 14px; font-size: 11px; }
.tee .views strong
	{ color: #fb5082; }
.tee .time
	{ font-size: 11px; padding: 5px; }
.tee .time strong
	{ display: block; }
	
.size3 .tee img
	{ border-bottom: 0; }
	
.size7 h3
	{ padding: 7px 10px 3px 10px; font-size: 20px; }
.size7 p
	{ font-weight: bold; color: #8b8b8b; padding: 0 10px; font-size: 14px; line-height: 18px; }  
.size7 p a
	{ color: #8b8b8b; text-decoration: none; }  
.size7 p a:hover
	{ color: #fb5082; }
	
.about ol 
	{ margin: 0; padding: 0 25px 0 30px; height: 116px; }
.about ol li
	{ margin: 0; padding: 0 0 10px 0; font-size: 15px; letter-spacing: -0.01em; color: #493736; font-weight: bold; line-height: 16px; }
.about .more
	{ display: block; float: left; padding: 5px 0 0 12px; font-weight: bold; color: #fb5082; text-decoration: none; font-size: 11px; }
.about .more:hover
	{ text-decoration: underline; }
.about .tees
	{ display: block; float: right; width: 94px; height: 19px; font-weight: bold; color: #fff; text-decoration: none; font-size: 12px; background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 0 0; padding: 4px 0 0 14px; margin: 0 9px 0 0; display: inline; line-height: 14px; }
.about .tees:hover
	{ text-decoration: underline; }
	
.scrolling .holder
	{ width: 540px; height: 518px; position: relative; overflow: hidden; }
.scrolling .holder .scroll
	{ display: block; width: 31px; height: 31px; position: absolute; top: 236px; text-indent: -5000px; cursor: pointer; background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 0 0; }
html>body .scrolling .holder .scroll
	{ background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 0 0; }
.scrolling .holder .prev
	{ left: 0; background-position: 0 0 !important; }
.scrolling .holder .prev:hover,
.scrolling .holder .prevhover
	{ left: 0; background-position: 0 -93px !important; }
.scrolling .holder .next
	{ right: 0; background-position: 0 -31px !important; }
.scrolling .holder .next:hover,
.scrolling .holder .nexthover
	{ right: 0; background-position: 0 -62px !important; }
.scrolling .holder .first
	{ left: 0; background-position: 0 -93px !important; }
.scrolling .holder .last
	{ right: 0; background-position: 0 -62px !important; }
.scrolling .scroller
	{ width: 540px; height: 518px; }
.scrolling .one
	{ width: 518px; height: 496px; padding: 11px; float: left; position: relative; }
.scrolling .one img
	{ width: 506px; height: 484px; border: 4px solid #ddd; padding: 2px; }
.scrolling .one a.image:hover img,
.scrolling .one a.imagehover img
	{ background-color: #fb5082; }
.scrolling .one .badge
	{ position: absolute; top: 19px; right: 19px; text-indent: -5000px; }
.scrolling .one .staff_pick
	{ width: 55px; height: 55px; background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 0 0; }
.scrolling .one .bar
	{ background: #503c62; position: absolute; left: 17px; bottom: 17px; width: 506px; height: 46px; }
.scrolling .one .data
	{ position: absolute; left: 17px; bottom: 17px; width: 506px; height: 46px; }
.scrolling .one .data h3
	{ color: #fff; font-size: 12px; font-weight: bold; float: left; padding: 8px 14px 0 14px; }
.scrolling .one .data h3 a
	{ color: #fff; text-decoration: none; }
.scrolling .one .data h3 a:hover
	{ color: #8b8b8b; }
.scrolling .one .data h3 span
	{ color: #8b8b8b; display: block; }
.scrolling .one .data h3 span a
	{ color: #fb5082; text-decoration: none; }
.scrolling .one .data h3 span a:hover
	{ color: #8b8b8b; }
.scrolling .one .data span.price
	{ float: left; color: #fff; font-size: 12px; font-weight: bold; margin-left: 5px; padding: 10px 0 5px 15px; background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 0 10px; }
	
.stats span
	{ font-size: 16px; font-weight: bold; color: #493736; display: block; padding: 9px 0 0 9px; height: 20px; overflow: hidden; } 
.stats a
	{ font-size: 26px; font-weight: bold; color: #fb5082; display: block; padding: 0 0 0 9px; line-height: 26px; text-decoration: none; background: #fff url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") repeat-x 0 -29px; }
.stats a:hover
	{ color: #493736; }
		
/* footer */
	
#footer
	{ position: relative; clear: both; width: 826px; height: 28px; border: 1px solid #b8b7b4; border-bottom: 0; margin: 29px auto 0 auto; font-size: 1.2em; font-weight: bold; background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") repeat 0 0; }
	
#footer ul
	{ list-style-type: none; float: left; }
#footer ul li
	{ float: left; height: 21px; background: transparent url("http://teepay.com/r/1/images/backgrounds/footer-separator.png") no-repeat 4px 13px; padding: 7px 0 0 10px; }
#footer ul li.first
	{ background: transparent; }
#footer ul li a
	{ float: left; display: block; color: #7a7a7a; text-decoration: none; }
#footer ul li a:hover
	{ color: #000; }

#footer p
	{ float: right; padding: 7px 10px 0 0; }
#footer p a
	{ color: #7a7a7a; text-decoration: none; }
#footer p a:hover
	{ color: #000; }
	
	
/* Matt's hacks */
.wide_tee{
	width:236px;
}

.spacer {
  clear: both;
}