@charset "utf-8";
/* CSS Document */

body {
    margin:0;
    /* text-align:center;*/
    font:normal 12px Verdana, Helvetica, sans-serif;
    background-color:#FFF;
    color:#333;
}

h1, h2, h3, h4, h5, h6, p {
    
}
a:link {
    text-decoration:none;
    color:#037859;
}
a:visited {
    text-decoration:none;
    color:#037859;
}
a:hover {
    text-decoration:underline;
    color:#037859;
}
a:active {

}
img {border:none;}
form {
    margin:0;
    padding:0;
}

.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both}

.graphic-box {
    display:block;
    text-align:left;
    text-indent:-9999px;
    overflow:hidden;
}


#site-wrapper {
    width:990px;
    margin:0 auto;
}
.content-wrapper {
    border:1px solid #B5D2D1;   
    zoom: 1;
}
.content-padder {
    text-align:left;
    padding:10px 9px;
}

/* Header */
/* TopLinks */
#header {
    height:110px;
    padding:0;
}
#header #logo {
    float:left;
    padding:11px 0 0 0;
}
#header #logo,
#header #logo a {
    width:300px;
    height:88px;
    margin:0;
}
#header #logo a {
    display:block;
    background:url(../images/logo2.gif) no-repeat left top;
}
#header #topLinks {
    float:right;
    width:437px;
    text-align:right;
    padding:40px 0 0 0;
}
#header #topLinks ul,
#header #topLinks ul li {
    list-style:none;
    margin:0;
    padding:0;
    display:inline;
}
#header #topLinks ul li{
    border-right:1px solid #B5D2D1;
    padding:0 6px 0 0;
    line-height:12px;
}
#header #topLinks ul li.last {
    border:none;
    padding: 0 0 0 0;
}
#header #topLinks ul li,
#header #topLinks ul li a {
    text-transform:uppercase;
    font-size:10px;
    color:#263C34;
    text-decoration:none;
}
#header #topLinks ul li a:hover {
    color:#037859;
}

#header #topLinks ul li a:visited {
    color:#333;
}
#header #topLinks form {
    padding:10px 0 0 0;
}

/*    mainNavigation    */
#mainNavigation {
    border:1px solid #B5D2D1;
    background-color:#EDF6F6;
    text-align:left;
    margin-bottom:7px;
    width: 988px;
}
#mainNavigation ul 
{
    width: 100%;
}
#mainNavigation ul,
#mainNavigation ul li{
    margin:0;
    padding:0;
    height:32px!important;
    list-style:none;
}
#mainNavigation ul li {
    display:inline;
}
#mainNavigation ul li a
{
    -moz-box-sizing:border-box;box-sizing:border-box;margin:0;
    display:block;
    float:left;
    height:32px;
    border-right:1px solid #DCE7E7;
    text-decoration:none;
    padding:10px 10px 0 10px;
    color:#666;
}
#mainNavigation ul li.last a {
    border:none;
}
#mainNavigation ul li a:hover {
    color:#037859;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu  ul li a {
	float: none;
}

/* End IE5-Mac hack */
#mainNavigation ul li ul, #menu ul li ul li ul {
	position:absolute;
	top: 0;
	border:1px solid #CCCCCC;
	border-bottom-width: 0;
	border-top-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background-color:#F0F0F0;
	width: 200px;
	visibility: hidden;
}

#mainNavigation  ul li ul li, #menu ul li ul li ul li {
	border-bottom: 1px solid #fff;
	float: none;
	margin: 0;
	padding: 0;
	width: 200px;
}

#mainNavigation  ul li ul li a, #mainNavigation ul li ul li ul li a {
	width: auto;
	display: block;
	text-indent: 3px;
	padding:3px 10px;
	text-decoration: none;
	color:#666;
	text-align:left;
	border-bottom:1px solid #DDD;
}

#mainNavigation  ul li ul li a:hover, #mainNavigation  ul li ul li ul li a:hover {
	font-weight: normal;
	background-color: #FF8401;
	background-image: none;
}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border:1px solid #CCCCCC;
	border-bottom-width: 0;
	border-top-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background-color:#F0F0F0;
	width: 220px;
	visibility: hidden;
}
.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	padding:3px 10px;
	text-decoration: none;
	color:#666;
	text-align:left;
	border-bottom:1px solid #DDD;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #EDF6F6;
	color:#037859;
	text-decoration:none;
}



