﻿.package-item.ui-widget { position: relative; padding: 25px 130px 25px 130px; min-height: 94px; border: none; border-bottom: 1px solid #ddd; }
.package-item a:hover { text-decoration: none; color: #2F8BD1; /*blue*/ }
.package-thumbnail { position: absolute; left: 20px; top: 20px; max-width: 100px; max-height: 100px; }
.package-details-line1, .package-details-line1 a.package-seller-link { font-size: 11px; color: #777; }
.package-details-line1 { margin-bottom: 15px; }
.package-details-line1 a.package-seller-link:hover { color: #2F8BD1; /*blue*/ }
.package-details-line1 .package-title-link { font-size: 13px; font-weight: bold; margin-bottom: 10px; }
.package-details-line2 { position: absolute; right: 20px; top: 27px; font-size: 14px; font-weight: bold; color: #2F8BD1; /*blue*/ }
.package-details-line3 { color: #777; font-size: 12px; line-height: 18px; }
.package-details-line4 { margin-top: 10px; color: #777; font-size: 11px; font-style: italic; }
.package-details-line4 img { float: left; margin-right: 5px; }
.package-read-more-link { position: absolute; right: 20px; bottom: 20px; display: block; padding: 5px 10px; border: 1px solid #ddd; color: #666 !important; /*CSS3*/ text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; -webkit-box-shadow: 0px 1px 0 0px #999; -moz-box-shadow: 0px 1px 0 0px #999; box-shadow: 0px 1px 0 0px #999; background: #ececec; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ececec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #ececec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #ececec 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #ececec 100%); /* W3C */ }
a.package-read-more-link:hover { text-decoration: none; color: #333; border: 1px solid #aaa; /*CSS3*/ webkit-box-shadow: inset 0 1px 1px 0 #777; -moz-box-shadow: inset 0 1px 1px 0 #777; box-shadow: inset 0 1px 1px 0 #777; background: #e0e1e2; /* Old browsers */ background: -moz-linear-gradient(top, #cfd1d2 0%, #cfd1d2 26%, #e0e1e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfd1d2), color-stop(26%, #cfd1d2), color-stop(100%, #e0e1e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cfd1d2 0%, #cfd1d2 26%, #e0e1e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cfd1d2 0%, #cfd1d2 26%, #e0e1e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cfd1d2 0%, #cfd1d2 26%, #e0e1e2 100%); /* IE10+ */ background: linear-gradient(top, #cfd1d2 0%, #cfd1d2 26%, #e0e1e2 100%); /* W3C */ }

/* ===== EDIT LINKS =====*/
.package-edit.ui-widget { padding: 0; margin: 10px 0 0 0; border: none; border-top: 1px solid #ddd; overflow: auto; }
.package-edit-link-div.ui-widget { padding: 10px 25px 10px 0; border: none; float: left; font-size: 11px !important; font-weight: bold; color: #2F8BD1; }
.package-edit-link-div.ui-widget:hover { text-decoration: underline; }
.package-edit-link-top-div { }


.productlist-results.ui-widget { padding: 12px; margin-bottom: 20px; border: 1px solid #ccc !important; /*CSS3*/ -webkit-box-shadow: 0px 2px 0px 0px #999999; -moz-box-shadow: 0px 2px 0px 0px #999999; box-shadow: 0px 2px 0px 0px #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.productlist-pager.ui-widget { border: none; background: none; margin-bottom: 25px; }
.productlist-pager.ui-widget:first-child { border-bottom: none; /*margin-bottom: 60px; height: 35px;*/ }
.productlist-pager div { color: #777; font-size: 12px; }

.productlist-pager span { float: right; display: block; height: 25px; }
.productlist-pager span select { float: left; margin-top: 5px; }
.productlist-pager span p { float: left; margin-right: 10px; margin-top: 10px; font-style: italic; color: #999; font-size: 12px; }

.productlist-pager select { border: 1px solid #BBBBBB; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px 0 #FFFFFF; color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 3px !important; }
.productlist-pager select:active, .productlist-pager select:focus { color: #333; }

.productlist-pager-inner { float: left; }
.productlist-sorter-ddl { float: right; }
.pager-normal.ui-widget.ui-widget-content { display: block; float: left; margin-right: 3px; border: none; background: none; overflow: visible; }
.pager-normal.ui-widget.ui-widget-content a { display: block; padding: 5px 10px; border: 1px solid #ddd; color: #666; /*CSS3*/ text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; -webkit-box-shadow: 0px 1px 0 0px #999; -moz-box-shadow: 0px 1px 0 0px #999; box-shadow: 0px 1px 0 0px #999; background: #ececec; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ececec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #ececec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #ececec 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #ececec 100%); /* W3C */ }
.pager-normal.ui-widget.ui-widget-content a:hover, .pager-normal.pager-active.ui-state-active a { text-decoration: none; color: #333; border: 1px solid #aaa; /*CSS3*/ webkit-box-shadow: inset 0 1px 1px 0 #777; -moz-box-shadow: inset 0 1px 1px 0 #777; box-shadow: inset 0 1px 1px 0 #777; background: #e0e1e2; /* Old browsers */ background: -moz-linear-gradient(top, #cfd1d2 0%, #cfd1d2 26%, #e0e1e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfd1d2), color-stop(26%, #cfd1d2), color-stop(100%, #e0e1e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cfd1d2 0%, #cfd1d2 26%, #e0e1e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cfd1d2 0%, #cfd1d2 26%, #e0e1e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cfd1d2 0%, #cfd1d2 26%, #e0e1e2 100%); /* IE10+ */ background: linear-gradient(top, #cfd1d2 0%, #cfd1d2 26%, #e0e1e2 100%); /* W3C */ }

.add-package-link-top-div { }

.pager-main { height: 35px; margin-bottom: 10px; }
.page-size-switcher { float: right; }
.page-size-switcher a { color: #2F8BD1 !important; /*blue*/ padding: 0 2px; }
.page-size-switcher a.active { color: #666 !important; font-weight: bold; }
.main-edit-buttons { float: left; margin-top: -45px; }

.add-package-link:hover { text-decoration: none; }
.add-package-link-top-div.ui-widget { padding: 8px 12px; border: 1px solid #bbb; background: #ededef url(images/SecondaryButtonStyle.gif) repeat-x 0 0; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; cursor: pointer; /*CSS 3*/ text-shadow: 0px 1px 1px #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px #777; -moz-box-shadow: 0 1px 1px #777; box-shadow: 0 1px 1px #777; }
.add-package-link-top-div.ui-widget:hover { text-decoration: none !important; border: 1px solid #bbb; background: #e9e9e9 url(images/SecondaryButtonStyleHover.gif) repeat-x 0 0; color: #555; /*CSS3*/ text-shadow: 0px 1px 1px #fff; -webkit-box-shadow: inset 0px 0px 9px 5px rgba(153, 153, 153, .25); -moz-box-shadow: inset 0px 0px 9px 5px rgba(153, 153, 153, .25); box-shadow: inset 0px 0px 9px 5px rgba(153, 153, 153, .25); }

.package-details-line5-badges { width: 100%; height: auto; display: inline-block; }
.package-badge-image { width:62px; height:85px; margin-top: 0px; margin-right: 6px;  float: left; }