﻿
/* CyZoomFilterPageGrid (zfpGrid) */
#zfpGrid {position:relative; z-index:0; height:auto; min-height:240px;}
#zfpGrid table{border-collapse:collapse; }
#zfpGrid td{padding:0px; text-align:left; vertical-align:top;}
#zfpGrid .divDataListWrap{width:544px; overflow:hidden; position:relative; }
#zfpGrid .scroll-pane{height:560px; /*~2.3 rows*/ overflow:auto;}
#zfpGrid .tblDataList{width:811px;}
#zfpGrid .tblDataList .cell{ height:240px;}
#zfpGrid .tblDataList td:first-child{padding:0px;}
#zfpGrid .tblDataList td{padding:0px 0px 0px 34px;width:135px; border:none;}
#zfpGrid .record {text-align:center;width:135px;}
#zfpGrid .recordimage {}
#zfpGrid .recordimage img {width:135px;height:189px;}
#zfpGrid .recordname{padding-top:3px; width:100%; overflow:hidden; text-align:center; }
#zfpGrid .recordprice {padding-bottom:10px; font-weight:bold;}
#zfpGrid .pics{width:267px; margin:0;padding:0; line-height:0px; font-size:0px; overflow:hidden;position:relative; min-height:150px;}
#zfpGrid .primaryImage{background-color:White;}
#zfpGrid .primaryImage .contentWrap{margin:0px; padding:0px;width:267px; overflow:hidden; display:none;/*initially hidden*/ height:auto !important;/*do not let height crop the photo. Cycle will try to set the height but sometimes does it too early.*/}
#zfpGrid .primaryImage .infoHidden{ display:none;}
#zfpGrid .primaryImage .infoShown{min-height:43px; background-color:#b5cd39; color:White; font-size:1.1em; padding:26px 50px 19px 50px; text-align:center; border-top:solid 1px White;}
#zfpGrid .primaryImage .infoShown div{width:100%; text-align:center;}
#zfpGrid .primaryImage .infoLink{display:block; color:White; background-color:#b5cd39; cursor:pointer;}
#zfpGrid .divNoResults{position:absolute; width:100%; height:240px; background-color:#F5F5F5;}
#zfpGrid .divNoResults img{margin:73px auto; width:300px; height:95px;display:block;}
#zfpGrid .pager{position:absolute; bottom:6px; right:0px;}

#categorymain{position:relative;}
#categorymain .divProgressPanel{display:none; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:10;}
#categorymain .divProgressPanel .backColor{ background-color:#f5f5f5; width:100%; height:100%; position:absolute;top:0px; left:0px; z-index:0;}
#categorymain .divProgressPanel img{margin:300px auto 300px auto; width:47px; height:47px; display:block;position:relative;z-index:1;}
#categorymain .ViewControls{width:100%; height:97px; padding-bottom:6px; background-color:White; position:relative; z-index:1;}
#categorymain .FilterControls{width:809px; height:65px; border:solid 1px #D8D9DB; background-color:#F5F5F5; margin-bottom:6px;}
#categorymain .FilterControls table.tblFilterFrame{width:787px; height:46px; border-collapse:collapse; margin:10px 12px 9px 10px;}
#categorymain .FilterControls .r1{height:20px;}
#categorymain .FilterControls .r2{height:26px;}
#categorymain .FilterControls td{padding:0 9px 0 0;vertical-align:top;}
#categorymain .FilterControls .aFilterSubmit{ display:block; width:73px; height:26px; background:url(../images/category/submit.jpg) no-repeat;}
#categorymain .FilterControls h1{color:Black; text-transform:uppercase;font-size:11px; font-weight:bold; margin:0px;}
#categorymain .FilterControls select{width:133px; height:26px;}
#categorymain .FilterControls a.reset{text-transform:uppercase; font-size:11px;font-weight:bold;position:relative;top:6px; color:#84A012;}
#categorymain .FilterControls .divOptionAnchor{position:relative; }
#categorymain .FilterControls .divOptionAnchor img{cursor:pointer;}
#categorymain .FilterControls .divOptionPanel{position:absolute;top:27px; left:0px; z-index:10;  background-color:#E6E6E6; border:solid 1px #C9CACD; padding:10px;
                                              display:none; font-size:12px;}
#categorymain .FilterControls .divOptionPanel .tblOptionButtons{margin-bottom:10px;} 
#categorymain .FilterControls .divOptionPanel table{width:auto; border-collapse:collapse;}
#categorymain .FilterControls .divOptionPanel td{ white-space:nowrap;}

