/*
Theme Name: Stiga Sports Theme
Theme URL: http://wwww.stigasports.com
Description: A theme meant for Stiga Sports
Version: 0.1
Author: Robin Westergren
*/

/* CSS Document */


html{
		height: 100%;
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	height: 100%;
}

#s_main {
   min-height:100%;
   position:relative;
}

#s_header {
   background:#ff0;
   padding:10px;
}
#s_body {
   padding-bottom:460px;   /* Height of the footer */
}

#s_footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:460px;   /* Height of the footer */
   background:#6cf;
}


a {
	text-decoration:none;
	    cursor: pointer;
		color: #000;

}

a:hover {
	text-decoration: underline;
	color: #000;
}

p {
  font: 13px/21px Arial, sans-serif;
	color:#000;
	margin-bottom: 10px;
}


img{
	border: 0;
}

hr#divider    { 
	 background-color: #CCC; 
	 noshade: noshade; 
	 border: 0;
	 height: 5px; 
	 margin-bottom: 5px; 
	 margin-top: 5px; }
	
.clear, .cleaner { 
	clear: both; 
	height: 0; 
	overflow: hidden; }

.logo{
	float: left;
	padding-top: 20px;
	color: #FFF;
}

.logo img{
	margin: 5px 0px 5px 0;
	float: left;
	color: #FFF;
	height:46px;
}

#top-navigation {
	float: right;
	color: #FFF;
	font-size: 24px;
	line-height: 38px;
}

#top-navigation ul {
	margin: 0; 
	padding: 0; 
	list-style-type:none;
	
}

#top-navigation li {
	display:inline;
}

#top-navigation a {
	letter-spacing:1px;
	 font-family: 'Lato', Arial, sans-serif;
	text-decoration:none; 
	color: #FFF; 
	font-weight: 900;
}

#top-navigation a:hover {
	text-decoration:none; 
	color: #F60; 
	padding-top: 10px;
	border-bottom: 4px solid #f60;
}

.horizontal {border-left: 1px dotted #333; padding-left: 10px;}

.first { border-left: none; padding-right: 5px; }

#secondary-menu  {
	float: right;
	color: #FFF;
	font-size: 12px;
	line-height: 18px;
	letter-spacing:0.08em;
	width: 700px;
	margin-top: 20px;
	height: 20px;
	overflow: hidden;
}

#secondary-menu ul {
	float: right;
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}

#secondary-menu li {
	display: inline; 
	margin-left: 20px;
}

#secondary-menu a {
	text-decoration:none; 
	color: #FFF; 
	font-weight: 300;
}

#secondary-menu a:hover {
	text-decoration:none; 
	color: #F60; 
	padding-top: 10px;
	font-weight: 300;
	padding-bottom: 10px;
}

#top-search-navigation {
	margin-bottom: 10px;
	float:left;
}

#header{
	background: #000;
	color: white;
	height: 80px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
}


#intro {
	background-color: #171717;
	margin: 0;
	min-height: 460px;
}



#spaceproducts{
	background-color: #FFF;
	min-height: 20px;
	margin: 0;
}

#error {
	background-color: #FFF;
	height: 460px;
	margin: 0;
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #333;
}

#welcome_txt{
	color: #FFF;
	background-color:#000;
	
	padding-top: 20px;
}

#welcome_txt h1 {
 font-size: 38px;
 font-family: 'Lato','Microsoft YaHei', Arial, sans-serif;
 line-height: 40px; 
 font-weight:900;
}



#single-products{
	background-color: #FFF;
	border-bottom: 1px #CCC solid;
	margin: 0;
	min-height: 600px;
	padding: 20px 0 20px 0;
}

#single-products h4{
	padding-top: 8px;
	padding-bottom: 8px;

}

#single-products h4 img{
	float:right;
	padding-right: 10px;
	padding-top: 5px;
}

#single-products a{
	text-decoration: none;
}

#single-products a:hover{
	color: #F60;

}

#single-products .entry {
margin-top: 10px;

}

