@charset "utf-8";
/* CSS Document */
.controller-wrapper {
	/*width: 980px;*/
	width: 100%;
	height: auto;
	position: relative;
	margin: 0px auto 0px auto;
	line-height: normal !important;
	margin-bottom: 55px;
	z-index: 1;
}
.left-controler {
	width: 38%;
	height: 454px;
	float: left;
	position: relative;
	background-color: #F7F7F7;
}
.option-controler {
	background: #107c10 none repeat scroll 0 0;
	display: block;
	height: 45px;
	padding: 4px;
}
.prev-option-holder, .next-option-holder {
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 1px;
	color: rgba(255, 255, 255, 0.5);
	display: inline-block;
	height: 30px;
	text-align: center;
	width: 30px;
}
.prev-option-holder:focus, .next-option-holder:focus {
	color: rgba(255, 255, 255, 0.5);
}
.prev-option-holder {
	margin: 3px 0 0 3px;
	float: left;
}
.next-option-holder {
	margin: 3px 3px 0 0px;
	float: right;
}
.prev-option-holder i, .next-option-holder i {
	font-size: 25px;
	line-height: 26px;
}
.prev-option-holder:hover, .next-option-holder:hover {
	border-color: #fff;
	background: #fff;
	color: #107C10;
}
.option_left {
	float: left;
}
.option_right {
	float: right;
}
.option-holder {
	position: absolute;
	top: 45px;
	/*left: 14px;*/

	left: 0px;
	width: 100%;
	height: 408px;
	overflow-x: hidden;
	overflow-y: auto;/*-webkit-transition: width 1s ease, height 1s ease;
	-moz-transition: width 1s ease, height 1s ease;
	-o-transition: width 1s ease, height 1s ease;
	-ms-transition: width 1s ease, height 1s ease;
	transition: width 1s ease, height 1s ease;*/
}
.option-set {
	width: auto !important;
	height: 410px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}
.option-holder-expand {
	width: 980px !important;
	background: url(../images/rep-expandbg.png) repeat;
	-webkit-transition: width 1s ease, height 1s ease;
	-moz-transition: width 1s ease, height 1s ease;
	-o-transition: width 1s ease, height 1s ease;
	-ms-transition: width 1s ease, height 1s ease;
	transition: width 1s ease, height 1s ease;
	position: relative;
	z-index: 15000 !important;
	position: absolute;
	top: 46px;
	left: 0;
	display: none;
}
.option-title {
	float: left;
	width: 225px;
}
.option-name {
	display: inline-block;
	font-size: 19px;
	font-weight: 500;
	line-height: 36px;
	margin-left: 50px;
	padding-left: 0;
	color: #fff;
}
.option-box {
	background: #222 none repeat scroll 0 0;
	border: 1px solid #3a3a3a;
	border-radius: 0;
	float: left;
	height: 115px;
	margin: 15px 0px 0px 15px;
	overflow: hidden;
	position: relative;
	width: 88px;
}
.option-box-image {
	background: #3a3a3a none repeat scroll 0 0;
	height: 55px;
	overflow: hidden;
	text-align: center;
}
.option-box-title {
	font-size: 12px;
	font-weight: 400 !important;
	left: 0;
	overflow: hidden;
	padding: 9px 5px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	color: #fff;
}
.option-box-price {
	background: #3a3a3a none repeat scroll 0 0;
	bottom: 0;
	color: #d7d7d7;
	font-size: 13px;
	height: 24px;
	left: 0;
	line-height: 24px;
	position: absolute;
	text-align: center;
	width: 100%;
}
/***Selected class of option box***/

