/*

Theme Name:  WPAffiliateTheme



*/



/* Reset the browser defaults */

@import url('../WPAffiliateTheme/reset.css');



/*------------------------------------------------------*/

/*------------------ Layout Styles ---------------------*/

/*------------------------------------------------------*/



*{

margin:0;

padding:0;

}

#header .h1.head  {font-size: 12px;}

body{

font:11px/20px Tahoma,Helvetica,sans-serif;

background-image:url(images/page_bg.jpg);

background-repeat:repeat-y;

background-attachment:fixed;

background-position:center; 

color:#222;

}



#wrapper{

width:960px;

margin:0 auto;

}



#header{

margin:0px 0 10px 0;

height:105px;

overflow:hidden;

padding-top: 5px;

width: 960px;

background:#ffffff;

}



#logo{

width:320px;

float:left;

height: 88px;

padding:10px 0px 0 5px;

}



#logo h1 a{

display:block;

height:88px;

background:url(images/logo.gif) no-repeat;

}



#logo h1 a span{

display:none;

}



#container{

padding-top:8px;

}



#left-col{

width:201px;

float:left;

padding-left: 0px;

}





#right-col{

width:201px;

float:right;

padding-left: 8px;

padding-right: 0px;

}



#center-col{			

width:540px;

float:left;

margin:0 0 0 10px;	

}



#center-col-left{			

width:748px;

float:left;

margin:10 0 0 0px;	

}



#center-col-right{			

width:748px;

float:right;

margin:0 0 0 10px;	

}



#center-col-full{			

width:960px;

min-height: 400px;

float:right;

margin:0 0 0 0px;	

}



/*------------------ SIDEBAR STYLES ------------------*/

/*---Block Tops are included in the color css --------*/

/*---- else defualts to this one (custom) ------------*/

.block{

width:201px;

margin:0 0 15px 0;

background:url(images/block-bg.gif) repeat-y;

}



.block-top{

background:url(images/block-top.gif) no-repeat top;

height:35px;

line-height:35px;

color:#4d4d4d;

text-indent:37px;

font-weight:bold;

font-size:13px;

}



.block-bottom {

padding-left: 5px;

padding-bottom: 2px;

background:url(images/block-bottom.gif) no-repeat bottom;

}

/*------ END SIDEBAR STYLES -----------*/

#banner{

width:530px;

margin:0 auto 0px auto;

}





#center-col-inner{

padding:3px 6px;

width:530px;

margin:0 0 0 8px;

float:left;

}



#footer {

height:51px;

line-height:33px;

padding-left:15px;

padding-right:15px;

color:#fff;

overflow:hidden;

font-size:10px;

font-weight:bold;



/* custom colour (grey) */

background: url(images/footer.gif) no-repeat;

}	



#footer a{

color:#fff;

margin:0 5px;

padding-right: 10px;

}



#footer a:hover{

text-decoration:underline;

}	





/*---------------- End Layout Styles -------------------*/

/*------------------------------------------------------*/





/*----------------- Top Menu Styles --------------------*/

/*------------------------------------------------------*/



div#nav-wrap{float:left;height:30px;overflow:hidden; width: 100%;}

div#nav{float:left;width:650px;height:30px;overflow:hidden;}

.nav-div{float:left;width:2px;height:26px;margin:1px 0;}

#nav ul{float:left;width:650px;margin:0 1px;padding:0px;list-style:none;}

#nav ul li{float:left;}

div#nav ul li a{display: block;float:left;height:20px;margin:1px 0;padding:6px 8px 0;font-weight: bold;text-decoration:none;}

div#nav ul li a:hover{text-decoration:none;}



/* Search Box */

#search-form{float:right;margin:1px 5px 0 0;}

#searchtext{float:left;margin:0;width:200px;height:14px;padding:2px;margin:3px 2px 0 0;}

#btn-search{float:left;cursor:pointer;height:22px;width:65px;margin:3px 0 0 0;}



/* custom colour menu (grey) */

#nav, #nav-wrap{color:#f1f1f1;}

#nav-wrap{background:#dddddd url(images/nav-bg.jpg);}

#nav ul li a{color:#f1f1f1;}

#nav ul li a:hover{color:#f1f1f1;background:#dddddd url(images/nav-hover.jpg) repeat-x;}