#single-products .entry img{
margin-top: 5px;
margin-right: 5px;

}
#product_specs {
 padding-bottom: 10px;
 width: 370px;

}

#sound_video {
 padding-bottom: 10px;

}


.products ul {
	}

	.products li {
		float: left;
		position: relative;
		}
		

.products_img {
	height: 160px;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	display: table-cell;
    vertical-align: middle;
	}
	
.products a:hover img{	
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */

}

.products a{
	color: #000;
	}
	
.products a:hover  {
	color: #F60;
	text-decoration:none;
	}

.products a h2 {
	font-size:21px;
	line-height:1.2;
	font-weight:900;
	margin-top: 5px;
}

#shortcuts-area{
	color: #FFF;
	background-color: #000;
	border-bottom: 1px #333 solid;
	margin: 0;
	padding: 20px 0 20px 0;
}

#shortcuts-area a{
	color: #FFF;
	
}

#shortcuts-area h2{
font-weight: 900;

}

#shortcuts-area h2 a:hover{
	color: #F60;
	text-decoration: none;
	
}

#shortcuts-area p{
		color: #FFF;
	margin-bottom: 5px;
	margin-top: 5px;
	
}
#shortcuts-area ul {
	margin-top: 5px;
	}
#shortcuts-area li {
  font: 20px/28px Arial, sans-serif;
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}

#shortcuts-area p{
color: #FFF;
}


#shortcuts-area input{
  -webkit-border-radius: 0;
  -webkit-appearance:none;
}

#shortcuts-area submit{
  -webkit-border-radius: 0;
}

 #shortcuts-area #id_email {
	 	   font: 13px/21px  Arial, sans-serif;
		   	   font-weight: 300;
border:1px solid #333;
color:#FFF;
padding: 5px;
background-color: #000;
height: 25px;
width: 150px;
float: left;
}

 #shortcuts-area #id_emai:hover {
border:1px solid #333;
color:#FFF;
background-color: #000;
height: 25px;
float: left;
}

 #shortcuts-area #button {
	 padding: 5px;
	 	   font: 13px/21px  Arial, sans-serif;
	   font-weight: 300;
	 float: left;
	 margin-left: 10px;
border:1px solid #333;
color:#333;
background-color: #000;
height: 37px;
width: 48px;
}

 #shortcuts-area #button:hover {
	 float: left;
	 margin-left: 10px;
border:1px solid #FFF;
color:#FFF;

}

#shortcuts-area .widget-container {
color: #FFF;
}

#shortcuts-area .widget-container a {
color: #FFF;
}
#news{
	color: #FFF;
	background-color: #171717;
	border-bottom: 1px #333 solid;
	padding: 20px 0 20px 0;
}

#products-container{
	background-color: #FFF;
	padding: 20px 0 20px 0;
}


#title-container {
	background-color: #FFF;
	padding: 20px 0 0px 0;
}

#title-container h1 {
	width: 700px;
}

#players-container {
	background-color: #FFF;
	padding-bottom: 20px;
}

#products-title {
	float: left;
}

#next-products {
	float: right;
}

#products-nav{
	color: #FFF;
	background-color: #191919;
	padding: 10px 0 10px 0;
}

#products-nav h4{
 font-family: 'Microsoft YaHei', Arial, sans-serif;
	color: #FFF;
}

#products-nav h4 a{
	color: #FFF;
	font-weight: normal;
	font-size: 13px;
}

#products-nav h4 a:hover{
	color: #F60;
	font-size: 13px;
	text-decoration:none;
}


#product-container h1{
	width: 200px;
	float: left;

}

#navleft a{
    background-image: url(images/arrows-port.png); 
	width: 30px;
		height: 30px;
	background-repeat:no-repeat;
background-position:right top;
	float: right;

}

#navleft a:hover{
    background-image: url(images/arrows-port.png); 
	width: 30px;
		height: 30px;
	background-repeat:no-repeat;
background-position:right bottom;
	float: right;

}

#navright a{
    background-image: url(images/arrows-port.png); 
	width: 30px;
		height: 30px;
	background-repeat:no-repeat;
