/* CSS jQtools */

/* Featured Video
--------------------- */ 
 .vPlayer  { display:block; width:520px; height:330px }
 
 
/* --- Overlay --- */
.simple_overlay { display:none; z-index:10000; background-color:#333; padding:15px 15px 5px 15px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;} 
.simple_overlay p { background:white; padding:5px 15px; color:#e13b00; text-align:center; font-weight:bold;}
.simple_overlay .close { background-image:url(../../Images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
  
/* Featured Product
--------------------- */ 
.featuredProducts { width:100%; margin:25px 0 0 0; position:relative; }

/* --- Featured Product Header --- */ 
.featuredProducts h2 { padding:0 0 5px 10px; background:url(/Resources/Images/div-horizontal.png) bottom repeat-x; }

/* --- Featured Product Controls --- */ 
.featuredProducts #actions { position:absolute; top:6px; right:5px;}
.featuredProducts #actions a { padding:0 0 0 5px; font-size:1.1em; float:left; cursor:pointer; }
.featuredProducts #actions a.nextPage { background-position:0 0;}
.featuredProducts #actions a.nextPage:hover { background-position:-49px 0;}
.featuredProducts #actions a.prevPage { background-position:0 -29px;}
.featuredProducts #actions a.prevPage:hover { background-position:-49px -29px;}
.featuredProducts #actions .disabled { visibility:hidden;}
.featuredProducts p.productDisplay { margin:0 0 0 25px; position:absolute; bottom:-25px; right:5px;}

/* --- Featured Product root element for the scrollable. When scrolling occurs this element stays still.  --- */ 
.featuredProducts .scrollable { position:relative; overflow:hidden; width:100%; height:270px;}

/* --- Featured Product 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 width and height for the root element and not for this element. --- */ 
.featuredProducts .scrollable ul.items { width:20000em; margin:0; position:absolute; clear:both;}

/* --- Featured Product single item. must be floated in horizontal scrolling. Typically, this element is the one that *you* will style the most. --- */
.featuredProducts .scrollable ul.items li { width:176px; height:240px; margin:0 25px; position:relative; list-style:none; float:left; text-align:center; cursor:pointer; border:1px solid #eae8e5; margin:12px 7px 0 7px; padding:12px 0 0 0; -moz-border-radius:8px; -webkit-border-radius:8px; -border-radius:8px; background:#f4f3ef;}
.featuredProducts .scrollable ul.items li:hover { border:1px solid #343434 !important; box-shadow: 0px 0px 6px #8d8880; -moz-box-shadow: 0px 0px 6px #8d8880; -webkit-box-shadow: 0px 0px 6px #8d8880; }

/* --- Featured Product item element positioning --- */ 
.featuredProducts .scrollable ul.items li p.productName, .featuredProducts .scrollable ul.items li p.productPrice, .featuredProducts .scrollable ul.items li p.productPromo, .featuredProducts .scrollable ul.items li a.moreInfo, .featuredProducts .scrollable ul.items li a.Request {position:absolute;}

/* --- Featured Product Name --- */
.featuredProducts .scrollable ul.items li p.productName { height:3.2em; position:absolute; width:176px; bottom:45px; left:0; line-height:1.1em; }

/* --- Featured Product Image --- */
.featuredProducts .scrollable ul.items li img { margin:0 auto; display:block; border:1px solid #eae8e5 !important; }

/* --- Featured Product Price --- */
.featuredProducts .scrollable ul.items li p.productPrice { bottom:20px; right:20px; line-height:14px; color:#000; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-.02em;}
.featuredProducts .scrollable ul.items li p.productPrice .block { font-size:11px; font-style:italic; color:#e13b00}
.featuredProducts .scrollable ul.items li p.productPrice sup { height:0; line-height:1; vertical-align:baseline;_vertical-align:bottom; position:relative; bottom:1ex; font-size:10px;}

/* --- Featured Product Promo --- */
.featuredProducts .scrollable ul.items li p.productPromo { bottom:0px; width:166px; text-align:center; color:#e13b00; padding:2px 5px; color: #df4f4f; line-height:1.4em; border: 1px solid #df8f8f; -moz-border-radius:4px; -webkit-border-radius:4px;  background: #ffcece;}

/* --- Featured Product Links/Buttons --- */
.featuredProducts .scrollable ul.items li a { font-weight:bold; text-align:center; line-height:16px; color:#4d4d4d; }
.featuredProducts .scrollable ul.items li a.MoreInfo { width:35%; text-decoration:none; padding:5px 2px; position:absolute; bottom:5px; left:5px; color:#f4f3ef; border:1px solid #eae8e5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  background:#e13b00;}
.featuredProducts .scrollable ul.items li a.MoreInfo:hover {color:#e13b00; border:1px solid #eae8e5; background:#f4f3ef;}
.featuredProducts .scrollable ul.items li a.Request { width: 50%; text-decoration:none; padding:5px 2px; position:absolute; color:White; bottom:5px; right:5px; border:1px solid #eae8e5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  background:#31669c;}
.featuredProducts .scrollable ul.items li a.Request:hover { color:#31669c; border:1px solid #eae8e5; background:#f4f3ef;}


/* --- Product Categories Scrollable Thumbnail
--------------------- */   
div.productCategoriesThumbnailScrollable { border:1px solid #c4d2df; position:relative; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background:#fff; }
.productCategoriesThumbnailScrollable h2 { padding:10px 15px; margin:0; background:url(/Resources/Images/div-horizontal.png) bottom repeat-x; }
.productCategoriesThumbnailScrollable #actions { position:absolute; top:10px; right:10px; cursor:pointer; }
.productCategoriesThumbnailScrollable #actions a.prevPage {}
.productCategoriesThumbnailScrollable #actions a.nextPage {}
.productCategoriesThumbnailScrollable #actions a.disabled { visibility:hidden;}
.productCategoriesThumbnailScrollable .scrollable { position:relative; overflow:hidden; }
.productCategoriesThumbnailScrollable .vertical { position:relative; overflow:hidden; height:498px; background:white; }
.productCategoriesThumbnailScrollable .scrollable ul.items { height:20000em; width:100%; margin:0; position:absolute; }
.productCategoriesThumbnailScrollable #productCategories ul.items { position:absolute;height:20000em; }
.productCategoriesThumbnailScrollable #productCategories ul.items li { list-style-type:none; height:80px; padding:15px 15px 5px 15px; background:url(/Resources/Images/div-horizontal.png) bottom repeat-x;}
.productCategoriesThumbnailScrollable #productCategories ul.items li a { position:relative; top:15px; text-decoration:none; font-weight:bold; color:#333762; }
.productCategoriesThumbnailScrollable #productCategories ul.items li a .block { position:relative; top:-7px; color:#648e24; font-weight:normal; font-size:smaller; }
.productCategoriesThumbnailScrollable #productCategories ul.items li img { width:65px; height:65px; margin:0 20px 0 0; float:left; border:1px solid #d4d4d4; background:#f1f1f1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

/* --- Product Gallery
--------------------- */  
/* --- Product Gallery Thumbnail Scroller --- */ 
.productGallery #image_wrap img { width:260px; height:260px; border:1px solid #c4d2df;}
.productGallery .scrollableGallery { position:relative; overflow:hidden; width: 100%; height:70px; }
.productGallery .scrollableGallery .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; }

/* --- Single Scrollable Item --- */
.productGallery .scrollableGallery img { float:left; margin:0 2px 0 0; background-color:#fff; padding:2px; border:1px solid #ccc; cursor:pointer; width:60px; height:60px; }

/* --- Active Item --- */
.productGallery .scrollableGallery .active { border:1px solid #000; z-index:9999; position:relative; }

/* --- Product Specs Tabs
--------------------- */ 
/* --- Tabs --- */
ul.productSpecs { margin:35px 0 0 0 !important; padding:0 !important; height:30px; }
ul.productSpecs li { float:left;	padding:0; margin:0; list-style-type:none;}
ul.productSpecs a { float:left; font-size:13px; display:block; padding:5px 30px;	text-decoration:none;border:1px solid #C4D2DF;border-bottom:0px; height:18px; background-color:#DDDFE2;color:#1A7CA9;margin-right:2px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright:4px;position:relative;top:1px;font-weight:bold;}
ul.productSpecs a:hover { background-color:#F7F7F7;color:#51A2D1;}
ul.productSpecs a.current { background-color:white; border-bottom:2px solid #FCFBF6;	color:#E13B00;	font-weight:bold;cursor:default;}

/* --- Product Specs Panes --- */
.productSpecs-panes {min-height:80px; border:1px solid #C4D2DF; }

/*--- Product Sub Category Scrollable 
------------------------ */
.ProductSubCategoryMenu h2 { margin:0 0 0 0; }

/* --- Sub Category Controls --- */
.ProductSubCategoryMenu #actions { line-height:1.8em; margin:0; overflow:hidden; background:url(/Resources/Images/div-horizontal.png) bottom repeat-x;}
.ProductSubCategoryMenu #actions a.prevPage, .ProductSubCategoryMenu #actions a.prev { text-decoration:none; }
.ProductSubCategoryMenu #actions a.nextPage, .ProductSubCategoryMenu #actions a.next { text-decoration:none; }

/* --- Sub Category root element for the scrollable. When scrolling occurs this element stays still.  --- */ 
.ProductSubCategoryMenu #subCategory { height:135px; }
.ProductSubCategoryMenu .subCategoryScrollable { position:relative; overflow:hidden; }
.ProductSubCategoryMenu .subCategoryScrollable .items { width:20000em; position:absolute; clear:both;}

/* --- Single Scrollable Item --- */
.ProductSubCategoryMenu .subCategoryScrollable .items a { width:96px; height:96px; display:block; text-align:center; margin:10px; color:#e13b00; text-decoration:none; font-weight:bold; float:left; line-height:14px; }
.ProductSubCategoryMenu .subCategoryScrollable .items a img { display:block; background-color:#fff; padding:2px; border:1px solid #ccc;}
.ProductSubCategoryMenu .subCategoryScrollable .items a:hover img { border:1px solid #343434; box-shadow: 0px 0px 6px #8d8880; -moz-box-shadow: 0px 0px 6px #8d8880; -webkit-box-shadow: 0px 0px 6px #8d8880; }

/* Resource Center Menus
--------------------- */
/* --- Content --- */  
.panes {margin:0 0 35px 0;}
 
/* --- Tabs --- */
ul.Menu {background:#fff; margin:0; border:1px solid #c4d2df; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
ul.Menu li {padding:.8em 1.5em; list-style:none; background:url(/Resources/Images/div-horizontal.png) bottom repeat-x;}
ul.Menu li h2 {margin:0; padding:0;}
ul.Menu li:last-child {background:none;}
ul.Menu li a {text-decoration:none; padding-left:1.4em; display:block;background:url(/Resources/Images/li-categories.png) 0 0.4em no-repeat;}
ul.Menu li a:hover {background:url(/Resources/Images/li-categoriesHover.png) 0 0.4em  no-repeat;}
ul.Menu li.selected {color:#a81f00;}
ul.Menu li.selected ul {padding-bottom:1.5em; margin:0;}
ul.Menu li.selected ul li {font-size:.9em; font-weight:bold; background:none; line-height:1.6em; padding:0 0 0 0; margin:.4em 0;}
ul.Menu li.selected a {font-weight:bold; background:url(/Resources/Images/li-categoriesSelected.png) 0 0.4em no-repeat;}
ul.Menu li.selected ul li a {background:none; border:none; color:#e13b00; padding:.4em 0 .4em 1.4em;}
ul.Menu li.selected ul li a.current {color:white; background:#e13b00; -moz-border-radius:3px; -webkit-border-radius:3px;}
ul.Menu li.selected a:hover {color:#a81f00;}