.nav-div{background:#dddddd url(images/nav-div.jpg)}



/*--------------- End Top Menu Styles ------------------*/

/*------------------------------------------------------*/





/*------------------ Product Slider --------------------*/

/*------------------------------------------------------*/



#left-featured-area{margin:10px 0px;padding: 10px;}

#left-featured-area h3{padding: 0;margin: 5px 0;}

#featured-section {margin:10px 0px;padding: 10px;}

#featured-section-left{margin:10px 0px;padding: 10px; width: 100%}

#featured-section h3{padding-bottom:15px;margin: 5px 0;font-size:12px;font-weight:bold;}

.featured-post{margin:10px;padding:0px;}

.featured-post p{margin:0 0 8px 0;padding:0;}

.featured-media{float:left;margin:5px 15px 5px 5px;}

.featured-media a img{width:150px;height:150px;padding:5px;}

.featured-post h2{font-size:18px;font-weight:normal;}

.featured-post h2 a:hover{text-decoration:underline;}	



/*---------------- End Product Slider ------------------*/



/*------------------------------------------------------*/

/*------------------- Product Boxes --------------------*/

/*------------------------------------------------------*/



.full-image { /* Full-image styles */

padding-top: 55px;

text-align: center;

width: 500px;

overflow: hidden;

}



.products-box{

margin:6px !important;

margin:4px;

border:1px solid #d3d3d3;

background: #fff;

padding:10px;

width:234px;

min-height:180px;

height:200px;

float:left;

}




.products-box-grid{ //product box when in full grid view
margin:6px !important;
margin:4px;
border:1px solid #d3d3d3;
padding:5px;
width:160px;
min-height:220px;
height:220px;
float:left;
background: #fff;
}



.products-box-sidebar{ //product box when in 2 col view

margin:5px !important;

border:1px solid #d3d3d3;

background: #fff;

padding:10px;

width:217px;

min-height:180px;

height:200px;

float:left;

}



.trim {

width: 80px;

float: right;

height: 120px;

}



.trim-grid {

width: 80px;

float: right;

height: 30px;

background: #efefef;

}



.grid-thumb {

height: 130px;

padding:0 auto;

max-width: 150px;

overflow:hidden;

}

.grid-thumb img {

text-align: center;

}



.grid-header {

height: 45px; 

overflow:hidden;

}



.grid-header h3{

font-size: 15px;

}

.details {

width: 190px;

margin-top: 5px;

}



.price-grid {

width: 66px;

padding-top: -5px;

height: 20px;

float: right;

padding-right:0px;

}



.products-box h3 a, .products-box-detail a{

font-weight:normal;

}



#container .products-box p img.floatleft{

margin:0px 0px 0 0;

}



.discount-label {

background: url(images/discount_label_left.png) no-repeat left top;

padding: 4px 0px 4px 10px;

width: 150px;

}



.discount-label em {

background: #000000 url(images/discount_label_right.png) no-repeat right top;

padding: 4px 4px 4px 1px;

color: #ffffff;

font: normal bold 13px Arial, Helvetica, sans-serif;

min-width: 28px;

text-align: center;

}



.discount-label em strong {

font-weight: normal;

}



.products-box-detail {

border:1px solid #d3d3d3;

padding:16px;

width:496px;

background:#fff;

}



.price-grid{

font-size:12px;

font-weight:bold;

padding:5px 0 0 0;

}



.price {

font-size:15px;

font-weight:bold;

padding:5px 0 0 0;

}

/*

.details-btn{

margin:0;

padding:2px 6px;

}

*/

.btn1{

padding:5px 10px;

}



.details-btn {

border:1px solid #dfdbdb;

background:#e8e8e8 url(images/btn1-bg.gif) repeat-x;

outline:none;

cursor:pointer;

padding:2px 8px;

margin:8px 0 4px 0;

font-family:"Trebuchet MS";

color:#4d4d4d;

}



#container .block-bottom ul{ 

list-style:none;

margin:0;

padding:0 0 5px 0;

}



.block-bottom li{

background:url(images/li.gif) no-repeat 17px;

border-bottom:1px solid #d3d3d3;

padding:3px 0 3px 30px;

}



.block-bottom li.noborder{

border:none;

}



.block-bottom li a{

color:#4d4d4d;

font-weight:normal;

}



/* Genric Styles Starts */



.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }



.clearfix { display: inline-block;  float: left;}



html[xmlns] .clearfix { display: block;}



* html .clearfix { height: 1%; }



a { color:#222; text-decoration:none; font-weight:bold; }



h3{font-size:18px;}

h4{font-size:16px;}

h5, h6{font-size:14px;}

h1,h2,h3,h4,h5,h6{margin:0 0 0px 0;font-family:"Trebuchet MS";}

img{border:none;}

.clear{clear:both;}

.floatleft{float:left;}

.floatright{float:right;}

.center{text-align:center;}

.text-left{text-align:left;}

.text-right{text-align:right;}

.normal, .normal a{font-weight:normal;}

.textbold{font-weight:bold;}

#container .nomargin, .nomargin{margin:0;}

#container.nobg, .nobg{background:none;}

.padding15{padding:15px;}

/* Genric Styles Ends */





/* adjust the width to suit your merchant thumb size */

.floatleft-thumb{float:left; max-width: 120px; }