/*



Theme Name: WPAffiliateTheme



Theme URI: http://www.wpaffiliatetheme.co.uk



Description: WPAffiliateTheme is a 3 column CSV Datafeed ready affiliate marketing theme with 7 colour styles



Author: WPAffiliateTheme



Author URI: http://www.wpaffiliatetheme.co.uk



*/







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



/*------------------- Global Reset ---------------------*/



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



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  



	margin:0; 



	padding:0; 



} 



table { 



	border-collapse:collapse; 



	border-spacing:0; 



} 



p.addy { font-weight: light; font-size: 14px; color: #666666; text-transform: uppercase;text-align: right;	margin-right:2em;}



h1.name {font-weight: bolder; font-size: 2.9em; text-align: right; line-height: 22px;}



.logo {margin-left: 614px;}



fieldset,img {  



	border:0; 



} 



address,caption,cite,code,dfn,em,th,var { 



	font-style:normal; 



	font-weight:normal; 



} 



ol,ul { 



	list-style:none; 



} 



caption,th { 



	text-align:left; 



} 



h1,h2,h3,h4,h5,h6 { 



	font-size:100%; 



	font-weight:normal; 



} 



h1 { color: #00ccff;}



h2.mid {color: #cccccc;}



q:before,q:after { 



	content:''; 



} 



abbr,acronym {



	border:0; 



}



strong {font-weight: bolder; color:#FF00CC;}



/*---------------------- END RESET ---------------------*/







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



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



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







*{



margin:0;



padding:0;



}







body{



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

background-image:url(images/page_bg.jpg);
background-color: #a8dff8;
background-repeat:repeat-y;

background-attachment:fixed;

background-position:center; 

color:#222;



}







#wrapper{



width:960px;



margin:0 auto;



}







#header{

background:url(images/header.jpg) no-repeat top;
margin:0px 0 10px 0;
height:105px;
overflow:hidden;



padding-top: 5px;



width: 960px;



}







#logo{



width:320px;



float:left;



height: 82px;



padding:10px 0px 0 5px;



}



			



#logo h1 a{



display:block;



height:82px;



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;	

}

.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;



}







#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;



}







#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:#632804 url(images/nav-bg.jpg);}



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



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



.nav-div{background:#632804 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;



padding:10px;



width:234px;



min-height:180px;



height:200px;



float:left;



}

.products-box-grid{

margin:6px !important;

margin:4px;

border:1px solid #d3d3d3;

padding:10px;

width:158px;

min-height:180px;

height:200px;

float:left;

}



.products-box-sidebar{

margin:5px !important;

border:1px solid #d3d3d3;

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: 120px;

background: #cccccc;

}

.grid-thumb {

height: 130px;

position: absolute;

}

.grid-header {

font-size: 15px;

}

.details {



width: 190px;



margin-top: 5px;



}



.details-grid {

width: 166px;

padding-top: 105px;

}





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



font-weight:normal;



}







#container .products-box p img.floatleft{



margin:0px 0px 0 0;



}







.products-box-detail{



border:1px solid #d3d3d3;



padding:16px;



width:496px;



}





.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;



}







a.details-btn, a.btn1{



font-weight:normal;



}







a.details-btn:hover, a.btn1:hover{



color:#000;



text-decoration:none;



}







.products-box .details-btn{



margin:0 0 0 5px;



float: right;



}







.addtocart{



background:url(images/add-to-cart-btn.jpg) no-repeat;



width:88px;



height:28px;



border:none;



outline:none;



text-indent:-999px;



}







#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;



}







.block-bottom form{



padding:15px;



color:#4d4d4d;



}







.block-bottom form a{



color:#4d4d4d;



text-decoration:underline;



}



					



.block-bottom form a:hover{



color:#0292c8;



}







.search-text{



border:1px solid #dfdbdb;



padding:2px 0;



width:165px;



}



			



.search-btn, .details-btn, .login-btn, .btn1{



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;



}







p.login-links{



padding:7px 0 0 0;



}







p.login-links a{



font-weight:normal;



text-decoration:none;



color:#4d4d4d;



}







p.login-links a:hover{



color:#4d4d4d;



text-decoration:underline;



}



















/* Form Styles */







.input{



	border:1px solid #a5a5a5;



	background:none;



	cursor:text;



	margin:5px 0;



	padding:2px;



	width:200px;



}



textarea.input{



	width:415px;



	height:100px;



}



.input:focus, .textarea:focus{



	border:1px solid #000;



}



.signin-btn, .button1{



	background: transparent url(images/bt_register_black.png) no-repeat 0 0;



	width:94px;



	height:24px;



	line-height:20px;



	margin:8px 0;



	padding:2px 10px !important;



	padding:2px 0;



	color:#fff;



	font-weight:bold;



	border:none;



	outline:none;



	cursor:pointer;



}







/* Form Styles */











/* Paragraph and list Styles */







#container p{



	margin:0 0 15px 0;



}



#container form p{



	margin:0 0 5px 0;



}



#container p img.floatleft{



	margin:0 20px 0 0;



}



#container p img.floatright{



	margin:0 0 0 20px;



}



#mainarea img.floatleft, #mainarea p img.floatleft{



	margin:10px 10px 10px 0;



}



#mainarea img.floatright, #mainarea p img.floatright{



	margin:10px;



}



#container ul, #container ol{



	margin:0 0 0 20px;



}



#container ol{



	margin:0 0 0 30px;	



}



#container ul#works{list-style:none;margin:0;}



#container dt{



	font-weight:bold;



	margin:5px 0;



}







/* Paragraph Styles */







/* 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; }