/*Jquery Tabs*/
@media projection, screen{/* Use class for showing/hiding tab content,so that visibility can be better controlled in different media types... */ .tabs-hide{ display:none}}
/* Hide useless elements in print layouts... */
@media print{ .tabs-nav{ display:none}}
/* Skin */
.tabs-nav{ list-style:none}
.tabs-nav:after{/* clearing without presentational markup,IE gets extra treatment */ display:block;  clear:both;  content:""}
.tabs-nav li{float:left}
.tabs-nav li.tabs-selected{}
.tabs-nav a, .tabs-nav a span{ display:block;  padding:0 10px;  background:url(tab.png) no-repeat}
.tabs-nav a{ position:relative;  top:1px;  z-index:2;  padding-left:0;  color:#27537a;  font-size:12px;  font-weight:bold;  line-height:1.2;  text-align:center;  text-decoration:none;  white-space:nowrap; /* required in IE 6 */ }
.tabs-nav .tabs-selected a{ color:#000}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active{ background-position:100% -150px;  outline:0; /* prevent dotted border in Firefox */}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active{ background-position:100% -100px}
.tabs-nav a span{ width:64px; /* IE 6 treats width as min-width */ min-width:64px;  height:18px; /* IE 6 treats height as min-height */ min-height:18px;  padding-top:6px;  padding-right:0}
*>.tabs-nav a span{/* hide from IE 6 */ width:auto;  height:auto}
.tabs-nav .tabs-selected a span{ padding-top:7px}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span{ background-position:0 -50px}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span{ background-position:0 0}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited{/* @ Opera,use pseudo classes otherwise it confuses cursor... */ cursor:text}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active{/* @ Opera,we need to be explicit again here now... */ cursor:pointer}
.tabs-nav .tabs-disabled{opacity:.4}
.tabs-container{/* background:#fff; /* declare background color for container to avoid distorted fonts in IE while fading */background:url("http://myshop.s3-external-3.amazonaws.com/shop2116700.images.product_border_bottom.jpg") repeat-x scroll center bottom #FFF; border:2px solid #C2C1BF}
.tabs-loading em{ padding:0 0 0 20px;  background:url(loading.gif) no-repeat 0 50%}
/*** jQuery lightBox plugin*/
#jquery-overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px}
#jquery-lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#lightbox-nav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#lightbox-container-image-box >#lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%; height:100%; zoom:1; display:block}
#lightbox-nav-btnPrev{left:0; float:left}
#lightbox-nav-btnNext{right:0; float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0}
#lightbox-container-image-data{padding:0 10px; color:#666}
#lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px; float:right; padding-bottom:0.7em}
/*jQuery ScrollPane*/
.jScrollPaneContainer{position:relative; overflow:hidden; z-index:1}
.jScrollPaneTrack{position:absolute; cursor:pointer; right:0; top:0; background:url("http://myshop.s3-external-3.amazonaws.com/shop2116700.images.scroll_bg.jpg") repeat-y center top; width:14px !important; border:1px solid #919395; border-top:none; border-bottom:none}
.jScrollPaneDrag{position:relative; background:url("http://myshop.s3-external-3.amazonaws.com/shop2116700.images.drag_bg.jpg") repeat-y scroll -13px 0 transparent; cursor:pointer; overflow:hidden; border:1px solid #8c8e90; border-left:none}
.jScrollPaneDrag:hover{border:1px solid #c963fc; border-left:none}
.jScrollPaneDragTop{position:absolute; top:0; left:0; overflow:hidden}
.jScrollPaneDragBottom{position:absolute; bottom:0; left:0; overflow:hidden}
a.jScrollArrowUp{display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; background:url("http://myshop.s3-external-3.amazonaws.com/shop2116700.images.arrow_up.jpg") repeat-x 0 0; height:13px; border:1px solid #8c8e90; width:14px !important}
a.jScrollArrowUp:hover{border:1px solid #c963fc}
a.jScrollArrowDown{display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; background:url("http://myshop.s3-external-3.amazonaws.com/shop2116700.images.arrow_down.jpg") repeat-x 0 0; height:13px; width:14px !important; border:1px solid #8c8e90}
a.jScrollArrowDown:hover{border:1px solid #c963fc}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{/*background-color:#f00; */}
/*jQuery Scroll Styles*/
body{font-family:Arial,Helvetica,sans-serif; font-size:80%}
a.jScrollArrowUp{background:url("http://myshop.s3-external-3.amazonaws.com/shop2116700.images.arrow_up.jpg") repeat-x 0 0}
a.jScrollArrowUp:hover{/* background-position:0 -15px; */}
a.jScrollArrowDown{background:url("http://myshop.s3-external-3.amazonaws.com/shop2116700.images.arrow_down.jpg") repeat-x 0 0}
a.jScrollArrowDown:hover{/* background-position:0 -15px; */}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{background-position:0 -14px}
.orange-bar .jScrollPaneTrack{background:#f60}
.orange-bar .jScrollPaneDrag{background:#00f url(../images/drag_grab.gif) no-repeat 50% 50%}
.orange-bar .scroll-pane{background:#69f}
.holder{float:right; height:100%; width:100%}
.scroll-pane{width:100%; height:100%; overflow:auto; float:left}
.wide{width:400px}
.super-wide{width:700px}
.tall{height:400px}
#pane2{height:800px}
/*Jquery DropDown */
.menu_head{cursor:pointer; position:relative}
.menu_body{display:none}
.menu_body a{ display:block}
.menu_body a:hover{ }
/*jQuery Colorbox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden}
#cboxOverlay{position:fixed; width:100%; height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative; overflow:hidden}
#cboxLoadedContent{}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}
#cboxOverlay{background-color:#5C5C5C}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.controls.png) -100px 0 no-repeat}
#cboxTopRight{width:14px; height:14px; background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.controls.png) -136px 0 no-repeat}
#cboxBottomLeft{width:14px; height:14px; background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.controls.png) -100px -36px no-repeat}
#cboxBottomRight{width:14px; height:14px; background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.controls.png) -136px -36px no-repeat}
#cboxMiddleLeft{width:14px; background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.controls.png) left top repeat-y}
#cboxMiddleRight{width:14px; background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.controls.png) right top repeat-y}
#cboxTopCenter{height:14px; background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.border.png) 0 0 repeat-x}
#cboxBottomCenter{height:14px; background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.border.png) 0 -36px repeat-x}
#cboxContent{background:#fff}
#cboxLoadedContent{}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#cboxPrevious.hover{background-position:-75px -25px}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#cboxNext.hover{background-position:-50px -25px}
#cboxLoadingOverlay{background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.loading_background.png) center center no-repeat}
#cboxLoadingGraphic{background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.loading.gif) center center no-repeat}
#cboxClose{position:absolute; top:20px; right:20px; background:url(http://myshop.s3-external-3.amazonaws.com/shop2116700.images.controls-close.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
 #cboxClose.hover{background-position:0px -26px}

/*The following fixes png-transparency for IE6.  
It is also necessary for png-transparency in IE7 &IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
! Important Note:AlphaImageLoader src paths are relative to the HTML document, 
while regular CSS background http://myshop.s3-external-3.amazonaws.com/shop2116700.images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://myshop.s3-external-3.amazonaws.com/shop2116700.images.borderTopLeft.png,sizingMethod='scale')}
.cboxIE #cboxTopCenter{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://myshop.s3-external-3.amazonaws.com/shop2116700.images.borderTopCenter.png,sizingMethod='scale')}
.cboxIE #cboxTopRight{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://myshop.s3-external-3.amazonaws.com/shop2116700.images.borderTopRight.png,sizingMethod='scale')}
.cboxIE #cboxBottomLeft{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://myshop.s3-external-3.amazonaws.com/shop2116700.images.borderBottomLeft.png,sizingMethod='scale')}
.cboxIE #cboxBottomCenter{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://myshop.s3-external-3.amazonaws.com/shop2116700.images.borderBottomCenter.png,sizingMethod='scale')}
.cboxIE #cboxBottomRight{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://myshop.s3-external-3.amazonaws.com/shop2116700.images.borderBottomRight.png,sizingMethod='scale')}
.cboxIE #cboxMiddleLeft{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://myshop.s3-external-3.amazonaws.com/shop2116700.images.borderMiddleLeft.png,sizingMethod='scale')}
.cboxIE #cboxMiddleRight{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://myshop.s3-external-3.amazonaws.com/shop2116700.images.borderMiddleRight.png,sizingMethod='scale')}