/* Coupon nav */

#couponnav {
position: relative;
top: -6px;
left: 3px;
height: 22px;
padding: 8px 20px;
background: url(../img_t/bground_couponnav.gif) no-repeat;}

#couponnav h3 {
margin-top: 1px;
color: white;
float: left;}

#couponnav h3 a { color: #fff; text-decoration: none;}

#couponnav h3,
#couponnav li {
font-size: 11px;}

#couponnav ul {
margin: 0;
margin-left: 103px;}

#couponnav li {
background: url(../img_t/bground_couponnav_li.gif) 0 4px no-repeat;
list-style: none;
display: inline;
margin-right: 8px;
padding-left: 17px;}

#couponnav li a {
text-decoration: none;}

#couponnav li.expiring a {
color: red;}

#couponnav li.firstitem {
background: none;}

#couponnav a:hover { text-decoration: underline;}

/* category page menu */
.ccatCMSListMenuUL {}
.ccatCMSListMenuUL ul {display: none;}
.ccatCMSListMenuLI img { position: relative; top: 5px; left: 8px;}
/* Main content area styles */

.home #main {
float: right;
margin-left: 10px;}

.sub #main {
float: left;}

#main {
position: relative;
margin-top: 5px;
width: 667px;}

#main h1 {
color: #0dafe2;
margin-bottom: 12px;}


/* Sidebar styles */

#sidebar input.FormButton,
#wrap .sub input.FormButton {
background: none;
padding: 0;
margin: 0;}

#sidebar input.searchInput {
width: 145px;
height: 23px;
margin: 0;
margin-right: 4px;
padding: 4px;
border: 1px solid #ccc;}

#sidebar input.TextBoxField {
width: 165px;
margin: 0;
margin-right: 4px;
padding: 4px;
border: 1px solid #ccc;}

.home #sidebar {
float: left;}

.sub #sidebar {
float: right;
margin-left: 10px;}

#sidebar {
font-size: 12px;
position: relative;
margin-top: 5px;
width: 273px;}

#sidebar span.EditingFormErrorLabel { position: absolute; left: -999em;}

#sidebar h2 {
margin-bottom: 10px;}

#sidebar .primary,
#sidebar .secondary {
background-position: top center;
background-repeat: no-repeat;}

#sidebar .inside {
padding: 6px;
position: relative;
top: 2px;
border-left: 1px solid #bdbcbd;
border-right: 1px solid #bdbcbd;
background-position: bottom center;
background-repeat: no-repeat;}

#sidebar .primary .inside {
background-color: transparent;
background-image: url(../img_t/bground_couponsearch_bottom.gif);}

#sidebar .secondary .inside {
background-color: transparent;
background-image: url(../img_t/bground_sidebar_bottom.gif);}


#sidebar .primary {
background-color: #ededed;
background-image: url(../img_t/bground_couponsearch.gif);
margin-bottom: 20px;}

#sidebar .secondary {
background-color: white;
background-image: url(../img_t/bground_sidebar_top.gif);
margin-bottom: 20px;}

#sidebar .secondary tbale td {padding: 1px;}

#sidebar h1, /* All home page header replacements */
#sidebar h2,
.coupongroup h1,
.featured h2 {
display: block;
font-size: 0;
text-indent: -99999px;
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;}

#sidebar h1 {
width: 210px;
height: 35px;
margin-left: 15px;
margin-bottom: 25px;
background-image: url(../img_t/header_couponsearch.gif);}

#sidebar h2 {
height: 18px;
margin-bottom: 10px;}

#sidebar h2#getcoupons {
width: 193px;
background-image: url(../img_t/header_getcouponsbymail.gif);}

#sidebar h2#submitcoupon {
width: 147px;
background-image: url(../img_t/header_submitacoupon.gif);}

#sidebar h2#feedback {
width: 121px;
background-image: url(../img_t/header_feedback.gif);}

#sidebar h2#specialOffersRss {
width: 124px;
background-image: url(../img_t/specialOffersrss.gif);}



/* Main content area on home page */

.couponrow {
clear: both;
overflow: auto;
margin-top: 10px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #f5f5f5;}

.couponrow h1 {
height: 17px;}

.couponrow h1#mostpopular {
width: 117px;
background-image: url(../img_t/header_mostpopular.gif);}

.couponrow h1#justadded {
width: 93px;
background-image: url(../img_t/header_justadded.gif);}

.couponrow h1#freeshipping {
width: 121px;
background-image: url(../img_t/header_freeshipping.gif);}

.couponrow h1#expiringsoon {
width: 121px;
background-image: url(../img_t/header_expiringsoon.gif);}

