/*  ===== pt_hub landing Notes =====   /
	This page has a three column layout,
	
	Use this style sheet to put custom styles specific to the Category Pages,
	identifible by the id=pt_category" that surrounds the content. 
	All Product CSS controls what is displayed and not displayed on the category home pages.
*/

/***********************************************/
/* Page Structure CSS                          */
/***********************************************/
/* Wider content area for order confirmation pages */
#pt_hub_landing #content {
	display: inline;
	float:left;
	width: 594px;
	padding: 0px; }
	
/***********************************************/
/* Page Styling CSS                            */
/***********************************************/


#category .alpha{
	position:absolute;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
    background: #fff;
    height: 425px;
    width: 182px
}	

#category .bigImage{
  width: 986px;
  height: 428px;
	background: transparent url('../images/category_headerpic_bg.gif') 0 bottom repeat-x;
}

#category .bigImage .mainContent {
	position: absolute;
}

#category #slides {
	overflow: hidden;
	width: 986px;
}

#category .title{
    font-size:25px;
    color:#5e5f5e;
    font-weight:bold;
    padding-left:20px;
    padding-top:15px;
    padding-bottom:105px;
}


#category .footerShadow{
    float:left;
    background: url('../images/sprite_listing.jpg') no-repeat scroll -370px 0 transparent;
    margin-left:0;
    margin-top:-20px;
    height:20px;
    width:987px;
    background-repeat:no-repeat;
    position:absolute;
}

#navi_menu {
    width:182px;
}

#category #navi_menu ul{
	border:medium none;
    list-style-type: none; 
    font-size:12px;
    font-weight:bold;
    text-transform: uppercase;
}
#category #navi_menu ul li{
	border:medium none;
    padding-left:15px;
    background: transparent url(../images/sprite_listing.jpg) no-repeat -4280px 26px;
    background-repeat:no-repeat;
    padding-top:8px;
    padding-bottom:0px;
    height:20px
}
#category #navi_menu ul li:hover{
    color:#7c2222;
}

#category .teaserlisting {
    padding-top:6px;
}

#category .product {
    margin-top:14px;
}

#category .teaserlisting .teaser_middle {
    display:inline;
    float:left;
    padding-left:5px;
    
}
#category .teaserlisting .teaser_big {
    display:inline;
    float:left;
    padding-left:5px;
    
}
#category .teaserlisting .teaser_small {
    display:inline;
    float:left;
    padding-left:5px;
    width:190px
    
}

#category .middleBorderLeft{
    float:left;
    background:transparent url(../images/sprite_bg.gif) no-repeat 0 -580px;
    height:50px;
    width:1px
}
#category .middleBorderRight{
    float:right;
    background:transparent url(../images/sprite_bg.gif) no-repeat 0 -580px;
    height: 50px;
    margin-top: -6px;
    width: 1px;
}
#category .TeaserPicTitle {
    color:#444444;
    text-transform: uppercase;
    font-weight:bold;
    font-size: 14px;
    text-align:center;
}
#category .TeaserPicCat{
    text-align:center;
    clear:both;
    color:#444444;
    text-transform: uppercase;
    font-weight:bold;
    font-size: 10px;
}
#category .BestsellerTitle{
    float:left;
    padding:10px;
    font-size:14px;
    font-weight:bold;
    color:#444
}
#category #productlisting{
    float:left;
    color:#444
}
#category #productlisting .grayLine{
    background-color:#e0e1e0;
    height:1px;
    width:190px
}
#category #productlisting .loading {
	padding: 150px 80px;
}
#category #productlisting .teaser{
    float:left;
    height:300px;
    padding:3px
}
#category #productlisting .teaserShadow{
    background:url('../images/sprite_listing.jpg') no-repeat scroll -2240px 0 transparent;
    width:190px; 
    text-align:center;
    padding-top:6px;
    color:#444;
    text-transform: uppercase; 
    font-size:14px;
    font-weight:bold;
}
#category .productLogo{
	width:190px;
	height:226px;
	position:absolute;
	text-align: right;
	z-index:10;
}
#category .productLogo .stylelogo{
	vertical-align: -214px;
}
#category #productlisting .selColor{
    text-align:center;
    padding-top:3px;
}
#category #productlisting .badge_new{
    position:absolute;
    margin-left:160px
}

#category .keepIn{
    background:url('../images/keep_in.jpg');
    background-repeat:no-repeat;
    height:240px;
    width:190px;
    background-color:#ce240e;
}

.pricing {
     margin:0 0 0 0; 
}

.price .value {
     text-decoration:none;
     font-size:10pt;
     font-weight:bold;
     color:#444444;
}
.price .special{
     text-decoration:none;
     font-size:10pt;
     font-weight:bold;
     color:#D30B08;
}

#teaser_newsletter {
    padding-top:184px;
    padding-left:5px;
}
#teaser_newsletter .inputfield{
    background-image:url(../images/teaser_newsletter_input.jpg);
    background-repeat:no-repeat;
    margin: 0px;
    padding:1px 0px 0px 23px;
    height:19px;
    width: 157px;
}

#teaser_newsletter input{
    font-size:11px;
    vertical-align:middle;
    border:0;
    width:150px;
}
#teaser_newsletter .newsletterbutton {
    float:right;
    padding-top:4px;
    padding-right:5px;
}
#teaser_newsletter .newsletterbutton input {
    width: 82px;
	height: 19px;
	background:transparent url(../images/teaser_newsletter_btn.jpg) no-repeat scroll left center;
}

.teaserBtn{
    display:block;
    padding-left:40px;
    height:19px;
    padding-bottom:6px;
    padding-top:12px;
}
.teaserBtnBox{
    border-top:1px solid #e1e1e1;
    padding:5px;
    padding-left:14px;
    vertical-align:middle
}

.price .del{
     text-decoration:line-through;
     font-size:8pt;
     font-weight:bold;
     color:#B7B7B7;
}

.showAllTopSellers {	
	padding-bottom: 35px;
}

.bookmark {
	padding-left: 0;
	background:none repeat scroll 0 0 transparent;
}	
.bookmark:hover span {
	background-position: -4505px 0px; }
.bookmark .booksymbol {
	background:transparent url(../images/sprite_listing.jpg) no-repeat -4480px 0;
	padding: 5px 12px 4px; 
	margin-right:2px; }
*:first-child+html .bookmark .booksymbol {
	padding-top: 9px; 
	padding-bottom: 14px; }
* html .bookmark .booksymbol {
	padding-top: 9px; 
	padding-bottom: 24px; }
* html .bookmark .booktext {
	position: relative;
	top: 5px;
}