.selected-option-box {
	border: 1px solid #107C10;
}
.selected-option-box .option-box-title {
	color: #fff;
}
.selected-option-box .option-box-price {
	background: #107C10;
	color: #FFF;
}
.option-box:hover {
	cursor: pointer;
}
.right-controler {
	width: 60%;
	height: 454px;
	float: right;
	position: relative;
	background: #F7F7F7;
}
.slider-option-area {
	background: #107c10 none repeat scroll 0 0;
	display: block;
	height: 45px;
	padding: 9px;
}
.right-nav {
	float: left;
	display: block;
	top: 0px !important;
}
.right-nav a {
	background-size: contain !important;
	border: 1px solid #fff;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 1px;
	height: 28px;
	margin: 0 10px 0 0px;
	overflow: hidden;
	text-indent: -500px;
	width: 38px;
}
.option-img {
	border: 1px solid #000000;
	border-radius: 0;
	display: inline-block;
	height: 27px;
	position: absolute;
	top: 5px;
	vertical-align: text-bottom;
	width: 37px;
	background-color: #fff;
}
.option-img img {
	width: 100%;
	height: 100%;
}
.option-title center {
	position: relative;
}
.right-nav a.activeSlide {
	border-color: #000;
}
/*---Add Option--*/



a.optionIcon_1 {
	background: url(../images/icon_shell.png) no-repeat #fff;
}
a.optionIcon_2 {
	background: url(../images/icon_button_guide.png) no-repeat #fff;
}
a.optionIcon_3 {
	background: url(../images/icon_d-padd.png) no-repeat #fff;
}
a.optionIcon_4 {
	background: url(../images/icon_thumbstick_left.png) no-repeat #fff;
}
a.optionIcon_5 {
	background: url(../images/icon_thumbstick_right.png) no-repeat #fff;
}
a.optionIcon_6 {
	background: url(../images/icon_bottomtrim.png) no-repeat #fff;
}
a.optionIcon_7 {
	background: url(../images/icon_button.png) no-repeat #fff;
}
a.optionIcon_8 {
	background: url(../images/icon_batterypack.png) no-repeat #fff;
}
a.optionIcon_9 {
	background: url(../images/icon_bumpers.png) no-repeat #fff;
}
a.optionIcon_10 {
	background: url(../images/icon_triggers.png) no-repeat #fff;
}
a.optionIcon_11 {
	background: url(../images/icon_backshell.png) no-repeat #fff;
}
a.optionIcon_12 {
	background: url(../images/icon_thumbsticks_new.png) no-repeat #fff;
}
a.optionIcon_13 {
	background: url(../images/icon_mod_button.png) no-repeat #fff;
}
a.optionIcon_14 {
	background: url(../images/icon_batteries_new.png) no-repeat #fff;
}
/*--Option preview--*/

/*.option-prev1{width:400px; height:286px; position:absolute; z-index:1;}

.option-prev2{width:400px; height:286px; position:absolute; z-index:2;}

.option-prev3{width:400px; height:286px; position:absolute; z-index:3;}

.option-prev4{width:400px; height:286px; position:absolute; z-index:4;}*/



