/* @override
	http://stage.rangers.fresca.co.uk/pws/client/images/content/homepage/home_style.css
	https://stage.rangers.fresca.co.uk/pws/client/images/content/homepage/home_style.css */

#home_container {width:960px; height:auto; margin:auto;}

#homepagefader {
height:377px;
width:533px;
overflow:hidden;
}
#fadermaindiv div {
height:377px;
margin:-3px 0 0;
padding:0;
}
.fadermainnavi {
display:none;
height:20px;
left:200px;
position:absolute;
top:12px;
z-index:100;
}
#fadermainnavi a {
background-image:url(/pws/client/images/content/homepage/fmainnav_normal.gif);
color:#313131;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0 8px 0 0;
padding:5px 8px;
text-decoration:none;
}
#fadermainnavi a.activeSlide {
background-image:url(/pws/client/images/content/homepage/fmainnav_hover.gif);
color:#313131;
}
#fadermainnavi a:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
#controls {
margin:0;
padding:0;
position:absolute;
left:492px;
top:60px;
z-index:100;
}
* html #controls {
background-color:#000000;
margin:0;
padding:0;
position:absolute;
left:492px;
top:60px;
z-index:100;
}


#main_homepage {
	height: 333px;
	width:auto;
	margin-bottom: 20px;
}

#main #main_image {
height:324px;
float:left;
margin:0;
padding:0;
}

#main #main_side {
	float:right;
	height:324px;
	width:338px;
}

#main_side #top_right { width:338px; height:155px;}
#main_side #bottom_right { width:338px; height:155px; margin-top:14px;}

#home_container #products_container {
	background:#fff url(products_bg.jpg) no-repeat;
	height:270px;
	margin:20px auto 45px auto;
	clear:both;
	padding:35px 0 0 0;
	display: none;
}


#home_container .landing_product {
float:left;
margin:0;
height:190px;
width auto;
text-align: center;
}


#home_container .landing_product_img {
height:120px;
width:110px;
background-position:center;
background-repeat:no-repeat;
background-color:#FFFFFF;
-moz-border-radius: 7px;
}

#home_container .landing_product img {float:right; margin:0 0 3px 0px; height:180px}

#home_container .landing_product_info {
width: 110px;
}

#home_container .landing_product_info .lp_title {
	color: black;
	font-size:12px;
}

#home_container .landing_product_info .lp_rrp {color:#262626; font-size:12px;}

#home_container .landing_product_info .lp_jjb {
	color:#262626; 
	font-size:12px; 
	font-weight:bold;
	line-height: 25px;
}

#home_container #text {
width:885px;
height:210px;
overflow:auto;
margin:auto;
color:#262626;
}

#home_container #text a {
	color:#fff;
}

#home_container #text h2 {
margin:0 0 10px 0;
padding:0;
font-size:14px;
line-height:18px;
font-weight:bold;
}

#home_container #text ul {
margin:10px 0;
}

#home_container #text li {
list-style:inside;
list-style-type: disc;
margin-left:10px;
}

#homepagefader {
	float:left;
	height:324px;
	width:600px;
	overflow:hidden;
}
#fadermaindiv div {
height:324px;
	width:600px;
margin:-3px 0 0;
padding:0;
}
.fadermainnavi {
display:none;
height:20px;
left:200px;
position:absolute;
top:12px;
z-index:100;
}
#fadermainnavi a {
background-image:url(/pws/client/images/content/homepage/fmainnav_normal.gif);
color:#313131;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0 8px 0 0;
padding:5px 8px;
text-decoration:none;
}
#fadermainnavi a.activeSlide {
background-image:url(/pws/client/images/content/homepage/fmainnav_hover.gif);
color:#313131;
}
#fadermainnavi a:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
#controls {
	margin:0;
	padding:0;
	position:absolute;
	left:608px;
	top:9px;
	z-index:100;
}
* html #controls {
background-color:#000000;
margin:0;
padding:0;
position:absolute;
left:492px;
top:60px;
z-index:100;
}

/*HOMEPAGE CONTENT SLIDER*/

#featured{  
    width:700px;  
    position:relative;  
    height:333px;  
}

#featured ul.ui-tabs-nav{  
    position:absolute;  
    top:10px; left:755px;  
    list-style:none;  
    padding:0; margin:0;  
    width:154px;  
}  
#featured ul.ui-tabs-nav li{  
    padding-left:13px; 
    font-size:12px;  
    color:#666;  
}  
#featured ul.ui-tabs-nav li span{  
    font-size:11px; font-family:Verdana;  
    line-height:18px;  
} 