/*    Home Top Styles    */
#homeTop {
    border-bottom:1px solid #B5D2D1;
    margin:0;
}

#homeTop .left {
    
    border-right:1px solid #B5D2D1;
    float:left;
    padding: 10px;
}
#homeTop .right {
    width:301px;
    float:right;
    padding:20px 13px 0 16px;
}

#homeTop #greeting {
    margin:0;
    overflow:hidden;
    text-align:left;
    background:url(../images/greeting.jpg) no-repeat left top;
    width:302px;
    height:104px;
}
#homeTop #greetingText {
    font:normal 18px "Times New Roman", Times, serif;
    color:#666;
    padding:25px 0 5px 0;
    text-align:left;
    line-height:20px;
    overflow:hidden;
}
#webSpecialsBtn,
#visitBlogBtn {
    width:200px;
}
#webSpecialsBtn {
    height:88px!important;
    background:url(../images/webExclusiveSpecials.gif) no-repeat left top;
}
#visitBlogBtn {
    height:88px!important;
    background:url(../images/visitOurBlog.gif) no-repeat left top;
}

/*    General Styles    */
#satisfactionPromise {
    background:#e7f2f2;
    width:204px;
    height:220px;
    overflow:hidden;
    font-size:10px;
    padding:8px 12px 10px 12px;
    margin-bottom:10px;
}
* html #satisfactionPromise {
	width:100%;
    padding:4px 6px;
    margin-bottom:5px;
}
.left-column {
    width:227px;
    float:left;
}
.right-column {
    width:725px;
    float:right;
    border-left:0px solid #B5D2D1;
    padding-left: 10px;
    
}
.boxHeader{
    display:block;
    margin:0;
    padding:7px 11px 0 11px;
    height:28px;
    background:#057a5b url(../images/gradient-alt-bg-lg.gif) repeat-x left top;
    font:normal 20px Georgia, "Times New Roman", Times, serif;
    color:#FFF;
}
.box {
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:18px 10px 0 10px;
}
.topicHeader {
    clear:both;
    padding:4px 10px 2px 25px;
    margin:0;
    background:#e7f2f2 url(../images/icon-arrow-hi.gif) no-repeat 11px 10px;
    border-bottom:1px dashed #B5D2D1;
    font:normal 14px Verdana, Arial, Helvetica, sans-serif;
    color:#333;
}
.joinBanner {
    border:1px solid #A7CCCC;
    background:url(../images/gradient-bg-lg.gif) repeat-x left top;
    height:61px;
    margin:0 0 5px 0;
}
.joinBanner .left {

    float:left;
    padding:11px 0 0 9px;
}
.joinBanner .middle {
    width:282px;
    float:left;
    color:#263c34;
    font-size:13px;
    padding:14px 0 0 14px;
    font-family:Arial, Helvetica, sans-serif;
}
.joinBanner .right {
    width:85px;
    float:right;
    padding:25px 0 0 0 ;
}
.joinBanner #jbLargeText {
    font:bold 32px "Times New Roman", Times, serif;
    color:#263c34;
    display:block;
    float:left;
    text-transform:lowercase;
    letter-spacing:-1px;
    margin:0 6px 0 0;
}
.joinBanner #jbJoinClub {
    display:block;
    float:left;
    width:316px;
    height:42px;
    overflow:hidden;
    text-align:left;
    text-indent:-9999px;
    background:url(../images/join-club-norwood.gif);
}

/* Product Styles */