background-position:left top;
	float: right;
}

#navright a:hover{
    background-image: url(images/arrows-port.png); 
	width: 30px;
		height: 30px;
	background-repeat:no-repeat;
background-position:left bottom;
}

 #search_navright {
    background-image: url(images/arrows-port.png); 
	width: 30px;
		height: 30px;
	background-repeat:no-repeat;
background-position:left top;
	float: right;
	padding-left: 1px;
}

 #search_navright{
    background-image: url(images/arrows-port.png); 
	width: 30px;
		height: 30px;
	background-repeat:no-repeat;
background-position:left bottom;
	padding-left: 1px;
}


#news-page {
	background-color: #FFF;
	padding: 0px 0 20px 0;
}

#search-page {
	background-color: #000;
	padding: 20px 0 20px 0;
}

#search-page-result {
	background-color: #FFF;
	height: 100%;
	padding: 20px 0 20px 0;
}

#search-page-result .post {
border-bottom: 1px solid #CCC;
}

#search-page-result .posts h2 {
	 font-family: 'Microsoft YaHei', Arial, sans-serif;
margin-bottom: 20px;
	margin-top: 20px;
}

#search-page-result .posts h2 a:hover {
	color: #F60;
	text-decoration: none;

}

#search-page-result .posts p {
	margin-top: 20px;
	margin-bottom: 20px;

}

#footer .push{
 
		height: 460px; /* .push must be the same height as .footer */

}
#footer{
    background-color: #000;
	border-top: 1px solid #333;
    width: 100%;
	color: #FFF;
		height: 460px; /* .push must be the same height as .footer */

}

#footer-column-a li {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}

#footer-column-b li {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}

#footer-column-b {
		color: #FFF;
	font-weight: 300;
		font-size: 13px;

}

#footer-column-b h4 {
	padding-bottom: 5px;
}

#footer-column-b p {
	color: #FFF;
	padding-bottom: 5px;
}


#footer-column-c li {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}


#footer-column-c a {
	color: #FFF;
	font-weight: 300;
	text-decoration: none;
}

#footer-column-c a:hover {
	color: #F60;
	font-weight: 300;
	font-size: 13px;
	text-decoration: none;
}	

#test {
	width:214px;
	height:200px;
	background-color:#0F0;
	position:absolute;
	top:0;
	left:0;
}
.article {
	width:300px;
	margin-top:10px;
	margin-bottom:30px;
	background-color: #F1F1F1;

}

.article a:hover img {	
	opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
text-decoration: none;
}

.article a:hover h2 {	
color: #F60;
text-decoration:none;
}


.article li {
	width:300px;
	margin-bottom:10px;

}

.article ul, .article ol {
	margin-bottom:15px;
	margin-left:45px;
		list-style-type:none;

}


#news-archive .li_cont1 {
margin-right: 20px;
list-style-type:none;
}

#news-archive .li_cont2 {
margin-right: 20px;
list-style-type:none;
}

.ncol li {
list-style-type:none;
}

.mcol li {
list-style-type:none;
}


.article ul {
list-style-type:none;
}
.article li {
	list-style-type: none;
}

.article ol {
	list-style-type: none;
}
.article img {
	border:0 none !important;
}

.li_container {

}


.article a {
	color:#000;
	text-decoration:none !important;
}
.article h2 {
	 font-family: 'Lato', Arial, sans-serif;
	font-size:21px;
	line-height:1.2;
	padding: 5px;
	font-weight: 900;
}
.article h2 a {
	color:#000;
	text-decoration:none !important;
}

.article h2 a:hover {
	color:#F60;
	text-decoration:none !important;
}

.article p {
		padding: 5px;

}
.article .postmetadata {
		padding: 5px;

	font-size:11px;
	color:#000;
	text-decoration:none;
}

/********************************************************************************************* 

7. Products Item  -------------------------   single-products.php

*********************************************************************************************/   
#productinfo {
	margin-top: 60px;
	margin-left: 30px;
	margin-bottom: 60px;
 	}

#productinfo  a:hover img {
 	}



