/******************
HTML Tags
******************/
html, body
{
    margin: 0px;
    padding: 0px;
}
body
{
    font: 83%/1.3 arial, helvetica, sans-serif;
    background-color: #ffffff;
}
/*
textarea, input[type=text]
{
    font: 15px arial, helvetica, sans-serif;
    background-color: #fffff0;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}*/


fieldset
{
    border-right: #CCCCCC 1px solid;
    padding-right: 10px;
    border-top: #CCCCCC 1px solid;
    padding-left: 10px;
    border-left: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
}

legend
{
    color: #99cc66;
    font-weight: bold;
    font-size: 17px;
}


/******************
LINKS
******************/
/* Make sure a:visited is before a:hover */
a:active{ text-decoration: underline;color: #0F5AB3;}
a:link    {text-decoration: underline; color: #0F5AB3}
a:visited {text-decoration: underline;color: #0F5AB3}
a:hover{text-decoration: underline;color: #003;}

.footer {font-size: 12px;}
.footer:active{text-decoration: underline;color: #0F5AB3;}
.footer:link    {text-decoration: underline;color: #0F5AB3;}
.footer:visited {text-decoration: underline;color: #0F5AB3;}
.footer:hover   {text-decoration: underline;color: #003;}

.login-links:active{text-decoration: none;color: #0F5AB3;}
.login-links:link    {text-decoration: none; color: #0F5AB3;}
.login-links:visited {text-decoration: none;color: #0F5AB3;}
.login-links:hover   {text-decoration: underline; color: #003;}

.sidebarLinks:active  {text-decoration: none; color: #0F5AB3;}
.sidebarLinks:link    {text-decoration: none; color: #0F5AB3;}
.sidebarLinks:visited {text-decoration: none; color: #0F5AB3;}
.sidebarLinks:hover   {text-decoration: underline; color: #003;}

.titleLinks:active  {text-decoration: underline; color: #0F5AB3}
.titleLinks:link    {text-decoration: underline; color: #0F5AB3}
.titleLinks:visited {text-decoration: underline;color: #0F5AB3}
.titleLinks:hover   {text-decoration: underline; color: #003;}

.relatedProductTitle:active{text-decoration: none;color: #696969;}
.relatedProductTitle:link    {text-decoration: none; color: #696969;}
.relatedProductTitle:visited {text-decoration: none; color: #696969;}
.relatedProductTitle:hover   {text-decoration: underline; color: #003;}

.smallurl {font-size: 10px;}
.smallurl:active{ text-decoration: none; color:#666666;}
.smallurl:link    {text-decoration: none; color:#666666;}
.smallurl:visited {text-decoration: none; color:#666666;}
.smallurl:hover   {text-decoration: underline; color: #003 }

.pagerlinks{font-size: 11px;padding: 3px;margin: 6px 3px}
.pagerlinks a, .pagerlinks span{padding: 2px 5px 2px 5px;margin: 2px 2px;display: block;float: left;}
.pagerlinks a { border: 1px solid #99cc66; text-decoration: none;color: #0F5AB3; }
.pagerlinks a:hover, .pagerlinks a:active { border: 1px solid #000003; background-color: #0F5AB3; color: #fff;}
.pagerlinks span.currentPage { font-weight: bold; color: #000003;   }
.pagerlinks span.ellipsis { color: #000003;   }
.pagerlinks span.disabled { border: 1px solid #cccccc; font-weight: normal;  background-color: #fff; color: #a9a9a9; }

/******************
HEADINGS
******************/

h1
{
    font-weight: bold;
    font-size: 30px;
    margin-top: 8px;

}
/***** category *****/
.categoryHeader
{
    font-size: 25px;
    font-weight: bold;
    color: #000;
    margin-top: 8px;
    margin-bottom: 0px;
}

.categoryH4
{
    margin-bottom: 2px;
    margin-right: 5px;
    font-size: 15;
    font-weight: normal;
    clear: left;
   
}


/******************
LAYOUT DIVS & CELLS
******************/

#main-container
{
    width: 945px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#login-wrapper
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
    text-align: right;
    font-size: 14px;
    background-color: #F9FDEE;
    border-left: #99cc66 1px dotted;
    border-right: #99cc66 1px dotted;
    border-bottom: #99cc66 1px dotted;
    color: #666666;
    
}
#login-thumb-span
{   
 vertical-align:middle;
}

#content-wrapper
{
    float: left;
    width: 100%;
    background-color: #ffffff;
}

#content-left 
{
    vertical-align: top;
	float:left;
	width: 705px;
	padding-right: 5px;
    padding-left: 5px;
	
}

#content-right
{
    width: 215px;
    margin-left: 15px;
    vertical-align: top;
    float:right;

}

#header-wrapper
{
    
    float:left;
    height: 55px;
    margin: 0px 0px 0px 0px;
    padding-top: 5px;
    padding-bottom: 10px;
    background-color: #ffffff;
}
	
#header-left
{
    float:left;
    width: 225px;
    margin-right:30px;
}

#header-right
{
    font-size: 13px;
    padding-top: 15px;
    float:right;
}

/* if you use #article-wrapper for a div tag id with runat="server"
 youcannot use '-' in article-wrapper because in .NET, you cannot have '-' in the name of a variable. Whereas '_' is valid. */
.article-wrapper
{
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom: #dcdcdc 1px solid;
    padding-bottom: 10px;
}



.article-wrapper-flagged
{
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom: #dcdcdc 1px solid;
    padding-bottom: 10px;
    color: #C5BFBE !important;
}

.article-wrapper-flagged a, 
.article-wrapper-flagged .articleSubhead,
.article-wrapper-flagged .profileSavedFavorite,  
.article-wrapper-flagged .productgrid-priceinfo-wrapper,
.article-wrapper-flagged .articleByline-store,
.article-wrapper-flagged .productgrid-priceafterrebate,
.article-wrapper-flagged .productgrid-priceafterrebate-small {
	color: #C5BFBE !important;
}
.article-wrapper-flagged .productgrid-expired 
{
    color: #C5BFBE !important;
    background: url(images/list-expired-flagged-10px-1.png) no-repeat 0px center;
}
.article-wrapper-flagged .profileBar .profileComments
{
    color: #C5BFBE !important;
    background: url(images/list-comment-flagged-16px-color6.png) 0 0px no-repeat;
}
.article-wrapper-flagged .profileBar .profileEmail
{
    color: #C5BFBE !important;
    background: url(images/list-email-flagged-16px.gif) no-repeat 0px 0px;
}
.article-wrapper-flagged .profileBar .comparePrices
{
    color: #C5BFBE !important;
    background: url(images/list-compare-prices-flagged.gif) 0 0px no-repeat;
}

#article-left
{
    float: left;
    width: 235px;
}

#article-right
{
    width: 460px;
    margin-right:5px;
}

#footer-wrapper
{
    float:left;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    width: 100%;
    border-top: #dcdcdc 1px dotted;
    margin-top: 10px;
}


#pager-wrapper
{
    float:left;
    text-align: left;
    padding-top:28px;
    padding-bottom:25px;
    clear:both;
}

.mostrecentdeals-wrapper
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 5px;
    border-bottom: #dcdcdc 1px dotted;
}

.storeLeftTD			{padding-left: 0px; padding-right: 15px;}
.storeRightTD 			{width:200px; padding-top: 5px; padding-right: 8px; vertical-align: top;}




/******************
CLASSES
******************/


/***** Goes around DateTimePicker controls that need to be presented as a block of functionality  *****/
.controlblock
{
    border: 1px solid #E2DED6;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
}


/***** Navigation Top *****/
.topNavCell
{
    font: bold 11px ;
    text-decoration: none;
    background-image: url(images/nav_gradient.jpg);
    background-repeat: repeat-x;
    text-align: center;
    height: 28px;
    padding-right: 3px;
    padding-left: 4px;
}

.topNavLink a
{
    color: #323234;
    text-decoration: none;
}
.topNavLink a:visited {
	color: #323234;
}
.topNavLink a:hover
{
    color: #505152;
}
/***** CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) *****/
#breadcrumbNav
{
    font-size: 13px;
    padding-bottom: 15px;
    padding-top: 0px;
    padding-left:15px;

}

#breadcrumbNav a:hover
{
    color: #0F5AB3;
    text-decoration: none;
}


#leftnav 
{
	float:left;
	width:80px;
	text-align:left;
}
#rightnav 
{
	float:right;
	width:80px;
	margin-right:10px;
	text-align:right;
}
#numnav
{
	float:inherit;
	text-align:center;	
}







/***** Sidebar *****/
#sidebar
{
    border-right: #99cc66 1px solid;
    border-top: #99cc66 2px solid;
    border-left: #99cc66 1px solid;
    border-bottom: #99cc66 1px solid;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 10px;
    padding-top: 6px;
    background-color: #F9FDEE;
    margin-bottom:12px;
    font-size: 15px;
}

#sidebar-header
{
    background: url(images/sidebar-header-215px-color3.jpg) top no-repeat;
    display: block;
    width: 215px;
    
}

#sidebar-header h2
{
    font-size: 18px;
    font-weight: bold;
    padding-top: 2px;
    padding-right: 0px;
    color: #F6F6EE;
    margin: 0px;
    padding-left: 8px;
    padding-bottom: 0px;
}

.sidebar-submit a, .sidebar-submit span
{
    padding-right: 10px;
    padding-left: 42px;
    padding-top: 7px;
    padding-bottom:6px;
    font-size: 21px;
    text-decoration: none;
    display: block;
    background: url(images/bg-submit-deals.gif) 100% 0;
    margin-bottom: 12px;

}

.sidebar-submit a:hover
{
    padding-right: 10px;
    padding-left: 42px;
    padding-top: 7px;
    padding-bottom:6px;
    font-size: 21px;
    text-decoration: none;
    display: block;
    background: url(images/bg-submit-deals.gif) 100% -40px;
    margin-bottom: 12px;

    
}

.sidebarParentCategory
{
    border-bottom: #99cc66 1px dotted;
    padding-bottom: 2px;
    padding-top: 2px;
}

.sidebarArrowList
{
    font-size: 12px;
    padding-left: 14px;
    background-image: url(images/bulletArrow-grey-01.gif);
    background-repeat: no-repeat;
    background-position: 0px center;
}

.sidebar-toggle-down
{
    border: #e9e9e9 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    float: right;
    background-image: url(images/sidebar-toggle-down-01.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 10px;
    height:10px;
    cursor:hand;
}

#sidebar-category-footer
{
    margin-top:10px; 
    text-align: center; 
    border-top: dotted 1px #99cc66;
    border-bottom: dotted 1px #99cc66;
    font-size:11px;
}

/**** Search ****/
#search-container
{
    padding-left: 0px;
    padding-right:310px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align:right;
}
	

.searchTxtField
{
    font-size: 17px;
    height: 19px;
    width: 210px;
    background-color: #F9FDEE;
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;

}

.searchButton 
{
    padding-left: 3px;
    padding-bottom: 1px;
    vertical-align: bottom;
}

.searchAdvancedLink
{
    font-size: 9px;
    text-decoration: none;
}

.search-highlight {
	background-color: #ff0;
	color: #685D00;
}

/***** Submit *****/
.submit-txt
{
    font: 15px arial, helvetica, sans-serif;
    background-color: #fffff0;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

.submit-howto-firstline
{
    font: 13px arial, helvetica, sans-serif;
    background-color: #fffff0;
    border-right: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-bottom: #fffff0 0px solid;
    margin-top: 1px;
    width: 600px;
}

.submit-howto-textarea
{
    font: 13px arial, helvetica, sans-serif;
    background-color: #fffff0;
    border-right: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-top: #fffff0 0px solid;
    border-bottom: #cccccc 1px solid;
    width: 600px;
}


.submit-textarea
{
    font: 13px arial, helvetica, sans-serif;
    background-color: #fffff0;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    width: 600px;
}

.submit-checklist
{
    padding-left:18px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-image:url(images/bullet-checkmark-green.png);
    background-repeat:no-repeat;
    background-position:0px 8px;
}

.submit-freetextbox-htmlmode-bg
{
    background-color: #fffff0;
    font: 13px arial, helvetica, sans-serif;
}

#submit-url-text {
	width: 650px;
	overflow: hidden;
	text-overflow: ellipsis;
}


/**** Textbox Watermark ****/

.unwatermarked
{
    border: 1px solid #cccccc;
    background-color: #fffff0;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px;
    font-family: arial, helvetica, sans-serif;

}

.watermarked
{
    border: 1px solid #cccccc;
    background-color: #fffff0;
    color: gray;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px;
    font-family: arial, helvetica, sans-serif;
}	

/**** Message Boxes *****/

div.positive-box
{
    background: url(images/msg-check.png) no-repeat 0px 0px;
    padding: 2px 0 0 50px;
    min-height: 35px;
} 

.positive-box h3{
	font-size: 105%;
	color: #900;
	font-weight: bold;
	margin-bottom: 2px;
	color: #99cc66;
}

.positive-box
{
    color: #99cc66;
}


/***** RSS *****/
.feedTableCell
{
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 6px;
    padding-top: 6px;
    background-color: #ffffff;
}


/***** Stores *****/

#stores-breadcrumb
{
    padding-bottom: 10px;
    padding-top: 12px;
    border-bottom: #99cc66 1px dotted;
    margin-bottom: 15px;
}

#stores-featuredstores
{
    padding-bottom: 10px;
    border-bottom: #99cc66 1px dotted;
    margin-bottom: 15px;
}

#stores-byletter
{
    padding-bottom: 15px;
    border-bottom: #99cc66 1px dotted;
    margin-bottom: 15px;
}

#stores-sidebar-footer
{
    margin-top:7px; 
    text-align: center; 
    border-top: dotted 1px #99cc66;
    border-bottom: dotted 1px #99cc66;
    font-size:11px;
}

#stores-search-container
{
    padding-bottom: 15px;
    padding-top: 0px;
    border-bottom: #99cc66 1px dotted;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: bold;
}

.stores-searchButton 
{
    padding-left: 3px;
    padding-bottom: 1px;
    vertical-align: bottom;
}

.stores-related-datalist
{
    
    border-right: #a9a9a9 1px dotted;
    border-top: #a9a9a9 1px dotted;
    border-left: #a9a9a9 1px dotted;
    border-bottom: #a9a9a9 1px dotted;
    
}
.stores-related-header
{
    font-weight: bold;
    color: #000000;
    background-color: #f5f5f5;
    padding-bottom: 3px;
}

.stores-related-item
{
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
}

/***** Amazon Store ******/
.sidebarAmazonProductName a
{
    font-size: 12px;

}
.sidebarAmazonProductName a:visited
{
    font-size: 12px;
}

.sidebarAmazonSeeDetails
{
    font-size: 11px;
}

.storeAmazonProductHeader
{
    font-size:25px;
    margin-top: 10px;
    margin-bottom: 3px;
}

/***** Report Bury Menu *****/
.ReportMenuPanel
{
    border: 1px solid #868686;
    z-index: 1000;
    background-color: #FAFAFA;
    cursor: pointer;
    font-size: 11px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 94px;
}

a.ReportMenuItem
{
    margin: 1px 0 1px 0;
    display: block;
    color: #0F5AB3;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 3px 4px 5px;
}
a.ReportMenuItem-Selected
{
	font-weight: bold;
}
a.ReportMenuItem:hover
{
    background-color: #fdf5e6;
    color: #003;
    border: 0px solid #D2B47A;
    padding: 4px 3px 4px 5px;
}






/***** Admin *****/
#query span.input_label
{
    float: left;
    text-align: right;
    width: 70px;
}

#status span.input_label
{
    float: left;
    text-align: right;
    width: 100px;
}

#query legend, #status legend
{
    font-weight: bold;
    font-size: 13px;
    color: #696969;
}

#query span.input_control, #status span.input_control
{
    margin-top: 5px;
    margin-bottom: 5px;
}