.couponrow .left {
border-right: 10px solid #f5f5f5;}

.couponrow .green a,
.couponrow .blue a {
font-weight: bold;}

.couponrow .green a {
color: #96ac2d;}

.couponrow .blue a {
color: #0e95c0;}

.couponrow p {
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 0;}

.couponrow .green p a,
.couponrow .blue p a {
color: #717171;
font-weight: normal;}

.coupongroup {
min-height: 310px;
width: 280px;
float: left;
padding-right: 20px;
margin-left: 20px;}

.coupongroup strong { display: block;}
.coupongroup p { margin-bottom: 1em;}

.featured {
width: 624px;

padding: 15px 20px;
overflow: auto;
margin-bottom: 4px;
background: #959595;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}

.featured h2 {
width: 105px;
height: 11px;
margin-bottom: 10px;
background-image: url(../img_t/header_featuredstores.gif);}

.store {
width: 125px;
float: left;
margin: 0 15px 15px 15px;}

.store img {
border: 1px solid #999;}

.store a {
font-size: 10px;
color: white;}

#sidebar .store {
margin: 0 6px 0 0; float: none; }

#sidebar .store a {
color: #666; margin: 0 auto; display: block;}

#sidebar .store img { margin: 0 auto; display: block; }


/* Search Results Page */

.SearchResults li {
list-style: none;
border-bottom: 1px dotted gray;
margin-bottom: 5px;
padding-bottom: 5px;}


/* Tabs */

#tabs {
float:left;
clear: left;}

ul.tabslist {
margin-top: 25px;
list-style: none;}

.tabslist li {
font-weight: bold;
display: inline-block;
float: left;
margin-right: 1px;}

#tabs .tabslist a,
#tabs .tabslist a span {
padding-top: 7px;
padding-bottom: 4px;}

#tabs .tabslist a {
color: #666;
background: #eee;
text-decoration: none;
padding-left: 15px;}

#tabs .tabslist a span {
padding-right: 15px;}

#tabs .tabslist a:hover {
color: white;
padding-left: 15px;}

#tabs .ui-tabs-nav .ui-tabs-selected a {
color: white;
background: #75bada;
padding-left: 15px;}

#tabs .ui-tabs-nav .ui-tabs-selected a span {
padding-right: 15px;}

#tabs .ui-tabs-nav .ui-tabs-selected a:hover {
padding-left: 15px;}

.tabcontent {
position: relative;
clear: left;
top: 1px;
padding: 10px;
border: 1px solid #ccc;
width: 642px;
margin-bottom: 20px;
line-height: 1.4em;}

.tabcontent p { /* Minimizes spacing between lines because of Agilesite BR tag */
margin: 0;
padding: 0;}

.tabcontent .right {
width: 250px;}

.tabcontent a {
text-decoration: underline;}

.tabcontent h2 {
margin-bottom: 5px;}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;}
}

.ui-tabs-nav a {
outline: 0;}


/* Form styles */

.sub td {
padding: 5px 0;}

.sub table {
margin-bottom: 30px;}

td.label {
text-align: right;
padding-right: 3px; font-size: 11px;}

.sub .EditingFormControlNestedControl table { margin: 0;}
.sub .EditingFormControlNestedControl td {padding: 0; vertical-align: middle;}
.EditingFormControlNestedControl input {margin: 0; }
.EditingFormControlNestedControl label { font-size: 11px; padding: 0 10px 0 3px; margin: 0; vertical-align: middle; top: 0;}

a.info {
position: relative;
z-index: 24;}

a.info:hover {
z-index: 25;}

a.info span {
display: none;}

a.info:hover span {
text-decoration: none !important;
font-size: 9px;
display: block;
padding: 5px;
position: absolute;
top: 2em;
left: 0;
width: 160px;
border: 1px solid #adb9bd;
background-color: #d1dadd;}


.storeblock {
color: #777;
width: 150px;
font-size: 10px;
margin-right: 20px;
margin-bottom: 10px;}

.storeblock h2 {
margin: 0;}

.storeblock a {
color: #999;}

.simplelink {
margin-right: 20px;
width: 150px;}

.couponItem  {
background:  url(../img_t/scissors.png) no-repeat 120px 0px;
padding: 12px 10px 10px 16px;
margin: 0 0 0 1em;}

.couponInner {border: 2px dashed #ccc; padding: 16px 10px; }

.normalCoupons .couponItem {
border-top: 1px solid #ccc;
padding-top: 10px;}

.featuredCoupons .couponImg,
.normalCoupons .couponImg {
border: 1px solid #ccc;
float: left;
margin-right: 10px;}

.normalCoupons .couponInfo {
width: 500px;
float: left;}

.bycat #menuElem li {
list-style: none;
margin-bottom: 15px;}