#products-slider {
	position:relative;
	margin:0 0 0 0;
	overflow: hidden; 
	width: 460px; 
 	}
 	

#products-slider #products_nav {
 	position:absolute;
 	bottom:0;
 	right:0;
 	z-index:100;
 	width:65px;
	}
	

#slides_two .slides_container {
	position:relative;
	margin: 0;
	overflow: hidden; 
	width: 460px; 
	margin-top: 60px;
	margin-bottom: 20px;
  }
  
  

#slides_two a .prev_two{
    background-image: url(images/arrows-port.png); 
	width: 30px;
	height: 30px;
	float: right;
	background-repeat:no-repeat;
background-position:right top;
}

#slides_two a .next_two {
    background-image: url(images/arrows-port.png); 
	width: 30px;
	height: 30px;
	float: right;
	background-repeat:no-repeat;
background-position:left top;
}
 
 
 #slides_two a .prev_two:hover{
    background-image: url(images/arrows-port.png); 
	width: 30px;
	height: 30px;
	float: right;
	background-repeat:no-repeat;
background-position:right bottom;
}
 
 #slides_two a .next_two:hover {
    background-image: url(images/arrows-port.png); 
	width: 30px;
	height: 30px;
	float: right;
	background-repeat:no-repeat;
background-position:left bottom;
} 
  
  
  /*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/********************************************************************************************* 

6. products Gallery ----------------------------- template-products.php

*********************************************************************************************/ 
#nav-filter a {
font-family: Lato, Arial, Helvetica, sans-serif;
font-weight: 900;
color: #FFF;

}

#nav-filter a:hover {
color: #F60;
text-decoration:none;
}

#filter{
margin-top: 10px;
}
 
#navlist {
	width: 940px;
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li
{
float: left;
list-style-type: none;
margin-right: 4px;
}

#navlist li a
{
width:130px;
display: block;
margin: 0;
color: #FFF;
line-height: 22px;
text-align: left;
text-decoration: none;
padding-bottom: 1px;
font-weight: BOLD;
border-bottom: 4px solid #333;

}

#navlist li a:hover
{
color: #F60;
text-decoration: none;
}

#navlist li#active a
{
color: #FFF;
}

#navlist li#active a:hover { 
color: #F60; }

#navlist ul.children
{
margin-top: 5px;
font-weight: Normal;
color: #FFF;
width: 128px;
left: 0;

}

#navlist ul.children li
{
color: #FFF;
margin: 0;
border: 0;
font-weight: Normal;

}

#navlist ul.children li a
{
width: 128px;
font-weight: Normal;
border: 0;
color: #F1F1F1;
line-height: 18px;

}

#navlist ul.children li a:hover
{
color: #F60;
font-weight: Normal;
text-decoration: none;
/* IE5/Mac disappearing item fix */
}

#navlist ul.children li#subactive a
{
background-color: #FFF;
color: #000;
font-weight: Normal;
}

#intro-products
{
margin-top: 20px;
margin-bottom: 20px;
}

#intro-products a
{
color: #FFF;
}

#intro-products a:hover
{
color: #F60;
text-decoration: none;
}

#intro-products a:hover img {	
	opacity:0.8;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

#intro-products h3
{
margin-top: 5px;
margin-bottom: 20px;
}


.products {
	width:230px;
	height: 260px;
	background-color:#FFF;
	overflow:hidden;
	align: center;

}

.products_img {
margin-bottom: 10px;
}

.products_img img {
	display:block;
	margin-left: auto;
	margin-right: auto;
}

#products-archive .li_cont1 {
margin-right: 6px;
list-style-type:none;
}

#products-archive .li_cont2 {
margin-right: 6px;
list-style-type:none;
}


#products-archive .li_cont3 {
margin-right: 6px;
list-style-type:none;
}

.products .products_type a{
 color: #000;
 text-decoration: none;
 padding-right: 5px;
}

.products .products_type a:hover{
 color: #000;
 text-decoration: underline;
}

#players-archive .li_cont1 {
margin-right: 10px;
list-style-type:none;
}
.players a{
color: #000;
}

