/* -------------------------------------
/*  html, body
/* -------------------------------------*/

* {
	margin:0px;
	padding:0px;
}

html body {
  margin:0px;
  padding:0px;
  text-align: center;
  height:100%;
  background-color:#eeeeee;
}



body{
	padding:0;margin:0;
	width:100%;
	min-width:770px;
}


body {
  color:#434343;
}

img {
  border:0px;	
}



/* -------------------------------------
/*  Baseline values for browser consistency
/* -------------------------------------*/


p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin:					0;
	padding:				0;
}



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

ul {
	list-style:				none;
}

li {
  margin-left:30px;
  list-style: disc;	
}



/* -------------------------------------
/*  default links
/* -------------------------------------*/

h1 {
	margin-bottom:18px;
}

h2 {
	margin-bottom:9px;
}

h1 {
	font-size:		21px;
	font-weight:	bold;
	color:			#d21111;
	line-height:	27px
}

h2 {
	font-size:		14px;
	font-weight:	bold;
	line-height:	21px;
	color:			#666666;
}

h3 {
	font-size:		12px;
	font-weight:	bold;
	color:			#003366;
	line-height:	18px;
}


h4 {
	font-size:		21px;
	font-weight:	bold;
	color:			#d21111;
	line-height:	27px
}


p { padding: 10px 0 10px 0;	 }



a, a:active, a:visited  {
  color:#434343;	
}

a:hover {
  color:#d21111;
  text-decoration:none;
}

.clear {
  height:1px;
  margin-top:-10px;	
}


.fl {
  float:left;	
}

.fr {
  float:right;
}

.cb {
  clear:both;	
}

#no-height { height: 115px; }


/*-------------------------------------
 	Container
---------------------------------------*/

.mainbody {
  background-image:url(graphics/sub_bg.jpg);
  background-repeat:repeat-x; 
  float:left;
  width:100%;
  background-color:#ffffff;	
}

.container {
  width:990px;
  text-align:left;
  margin: 0 auto;
  height: 100%;
}



.content {
	   margin-top:10px;   
      }


/*-------------------------------------
 	Header
---------------------------------------*/


.headercontent {
  float:left;
  width:990px;
}

.mainmenu {
  margin-top:39px;
  float:right;
}


/*-------------------------------------
 	Titles
---------------------------------------*/

.title, .subtitle, .thinktitle, .thinksubtitle,  {
  font-family: "Trebuchet MS", "Georgia", Arial, Verdana;
  font-size: 18pt;	
}




code {
  display:block;
  width:750px;
  margin:5px 10px 5px 15px;
  padding:8px;
  background-color:#f9f9f3;
  border:2px solid #eaebd4;
}



.highlight {
  color:#cf1b1f;
  text-decoration:none;
}

a.highlight {
  color:#d6771b;  
}

a.highlight:hover {
  text-decoration:underline;		
}


.highlight-bold {
  color:#cf1b1f;
  text-decoration:none;
  font-weight: bold;
}


.form-title {
  color:#b9d5f0;
}






/*-------------------------------------
 	Breadcrumbs
---------------------------------------*/
#breadcrumbs {
	background:				#fff; 
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				10px;
	font-style:             italic;
	padding-bottom:			10px;
	color:                  #a5a5a5;
	clear:both;
}


#breadcrumbs a:link, #breadcrumbs a:hover, #breadcrumbs a:visited, #breadcrumbs a:active { 
    color:                  #a5a5a5;
	padding-right: 			5px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				10px;
}




/*-------------------------------------
 	Content Elements
---------------------------------------*/

.content {
  clear:both;
  margin-top:125px;
  float:left;
  width:990px;
}

#content-left-big {
  float:left;
  width:653px;
  margin-left:15px;
}

#content-full {
width:990px;
height: auto;
}

#content-left {
  float:left;
  width:176px;	
}

#content-middle {
  float:left;
  margin-left:25px;
  width:447px;	
}

#content-right {
  float:right;
  width:307px;	
}

#content-left-big .title, #content-full .title {
  font-family: "Trebuchet MS", "Georgia", Arial, Verdana;
  font-size: 18pt;	
}



/*-------------------------------------
 	Text Content on page on Left
---------------------------------------*/

div.intro {
  float:left;
  margin:10px 0 10px 0;
  width:640px;

}

div.topintro, div.botintro {
  width:640px;
  height:5px;
  background-image:url(graphics/long_ds_top.jpg);
  background-repeat:no-repeat;   	
}

div.botintro {
  background-image:url(graphics/long_ds_bot.jpg);
}



/*-------------------------------------
 	Form Elements - Change
---------------------------------------*/

div#arlogin {
  float:left;
  margin-top:0px;
  width:307px;
  background-image:url(graphics/thinking_bg.jpg);
  background-repeat:no-repeat; 	
}