.option-prev1 {
	width: 635px;
	height: 307px;
	position: absolute;
	z-index: 1;
}
.option-prev2 {
	width: 635px;
	height: 307px;
	position: absolute;
	z-index: 2;
}
.option-prev3 {
	width: 635px;
	height: 307px;
	position: absolute;
	z-index: 3;
}
.option-prev4 {
	width: 635px;
	height: 307px;
	position: absolute;
	z-index: 4;
}
.controler-changer {
	/*width: 635px;*/
	width: 100%;
	/*height: 307px;*/
	height: auto;
	border: 0px solid #F00;
	margin: 0px;
	position: relative;
	overflow: hidden;
}
.controler-changer * {
	width: 100% !important;
	height: auto !important;
}
.controler-changer div:first-child {
	z-index: 1000
}
.bttn-expand {
	border: none;
	position: absolute;
	z-index: 100;
	bottom: -46px;
	cursor: pointer;
	left: 0px;
}
.bttn-wishlistnew {
	border: none;
	position: absolute;
	z-index: 100;
	bottom: -46px;
	cursor: pointer;
	left: 90px;
}
#counter {
	bottom: 10px;
	font-size: 90%;
	font-weight: 500;
	height: auto;
	line-height: normal;
	padding: 0;
	position: absolute;
	right: 10px;
	width: auto;
	z-index: 1000;
}
span.dtl {
	color: #616161;
	display: block;
	font-size: 13px;
	font-weight: 400;
	padding: 2px 0;
}
.bttn-random {
	display: block;
	position: absolute;
	top: 406px;
	left: 10px;
}
.bttn-addtocart {
	display: block;
	position: absolute;
	display: block;
	position: absolute;
	top: 406px;
	left: 96px;
	background: #403E3E;
}
.bttn-random, .bttn-addtocart {
}
.details-area {
	border: 0 solid #000;
	bottom: 57px;
	overflow: auto;
	padding: 0 10px;
	position: absolute;
	right: 0;
	width: 200px;
	z-index: 1000;
}
.details-area h1 {
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 5px 0;
	padding-bottom: 0;
	text-transform: uppercase;
	z-index: 10050;
}
.jThumbnailScroller {
	position: relative;
	/*width: 640px;*/
	height: 28px;
	overflow: hidden;
}
.jThumbnailScroller .jTscrollerContainer {
	position: absolute;
}
.jThumbnailScroller .jTscroller {
	position: relative;
	height: 100%;
	margin: 0;
	left: 0;
	top: 0;
	display: inline-block;
 *display:inline;
}
.jThumbnailScroller .jTscrollerNextButton, .jThumbnailScroller .jTscrollerPrevButton {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	opacity: 0.7;
}
.jThumbnailScroller .jTscrollerNextButton {
	background: #000 url(nextArrow.png) center center;
}
.jThumbnailScroller .jTscrollerPrevButton {
	background: #000 url(prevArrow.png) center center;
}
.jThumbnailScroller .jTscrollerNextButton:hover, .jThumbnailScroller .jTscrollerPrevButton:hover {
	background-color: #d56916;
	opacity: 1;
}
/*.jThumbnailScroller .jTscroller a{display:block; float:left; border:5px solid #ddd; margin:6px 10px 6px 0; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.jThumbnailScroller .jTscroller a:hover{border-color:#fff;}

.jThumbnailScroller .jTscroller a:first-child{margin-left:10px;}*/

.jThumbnailScroller .jTscroller a img {
	border: none;
}
.footer-wrap {
	margin-top: 0px !important;
}
.product-info {
	padding: 0px !important;
}
#content {
	padding: 0px !important;
}
#container {
	overflow: visible !important;
}
/* Added for free transform */
.ft-container {
	position: relative;
}
.ft-controls {
	position: absolute;
	width: 100%;
	height: 100%;
}
.ft-scaler {
	position: absolute;
	width: 8px;
	height: 8px;
	margin-left: -4px;
	margin-top: -4px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.ft-scaler-top {
	top: 0%;
}
.ft-scaler-mid {
	top: 50%;
}
.ft-scaler-bottom {
	top: 100%;
}
.ft-scaler-left {
	left: 0%;
}
.ft-scaler-center {
	left: 50%;
}
.ft-scaler-right {
	left: 100%;
}
.ft-rotator {
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url('rotate_ccw.png');
}
.images i {
	position: absolute;
	left: -5px;
	top: -23px;
	font-size: 16px;
}
#ControllerTextHolderID {
	z-index: 1000 !important;
}
.errorInfo {
	width: 200px;
	padding: 10px;
	background: #F6F6F6;
	border: 1px solid #DADADA;
	box-shadow: 0 0 1px 0 #e2e2e2;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -110px;
	z-index: 1000;
}
.errorInfo ul {
	background: #ffe1e1;
	padding: 10px;
	border: 1px solid #f2cccc;
}
.errorInfo li {
	color: red;
	font-size: 13px;
	font-weight: 500;
	padding: 2px 0;
}
#clsErr {
	background: none repeat scroll 0 0 #ffffff;
	border: 2px solid #c8c8c8;
	border-radius: 23px;
	cursor: pointer;
	height: 22px;
	line-height: 23px;
	position: absolute;
	right: -8px;
	text-align: center;
	top: -8px;
	width: 22px;
}
#clsErr i {
	font-size: 16px;
}
#y-badges .y-powered-by {
	color: #fff !important;
}
#menu > ul > li.cat_9 {
	background: #2CA560;
}
.end-date {
	text-align: center;
	font-weight: 400;
	padding-bottom: 10px;
	font-size: 16px;
}
.festival-banner {
	position: relative;
	background: #630216;
}
.festival-banner .main-wrapper {
	position: relative;
	width: 980px;
	margin: 0 auto;
}
.festival-banner img {
	width: 100%;
}
.countdown-area {
	position: absolute;
	top: -126px;
	left: 10px;
	color: #fff;
}
/*.countdown-area span{color:#fff !important;}*/