.productList,
.productList li {
    list-style:none;
    margin:0;
    padding:0;
    font:normal 13px Verdana, Arial, Helvetica, sans-serif;
}
.productList {
}
.productList li {
    display:block;
    float:left;
    width:25%;
    text-align:center;
    padding:15px 0 25px 0;
}
.productList li img {
    border:1px solid #F0EAE0;
    clear:right;
    margin:0 0 3px 0;
}
.productList li a {
    color:#1F876C;
    text-decoration:none;
}    
.productList li a:hover {
    color:#034433;
}
/* categoryList Styles */
#categoryList {
    font:normal 13px Verdana, Arial, Helvetica, sans-serif;
    border:1px solid #CCC;
    padding:0 0 30px 0;
}
#categoryList h2{
    font:normal 19px Georgia, "Times New Roman", Times, serif;
    color:#037859;
    background:url(../images/gradient-bg-sml.gif) repeat-x left top;
    margin:0;
    padding:5px 0 0 15px;
    height:28px;
    border-bottom:1px solid #CCC;

}
#categoryList ul {
    margin:5px;
    padding:0;
    list-style:none;
}
#categoryList ul li {
    list-style:none;
    margin:0;
    padding:1px 0;
    display:block;
    background:url(../images/divider-dashed.gif) repeat-x left bottom;
}
#categoryList ul li a{
    display:block;
    color:#666;
    padding:7px 0 7px 25px;
    margin-bottom:1px;
    background:url(../images/icon-arrow.gif) no-repeat 11px 12px;
    text-decoration:none;
}
#categoryList ul li a:hover {
    background:#e7f2f2 url(../images/icon-arrow-hi.gif) no-repeat 11px 12px;
    color:#333;
}
#categoryList ul li a.active,
#categoryList ul li a.active:hover {
    background:url(../images/icon-arrow-active.gif) no-repeat 11px 12px;
    color:#A01111;
}
#categoryList table {
    margin:5px;
    padding:0;
    width:212px!important;
}


#categoryList td {
    font-size:13px;
    margin:0;
    padding:1px 0;
    background:url(../images/divider-dashed.gif) repeat-x left bottom;
    overflow:hidden;
}
#categoryList td a{
    display:block;
    color:#666;
    padding:7px 0 7px 25px;
    margin-bottom:1px;
    background:url(../images/icon-arrow.gif) no-repeat 11px 12px;
    text-decoration:none;
}
#categoryList td a:hover {
    background:#e7f2f2 url(../images/icon-arrow-hi.gif) no-repeat 11px 12px;
    color:#333;
}
#categoryList tr.categoryListItemOn td a 
{
    background:#e7f2f2 url(../images/icon-arrow-hi.gif) no-repeat 11px 12px;
    color:#333;
}

#categoryList td a.active,
#categoryList td a.active:hover {
    background:url(../images/icon-arrow-active.gif) no-repeat 11px 12px;
    color:#A01111;
}

#footer {
    clear:both;
    text-align:left;
    margin:13px 0 20px 0;
    font-size:10px;
}
#footer h3 {
    margin:0;
    border:1px solid #DBE9E8;
    background-color:#F3F9F9;
    padding:4px 2px 2px 8px;
    text-transform:uppercase;
    color:#666;
    font-size:10px;
    font-weight:normal;
    height:12px;
}
#footer ul,
#footer ul li {
    list-style:none;
    margin:0;
    padding:0;
}
#footer ul {
    padding:6px 0 0 8px;
}
#footer ul li {
    margin:0 0 3px 0;
}
#footer .left {
    width:280px;
    float:left;
}
#footer .right {
    width:710px;
    float:right;
}
#footer .right ul {
    display:block;
    float:left;
    padding-right:12px;
}
#footer,
#footer a {
    color:#666;
    text-decoration:none;
}
#footer a:hover {
    color:#037859;
    text-decoration:none;
}






/* Form Styles */
.form-field {
    border:1px solid #ACC0C1;
    font-size:10px;
    padding:3px 6px;
}
.form-btn {
    border:none;
    background:none;
    border:1px solid #C1D9D8;
    background-color:#037859;
    text-transform:uppercase;
    color:#FFF;
    font-size:10px;
    padding:2px 6px;
}

a.form-btn {
    padding:6px 8px;
    text-decoration:none;
    line-height:28px;
} 

.tdtitle td{
	background-image:none;
	background:#e7f2f2;
	border-bottom:1px dashed #B5D2D1;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
.tdtitle td,
.tdrow td {
	padding:6px 8px 4px 8px;
}
.tdrow td {
	border-right:1px solid #ccc;
	border-bottom:1px dashed #CCC;
}
.tdrow td.last {
	border-right:none;
}
.subtotal td {
	background-color:#e3e3e3;
	padding:5px 5px;
}
.pagetitle {
	font:bold 28px Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	color:#037859;
}

.prodtitle {
	border-bottom:1px solid #B5D2D1;
    color:#666;
	font-size:14px;
	padding:10px 15px 10px 25px;
	background:url(../images/icon-arrow.gif) no-repeat 11px 15px;
}
