/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background: #ffffff;
	text-align:left;
}

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

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.5em;
		color:#646464;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#be1fb2;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

hr {color: #c4d7e1;
height: 1px;}
	

/* ============================= text ====================== */
.blue {font-size:12px;
		color: #0076c0;
		font-weight:bold;
		
		}
		
.greenlink{font-size:12px;
			font-weight:bold;
			color: #444444;
			}

.bluebg {background-image:url(images/blue-bg.jpg);
		padding-left:25px;}

.tabletxt {font-size:10px;}

.smalltxt {font-size:9px;}

/* ============================= main layout ====================== */

li { background:url(images/list-bg.gif) no-repeat 0 9px; 
	padding-left:14px; line-height:2.083em;}

.list2 li {background:url(images/list-bg2.gif) no-repeat 0 5px;}

.list2 li a {color:#628e3e;}

.list3 li {background:url(images/list-bg2.gif) no-repeat 0 5px;
		line-height:130%;}

.list_faq li{background:url(images/list-bg2.gif) no-repeat 0 5px; line-height:125%; margin-bottom:15px;}

.list_faq li a{color:#628e3e; text-decoration:none;}


.link {background:url(images/link-bg.gif) no-repeat right 5px; 
		padding-right:15px; 
		font-weight:bold; 
		color:#628e3e; 
		display:inline-block; 
		margin-top:20px;}
		
.box .link {color:#4e4e4e;}

#page7 .box .link {color:#628e3e;}

.extra { margin:10px 0 0 20px;}

.list1 {padding:27px 0 0 8px;}

.list1 li {background:url(images/list1-bg.gif) bottom left repeat-x; 
		padding-left:14px; 
		line-height:1.333em; 
		padding-bottom:12px; 
		margin-bottom:5px;}
		
.list1 li div {padding-left:23px;}
.list1 a {display:block; text-decoration:none;}
.list1 a:hover {text-decoration:underline;}

.listmain li {background:url(images/li3.gif) no-repeat 0 3px;; 
		padding-left:20px; 
		line-height:1.333em; 
		padding-bottom:12px; 
		margin-bottom:5px;}


.li1 div {background:url(images/SS-icon.gif) no-repeat 0 3px;}
.li2 div {background:url(images/SS-icon.gif) no-repeat 0 3px;}
.li3 div {background:url(images/SS-icon.gif) no-repeat 0 3px;}
.li4 div {background:url(images/SS-icon.gif) no-repeat 0 3px;}
.li5 div {background:url(images/SS-icon.gif) no-repeat 0 3px;}

/*--- header text -----------------*/

h2 {font-weight:normal; font-size:1.667em; line-height:1.15em; color:#626262;}

.title h2 {padding:15px 15px 11px 22px;}
.welcome {font-weight:bold;
			font-style:italic;}			
.title1 {background:url(images/SS-icon2.jpg) top left no-repeat; padding:8px 0 30px 53px;}
.title2 {background:url(images/SS-icon2.jpg) top left no-repeat; padding:8px 0 30px 53px;}
.title3 {background:url(images/SS-icon2.jpg) top left no-repeat; padding:8px 0 30px 53px;} 
/*padding top right bottom left*/
.newsletter {background:url(images/newsletter-bg.png) top left no-repeat; padding:8px 0 20px 53px; color:#FFFFFF;}
.product_title {background:url(images/SS-icon2.jpg) top left no-repeat; padding:8px 0 15px 53px;}
.title5 {background:url(images/SS-icon2.jpg) top left no-repeat; padding:8px 0 30px 63px;}
.title6 {background:url(images/SS-icon2.jpg) top left no-repeat; padding:8px 0 30px 63px;}
.title7 {background:url(images/SS-icon2.jpg) top left no-repeat; padding:8px 0 30px 63px;}
.title8 {background:url(images/SS-icon2.jpg) top left no-repeat; padding:8px 0 30px 63px;}

h3 {font-weight:normal; 
	font-size:1.5em; 
	line-height:1em; 
	color:#0076c0; 
	letter-spacing:-0.5px; 
	position:relative; 
	margin:0 -10px 10px -10px; 
	padding-top:5px;}

.imgindent {margin:0 10px 0 0; float:left;}
.imgindent2 {margin:0 0 0 10px; float:right;}

/* ============================= header ====================== */

.row1 {padding:30px 0 24px 16px;}
.row2 {padding:16px 0 28px 0; 
		margin-right:-10px; 
		border-bottom:2px solid #c4d7e1;}

#header .menu {background:url(images/menu-bg2.jpg) top repeat-x; float:left; margin:6px 0 0 14px;}
#header .menu .right-bg {background:url(images/menu-right-bg.gif) top right no-repeat;}
#header .menu .left-bg {background:url(images/menu-left-bg.gif) top left no-repeat; width:100%;}
#header .menu .indent {padding:0 17px 0 22px;}

.header-banner {background:url(images/header-bg.jpg) top left no-repeat; padding:26px 530px 30px 54px; height:162px;}
.header-banner ul {padding-top:4px;}
.header-banner li {background:url(images/header-list-bg.gif) no-repeat 0 8px; padding-left:15px; line-height:1.917em;}
.header-banner li a {color:#6c934e;}

.border {border-right:1px solid #ededed;}
.center {text-align:center; padding-bottom:8px;}
.row2 p {padding-top:9px;}

.link2 { background:url(images/list-bg.gif) no-repeat 0 7px; 
		padding-left:12px; 
		margin-left:20px;}

.link3 {background:url(images/list-bg2.gif) no-repeat 0 7px; 
		padding-left:12px; 
		margin-left:25px;}
		
.link3 a{font-weight: 100;
		color: #009999;}

/* ============================= content ====================== */

.col-pad {padding-right:27px;}
.col-pad2 {padding-left:25px;}
.col-pad3 {padding-left:45px; background:url(images/greenlines.jpg)}

.box {background:#d1e9f5;}
.gradiented {background:#eeeeee bottom repeat-x;}
.box .tail-bottom {background:url(images/box-tail-bg.gif) bottom repeat-x;}
.box .tail-top {background:url(images/box-tail-bg.gif) top repeat-x;}
.box .tail-right {background:url(images/box-tail-bg.gif) right repeat-y;}
.box .tail-left {background:url(images/box-tail-bg.gif) left repeat-y;}
.box .corner-bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box-indent {padding:5px;}
.box .indent {padding:20px 30px 10px 22px;}
.box .indent2 {padding:15px 30px 30px 15px;}
/*---bottom left top right---*/

/* ============================= box2 ====================== */

.box2 {background:#ffffff;}
.box2 .tail-bottom {background:url(images/box-tail-bg.gif) bottom repeat-x;}
.box2 .tail-top {background:url(images/box-tail-bg.gif) top repeat-x;}
.box2 .tail-right {background:url(images/box-tail-bg.gif) right repeat-y;}
.box2 .tail-left {background:url(images/box-tail-bg.gif) left repeat-y;}
.box2 .corner-bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .corner-bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .corner-top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box2 .corner-top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box-indent {padding:5px;}
.box2 .indent {padding:20px 30px 0px 22px;}
.box2 .indent2 {padding:15px 30px 30px 15px;}

/* ============================= lines ====================== */


.line {border-bottom:1px solid #c4d7e1; 
		padding-bottom:20px; 
		margin-bottom:20px;}
.line2 {background:url(images/list1-bg.gif) bottom left repeat-x; 
		padding:0 0 20px 18px;}
.line3 {background:url(images/list1-bg.gif) bottom left repeat-x; 
		padding-bottom:15px; 
		margin-bottom:15px;}
		
.indent1 { padding:11px 0 20px 18px;}

.margin1 {
	margin-top:15px;
}
.margin2 {margin-top:7px;}
.margin3 {margin-left:20px;}
.padding1 {padding-top:7px;}
.padding-left {padding-left:25px;}

.text2 {color:#646464;}

.phone {display:inline-block; width:78px;}
.phone2 {display:inline-block; width:50px;}

/* ============================= footer ====================== */

#foter {color:#424242;}
#footer a {color:#424242;}
#footer span {font-size:0.917em; color:#424242; margin-left:22px;}
#footer span strong {text-transform:uppercase;}
#footer .menu {padding:0 0 2px 0;}
#footer .menu li {display:inline; background:none; padding:0; line-height:1.5em;}
#footer .menu li a {color:#424242; margin:0 24px 0 21px; text-decoration:none;}
#footer .menu li a:hover {text-decoration:underline;}
#footer .indent {padding:21px 20px 15px 10px;}

/* ============================= forms ============================= */

#NewsletterForm {padding:12px 0 30px 28px;}

#NewsletterForm .input {width:181px; 
						height:21px; 
						border:1px solid #d2d2d2; 
						background:#fff; 
						padding:3px 0 0 5px; 
						font-size:1em;}
						
.button {background:url(images/submit-bg.png) no-repeat 0 0; 
		display:inline-block; 
		vertical-align:middle; 
		color:#000; 
		text-decoration:none; 
		width:62px; 
		text-align:center; 
		padding:4px 0 4px 0; 
		margin-left:5px;}

#ContactForm {padding:10px 0 0 0;}
#ContactForm .rowi {height:42px;}
#ContactForm .col-1 {width:280px !important;}
#ContactForm .col-2 {width:280px !important;}
#ContactForm .link {float:right; margin-left:27px;}

.input {width:212px; height:19px; border:1px solid #b0b0b0; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:247px; height:103px; border:1px solid #b0b0b0; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}