/*  cds styles */

body {
	background-color: #ffffff;
    margin: 0;
    padding: 0;
    /* background: #FFFFFF url(/images/n/body_bg.gif) repeat-y top;  */
    font: 11px 'Arial Narrow', Verdana, Helvetica, sans-serif;
    color: #045175; /* Dark Blue =  */
}
#container {
    width: 965px;
    margin: 0 auto;
    text-align: center;
    background: #FFFFFF url(./images/n/body_bg.gif) repeat-y top;
}
#header {
    width: 800px;
    height: 249px;
    background: #FFFFFF url(./images/n/topgradient.gif) repeat-x top;
    margin-left: 84px;
}
#logoDiv {
    float: left;
    margin-top: 10px;
    margin-left: 42px;
}
#topNav {
    float: right;
    margin-top: 10px;
    margin-right: 35px;
    text-align: right;
}
#topNav ul {
    list-style-type: none;
}
#topNav ul li {
    color: #FFFFFF;
}
.topNavMenu {
    height: 46px;
    line-height: 45px;
    background-color: #ffffff;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 10px;
}
#topNav ul li p{
    margin: 0;
}
#bannerDiv {
    float: left;
    margin-top: -5px;
    margin-left: 32px;
}
#mainNavMenu {
    margin-left: 21px;
}
.navMenuColor {
    color: #045175;
}
.greenText {
    color: #c4f392;
}
.ltBlueText {
    color: #0499cb;
}
.smText {
    font-size: 8px;
}
.ab-col {
    width: 800px;
    float: left;
    padding: 17px 0 0 0;
    overflow: hidden;
    margin-left: 84px;
}
.a-col {
    width: 184px;
    float: left;
    text-align: left;
    padding-left: 15px;
}
.b-col {
    width: 590px;
    float: left;
    overflow: visible;
    margin-left: 10px;
    text-align: left;
}
.a-col-main {
    width: 284px
}
.b-col-main {
    width: 466px;
}
a:link { font-family: "Arial Narrow", "Verdana", "Helvetica", "sans-serif"; font-size: 11px; color: #045175; text-decoration: none; }
a:visited { font-family: "Arial Narrow", "Verdana", "Helvetica", "sans-serif"; font-size: 11px; color: #045175; text-decoration: none; }
a:active { font-family: "Arial Narrow", "Verdana", "Helvetica", "sans-serif"; font-size: 11px; color: #045175; text-decoration: none; }
a:hover { font-family: "Arial Narrow", "Verdana", "Helvetica", "sans-serif"; font-size: 11px; color: #000000; text-decoration: underline; }

img    { 
	border: none;
}

.topmenu { 
	color:#000000;
	font-size: 11px;
	font-family: "Arial Narrow", "Verdana", "Helvetica", "sans-serif";
	padding-left: 10px;
	padding-bottom: 5px;
}

.menu { 
	background:url(images/CDS_Banner_menu.png) top left no-repeat;
	/* background-color:#005d91; */
	height:28px;
	width:913px;
	color:#ffffff;
	font-size: 11px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	padding-left: 10px;
}

.menubar {
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

.maintable {
	width: 800px
}

.maintable a:link { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #215fac; text-decoration: none; }
.maintable a:visited { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #215fac; text-decoration: none; }
.maintable a:active { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #215fac; text-decoration: none; }
.maintable a:hover { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #215fac; text-decoration: none; }

.mainNavLink {
	color: orange;
}

.footer {
	color: #a3a8af;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
    margin-left: 84px;
    padding-bottom: 15px;
}
div.footer ul {
    list-style-type: none;
    margin-left: -25px;
}
div.footer li {
     float: left;
     text-align: left;
}
div.footer li.footerLinks {
    margin-left: 75px;
    margin-top: 10px;
}
.footerLine {
    height: 1px;
    color: #ffffff;
    font-size: 1px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    margin: 15px auto;
    width: 700px;
}
.bold {
	font-weight:bold;
}

h1 {
	color: #045175;
	font-size: 22px;
}
h2 {
    color: #045175;
	/* color: #a3a8af; gray */
	font-size: 18px;
}
h3 {
	color: #ffffff;
	font-size: 14px;
}
h4 {
	color: #C4F392;
	font-size: 12px;
    margin: 0;
}
.freeEnvelopes500 {
    color: #009900;
	font-size: 14px;
    font-weight:bold;
}
h3.widgetHead {
    margin: 0;
    padding: 4px 0;
}
.widgetHeadLink {
    margin-top: -14px;
	margin-right: 10px;
    color: #ffffff;
	font-size: 12px;
	float: right;
	font-weight: normal;
}
.calltoaction {
	color: #e4a204;
}

.normal {
	font-size: 12px;
	font-weight: normal;
}
.small {
	font-size: 10px;
	font-weight: normal;
}
.white {
	color: #ffffff;
}

.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
/* END custome CDS styles */
th {
	font-weight:bold;
	text-decoration: underline;
	text-align: center;
}

.sidemessage {
	background-color: #ffffff;
	width: 130px;
	padding: 10px 10px 10px 10px;
	border: 5px solid #6bbb26;
	font-size: 12px;
}

.toptable {
	background-color: #ffffff;
	border: 0 0 0 0;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #000000;
	width: 100%;
}

.contenttable {
	background-color: #ffffff;
	border: 0 0 0 0;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #000000;
	width: 100%;
}

.contenttable {
	background-color: #ffffff;
	border: 0 0 0 0;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #000000;
	width: 700px;
}

.listcell {
	border-bottom: 1px solid black;
}
.sidebar {
	background-color: #ffffff;
	border: 0 0 0 0;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #000000;
	width: 150px;
	padding: 10px 2px 0 2px;
	text-align: center;
	vertical-align: top;
}

.maincontent {
	background-color: #ffffff;
	border: 0 0 0 0;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #000000;
	width: 700px;
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
	vertical-align: top;
}

.h1 {
	color: #009900;
	font-size: 20px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.menutable {
	width: 100%;
	height: 36px;
	border: 0 0 0 0;
	background-color:#6bbb26;
	vertical-align: middle;
	/* background-image: url('images/nav_bg.gif') */
}

#successbox {
	width: 350px;
	height: 150px;
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	font-size: 14px;
	font-family: "Arial", "Helvetica", "sans-serif";
	text-align: center;
}

.inputbox {
		color: #000000;
		font-size: 12px;
		width: 150px;
}
.inputboxsmall {
		color: #000000;
		font-size: 12px;
		width: 60px;
}
.inputboxselect {
		color: #000000;
		font-size: 12px;
}
.inputbox2 {
		color: #000000;
		font-size: 14px;
}
.msgtextarea {
	color: #000000;
	width: 450px;
	height: 150px;
	font-size: 12px;
	border: 1px solid black;
}

.blue {
		color: blue;
		font-size: 20px;
		font-weight: bold;
}

.button {
	background-color: #f7f7f7;
	border: 1px solid #000000;
	cursor: pointer;
	color: #000000;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
}

.mlocbox1 {
	background-color: #f7f7f7;
	border: 2px groove #000000;
	color: #000000;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	width: 450px;
	height: 150px;
	padding: 4px 4px 4px 4px;

}

.mlocboxContent {
	background-color: #f7f7f7;
	border: 2px groove #000000;
	color: #000000;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	width: 550px;
	height: 150px;
	padding: 4px 4px 4px 4px;

}

.error {
	color: red;
	font-size: 12px;
}

.small {
	font-size: 10px;
}

.fsWhite {
	color: #ffffff;
}

.fsWhite:hover {
	color: orange;
}

.fsRed {
	color: red;
}

.dottedborderTop {
	border-top: 1px dashed #a3a8af;
}
.padRow {
	padding: 10px 10px 10px 10px;
}
.padRowTop {
	padding-top: 10px;
}
.padRowBottom {
	padding-bottom: 10px;
}
.padRowRight {
	padding-right: 10px;
}
.padRowLeft {
	padding-left: 10px;
}
.padRowRight20 {
	padding-right: 20px;
}
.padRowLeft20 {
	padding-left: 20px;
}
.padRowRightHalf {
	padding-right: 5px;
}
.padRowLeftHalf {
	padding-left: 5px;
}
.marginRow {
	margin: 20px 20px 20px 20px;
}
.marginRowTop {
	margin-top: 20px;
}
.marginRowBottom {
	margin-bottom: 20px;
}
.marginRowRight {
	margin-right: 20px;
}
.marginRowLeft {
	margin-left: 20px;
}
.marginRow10 {
	margin: 10px 10px;
}
.marginTop {
	margin-top: 10px;
}
.marginBottom {
	margin-bottom: 10px;
}
.marginRight {
	margin-right: 10px;
}
.marginLeft {
	margin-left: 10px;
}
/* cart styles */
.cartTableHead {
	background-color: #215fac;
	color: #ffffff;
}

.mailerFrame{
	height:0px;
	width:0px;
	border:0px;
}

.productsList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.widgetBox {
    border: 1px solid #a3a8af;
    border-top: 0;
    margin-bottom: 10px;
    width: 184px;
    background-color: #16668f;
    color: #FFFFFF;
}
.widgetBoxMain {
    border: 1px solid #a3a8af;
    border-top: 0;
    margin-bottom: 10px;
    width: 284px;
    background-color: #16668f;
    color: #FFFFFF;
}
ul.productsList li {
     margin-bottom:8px;
}

ul.breadcrumbList {
    list-style-type: none;
    padding: 0;
    margin-left: -8px;
}
ul.breadcrumbList li{
    padding: 0;
    margin: 0 0 0 8px;
    float: left;
}

.bgLine {
  height: 0.73em;
  width: 570px;
  margin-left: -15px;
  margin-bottom: 20px;
}
.carouselHolder {
    padding-left:10px;
    width:676px;
}
.carouselList {
    float:left;
    padding-top:5px;
    margin-left:20px;
    width:190px;
    height:260px;
    text-align:center;
    border-bottom:1px solid #ebebeb;
    border-right:1px solid #ebebeb;
}
.carouselName {
  margin-top:20px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #e4a204; /*#a3a8af;*/
  height: 60px;
}
.carouselCat {
  margin-top:10px;
  margin-left: 10px;
  height: 20px;
}
.carouselMore {
  margin-top:10px;
  margin-right: 10px;
  height: 20px;
}

.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 0;
height: 0;
overflow: hidden;
}

/* promotional products */
P.main12, li.main12 {    font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 line-height: 1.5;
}

div.branded {
	text-align:center;
	float:left;
	width:150px;
	margin-left:35px;
	margin-bottom:15px;
}
div.branded a{
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 line-height: 1.5;
}
/* end promotional products */

.cformFrame {
	width:739px;
	border-top:1px solid #cccccc;
}
.cformContainer {
	border:0px;
	width:739px;
	height:400px;
}

/* button styles */
.btn-hover, .btn-dead, .btn-action {
    background: transparent;
    padding: 0;
    border: 0;
    cursor: pointer;
    width: auto;
    overflow: visible;
    position: relative;
}

button.btn-hover .outer, a.btn-hover {
    background: url(./images/n/cds_btn_sprite.png) 0px center no-repeat;
    border: 1px solid #a2b9c9;
    display: block;
    position: relative;
    padding: 5px 10px;
}
button.btn-hover:hover .outer, a.btn-hover:hover {
    background: url(./images/n/cds_btn_sprite.png) -428px center no-repeat;
    text-decoration:none;
}
button.btn-hover .inner, button.btn-dead .inner, a.btn-dead span, a.btn-hover span, button.btn-action .inner, button.btn-action .inner, a.btn-action span {
    display: block;
    position: relative;
    height: 100%;
    color: #c4f392;
    font-size: 11px;
    font-family: 'Arial Narrow', Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: #666666 0px 2px 2px;
    white-space: nowrap;
    overflow: visible;
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=120,color=#666666,strength=1) !important;
    filter: none;
}

h1.pageHeader {
    float: left;
    margin-left: 15px;
    margin-top: 0px;
}

h2.pageHeader {
    color: #e4a204;
}

div.a-col p.topP, div.b-col p.topP  {
   margin-top: 0;
}
div.info {
    width: 570px;
}

.searchMain {
    width: 426px;
    height: 364px;
    background: url(./images/n/search_background.jpg) center no-repeat;
    margin-left: 40px;
    margin-bottom: 20px;
}
div.searchMain ul {
    list-style-type: none;
    margin-top: 0;
    padding-top: 20px;
}
div.searchMain ul li h2 {
    margin-top: 0px;
    margin-bottom: 5px;
}
div.searchMain ul li h2.categorySearchH2 {
    margin-top: 10px;
}
div.searchMain .inputbox {
    width: 200px;
}
div.searchMain ul.searchCategories {
    list-style-type: disc;
    padding-top: 0;
    padding-left: 0;
    margin-left: 15px;
}
div.searchMain ul.searchCategories li span{
    font-size: 16px;
    line-height: 18px;
}