div#arlogin-content {
  margin: 15px 25px 0 20px;
  color:#434343;
}


.arlogintitle {
  font-size:14pt;	
  color:#ffffff;
  padding-top: 2px;
}

.arloginsubtitle {
  margin-top:-1px;
  font-size:10pt;
  color:#434343;
}


.arloginptext {
  font-family: Arial, Verdana;
  font-size: 9pt;	
  color:#ffffff;
  padding:3px;
  clear:both;
  margin-top:-10px;
}

.arlogintext, .arlogintextarea, .arloginlabel {
  clear:both;
  float:left;
  width:250px;  
  border: 2px solid #c6c0ba;
}



.arloginlabel, .arlogintext, .arlogintextarea {
  font-family: Arial, Verdana;
  font-size: 9pt;	
  color:#ffffff;
  padding:3px;
}

.arlogintextarea {
  height:150px;	
}

.arloginlabel {
  margin:10px 0 2px 0;
  border: 0px;
  font-weight:bold;	
}

.arloginsubmit {
  clear:both;
  float:left;
  width:126px;
  height:24px;
  margin-top:25px;
  background-image: url(graphics/login-btn.jpg);
  background-repeat:no-repeat; 
  border:0px;	
  cursor: pointer; 
}


.submitBtn {
  clear:both;
  float:left;
  width:126px;
  height:24px;
  margin-top:25px;
  background-image: url(graphics/submit-btn.jpg);
  background-repeat:no-repeat; 
  border:0px;	
  cursor: pointer; 
}

div#contact {
	    float:left;
	    margin-top:0px;
	    width:405px;
		height: 500px;

      }	
	  
	  
.contacttext, .contacttextarea, .contactlabel {
  clear:both;
  float:left;
  width:400px;  
  border: 2px solid #c6c0ba;
}

.contacttext, .contacttextarea, .contactlabel {
  font-family: Arial, Verdana;
  font-size: 9pt;	
  color:#ffffff;
  padding:3px;
}

.contacttextarea {
  height:150px;	
}

.contactlabel {
  margin:10px 0 2px 0;
  border: 0px;
  font-weight:bold;	
}


.contactlabel {
	    margin:2px 0 0 0;
		color: #666666;   
      }

.contactlabel, .contacttext, .contacttextarea {
	    padding:2px;   
      }	


/*-------------------------------------
 	Two Buttons on Main Image -- Change
---------------------------------------*/

.standardFlair {
  float:left;
  margin-top:23px;	
  width:972px;
  height:296px;
  background-image:url(graphics/main-image.jpg);
  background-repeat:no-repeat; 	
}


.ourservices {
  margin:145px 0 0 573px;
  height:20px;
  width:270px;
}



/*-------------------------------------
 	Bottom of Main Image
---------------------------------------*/

.bottom-image {
  float:right;
  margin:-10px 85px 0 0;	
}


/*-------------------------------------
 	Login Button Index
---------------------------------------*/

#intloginBtn {margin-top: 5px;}


.readycollect-login { 
position: relative; background-image: url("graphics/index-RC-login-btn-on.png"); background-repeat: no-repeat; white-space: nowrap; display: block; width: 305px; height: 40px; margin: 0; padding: 0; padding-right:0px; }

.readycollect-login a {
display: block; width: 305px; height: 40px; display: block; float: left;}

.readycollect-login img {width: 305px; height: 40px; border: 0; }
* html a:hover {visibility:visible}
.readycollect-login a:hover img{visibility:hidden}


.readyresale-login { 
position: relative; background-image: url("graphics/index-RS-login-btn-on.png"); background-repeat: no-repeat; white-space: nowrap; display: block; width: 305px; height: 40px; margin: 0; padding: 0; padding-right:0px; }

.readyresale-login a {
display: block; width: 305px; height: 40px; display: block; float: left;}

.readyresale-login img {width: 305px; height: 40px; border: 0; }
* html a:hover {visibility:visible}
.readyresale-login a:hover img{visibility:hidden}



.paymentBtn {text-align: center; margin-top: 5px; margin-left: 5px;}
.paymentBtn a {text-decoration: none; color:#d21111; }
.paymentBtn a:hover {color: #666; }



/*-------------------------------------
 	Service Buttons
---------------------------------------*/

p, li {
  font-family: "Trebuchet MS", "Georgia", Arial, Verdana;;
  font-size:10pt;
  color:#797979;
}


#products {
  position: relative;
  z-index: 90;
  height: 220px;
  width: 640px;
  padding: 0 10px;
  margin-left: 10px;
  overflow: visible;
}

#products .product {
  width: 300px;
  padding: 210px 5px 5px;
  position: relative;
  float: left;
  margin-right: 10px;
}

