/* SCR#428738 (start) */
.storeTD{
	font-size: 10px;
	}
.sStatusTD{
	font-size: 10px;
}
/* SCR#428738(end) */
.popupHint{
	position: absolute;
    width: 280px;
    padding: 10px;
    background: #fff;
    color: #000000;
    border: 1px solid #1a1a1a;
    font-size: 90%;
    z-index:1;
}
/* Ticket #585638 starts */
input{
	-webkit-border-radius : 0px;
}

#nbstores{
	margin-top:5px !important;
}
/* Ticket #585638 ends */

.tab_link {

	PADDING-RIGHT: 5px;
	BORDER-TOP: #E9E9E9 0px solid;
	BORDER-LEFT: #E9E9E9 0px solid;
	BORDER-RIGHT: #E9E9E9 0px solid;
	BORDER-BOTTOM: #E9E9E9 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND: #E9E9E9;
	MARGIN-RIGHT: 10px;
	FLOAT: left;
	COLOR: grey;
	FONT-VARIANT: small-caps;
	TEXT-DECORATION: none
}
.tab_link_selected {
	BACKGROUND-COLOR: #CCE6FF;
	BORDER-TOP: #CCE6FF 1px solid;
	BORDER-LEFT: #CCE6FF 1px solid;
	BORDER-RIGHT: #CCE6FF 1px solid;
	BORDER-BOTTOM: #CCE6FF 1px solid;
	COLOR: white;
}
.cross_vtab {
	BORDER-TOP: #ffffff 1px solid;
	BORDER-LEFT: #ffffff 1px solid;
	BORDER-RIGHT: #ffffff 1px solid;
	BORDER-BOTTOM: #ffffff 1px solid
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 0px;
	MARGIN-TOP: 0px;
	DISPLAY: none;
	COLOR: grey;

}
.clear {
	CLEAR: both
}

body {
font-family:verdana;
font-size:15px;
}

.carousel-component {
	padding:8px 16px 4px 36px;
	margin:0px;
}

.carousel-component .carousel-list li {
	margin:4px;
	width:129px;
	height:260px;
}

.carousel-component .carousel-list li a {
	display:block;
	border:none;
	/*border:1px solid #e2edfa;*/
	outline:none;
}

.carousel-component .carousel-list li a:hover {
	border: none;
}

.carousel-component .carousel-list li img {
	border:0px solid #999;
	display:block;
}

.carousel-component .carousel-prev {
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer;
	left:5px;
}

.carousel-component .carousel-next {
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer;
	right:5px;
}

.carousel-price {
	color:#ff0000;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	top:170px;
}

.carousel-check {
	position:absolute;
	top:220px;
}

/* SCR#525066 */
.gradient_btn {
	margin-left: 0px;
	position: relative;
}

