/*
*************************************************

B2B-Exchange.com
Screen Styles

Created by KJ Parish
http://www.b2b-exchange.com

*************************************************
*/

/*-------------------------------------------    
    basic reset 
-------------------------------------------*/


html, span, applet, object, iframe, blockquote, pre,

a, font, strong, b, u, i, center, form, label, p, h1, h2, h3, h4, h5 {

	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}



/*-------------------------------------------    
    body mechanics
-------------------------------------------*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background-image:url(../images/grn-stripe-bg.png);
	background-repeat:repeat; 
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

p{ line-height: 1.4em; margin: 10px 0 30px 0; }

h1 {font-size:20px; font-weight:lighter; color:#9e0039; margin-top: 10px;  }

h2 {font-size:18px; color:#9e0039; padding-top:20px;}

h3 {font-size:25px; font-weight:bold; color:#352631; }

h4 {font-size:25px; font-weight:bold; color:#9e0039; padding: 0 0 0 30px;}

h5 {font-size:14px; font-weight:bold; color:#628568; margin-top:10px; }

h6 {font-size:18px; font-weight:bold; color:#352631; margin:10px 0 10px 0; padding:0 0 0 0;}

ul {list-style-image:url(../images/bullet.png); line-height:1.7em; }

hr {background-color:#628568; border:none; height:1px;}


/*-------------------------------------------    
    structure
-------------------------------------------*/

#mainContent a:link {color:#9e0039; text-decoration:none;}
#mainContent a:visited {color:#9e0039; text-decoration:none;}
#mainContent a:hover {color:#009933;}


#wrapper {
	width: 1024px;
	background-color: #FFFFFF;
	margin: 0 auto; 
	text-align: left;
}


#mainContent {
	width: 980px;
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: left; 
	
}

/*Header*/

#header {width: 1024; height: 105px; padding:15px 0 20px 0;}
.logo{float:left; padding: 0 0 15px 20px;  }
.title {float:left; padding-left: 70px; padding-top: 5px; *padding-top: 10px; }



/*Menu*/

#navcontainer {
	width: 100%;
	background-color:#628568; 
	font-size:12px; 
	font-weight:bold;
		} 

#navcontainer a:link

{
color: #f8f0ab;
text-decoration: none;
}

#navcontainer a:visited

{
color: #f8f0ab;
text-decoration: none;
}

#navcontainer a:hover

{
color: #FFF;
text-decoration: none;
}

#navcontainer td {vertical-align:middle; padding: 5px 25px; border-right:#FFFFFF solid 2px; text-align:center; }
#navcontainer td.about {width:200px; border:none; text-align:right; font-weight:normal; padding-left:100px;}
#navcontainer tr {height:20px;}


/*Main Content*/

.introCopy { float:right; width:350px; padding:0 40px 0 20px;}

dt {padding-bottom:5px; margin-top:20px;}
dd {background:url(../images/gray-carrot.png) left no-repeat; font-weight:normal; font-style:italic; padding-left:15px; margin:0 0 30px 5px; display:inline;  }

.imageFloat {float: right; padding:0 30px 30px 30px;}

/*Quote*/

.startNow {position:relative; z-index:200; top:17px; left:20px; background-color:#FFF; width:140px; padding:0 8px 0 8px;}

#callToQuote {width:560px; padding-bottom:20px; }

#iframe-container {position:absolute; left:300px; top:0px;}

#frame {
width:520px; background:#FFFFFF; 
border:5px solid #f8f0ab;
padding:10px;
overflow:hidden; 
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;  }


/*List Styles*/

.extLinksBoxes {float:left; padding: 10px 17px 0 0;  }
.bullet-list {display:block; padding:0 0 0 0; margin:0 0 0 0; font-size:12px;}
.bullet-list li {list-style:none;}

/*wufoo*/

.wufooBG {
border:1px solid #adbb8a;
min-height: 400px;
padding:30px 20px 20px 20px;
margin:20px 20px 20px 0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
background-color: #ffffff; /* fallback color */
background: -moz-linear-gradient(center top, #d5dcc3, #ffffff 5%, #ffffff 50%, #ffffff 95%, #d5dcc3);
background: -webkit-gradient(linear, center top, center bottom, from(#d5dcc3), color-stop(5%, #ffffff), color-stop(50%, #ffffff), color-stop(95%, #ffffff), to(#d5dcc3));
}
.wufLeft {width:510px; float:left;}
.wufRight {width:430px; float:right; margin-right:0px; margin-left:20px;}

.secondaryList {width:40%; float:left; padding-left:50px;}


/*-------------------------------------------    
    general pages
-------------------------------------------*/

/*Home Page, etc*/
.headerHome {border-bottom:#628568 solid 20px; height:70px;}
.homeIMG {float:left; padding:0 20px 15px 0;}
.titleHome {padding: 30px 0 0 0;}
ol {padding-top:30px;}
.homeIcons { margin: 40px 0 0 0;}
.leftBox {float:right; width:300px;}
.b2bIntro {width:40%; padding:20px; float:left;}
.b2bSecond {float:left; padding:20px; width:50%;}
.b2bSecond h2 {margin:10px 0 10px 0; padding:0 0 0 0;}
.topBG {
border:1px solid #adbb8a;
padding:20px;
margin:20px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
background-color: #ffffff; /* fallback color */
background: -moz-linear-gradient(center top, #d5dcc3, #ffffff 5%, #ffffff 50%, #ffffff 95%, #d5dcc3);
background: -webkit-gradient(linear, center top, center bottom, from(#d5dcc3), color-stop(5%, #ffffff), color-stop(50%, #ffffff), color-stop(95%, #ffffff), to(#d5dcc3));
}
.bold_a {font-weight:bold;}
.pageTitle {padding-top:20px;}


/*Footer*/

#footer {text-align:center; background:url(../images/footer-divide.png) center top no-repeat; padding: 40px 0 90px 0; margin-top: 60px;}
#footer a:link, a:visited {color:#9e0039;}
#footer a:hover {color:#009933;}