#products.js .product {
  position: absolute;
  float: none;
  margin: 0 0 0 -3px;
  z-index: 99;
}

#products.js .product ul {
  display: none;
}

#products.js .product.open ul {
  display: block;
}

#products .product h3 {
  width: 300px;
  padding: 5px 15px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.6;
}

#products .product h3 em {
  display: block;
  width: 300px;
  height: 30px;
  overflow: hidden;
  text-indent: -999em;
  position: absolute;
  top: 0;
  right: 0px;
}

.product p.more {
  position: absolute;
  top: 20px;
  width: 270px;
  padding: 10px 0 0 10px;
}

.product p.more img {
  display: block;
  margin: 0 auto 0px;
}


#products .product ul {
  margin: -20px 0 8px -5px;
  padding: 1px 2px 1px 1px;
  position: relative;
  z-index: 99;
}

#products .product .shadow {
  width: 300px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}

#products .product li {
  margin-bottom: .5em;
  background-image: none;
  padding: 0;
}

#products.js #slot_1 { left: 0; }
#products.js #slot_2 { left: 305px; }
#products.js #slot_3 { left: 450px; }
#products.js #slot_4 { left: 735px; }


#products .product {
  background: transparent url("graphics/product_box_300.png") left bottom no-repeat;
}

#products .product a {
 color: #d21111;
}

#products .product a:hover {
 color: #000;
}

#products .product h3 {
  background: transparent url("graphics/prodbox_title_300.png") left top no-repeat;
  color: #fff;
}

#products .product h3 em {
  background: transparent url("graphics/newtab.png") right top no-repeat;
}

#products .product .shadow {
  background: transparent url("graphics/product_shadow_300.png") left bottom no-repeat;
}

#products .product h3 {
  font-family: Arial, Verdana;
}




/*-------------------------------------
 	Interior Page Elements
---------------------------------------*/

div.block {
  float:left;
  margin:10px 0 10px 0;
  width:640px;
  font-family: "Trebuchet MS", "Georgia", Arial, Verdana;;
  font-size:10pt;
}

div.block p, li {
  font-family: "Trebuchet MS", "Georgia", Arial, Verdana;;
  font-size:10pt;
}

div.block li {
  padding-bottom: 10px;	
}




/* -------------------------------------
/*  Customer Quotes Area
/* -------------------------------------*/

#quote	{
	background: url(images/end-quote.gif) right bottom no-repeat;
}

#quote p	{
	font-size: 12px;
	color: #ae996a;
	line-height: 18px;
	font-style: italic;
	background: url(images/start-quote.gif) top left no-repeat;
	text-indent: 15px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}


.name	{
	font-size: 14px;
	color: #423311;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	padding: 5px 0px 5px 0px;
}




/* -------------------------------------
/*  PDF Download Area
/* -------------------------------------*/

#wrap-around { 
width: 			630px;
height: 		170px;
background: 	#eee;
border-top: 	1px solid #ccc;
border-bottom: 	1px solid #ccc;
margin: 		0 0 0 0;
}

#wrap-around { margin-bottom:15px; }

#wrap-around .box-left { float:left; padding: 5px; width: 450px;  }
#wrap-around .box-right { float:right; padding-top: 10px;  }


a.projectsheet { width:145px; height:70px; text-indent:-9999px; float:right; margin:0 5px 5px 10px; background:url(graphics/readyresale-pdf.jpg) no-repeat 0 0; }
a.projectsheet:hover, a.projectsheet:focus { background-position:0 -70px; }


/*-------------------------------------
 	Company -  Contact Us
---------------------------------------*/		 
			 
.columns-a {
margin-top: 0.5em;
margin-bottom: 0.1em;
float: left;

}

.columns-b {
margin-top: 0.5em;
margin-bottom: 0.1em;
float: right;
width: 74%;
}

.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }

.submitBtn { float: right; }


/*-------------------------------------
 	Did You Know Elements -- Only on Thank You Pages
---------------------------------------*/

#didyouKnow {
  float:left;
  margin-top:10px;
  width:653px;
  height:178px;
  background-image:url(graphics/did-you-know-bg.png);
  background-repeat:no-repeat; 	
}


.knowtext {
  font-family: 	Arial, Verdana;
  font-size: 	10pt;	
  color:		#666;
  padding:		3px 8px 3px 3px;
  margin: 		20px 0 0 20px;
}

/*-------------------------------------
 	Footer
---------------------------------------*/

#footer {
  clear:both;
  width:100%;
  padding-top:15px;
  left: 0px;
  bottom: 0px;
  background-color:#46649a;	
  color:#fff;
  font-family: Arial, Verdana;
  font-size:9pt;
  line-height:1.8em;
}

#footer a:link, #footer a:visited, #footer a:active { color:#fff; }
#footer a:hover { color:#ccc; }