/* Start of CMSMS style sheet 'Style plus Layout' */
/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:20px;}
html, input, textarea	{font-family:Trebuchet MS; 
		color:#3b3b3b;}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}

.left {text-align::left;}
.right {text-align:right;}
.justify {text-align:justify;}
.center {text-align:center;}

.hidden{display:none;}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;  }

/*links*/

a{color:#003fa7; text-decoration:underline} 
a:hover{text-decoration:none}
.link2{color:#c10e00; font-size:.9em; background:url(images/cms/marker1.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:8px;} 
.link1{color:#003fa7; font-weight: bold; font-size:.9em; background:url(images/cms/rss.gif) top left no-repeat; padding:10px 0 16px 37px; float:right; text-decoration:none; margin:-7px 25px 0 0; position:relative} 
.link1:hover{ text-decoration:underline}

/*header*/
#header {font-size:0.9em;  color:#464646 }
#nav_container>ul{margin:0; padding:0; list-style:none; height:61px; width:911px; background:url(images/cms/bg_last.gif) no-repeat right;}
#nav_container>ul>li{ float:left; padding:20px 27px 22px 37px; background:url(images/cms/bg_list.gif) no-repeat top right }
#nav_container>ul>li>a{color:#3b3b3b; text-transform:uppercase; text-decoration:none; font-weight:bold;font-family:Arial; } 
#nav_container>ul>li>a:hover { color:#ff0000; text-decoration:none; }
/* #header ul .last{ background:url(images/cms/bg_last.gif) no-repeat right} */
#nav_container>ul .first{ background:url(images/cms/bg_first.gif) no-repeat left; padding:18px 30px 22px 37px;}
#nav_container>ul  a.current{color:#ff0000;}
#nav_container p{ margin:0 0 4px 0}
#header #nav_container {width:911px;background:url(images/cms/bg_menu.gif) repeat-x;}

#header .block{margin:56px 0 0 604px; position:absolute}

/*headings and heading images*/
h1	{font-family:Trebuchet MS;font-size:24px;color:#005B01;}
h2	{font-family:Trebuchet MS;font-size:16px;color:#003fa7; margin-bottom:20px;}
h3	{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#003fa7;margin-bottom:5px;}
h4	{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#003fa7;margin-bottom:10px;}
h5	{font-family:Trebuchet MS;font-size:11px;color:#003fa7;font-weight:bold;font-style:italic;margin-bottom:10px;}
h6	{font-family:Trebuchet MS;font-size:11px;color:#003fa7;text-decoration:underline;margin-bottom:10px;}

h1 span {display:none;}
h2 span {display:none;}
h3 span {display:none;}
h4 span {display:none;}
h5 span {display:none;}
h6 span {display:none;}


#content ul{margin:0 0 20px 0; padding:0; list-style:none;}
#content ul li{background:url(images/cms/marker.gif) top left no-repeat; background-position:0 10px; margin:0; padding-left:10px; }
#content ul li a{color:#d52d00; font-weight:bold; text-decoration:none ; line-height:1.5em} 
#content ul li a:hover { text-decoration:underline; }

#content .ul{margin:0; padding:0; list-style:none;}
#content .ul li{ background:url(images/cms/tail.gif) repeat-x bottom; padding:0 0 8px 0; margin-bottom:7px }
#content .ul .last{ background:url(images/cms/bg_1.gif); padding:0 0 8px 0; margin-bottom:7px }
#content .ul li strong{ display:block }
#content .ul li .date{display:block;font-weight:bold;}
#content .ul li a{color:#003FA7; font-weight:bold; text-decoration:none ; line-height:1.2em; } 
#content .ul li a:hover { text-decoration:underline; }

#content ol{margin:0 0 20px 0; padding:0; list-style-position:inside; font-weight:bold}
#content ol li{ padding:0 0 10px 0px }
#content ol li span{ font-weight:normal}
#content ol li a{color:#3b3b3b; font-weight:bold; text-decoration:none ; line-height:1.36em; margin:0; padding:0} 
#content ol li a:hover { text-decoration:underline; }

/*content*/
#content{ font-size:1em; width:100%; text-align:left;}
#content .indent-main{padding-bottom:26px} 
#content .title{  margin-bottom:19px}
#content .title1{  margin:13px 0 16px 0}
#content .title2{  margin-bottom:11px}
#content .img-left{ float:left; margin:0 29px 23px 0; border:1px groove #82817d; padding:1px;}
#content .img-right{ float:right; margin:0 0 23px 29px; border:1px groove #82817d; padding:1px;}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 10px 0}
#content .banner{ margin:13px 0 7px 9px}
#content .banner1{ margin:0 0 10px 0}
#content .banner2{ margin:19px 0 30px 0px}

#page1 .indent{padding:0 40px 15px 0; float:right}
#page4 .indent{padding:0 40px 15px 0; float:right}
#page5 .indent{padding:0 40px 15px 0; float:right}
#page6 .indent{padding-top:15px}
#page7 .indent{padding-left:35px; position:relative; float:left}

.link { display:block; float: right; background:url(images/cms/link_bg.gif) left top repeat-x; color:#fff; text-decoration:none; position:absolute; margin:0 0 0 236px}
.link em { display:block; background:url(images/cms/link_left.gif) no-repeat left top}
.link b, .link strong { display:block; background:url(images/cms/link_right.gif) no-repeat right top; padding:2px 12px 11px 16px; font-weight:normal; font-style:normal}
.link a, .link input[type=submit] { color:#003fa7; text-transform:uppercase; font-weight:bold; font-size:11px; text-decoration:none; }
.link a:hover, .link input[type=submit]:hover { text-decoration:underline; }

.link-1, #content ul li .link-1 { display:block; float:left; background:url(images/cms/link_bg1.gif) left top repeat-x; color:#fff; text-decoration:none}
.link-1 em, #content ul li .link-1 em { display:block; background:url(images/cms/link_left1.gif) no-repeat left top}
.link-1 b, .link-1 strong, #content ul li .link-1 b, #content ul li .link-1 strong { display:block; background:url(images/cms/link_right1.gif) no-repeat right top; padding:0px 12px 2px 16px; font-weight:normal; font-style:normal}
.link-1 a, .link-1 input[type=submit], #content ul li .link-1 a, #content ul li .link-1 input[type=submit] { 
	color:#003fa7; 
	text-transform:uppercase; 
	font-weight:bold; 
	font-size:11px; 
	text-decoration:none;
	background:none;
	line-height:1 em;
	padding-left:none; }
.link-1 a:hover, .link-1 input[type=submit]:hover, #content ul li .link-1 a:hover, #content ul li .link-1 input[tyle=submit]:hover { text-decoration:underline; }

.link-2 { display:block; 
	float:left; 
	background:url(images/cms/link_bg2.gif) left top repeat-x; 
	color:#fff; 
	text-decoration:none;
}
.link-2 em { display:block; background:url(images/cms/link_left2.gif) no-repeat left top}
.link-2 b, .link-2 strong {
	display:block; 
	background:url(images/cms/link_right2.gif) no-repeat right top; 
	padding:0px 12px 12px 16px; 
	font-weight:normal; 
	font-style:normal
}
.link-2 a, .link-2 input[type=submit] { 
	color:#003fa7; 
	text-transform:uppercase; 
	font-weight:bold; 
	font-size:11px; 
	text-decoration:none; }
.link-2 a:hover, .link-2 input[type=submit]:hover { text-decoration:underline; }

.link-4 { display:block; float:left; clear:left; background:url(images/cms/link_bg1.gif) left top repeat-x; color:#fff; text-decoration:none}
.link-4 em { display:block; background:url(images/cms/link_left1.gif) no-repeat left top}
.link-4 b, .link-4 strong { display:block; background:url(images/cms/link_right1.gif) no-repeat right top; padding:0px 12px 2px 16px; font-weight:normal; font-style:normal}
.link-4 a, .link-4 input[type=submit] { 
	color:#003fa7; 
	text-transform:uppercase; 
	font-weight:bold; 
	font-size:11px; 
	text-decoration:none; }
.link-4 a:hover, .link-4 input[type=submit]:hover { text-decoration:underline; }

/*block*/
.box{ background:url(images/cms/bg_center.gif) #f4f4eb; width:100%; }
.box .border-top {background:url(images/cms/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/cms/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/cms/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/cms/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/cms/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/cms/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/cms/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/cms/corner_bottom_right.gif) no-repeat right bottom; }
.box .indent-box{ padding:34px 31px 22px 39px; }
.box .indent-box1{ padding:53px 31px 37px 39px; }
.box h3 {margin-bottom:19px}

/*footer*/
#footer { color:#363636; font-size:0.825em; }
#footer .indent-footer{ padding:18px 30px 0 30px;}
#footer span{ float:right}

#footer a {color:#363636; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
#footer b {text-transform:uppercase} 

/*============LAYOUT=============*/

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:911px; }

/*======= header =======*/
#header {height:445px;  background:url(images/cms/top.jpg) no-repeat top center}

/*======= columns =======*/
#content .col-1{ width:571px; margin-right:21px}
#content .col-2{ width:319px}
#content .col-3{ width:290px}
#content .col-4{ width:269px}

/*======= footer =======*/
#footer { height:111px; background:url(images/cms/bot.gif) repeat-x top }

/*======terms=======*/
div.terms {width:500px;height:400px;padding:10px;margin-left:0; margin-bottom:20px;border:2px solid;overflow:scroll;}

/*======forms=======*/
.red {color:red;}
.blue {color:blue;}
.green {color:green;}
.black {color:black;}

.form_error {float:left; color:red;}
.error {color:red; font-weight:bold;}

.h{ line-height:23px}
.h1{ line-height:27px}
.block-contact span{ float:right; margin-right:115px}
#login .text input, #login .password input, .input {
	width:106px; height:17px;
	padding-left:5px;
	vertical-align:middle;
	margin-bottom:0px;
	margin-top:1px
}

#login .link input.submit {
	line-height:20px;
	margin:-3px 0 0;
	padding:0 0 8px;
	border:none;
	background:none;
	width:auto;
	color:#003fa7; 
	text-transform:uppercase; 
	font-weight:800; 
	font-size:11px; 
	text-decoration:none;
	cursor:pointer;
}

#login .link input.submit:hover {text-decoration:underline;}

.input1, input[type=checkbox], #login .checkbox input {
border:none;
	width:17px; height:17px;
	padding-left:0px;
	vertical-align:middle;
	margin-bottom:0px;
}
.input2{
	width:240px; height:17px;
	padding-left:5px;
	margin-bottom:1px;
}

input{
   	border:1px solid #b6b6b6; 
	background:#FFFFFF;
	width:274px; height:20px;
	font-size:1em;
	color:#464646;
	padding-left:5px;
	margin-bottom:3px
}

input[type=text]:focus {font-weight:bold;}

#content .quantity input {width:20px;}

#content .link input, #content .link-1 input, #content .link-2 input {
	line-height:20px;
	margin:-3px 0 0;
	padding:0 0 8px;
	border:none;
	background:none;
	width:auto;
	color:#003fa7; 
	text-transform:uppercase; 
	font-weight:800; 
	font-size:11px; 
	text-decoration:none;
	cursor:pointer;
}

#content .link input:hover, #content .link-1 input:hover, #content .link-2 input:hover, #content .link-4 input:hover {text-decoration:underline;}

textarea{
   	border:1px solid #b6b6b6; 
	background:#FFFFFF;
	width:264px; height:146px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto
}

fieldset {background-color:#f5f4ed; border:none; padding-left:20px;}
fieldset strong {color:#003FA7;}
fieldset input[type=text], fieldset input[type=textarea] {color:#3B3B3B}
legend {font-weight:bold; margin-bottom:20px;}

/*eCommerce*/
table.products{width:70%; border-collapse:separate;border-spacing:5px;}
tr.tablehead td {font-weight:bold; text-decoration:underline;}
.productName{font-weight:bold;}
.price {width:25%}
input.qty{float:left;}
td.quantity input{width:auto;}
td.quantity {width:25%;}
td.productName{width:50%}

/* User Directory */

th {background-color:blue;color:white;}
td.name, td.name * {text-transform:capitalize;}


/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: bold;
	background-image: none;
/*	display: block; */
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#primary-nav {
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style: none;
	margin: -6px 0px 0px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 209px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 9px;
	background: url(./images/NCleanBlue/ultop.png) no-repeat left top;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	background: url(./images/NCleanBlue/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
	margin-left: -7px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -0px;
}
#primary-nav li {
	margin: 0px;
	float: left;
}
#primary-nav li li {
	margin-left: 7px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	width: 209px;
	margin: 0px 0px -8px;
	background: url(./images/NCleanBlue/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
       z-index:-1;
	background: url(./images/NCleanBlue/ulbtm.gif) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
	padding: 0px 10px;
	width: 165px !important;
	margin: 5px;
	background-image: none;
	display:block;
}
* html #primary-nav ul.unli li a {
	padding: 0px 10px 0px 5px;
	width: 165px;
	margin: 5px 0px;
}

#primary-nav ul.unli li a span {display:inline; background-color:transparent;}

#primary-nav li li a:hover {
	background-color: #DBE7F2;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #DBE7F2;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url(./images/NCleanBlue/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

#primary-nav a {text-decoration:none;}

/********************************/
/*        Orders Styles         */
/********************************/

#shippinginfo {display:none;}

/********************************/
/*   Form Validation Engine     */
/********************************/

	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  
				
/********************************/
/*   Sidebar Parent Menu        */
/********************************/

#content .indent-box1 ul#menu_parent ul  {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}

#content .indent-box1 ul#menu_parent { margin-bottom:20px; }

#content .indent-box1 ul#menu_parent ul li {
	margin:0;
	padding:0;
	background:none;
}

#content .indent-box1 input {
	background:transparent;
	border:none;
	margin:0;
	padding:0;
}

#menu_parent {

}

#menu_parent .renew_link form { display:inline; }

#menu_parent .renew_link form input.renew_button { 
	width:80%; 
	text-align:left;
	font-weight:bold;
	color:#D52D00;
	cursor:pointer;
}

a.withdraw { color:#CC0000; font-weight:bold; font:Arial, Helvetica, sans-serif; }
/* End of 'Style plus Layout' */