/* Help CSS
-----------------*/
.help-textarea {
	position: relative;
	z-index: 1050 !important;
}
.help-pointer {
	width: 10px;
	height: 10px;
	/*background: #06F;*/
	background: none !important;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.help-container {
	background: #474747;
	width: 260px;
	min-height: 50px;
	padding: 20px;
	position: relative;
	color: #FFF;
	font-size: 14px !important;
	font-weight: 400 !important;
	margin-top: 25px;
	margin-left: -147px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #BDBDBD;
	box-shadow: 0 0 2px 0 #111111;
	-moz-box-shadow: 0 0 2px 0 #111111;
	-webkit-box-shadow: 0 0 2px 0 #111111;
}
.help-container h1.wc-txt {
	font-weight: bold;
	font-size: 22px !important;
	text-align: center;
	color: #fff !important;
	line-height: normal;
	margin: 0 !important;
	padding: 0 0 10px 0 !important;
}
.bttn-next {
	width: 80px;
	height: 28px;
	line-height: 28px;
	border: none;
	background: #b1db51;
	text-align: center;
	cursor: pointer;
	color: #47591f;
	font-weight: bold;
	font-size: 13px;
	display: inline-block;
	text-decoration: none;
	text-shadow: 0px 1px 0px #cff385;
	margin-right: 5px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-webkit-transition: background 0.2s ease-in-out;
}
.bttn-next:hover {
	background: #c2f255;
	transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-webkit-transition: background 0.2s ease-in-out;
}
.bttn-dismiss:hover {
	background: #fff;
	transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-webkit-transition: background 0.2s ease-in-out;
}
.bttn-dismiss {
	width: 80px;
	height: 28px;
	line-height: 28px;
	border: none;
	background: #dadada;
	text-align: center;
	cursor: pointer;
	color: #222;
	font-weight: bold;
	font-size: 13px;
	display: inline-block;
	text-decoration: none;
	text-shadow: 0px 1px 0px #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-webkit-transition: background 0.2s ease-in-out;
}
.help-text {
	display: block;
	font-size: 13px;
}
.help-bttn-area {
	display: block;
	padding-top: 20px;
	text-align: right;
}
.wc-cont {
	width: 480px !important;
	margin-left: -260px !important;
}
span.tip-arrow {
	width: 22px;
	height: 11px;
	position: absolute;
	top: -11px;
	left: 139px;
	z-index: 100;
	background: url(../image/new/arrow-tip.png) no-repeat;
}
.wc-bttn {
	text-align: center !important;
}
.help-pointer {
	display: none;
}
.active-pointer {
	display: block !important;
}
 @media (max-width: 640px) {
.left-controler {
	float: none;
	width: 100%;
	margin-bottom: 55px;
}
.right-controler {
	float: none;
	width: 100%;
}
#ImageLoaderID {
	display: none;
}

.details-area{width:100%;}
}