.gradient_cart_button {
     
	 background-color: none;
	 cursor: pointer;
	 font: 14px/100%;
	 border: 1px solid;
	 border-color: black;
	-moz-border-radius: 3px;
	-chrom-border-radius: 3px;
	 border-radius: 3px;
	 background: -linear-gradient(bottom,top,#016319,  #028a22);/* for w3c */
	 background: -moz-linear-gradient(#016319,  #028a22);
	 background: -webkit-linear-gradient(#016319, #028a22);
	 background: -o-linear-gradient(#016319, #028a22);
	 background-image: -chrom-linear-gradient(#016319,  #016319);
	 background: -webkit-gradient(#016319,  #028a22);
	 background: -ms-linear-gradient(#016319,#028a22);
	 
	  background: linear-gradient(to right,  #016319 1%,#028a22 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016319', endColorstr='#028a22',GradientType=1,border-radius=3px ); /* IE6-9 */
	 
	 
	 color: #FFFFFF;
	 font-family: sans-serif;
	 font-size: large;
} /* SCR#525066 */

/* SCR 584322 starts */
.crossImg{
	height: 15px;
	width: 15px;
	float: right;
}
/* SCR 584322 ends */
#ImageHolder {
	position:absolute;
	width:300px;
	height:300px;
	z-index:1;
	visibility: inherit;
}
#ViewText {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	width:300px;
	text-indent:10%;
	height:14px;
	z-index:2;
	top: 409px;
	visibility: inherit;
}
#Thumbnails {
	position:absolute;
	width:297px;
	height:81px;
	z-index:3;
	top: 325px;
}
table.tablegrid {
	border: 2px solid #666666;
	width: 100%;
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-collapse: collapse;
}

table.tablegrid td {
	border-width: 2px;
	height: auto;
	width: 3.125em;
	padding: 0.500em;
	border-style: solid;
	border-color: #ccc;
	background-color: none;
}
#MainDescription {
	position:absolute;
	width:474px;
	height:359px;
	z-index:4;
	left: 310px;
	top: 1px;
}
table.Descriptiongrid {
	width: 100%;
	font-family: verdana,arial,sans-serif;
	font-size:9px;
	color:#333333;
	border-width: 0.000px;
	border-color: none;

}

table.Descriptiongrid td {
	border-width: 0.000px;
    border-style: none;
	border-color: none;
	background-color: #ffffff;

}
.toprowTitle {
width: 100%;
Height: 80px;
font-family:Arial, Helvetica, sans-serif;
font-size:14pt;
line-height: 22px;
color:#FF6600;
}
.ItemSpecifications {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight: bold;
color:#4f4c4c;


}
.uncertain-01{
 font-size: 7pt;
 color:#900;
 font-weight: bold;
 font-family:Arial, Helvetica, sans-serif;
}
.uncertain-01-2{
 font-size: 7pt;
 color:#000;
 font-weight: bold;
 font-family:Arial, Helvetica, sans-serif;
}
.uncertain-02{
 font-size: 8pt;
 word-wrap: break-word;
 padding-left: 0.438em;
 color:#000;
 font-weight: normal;
 font-family:Arial, Helvetica, sans-serif;
}
.BottomDesText {
width: 98%;
height: 14.750em;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:300;
line-height: 1.466em;
overflow-y:auto;
overflow-x:hidden;
}
#PriceArea {
	position:absolute;
	width:201px;
	height:394px;
	background-color: #f1f0f0;
	z-index:5;
	left: 789px;
	top: 0.000px;
}
/* .PriceText {
 font-weight:bold;
 font-family:Verdana, Geneva, sans-serif;
 font-size:15pt;
 color:#F00;
} 
*/
.store{
 font-size: 8pt;
 font-weight: bold;
 font-family:Arial, Helvetica, sans-serif;
}
.store2{
 font-size: 9pt;
 color:#343030;
 font-weight: bold;
 font-family:Arial, Helvetica, sans-serif;
 }
.shareIcons{
 font-size: 8pt;
 padding-left:0.913em;
 color:#343030;
 font-weight: bold;
 font-family:Arial, Helvetica, sans-serif;
 }

#ShippingBox {
	border: 2px solid #c4c3c3;
	width:95%;
	height:auto;
	line-height: 31px;
	padding-left:5px;
	z-index:3;
	left: 19px;
	top: 123px;
}
#StorePickup-Box {
	border: 2px solid #c4c3c3;
	line-height: 31px;
	width:95%;
	height:auto;
	padding-left:5px;
	z-index:3;
	left: 19px;
	top: 123px;
}
#shipping-banner {
	position:0.000px;
	margin-top: -10px;
	margin-left: 8px;
	background:url(http://images.frys.com/art/a_new_home_page/images/shippingInfo-cover.gif);
	background-repeat:no-repeat;
	width:174px;
	height:29px;
	z-index:5;
	left: 29px;
	top: 134px;
}

#instore-banner {
	position:0.000em;
	margin-top: -10px;
	margin-left: 8px;
	background:url(http://images.frys.com/art/a_new_home_page/images/storepickup-cover.gif);
	background-repeat:no-repeat;
	width:174px;
	height:29px;
	z-index:4;
	top: 226px;
}

#image_container{ width:300px; margin:0px; padding:0px; position:relative; left: 0px; top: 0px; }
 #image_container2{ width:100%; margin:0px; padding:0px; position:relative; left: 0px; top: 0px; }
 #large_image {width:300px; height:300px; position:relative; top:0; left:0; }
 #large_image2 {width:400px; height:400px; position:relative; top:0; left:0; }
 #scrollable_container {   width:300px; margin:0 auto; position:relative; top:10px; height:75px; padding:0px; padding-bottom:5px; }
 #scrollable_container2 {   width:500px; margin:0 auto; position:relative; top:10px; height:75px; padding:0px; padding-bottom:5px; }
 /*
   root element for the scrollable.
   when scrolling occurs this element stays still.
 */
 .scrollable {
      /* required settings */
      position:relative;
      overflow:hidden;
      width: 250px;
      height:100%;
      /* custom decorations */
      padding:0px;
      margin:0 auto;
 
      /* this makes it possible to add next button beside scrollable */
     float:left;
 }

 .scrollable2 {
      /* required settings */
      position:relative;
      overflow:hidden;
      max-width: 680px;
      width: 90%;
      height:100%;
      /* custom decorations */
      padding:0px;
      margin:0 auto;
 
      /* this makes it possible to add next button beside scrollable */
     float:left;
 }
 
 /*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable
    items.  it's enough that you set the width and height for the root
    element and not for this element.
 */
 .scrollable .items {
     /* this cannot be too large */
     width:20000em; position:absolute; clear:both;}

 .scrollable2 .items2 {
     /* this cannot be too large */
     width:20000em; position:absolute; clear:both;}
 
 .items div { float:left; position:relative; width:300px;}

 .items2 div { float:left; position:relative; max-width:460px;}
 

 
 /* single scrollable item */
 .scrollable img {
     width: 50px; height: 50px;
     float:left; left:8px; margin:12.5px 5px; padding:0px;
     background-color:#fff; border:1px solid #ccc; 
     cursor:pointer;
 }
 .scrollable img:hover {border-color:red;}
 
 /* active item */
 .scrollable .active {  border:2px solid #000; position:relative; cursor:default; }


 /* single scrollable item */
 .scrollable2 img {
     width: 50px; height: 50px;
     float:left; left:8px; margin:12.5px 6px; padding:0px;
     background-color:#fff; border:1px solid #ccc; 
     cursor:pointer;
 }
 .scrollable2 img:hover {border-color:red;}
 
 /* active item */
 .scrollable2 .active {  border:2px solid #000; position:relative; cursor:default; }

 
 /* prev, next, prevPage and nextPage buttons */
 a.browse {
     background:url(http://images.frys.com/art/0900_site/advertisingTest/scrollable/media/images/image_thumbnail_arrows.gif) no-repeat;
     display:block;
     height:40px;
     width:23px;
     float:left;
     margin:7px 0px;
     cursor:pointer;
     font-size:1px;
     position:relative;
     top:12.5px;
 }
 
 .items a { text-decoration:none;}
 .items2 a { text-decoration:none;}
 
 /* right */
 a.right { background-position: -23px 0px; clear:right; margin-left:2px; }
 a.right:hover,a.right:active { background-position:-23px -40px; }
 //a.right:active { background-position:-60px 0px; }
 
 
 /* left */
 a.left { margin-right:2px; }
 a.left:hover,a.left:active  { background-position:0px -40px; }
 //a.left:active { background-position:-60px 0; }
 
 /* disabled navigational button */
/* a.disabled { visibility:hidden !important;} */
 
.prd_big_img_overlay {
     position: absolute;
     
     /* must be initially hidden */
     display:none;
  
     /* place overlay on top of other elements */
     z-index:10000;
  
     /* styling */
     background-color:#fff;
  
     max-width:720px;
     width: 100%;
     height: 100%
     min-height:300px;
     border:4px solid #346F97;
  
     /* CSS3 styling for latest browsers */
     -moz-box-shadow:10px 10px 90px 5px #999;
     -webkit-box-shadow: 10px 10px 90px #999;
 }

.prd_big_img_overlay .close {
    background-image:url(http://images.frys.com/art/buttons/modal_close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:30px;
    width:30px;
}

span.twitter-icon{display:inline-block;background-image:url("http://images.frys.com/art/icons/iconTwitterSmall.png");background-repeat:no-repeat;width:18px;height:18px;}
 span.pinterest-icon{display:inline-block;background-image:url("http://images.frys.com/art/icons/iconPinterestSmall.png");background-repeat:no-repeat;width:18px;height:18px;}
 