.players a:hover{
color: #F60;
text-decoration:none;
}

.players_img{
	height: 180px;
	overflow: hidden;

}

.players_img img:hover {	
	opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

#searchform #s {
	 	   font: 13px/21px  Arial, sans-serif;
font-weight: 300;
 border: 1px solid #333;
  float:left;
  height:25px;
  position:relative;
}

 #searchform input {
  background-color:#000000;
  color:#444444;
  float:left;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:0;
  padding-top:5px;
  width:130px;
  -webkit-border-radius: 0;
}
 #searchform input:hover,  #search input:focus {
  color:#FFFFFF;
  outline-width:0;
}

#searchform #s:focus, #searchform #s:hover {
	border:solid 1px #FFF;
}

/********************************************************************************************* 

4. Page -------------------------  

*********************************************************************************************/ 

.entry-title {
font-weight:900;
margin-top: 20px;
margin-bottom: 20px;
}


.entry-content p {
	color:#000000;
margin-bottom: 10px;
  font: 13px/21px Arial, sans-serif;

}
.entry-content  h3 {
margin-bottom: 5px;

}

.entry-content  h4 {
margin-bottom: 5px;

}

.entry-content  h5 {
margin-bottom: 5px;

}

.entry-content  h6 {
margin-bottom: 5px;

}
.entry-content img {max-width:100%;}


/*---:[ image styles ]:---*/
	.entry-content img {max-width:100%;}
	.entry-content img, .entry-content .gallery img { border: 1px solid #fff; margin: 0.1em 0; }
	.entry-content img.left, .entry-content img.alignleft { padding: 3px; margin: 0.5em 10px 10px 0; float: left; clear: left; }
	.entry-content img.right, .entry-content img.alignright { padding: 3px; margin: 0.5em 0 10px 10px; float: right; clear: right; }
	.entry img.center, .entry-content img.aligncenter { display: block; padding: 3px; margin: 0 auto 1.5em auto; float: none; clear: both; }

	.entry-content img.off { padding: 0 !important; border: none !important; }
	.entry-content img.stack { clear: none !important; }

	.entry-content div.alignleft { text-align: left; float: left; }
	.entry-content div.alignright { text-align: right; float: right; }
	.entry-content div.aligncenter { text-align: center; margin: 0 auto; }
	
.entry-thumbnail {
margin-bottom: 20px;
width: 940px;
max-height: 480px;
overflow:hidden;
}

.entry-content blockquote {
  border-bottom-color:#f1f1f1;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-image:initial;
  border-left-color:#f1f1f1;
  border-left-style:solid;
  border-left-width:5px;
  border-right-color:#f1f1f1;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#f1f1f1;
  border-top-style:solid;
  border-top-width:1px;
  font-size:16px;
  font-style:italic;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:10px;
  margin-top:10px;
  padding-bottom:15px;
  padding-left:15px;
  padding-right:15px;
  padding-top:15px;
}
.entry-content hr {
  margin-bottom:14px;
}
.entry-content ul, .entry-content ol {
  margin-bottom:14px;
  margin-left:14px;
  margin-right:0;
  margin-top:0;
}
.entry-content li ul, .entry li ol {
  margin-bottom:0;
}
.entry-content li {
  list-style-position:inside;
}
.entry-content ul li {
  list-style-type:square;
}
.entry-content ol li {
  list-style-type:decimal;
}

.share {
margin-bottom: 30px;
}

#submenu {
	margin-bottom: 20px; 
}

#submenu h4 a:hover {
text-decoration: none;
color: #F60;
}
#left-sidebar-page .widget-container {
	margin-bottom: 20px; 
}

#left-sidebar-page li {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}

#left-sidebar-page .widget-title  {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 5px #f1f1f1 solid;
}

#left-sidebar-page .widget-title h4 {
	font-weight:900;
padding-bottom: 5px;
}

#right-sidebar-page .widget-container {
	margin-bottom: 20px; 
}

#right-sidebar-page li {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}

#right-sidebar-page .widget-title  {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 5px #f1f1f1 solid;
}

