#add_to_cart_frame {
  border:2px solid #88d0f9;
  float:left;
  height:149px;
  margin:40px 0 0 403px;
  position:absolute;
  width:101px;
  z-index:10;
 /* *margin:40px 0 0 398px;*/
}


#jCarouselLiteDemo .carousel  {
    
}

    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #jCarouselLiteDemo .carousel .prev, #jCarouselLiteDemo .carousel .next {
        display: block;
        float: left;
        width: 22px;
        height: 209px;
        text-decoration: none;
        background: transparent  url("../images/new_left_nav.png") left 0px no-repeat;
    }
        #jCarouselLiteDemo .carousel .next {
            background: transparent url("../images/new_right_nav.png") right 0px no-repeat;
        }
            #jCarouselLiteDemo .carousel .next:hover {
                background-image: url("../images/new_right_nav.png");
            }
            #jCarouselLiteDemo .carousel .prev:hover {
                background-image: url("../images/new_left_nav.png");
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }                 

#jCarouselLiteDemo .carousel .prev a,
#jCarouselLiteDemo .carousel .next a {
	display:block;
	height:55px;
	margin-top:70px;
	width:10px;
}

#jCarouselLiteDemo .carousel .prev a {
  margin-left:6px;
}

#jCarouselLiteDemo .carousel .next a {
  margin-left:4px;
}
#jCarouselLiteDemo .carousel .jCarouselLite, x:-moz-any-link {float:left;}
#jCarouselLiteDemo .carousel .jCarouselLite, x:-moz-any-link, x:default {float:left;}


#jCarouselLiteDemo .carousel .jCarouselLite {
	background:transparent url(../images/new_carousel_bg.png) repeat-x scroll 0 0;
	height:209px;
	position:relative;
	visibility:hidden;
	left:-5000px;
	padding:0px 5px 0px 5px;
}
#jCarouselLiteDemo .carousel ul{margin:30px 0 0 0;}
#jCarouselLiteDemo .carousel li img, #jCarouselLiteDemo .carousel li p{background-color:#fff;width:78px;height:114px;margin:0px;}

.jCarouselLite li {margin:0px 8px 0px 9px;width:78px !important;height:150px !important; overflow:visible !important;}
.jCarouselLite li.n span {display:block;background:transparent;width:10px;height:10px;position:absolute;top:10px;}
.jCarouselLite li.v span {display:block;width:17px;height:17px;position:absolute;z-index:8;margin:2px;background:transparent url("../images/seagate/voucher_icon.gif") no-repeat scroll 0 0;}
.jCarouselLite li.f span {display:block;width:38px;height:38px;position:absolute;z-index:8;margin:0px;background:transparent url("../images/seagate/voucher_ico_free.gif") no-repeat scroll 0 0;}	

#center_frame {width:92px;height:149px;position:absolute;z-index:2;left:379px;top:40px;border:3px solid #f7941d;}
#add_to_cart_frame span.v {display:block;width:17px;height:17px;position:absolute;z-index:8;margin:1px 0px 0px 1px;background:transparent url("../images/seagate/voucher_icon.gif") no-repeat scroll 0 0;}
#add_to_cart_frame span.f {display:block;width:38px;height:38px;position:absolute;z-index:8;margin:0px;background:transparent url("../images/seagate/voucher_ico_free.gif") no-repeat scroll 0 0;}
#add_to_cart_frame span.buynow {display:block;background:#CF2016;width:10px;height:10px;position:absolute;z-index:8;margin:136px 10px 10px 0px;}

#carousel_options {position:absolute;z-index:7;margin:8px 5px 5px 10px;}
#carousel_options a {font-size:11px !important;display:block;width:340px;float: left;}
#carousel_options a:hover { color:#ffffff !important;}

#carousel_options span {
color:#282828;
display:block;
float:left;
font-weight:bold;
text-align:center;
width:400px;
line-height:1.0em;
}
#carousel_options span#product_title {
  padding-bottom:2px;
  color:#E2F3FC;
}

/* Default classes for clearing float, also clearing the end without presentational markup*/
.clear { clear: both; }
    .cLeft { clear: left; }
    .cRight { clear: right; }
    .cEnd {
    /* clear fix without presentational markup. Mostly use .cEnd class for the float container. But when lotta containers
    in one selector, add it directly here like #propertyEntry div */
        display: inline-table;
    /* Hides from IE-mac \*/
        height: 1%;
        display: block;
    /* End hide from IE-mac */
    }
        html>body .cEnd {
        height: auto;
    }
    .cEnd:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

#add_to_cart {
  background:transparent url(../images/add_to_cart_bg.gif) repeat-x scroll 0 0;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	height:14px;
	margin-left:-2px;
	width:105px;
	text-align:center;
	display:block;
}
/*
Home page carousel when product is not available
*/
.carousel-noproduct {
  background:transparent url(../images/new_carousel_bg.png) repeat-x scroll 0 0;
  height:209px;
  position:relative;
  width:860px;
}
.carousel-message {
  padding-top:95px;
  font-weight:bold;
  text-align:center;
}

.selected_image_class {
    border:2px solid #88d0f9;
	display:none;
	height:150px;
	margin-left:-14px;
	overflow:visible !important;
	position:relative;
	top:-152px;
	width:101px;
}
.selected_image_class img {
  width:101px !important;
  height:150px !important;
}

#title_que .main_image {
  height:150px !important;
}