/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	body { /*padding: 20px */
	background:#333333;
	}
	.panel h2.title { margin-bottom: 10px ;
	display:none;
	}
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0;  }
	.coda-slider { 
	 width:1150px !important;

	 }
.ProductList .coda-slider {
	 height:430px !important;
}	
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 950px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 948px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 /*10px*/; /*width: 100%;*/ }
	
	/* Arrow styling */
	.coda-nav-left a {
	 background:url(../images/left_active.jpg) no-repeat; 
	 height:26px;
	 color: #fff; 
	 padding: 5px; 
	 width: 100px ;
	 }
	 
	 .coda-nav-right a {
	background:url("../images/right_active.jpg") no-repeat scroll 95px 0 transparent;
	color:#FFFFFF;
	height:26px;
	padding:5px;
	width:100px;
}
	
.coda-nav-1 {
width:954px;
}	


	
	
	
	
	/* Tab nav */
.ProductList .coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper {

	position:relative;
	}
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center; display: none; }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav top */
	.coda-nav {
position:absolute;
/*top:39px;*/
z-index:500;
left: 102px;
/*margin-left:3px;*/
}

	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li {
	display: inline;
	/*height:500px;*/

	float:left;
	display:inline; }
	
.ProductList .coda-nav ul li a {
background:none repeat scroll 0 0;
color:#FFFFFF;
display:block;
float:left;
/*margin-right:1px;*/
padding:3px 6px;
text-decoration:none;
width:225px;
height:70px;
}





#coda-nav-1 {
	left: 100px;
}


	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; /*overflow: auto;*/ /*position: relative;*/  }
	.coda-slider { float: left; overflow: hidden; position: relative; top: -36px; }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
	.coda-nav-left {
left:100px;
position:relative;
top:200px;
z-index:500;
}


#leftFade {
position:absolute;
border-right: 2px solid #fff;
/*top:75px;*/
z-index:500;
}

#rightFade {
position:absolute;
border-left: 2px solid #fff;
right:0;/*58*/
top: 0;/*top:75px;*/
z-index:500;
}

.panel  {
left:100px !important;
position:relative!important;
width:948px !important;
}
	
	 .coda-nav-right {
	position:absolute;
	right:-100px;
top: 200px;
	z-index:500;
	}
	
	/*.panel-wrapper a {
		border:1px solid #ff0000;
		background-color:#ff0000;
	}*/


/*TOP BUTTONS*/

.ProductList #coda-nav-1 .tab1 a {
background:url("/App_Themes/initstudios/images/rollovers/rollover_top.png") no-repeat scroll -6px 0 transparent;
height:51px;
}

.ProductList #coda-nav-1 .tab1 a.current {
background:url("/App_Themes/initstudios/images/rollovers/rollover_top.png") no-repeat scroll -4px -78px transparent;
height:81px;
}

.ProductList #coda-nav-1 .tab2 a {
background:url("/App_Themes/initstudios/images/rollovers/rollover_top.png") no-repeat scroll -6px 0 transparent;
height:51px;
}

.ProductList #coda-nav-1 .tab2 a.current {
background:url("/App_Themes/initstudios/images/rollovers/rollover_top.png") no-repeat scroll -4px -78px transparent;
height:81px;
}

.ProductList #coda-nav-1 .tab3 a {
background:url("/App_Themes/initstudios/images/rollovers/rollover_top.png") no-repeat scroll -6px 0 transparent;
height:51px;
}
.ProductList #coda-nav-1 .tab3 a.current {
background:url("/App_Themes/initstudios/images/rollovers/rollover_top.png") no-repeat scroll -4px -78px transparent;
height:81px;
}

.ProductList #coda-nav-1 .tab4 a {
background:url("/App_Themes/initstudios/images/rollovers/rollover_top.png") no-repeat scroll -6px 0 transparent;
height:51px;
}

.ProductList #coda-nav-1 .tab4 a.current {
background:url("/App_Themes/initstudios/images/rollovers/rollover_top.png") no-repeat scroll -4px -78px transparent;
height:81px;
}

/*TOP BUTTONS END*/


/*BOTTOM BUTTONS*/
.ProductList #coda-nav-2  a {
background:url(../images/bt_buttons/click_inactive.png ) no-repeat;
height:98px;
}

.ProductList #coda-nav-2  a.current {
background:url(../images/bt_buttons/click_active.png ) no-repeat top right ;
}


/*BOTTOM BUTTONS END*/
.ProductList #coda-nav-2 {
	/*border-oright: 2px solid #fff;*/
}




/*Add to CSS*/
.GRHomeList li {
	position: relative;
}
.GRHomeList li .GRPrice {
	position: absolute;
	top: -30px;
}
#coda-nav-2 ul li a span.click {
display: block;
	text-indent: -1000px;
}
.ProductList #coda-nav-1 ul li a {
	/*text-indent: -1000px;	*/
}
#coda-nav-2 ul li a.current span.Size,
#coda-nav-2 ul li a.current span.Price {
	color: #000;
}
#coda-nav-2 ul li a span.Size,
#coda-nav-2 ul li a span.Price {
	margin-top: 27px;
	font-size: 1.3em;
	display: inline-block;
}
#coda-nav-2 ul li a span.Size {
	float: left;
	margin-left: 10px;	
}
#coda-nav-2 ul li a span.Price {
	float: right;
	margin-right: 10px;
}
.GRHomeList .text a {
	float: right;
	font-weight: bold;
	text-decoration:none;
	margin-right: 30px;
}
.GRHomeList .text a:hover {
	text-decoration: underline;
}
.ProductDetails #coda-nav-1 {
	margin: 395px 0 0 0;
	background: url(../../../../App_Themes/initstudios/images/GR2010/lowNavpng.png) left top repeat-x transparent;
height: 35px;
	
}
.ProductDetails #coda-nav-1 {
	width: 950px !important;
}
.ProductDetails #coda-nav-1 ul {
	width: 950px !important;
	margin: 0 15px 0 15px;
	overflow: hidden;
}
.ProductDetails #coda-nav-1 ul li a {
	font-size: 1.3em;
	color: #fff;
display: block;
font-weight: bold;
	text-decoration: none;
	padding: 8px 15px;
}
.ProductDetails #coda-nav-1 ul li a.current,
.ProductDetails #coda-nav-1 ul li a:hover {
	color: #0a8ebf;
}
.ProductDetails #coda-nav-1 ul li a.current {
	background: url(../images/D_Arrow.gif) no-repeat center bottom;
	padding-bottom: 25px;
}
.ProductDetails .leftcol {
	float: left;
	width: 635px;
	padding: 0 10px 20px 15px;
}
.ProductDetails .rightcol {
	float: right;
	width: 255px;
	padding: 0 15px 20px 10px;
}
.ProductDetails .leftcol,
.ProductDetails .rightcol {
	position: relative;
	z-index: 1;
	margin-top: 35px;
}
.ProductDetails .test {
	position: relative;
}
.ProductDetails .border {
	/*background-color: red;*/
	position: relative;
	z-index: 50;
}