#right-sidebar-page .widget-title h4 {
	font-weight:900;
padding-bottom: 5px;
}


#left-sidebar-news .widget-container {
	margin-bottom: 20px; 
}

#left-sidebar-news li {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}

#left-sidebar-news .widget-title  {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 5px #f1f1f1 solid;
}

#left-sidebar-news .widget-title h4 {
	font-weight:900;
padding-bottom: 5px;
}

#right-sidebar-news .widget-container {
	margin-bottom: 20px; 
}

#right-sidebar-news li {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}

#right-sidebar-news .widget-title  {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 5px #f1f1f1 solid;
}

#right-sidebar-news .widget-title h4 {
	font-weight:900;
padding-bottom: 5px;
}



/********************************************************************************************* 

4. Featured Slider -------------------------  

*********************************************************************************************/   
 #index_featured { 	position:relative;  height:460px;overflow: hidden; padding-top: 2em; padding-bottom: 2em;}
 #index_featured .slides_container { height:460px;overflow: hidden; position: absolute; display: block; width: 940px; margin-left: auto; margin-right: auto; z-index:1; background-color: #000;}

#slides { overflow: hidden;   z-index:1; margin-right:auto; margin-left:auto;}
.slides_container { overflow: hidden; position: absolute; display: block; width: 940px; margin-left: auto; margin-right: auto; z-index:1;}
#slides { width: 940px; margin-right: auto; margin-left: auto; overflow:hidden;}

#index_featured #slides  .next {
	width: 75px;
	height: 100px;
	position:absolute;
	top: 190px;
	right: 0px;
  display:block;
  z-index:99999;
  background-color: #000;
}

#index_featured #slides  .next:hover {
  background-color: #333;
  cursor: pointer;
}

#index_featured #slides .prev {
	width: 75px;
	height: 100px;
	position:absolute;
	top: 190px;
	left: 0px;
  display:block;
  z-index:99999;
  background-color: #000;
}

#index_featured #slides .prev:hover {
  background-color: #333;
    cursor: pointer;

}


#index_featured #slides .prev img{
	margin-top: 20px;
	margin-left: 15px;
	}
	
#index_featured #slides .next img{
	margin-top: 20px;
	margin-left: 25px;
	}


	.pcol li { 
list-style: none;
	}
	

.pcol h3 {
	font-size:21px;
	line-height:1.2;
	font-weight: 900;
	margin-bottom: 20px;
	margin-top: 5px;
	
}

.pcol h2 a:hover {
color: #F60;
text-decoration: none;
}
	
a.button {
    /* Sliding right image */
background-image:url(images/arrow.png);
background-position:right top;
display: block;
float: left;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 10px;
padding-right: 36px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #FFF;
	 	   font: 13px/21px  Arial, sans-serif;

font-weight: 300;
}
a.button span {
/* Background left image */ 
background: #333;
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding-left: 8px;
padding-top: 4px;
} 
a.button:hover {
    /* Sliding right image */
background-image:url(images/arrow_hover.png);
background-position:right top;
display: block;
float: left;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 10px;
padding-right: 36px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #FFF;
	 	   font: 13px/21px  Arial, sans-serif;

font-weight: 300;
}
a.button:hover span{
text-decoration:none;
background: #585857;
}


a.download {
    /* Sliding right image */
background-image:url(images/arrow_download.png);
background-position:right top;
display: block;
float: left;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 10px;
padding-right: 36px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #FFF;
	 	   font: 13px/21px  Arial, sans-serif;

font-weight: 300;
}
a.download span {
/* Background left image */ 
background: #333;
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding-left: 8px;
padding-top: 4px;
} 
a.download:hover {
    /* Sliding right image */
background-image:url(images/arrow_download_hover.png);
background-position:right top;
display: block;
float: left;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 10px;
padding-right: 36px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #FFF;
	 	   font: 13px/21px  Arial, sans-serif;

font-weight: 300;
}
a.download:hover span{
text-decoration:none;
background: #585857;
}

/* ------- Fluid Columns ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}