#featured .ui-tabs-panel{  
    width:960px; height:333px;  
    position:relative;  
    overflow:hidden;  
}  
#featured .ui-tabs-hide{  
    display:none;  
} 
/*#featured li.ui-tabs-nav-item a{/*On Hover Style*!/  
    display:block;  
    height:60px;  
    color:#333;  
    line-height:20px;  
    outline:none;  
} */ 
/*#featured li.ui-tabs-nav-item a:hover{  
    background:#f2f2f2;  
}  */
/*#featured li.ui-tabs-selected{ /*Selected tab style*!/  
    background:url('images/selected-item.gif') top left no-repeat;  
} */ 
/*#featured ul.ui-tabs-nav li.ui-tabs-selected a{  
    background:#ccc;  
}*/
#featured ul.ui-tabs-nav li img{  
    float:left; margin:7px 5px;  
    padding:2px;  
} 
#featured .ui-tabs-panel .info{  
    display: none; 
}  
#featured .info h2{  
    font-size:18px; font-family:Georgia, serif;  
    color:#fff; padding:5px; margin:0;  
    overflow:hidden;  
}  
#featured .info p{  
    margin:0 5px;  
    font-family:Verdana; font-size:11px;  
    line-height:15px; color:#f0f0f0;  
}  
#featured .info a{  
    text-decoration:none;  
    color:#fff;  
}  
#featured .info a:hover{  
    text-decoration:underline;  
}

/*END HOMEPAGE CONTENT SLIDER*/

#home_middle{
	position: relative;
	height: 205px;
}

#middle_left{
	float: left;
	height: 190px;
	width: 350px;
}

#middle_right{
	float: right;
	height: 190px;
	width: 610px;
	background: url('/pws/client/images/common/accordion_bg.png') center center no-repeat;
}

/*START ACCORDION SLIDER*/

/*	START ACCORDION CONTENT*/

#accordion ul{
	width: 500px;
	height: 160px;
	float: left;
}

#accordion li ul li {
	width: 115px;
	color: black;
	margin-left: 10px;
}

#accordion li ul li  a{
	cursor: pointer;
	margin-top: -12px;
	padding-top: 120px;
	display: block;
	width: 125px;
	height: 150px;
	text-align: center;
}

#accordion li ul li  a:hover{
	color: #002e5f;
}

#accordion li ul li p{
	width: 115px;
	font-size: 11px;
}

#accordion li ul li p.price{
	font-weight: bold;
	font-size: 14px;
}

/*	END ACCORDION CONTENT*/


#accordion {
list-style: none;
height: 186px;
overflow: hidden;
padding-left: 6px;
padding-top: 3px;
width: 610px;
}
 
#accordion li {
float: left;
display: block;
height: 170px;
width: 26px;
padding: 15px 0;
overflow: hidden;
text-decoration: none;
font-size: 16px;
line-height: 12px;
}

#accordion li img {
border: none;
float: left;
margin: -15px 0 0 0;
cursor: pointer;
}
 
#accordion li.active {
width: 545px;
}

/*END ACCORDION SLIDER*/

#bottom_links{
	height: 125px;
}

#bottom_links li{
	float: left;
	margin-right: 6px;
}

#bottom_links a{
	display: block;
	text-indent: -999em;
	width: 234px;
	height: 121px;
}

#bottom_links a#bottom_1{
	background: url('/pws/client/images/rangers-play/mens_home_shirt.jpg') center center no-repeat;
}

#bottom_links a#bottom_2{
	background: url('/pws/client/images/rangers-play/womens_home_shirt.jpg') center center no-repeat;
}

#bottom_links a#bottom_3{
	background: url('/pws/client/images/rangers-play/boys_home_shirt.jpg') center center no-repeat;
}

#bottom_links a#bottom_4{
	background: url('/pws/client/images/rangers-play/girls_home_shirt.jpg') center center no-repeat;
}

.bottom_banner{
	margin-top: 10px;
}

/*Rick's Carousel*/
#home_container ul li{margin-left:0px;}
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    left: 5px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list ul li,
.jcarousel-item {
    list-style: none;
	float:left;
margin:0 13px 0 0;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
height:220px;
width:190px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
 
.jcarousel-next {
    z-index: 3;
    display: none;
    margin-top: 10px;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
    margin-top: 10px;
}


.jcarousel-skin-ie7 .jcarousel-container {
margin: auto;
margin-top: -20px;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 465px;
    padding: 0 25px 0 25px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width: 400px;
	margin:auto;
}

/**
 *  Horizontal Buttons
 */
 
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 70px;
    right: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url('/pws/client/images/content/homepage/next-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 70px;
    left: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(/pws/client/images/content/homepage/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

#mycarousel li {
width: 120px;
}