#categorymain .SortAndPagerControls{ height:24px;}
#categorymain .SortAndPagerControls .sortOptions{width:142px; height:22px; border:solid 1px #d8d9db;}
#categorymain .SortAndPagerControls table{ border-collapse:collapse;}
#categorymain .SortAndPagerControls td{padding:0px; vertical-align:top;}
#categorymain .SortAndPagerControls *{font-size:12px;  }
#categorymain .pager{margin:0px; padding:0px; text-align:inherit; clear:none; }
#categorymain .pager *{ font-size:12px;}
#categorymain .pager a{margin:0px;}
#categorymain .pager div.list{display:inline-block;position:relative;top:3px; float:right; vertical-align:top;}
#categorymain .pager div.list a{height:16px; vertical-align:top;}
#categorymain .pager a.ViewAll{ padding-top:1px; padding-bottom:0px;margin-left:7px;  background:url(../images/category/ViewAllItems.png) no-repeat; display:inline-block; width:67px; height:21px; float:right; }
#categorymain .pager a.ViewPaged{  padding-top:1px; padding-bottom:0px; background:url(../images/category/ViewPerPage.jpg) no-repeat; display:inline-block; width:116px; height:21px; float:right; }
#categorymain .leftArrow{ display:inline-block; width:7px;  background:url(../images/category/pagerArrowLeft.jpg) no-repeat 0px 3px; margin:0;}
#categorymain .rightArrow{display:inline-block; width:7px;  background:url(../images/category/pagerArrowRight.jpg) no-repeat 0px 3px;margin:0;}

.loadingDimmer{ width:100%; height:200px; position:relative; z-index:1;text-align:right; background-image:url(../images/category/screeningColor.png); background-repeat:repeat; background-color:Red; border:solid 1px Red;}

/* Grid */
#categorygridtemplate {}
#categorygridtemplaterecords {margin-left:auto;	margin-right:auto;	width:525px;}
#categorygridtemplaterecords .record {text-align:center;width:165px;height:165px;margin:10px 10px 10px 0;}
#categorygridtemplaterecords .recordimage {}
#categorygridtemplaterecords .recordimage img {}
#categorygridtemplatere {}
#categorygridtemplaterecords .recordsku {}
#categorygridtemplaterecords .recordprice {}
.ListPrice{ text-decoration:line-through;}

/* Simple List */
#categorysimplelisttemplate, #categorybulkorderlisttemplate {margin:20px 0 0 0;}
#categorysimplelisttemplate .record,  #categorybulkorderlisttemplate .record {padding:2px;}
#categorysimplelisttemplate .recordsku, #categorybulkorderlisttemplate .recordsku {float:left;width:100px;margin:0 5px 0 0;clear:both;}
#categorysimplelisttemplate .recordname, #categorybulkorderlisttemplate .recordname {float:left;width:320px;margin:0 5px 0 0;clear:both;}
#categorysimplelisttemplate .recordprice, #categorybulkorderlisttemplate .recordprice {float:left;text-align:right;width:120px;margin:0;clear:both;}

/* Bulk Order List */
#categorybulkorderlisttemplate .recordselector {float:left;width:30px;}
#categorybulkorderlisttemplate .addtocartcontrols {margin:20px 0 20px 3px;}

/* Bulk Order Quantity List */
.quantityfield { width: 25px; }
.quantitycolumn { width: 50px; }

/* Detailed List */
#categorydetailedlisttemplate {margin:20px 0 0 0;}
#categorydetailedlisttemplate .record {margin:0 0 10px 10px;padding-bottom:10px;width:510px;float:left;}
#categorydetailedlisttemplate .recordimage {float:right;width:120px;height:120px;margin:0;border-style:none;}

/* Sub Category Menu */
#subcategorymenu {margin:20px 0;}
#subcategorymenu .record {width:170px;margin:0  10px 10px 0;vertical-align:top; text-align:left;}
#subcategorymenu .recordname {font-weight:bold;font-size:13px;}
#subcategorymenu .recordname a {font-size:13px;}
#subcategorymenu ul {padding:0;margin:5px 0; font-size:11px;}
#subcategorymenu li {padding: 2px 2px 2px 10px;list-style:none;}

/* Sub Category Menu 2 */
#subcategorymenu2featured {width: 350px; float: left; vertical-align: top;}
#subcategorymenu2main {width: 350px; float: left; vertical-align: top; margin: 0 0 0 10px;}
#subcategorymenu2 {margin:20px 0;}
#subcategorymenu2 .record {width:170px;margin:0  10px 10px 0;vertical-align:top; text-align:left;}
#subcategorymenu2 .recordname {font-weight:bold;font-size:13px;}
#subcategorymenu2 .recordname a {font-size:13px;}
#subcategorymenu2 ul {padding:0;margin:5px 0; font-size:11px;}
#subcategorymenu2 li {padding: 2px 2px 2px 10px;list-style:none;}

#categorymain { margin-left: 6px;background-color:#f5f5f5; }

/* Sorting */
#categorydetailedlisttemplaterecords { clear: both; }
.categorysortorder { float: right; margin-bottom: 10px; }
