/*
Theme Name: DotCom
Theme URI: http://www.pagelines.com/
Description: DotCom Child Theme for PageLines Framework
Version: 1.0
Author: InfoGroup
Author URI: http://www.infousa.com
Tags: developer

Template: pagelines

*/

/*
Themes follow the basic WordPress themes header scheme with the following additions:

	Template: pagelines
	Tells wordpress this is a childtheme and where the parent files are stored.
	
	Demo: http://a.link.com
	Use this to point to a demo for this product.
	
	External: http://a.link.com
	Use this to point to an external site, authors home page for example.
	
	Long: Long Text....
	Add a full description, used on the actual store page on http://www.pagelines.com/store/
	
*/

/*
 * File Naming Conventions
 * -------------------------------------
 *	style.css 		 - Main theme style file.
 *  thumb.png		 - Thumbnail image used in the store and on pagelines.com for your product.
 *  screenshot.png	 - Primary screenshot, logo or graphic for your extension item (300px by 225px).
 *	screenshot-1.png - Additional screenshots -1 -2 -3 etc (optional).
 *	page.example.php - Custom page template, check the file for syntax. This is autoloaded.
 *	sections/		 - Bundle sections with your theme in this folder, each section in a seperate folder.
 */

/*[DOTCOM]*/
body #DotComContent{
	font-size: 12px;
	color: #666666;
	margin: 0 !important;
	padding: 0 !important;
}


#site #DotComContent .content{
	width: 1024px;
}


/*[BODY GRADIENTS]*/
#DotComContent  {
	background: url(/wp-content/themes/DotComWordpress/images/FullWidthHeaderFooter/top-repeating-gradientshort.png) repeat-x left top transparent !important;
	float: left;
	clear: both;
	width: 100%;
}
#DotComContent .texture {
	background: url(/wp-content/themes/DotComWordpress/images/FullWidthHeaderFooter/bottom-repeating-gradientshort.png) repeat-x left bottom transparent !important;
}

/*[fonts]*/
.georgia {
	font-family: Palatino, 'Palatino LT STD', 'Palatino Linotype', "Times New Roman", serif !important;
}
.arial {
	font-family: Arial, Helvetica, sans-serif !important;
}


.interstatecondensed {
  font-family: "Interstate Condensed";
  font-style: normal;
  font-weight: normal;
}
 
.interstatecondensedbold {
  font-family: "Interstate Condensed";
  font-style: normal;
  font-weight: bold;
}
 



/*[font-size]*/
.f8 {
	font-size: 8px;
}
.f10 {
	font-size: 10px;
}
.f12 {
	font-size: 12px;
}
.f13 {
	font-size: 13px;
}
.f14 {
	font-size: 14px;
}
.f15 {
	font-size: 15px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f20 {
	font-size: 20px;
}
.f22 {
	font-size: 22px;
}
.f24 {
	font-size: 24px;
}
.f28 {
	font-size: 28px;
}

/*[font styles]*/
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.no-italic {
	font-style: normal;
}
.normal {
	font-weight: normal;
}

/*[font colors]*/
.orange {
	color: #fd6801;
}
.green {
	color: #3da101;
}
.blue {
	color: #0285fc;
}

.light-orange {
	color: #ff7c06;
}
.lightblue {
	color: #0082e7;
}
.gray, .grey{
	color: #586f7d;
}
.darkgray {
	color: #333333;
}
.mediumgray {
	color: #949494;
}


/*[floats]*/
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
}


/*[HEADER]*/
h1#infousa-logo {
	left: 10px !important;
	top: 25px !important;
}
#header .content {
	width: 100% !important;
	max-width: 99999px !important;
}

/*[FOOTER]*/
#footer {
	overflow: visible !important;	
}
#footer .content {
	width: 100% !important;
	max-width: 99999px !important;
}
#footer .content-pad {
	padding: 0 !important;
}
#cred.pagelines {
	display: none !important;
}







/*[GRAVITY FORMS extra styles]*/

/* style for form "headings" */
.form_title {
	font-size: 29px;
}

/* set text lineheight */
.gform_wrapper .gfield_label, .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
	line-height:21px;
}

/* set text size, bottom margin and background color of fields */
.gform_wrapper select, .gform_wrapper textarea, .gform_wrapper input[type="text"], .gform_wrapper input[type="password"], .gform_wrapper input[type="datetime"], .gform_wrapper input[type="datetime-local"], .gform_wrapper input[type="date"], .gform_wrapper input[type="month"], .gform_wrapper input[type="time"], .gform_wrapper input[type="week"], .gform_wrapper input[type="number"], .gform_wrapper input[type="email"], .gform_wrapper input[type="url"], .gform_wrapper input[type="search"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="color"], .gform_wrapper .uneditable-input {
	background-color: #f6f6f6;
	font-size:14px;
	padding-left:5px;
	margin-bottom:0;
}

/* format * for required fields */
.gform_wrapper .gfield_required {
	color: #000;
	margin-left: 0px;
}

/* Increase bottom margin from default 24px to 33 for left lables */
.gform_wrapper form ul.left_label li {
	margin-bottom: 33px;
}

/* format text in select menus NOT WORKING */
.gform_wrapper .gfield_select option:first-child {
	font-style:italic ;
}

/* make more room for the left lables than the defalut gform 29% */
.gform_wrapper .left_label .gfield_label {
	width: 32%;
	margin-right: 33px;
}

/* make more room for the left lables by shrinking the fields from the defalut gform 63% */
.gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea {
	width: 59%;
}

/* set description text width when using left lables */
.gform_wrapper .left_label .gfield_description  {
	width: 60%;
}

/* set description text left margin when using left lables */
.gform_wrapper .left_label .gfield_description {
	margin-left:41%;
}

/* set description text to be 10px */
.gform_wrapper .gfield_description {
	padding-top:0;
	font-size:10px;
}

/* space out the fields in the form with left labels.  used to be margin-bottom:14px */
.gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li {
	margin-bottom: 31px;
}


/* fix margins so the submit button for left labels is centered.  used to be padding: 16px 0 10px 31% */
.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {
	padding: 0 0 10px 0;
}

/* style the submit button - default to grey */
.gform_wrapper .button, .gform_wrapper .button:hover, .gform_wrapper .button:active{
	color: white;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	padding: 0 !important;
	width:165px;
	height:33px;
	border: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #666;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#666', GradientType=0);
	background-image: -ms-linear-gradient(top, #ccc, #666);
	background-image: -webkit-gradient(linear,left top,left bottom,from( #ccc ),to( #666));
	background-image: -webkit-linear-gradient(top, #ccc, #666);
	background-image: -moz-linear-gradient(top, #ccc, #666);
	background-image: -ms-linear-gradient(top, #ccc, #666);
	background-image: -o-linear-gradient(top, #ccc, #666);
	background-image: linear-gradient(to bottom, #ccc, #666);
}

.gform_wrapper .blueform .button, .gform_wrapper .blueform .button:hover, .gform_wrapper .blueform .button:active{
	background-color: #1A5BA0;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4FABFE', endColorstr='#1A5BA0', GradientType=0);
	background-image: -ms-linear-gradient(top, #4FABFE, #1A5BA0);
	background-image: -webkit-gradient(linear,left top,left bottom,from( #4FABFE ),to( #1A5BA0));
	background-image: -webkit-linear-gradient(top, #4FABFE, #1A5BA0);
	background-image: -moz-linear-gradient(top, #4FABFE, #1A5BA0);
	background-image: -o-linear-gradient(top, #4FABFE, #1A5BA0);
	background-image: linear-gradient(to bottom, #4FABFE, #1A5BA0);
}

.gform_wrapper .greenform .button, .gform_wrapper .greenform .button:hover, .gform_wrapper .greenform .button:active{
	background-color: #308808;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98D743', endColorstr='#308808', GradientType=0);
	background-image: -ms-linear-gradient(top, #66b908, #308808);
	background-image: -webkit-gradient(linear,left top,left bottom,from( #66b908 ),to( #308808));
	background-image: -webkit-linear-gradient(top, #66b908, #308808);
	background-image: -moz-linear-gradient(top, #66b908, #308808);
	background-image: -ms-linear-gradient(top, #66b908, #308808);
	background-image: -o-linear-gradient(top, #66b908, #308808);
	background-image: linear-gradient(to bottom, #66b908, #308808);
}

.gform_wrapper .orangeform .button, .gform_wrapper .orangeform .button:hover, .gform_wrapper .orangeform .button:active{
	background-color: #DC501B;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FD9500', endColorstr='#DC501B', GradientType=0);
	background-image: -ms-linear-gradient(top, #FD9500, #DC501B);
	background-image: -webkit-gradient(linear,left top,left bottom,from( #FD9500 ),to( #DC501B));
	background-image: -webkit-linear-gradient(top, #FD9500, #DC501B);
	background-image: -moz-linear-gradient(top, #FD9500, #DC501B);
	background-image: -ms-linear-gradient(top, #FD9500, #DC501B);
	background-image: -o-linear-gradient(top, #FD9500, #DC501B);
	background-image: linear-gradient(to bottom, #FD9500, #DC501B);
}

.gform_wrapper .button:hover, .gform_wrapper .button:active{
	-moz-box-shadow: 0 0 3px 2px #ccc;
	-webkit-box-shadow: 0 0 3px 2px #ccc;
	box-shadow: 0 0 3px 2px #ccc;
}

/* style specific forms*/
.gform_wrapper{
	max-width:100%;
}

/* style top label reg & web-to-leads form*/
form#gform_1, form#gform_3, form#gform_11{
	width:236px;
	margin:25px 25px 0;
}

/* style left label reg & web-to-leads form*/
form#gform_2, form#gform_4{
	width:398px;
	margin:48px 46px 0;
}

form#gform_1 {
	margin:0 25px 0;
}

form#gform_2 {
	margin:28px 46px 0;
}

/* hide the label for last field in the reg form */
#field_1_9 .gfield_label {
	display:none;
}
#field_2_9 .gfield_label {
	visibility:hidden;
}

/* style left label for how did you hear about us in the reg form to center 2 lines on the form field*/
#field_2_8 .gfield_label, #field_2_11 .gfield_label {
	margin-top:-5px;
}

/* right align the description text under the How Did You Hear About Us field */
.gform_wrapper #field_1_8 .gfield_description, .gform_wrapper #field_2_8 .gfield_description {
	text-align:right;
	font-size:12px;
	margin-top:15px;
}

/* add some top margin for the Privace statement in the second reg form */
.gform_wrapper #field_2_8 .gfield_description {
	margin-top:24px;
}

/* unbold links in the description text under the How Did You Hear About Us field */
.gform_wrapper #field_1_8 .gfield_description a, .gform_wrapper #field_2_8 .gfield_description a {
	font-weight: normal !important;
}

/* format the agree to T&C text */
#input_1_9 label, #input_2_9 label{
	font-size:12px;
	margin: 2px 0 0 15px;
	font-weight: normal;
	width:100%;
}

/* put some space between T&C's checkbox and the text */
#input_2_9 #choice_9_1 {
	margin-right:5px;
}

/* add space between privace statement and the agree to T&Cs checkbox */
#field_1_8, #field_2_8 {
	margin-bottom:16px;
}

/* show the overflow for the T&C description */
.gform_wrapper ul.gfield_checkbox li, .gform_wrapper .left_label ul.gfield_checkbox {
	overflow: visible;
}

/* make the T&C's links not bold  */
.gfield_checkbox#input_1_9 label a, .gfield_checkbox#input_2_9 label a{
	font-weight: normal !important;
}

/* style left label with 2 lines of text to center 2 lines on the form field*/
#field_4_6 .gfield_label, #field_4_7 .gfield_label {
	margin-top:-5px;
}

/* decrease the bottom margin for password field in left lable form from the defaul 31px */
.gform_wrapper form ul.left_label li#field_2_6 {
	margin-bottom: 16px;
}

#gform_wrapper_2.gform_wrapper  .gform_footer.left_label {
	padding: 0 0 10px 0;
}

/* VALIDATION styles */
/* hide field specific validation message */
.gform_wrapper .ginput_container + .gfield_description.validation_message {
	display:none;
}

/* remove extra margin added on top of fields with errors */
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
margin-top: 0px;
}

/* remove extra margin added on top of fields' labels with errors */
.gform_wrapper .top_label .gfield_error .gfield_label {
	margin: 0 0 4px 0;
}

/* add border to the right side of the guest download form */
#gform_wrapper_6, #gform_wrapper_9 {
	border-right: 2px solid #CCC;
	padding-right: 60px;
}





/*[NEW STYLES for new templates - 3/13]*/

/* new heading styles */
h1, h2, h3, h4, h5, h6, .hentry h1, .hentry h2, .hentry h3, .hentry h4, .hentry h5, .hentry h6  {
	margin-top:0;
}

h1 {
	font-family: "Interstate Condensed", Arial, Helvetica, sans-serif;
	font-size:38px;
	line-height:42px;
	color:#0285fc;
	margin-bottom:7px;
}
h1.new {
	font-family: "Interstate Condensed", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#aeaeae;
	margin-bottom:16px;
	line-height:normal;
}
h2 {
	font-family: "Interstate Condensed", Arial, Helvetica, sans-serif;
	font-size:23px;
	line-height:26px;
	margin-bottom:18px;
}
h3 {
	font-family: "Interstate Condensed", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#aeaeae;
	margin-bottom:16px;
}
h3.new {
	font-family: "Interstate Condensed", Arial, Helvetica, sans-serif;
	font-size:38px;
	line-height:42px;
	color:#0285fc;
	margin-bottom:7px;
}
h4 {
	font-family: Palatino, 'Palatino LT STD', 'Palatino Linotype', "Times New Roman", Times, serif;
	font-size:20px;
	line-height:31px;
	color:#333;
	font-style:italic;
	font-weight:normal;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color:#333;
}


/* new body styles */

.body1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:21px;
	color:#333;
}
.body2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color:#333;
}
.body3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	color:#333;
}
.body4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	color:#666;
}
.body5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#333;
	font-weight:bold;
}



/*[links] */

a, .hentry a, h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, a.site-title > a, .entry-title a > a {
	color:#3da102;
	text-decoration:none;
}
a:hover {
	color:#3da102;
	text-decoration:underline;
}


/*[Buttons with links] */

a.button-blue, a.button-green, a.button-orange, a.button-grey {
	display:inline-block;
	width:170px;
	height:26px;
	padding-top:5px;
	margin:24px 15px 13px 0;
	text-align:center;
	color: white;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	border: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* to make buttons closer when after h2 */

.afterh2 a.button-blue, .afterh2 a.button-green, .afterh2 a.button-orange, .afterh2 a.button-grey{
	margin-top:2px;
}

a.button-blue {
	background-color: #1A5BA0;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4FABFE', endColorstr='#1A5BA0', GradientType=0);
	-ms-linear-gradient(top, #4FABFE, #1A5BA0);
	background-image: -webkit-gradient(linear,left top,left bottom,from( #4FABFE ),to( #1A5BA0));
	background-image: -webkit-linear-gradient(top, #4FABFE, #1A5BA0);
	background-image: -moz-linear-gradient(top, #4FABFE, #1A5BA0);
	background-image: -o-linear-gradient(top, #4FABFE, #1A5BA0);
	background-image: linear-gradient(to bottom, #4FABFE, #1A5BA0);
}
a.button-green{
	background-color: #308808;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98D743', endColorstr='#308808', GradientType=0);
	-ms-linear-gradient(top, #66b908, #308808);
	background-image: -webkit-gradient(linear,left top,left bottom,from( #66b908 ),to( #308808));
	background-image: -webkit-linear-gradient(top, #66b908, #308808);
	background-image: -moz-linear-gradient(top, #66b908, #308808);
	background-image: -ms-linear-gradient(top, #66b908, #308808);
	background-image: -o-linear-gradient(top, #66b908, #308808);
	background-image: linear-gradient(to bottom, #66b908, #308808);
}

a.button-orange {
	background-color: #DC501B;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FD9500', endColorstr='#DC501B', GradientType=0);
	-ms-linear-gradient(top, #FD9500, #DC501B);
	background-image: -webkit-gradient(linear,left top,left bottom,from( #FD9500 ),to( #DC501B));
	background-image: -webkit-linear-gradient(top, #FD9500, #DC501B);
	background-image: -moz-linear-gradient(top, #FD9500, #DC501B);
	background-image: -ms-linear-gradient(top, #FD9500, #DC501B);
	background-image: -o-linear-gradient(top, #FD9500, #DC501B);
	background-image: linear-gradient(to bottom, #FD9500, #DC501B);
}

a.button-grey {
	background-color: #666;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#666666', GradientType=0);
	-ms-linear-gradient(top, #ccc, #666);
	background: -webkit-gradient(linear,left top,left bottom,from( #ccc ),to( #666));
	background: -webkit-linear-gradient(top, #ccc, #666);
	background: -moz-linear-gradient(top, #ccc, #666);
	background: -ms-linear-gradient(top, #ccc, #666);
	background: -o-linear-gradient(top, #ccc, #666);
	background: linear-gradient(to bottom, #ccc, #666);
}

a.button-blue:hover, a.button-blue:active, a.button-green:hover, a.button-green:active, a.button-orange:hover, a.button-orange:active, a.button-grey:hover, a.button-orange:active{
	-moz-box-shadow: 0 0 3px 2px #ccc;
	-webkit-box-shadow: 0 0 3px 2px #ccc;
	box-shadow: 0 0 3px 2px #ccc;
}


/*[lists] */

ul.nobullets {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.nobullets > li {
	margin:0 0 9px 0;
	padding:0;
}

ul, ol, .hentry ul, .hentry ol  {
	list-style-position:inside;
}


/*[Section Styles] */

/* set the width of the content so that the main-column gets 978 */
#site .content{
	width: auto;
	max-width:none;
}
#site #page-main .content{
	width: 1024px;
}


/* reduce padding from 15 to 8 to get the 978 space */

.fullwidth #column-main .mcolumn-pad {
	padding-right: 8px;
	padding-left: 8px;
}

.cta {
	text-align: center;
	margin-bottom: 50px;
}

.why_label{
	text-align:center;
	font-size:32px;
	font-family:'Interstate Condensed';
	margin: 0 0 30px 0;
}

.why_content{
	margin: 0 0 50px 0;
}

.why_line{
	 border-bottom: 1px solid #ccc; 
	 width:38%; 
	 height:11px;
}



/*[Structural Styles] */

.content .content-pad {
	padding: 0px;
}

#page-main .content .content-pad {
	padding-top: 48px;
}
section.copy {
	margin: 0;
}

/*[GRID Styles]*/

.page-top-padding {
	padding-top:48px;
}

div.layout-978 { width: 978px; margin: 0px auto;}

div.row { height: 1%; }
div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }

div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12, div.col1b, div.col2b, div.col3b, div.col4b, div.col5b, div.col6b, div.col7b, div.col8b, div.col9b, div.col10b, div.col11b, div.col12b { float: left; margin-left: 30px; }

div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child, div.col1b:first-child, div.col2b:first-child, div.col3b:first-child, div.col4b:first-child, div.col5b:first-child, div.col6b:first-child, div.col7b:first-child, div.col8b:first-child, div.col9b:first-child, div.col10b:first-child, div.col11b:first-child, div.col12b:first-child { margin-left: 0px; }

div.col1 { width: 54px; }
div.col2 { width: 138px; }
div.col3 { width: 222px; }
div.col4 { width: 306px; }
div.col5 { width: 390px; }
div.col6 { width: 474px; }
div.col7 { width: 558px; }
div.col8 { width: 642px; }
div.col9 { width: 726px; }
div.col10 { width: 810px; }
div.col11 { width: 894px; }
div.col12 { width: 978px; }

/* adjust column width by 1px if it has a left or right border */
div.col1.rightborder, div.col1.leftborder { width: 53px;}
div.col2.rightborder, div.col2.leftborder { width: 137px;}
div.col3.rightborder, div.col3.leftborder { width: 221px;}
div.col4.rightborder, div.col4.leftborder { width: 305px;}
div.col5.rightborder, div.col5.leftborder { width: 389px;}
div.col6.rightborder, div.col6.leftborder { width: 473px;}
div.col7.rightborder, div.col7.leftborder { width: 557px;}
div.col8.rightborder, div.col8.leftborder { width: 641px;}
div.col9.rightborder, div.col9.leftborder { width: 725px;}
div.col10.rightborder, div.col10.leftborder { width: 809px;}
div.col11.rightborder, div.col11.leftborder { width: 893px;}
div.col12.rightborder, div.col12.leftborder { width: 977px;}

/* special 50/50 split with border down the middle of the gutter */
div.col6.leftborder.middleborder { margin-left: 15px;padding-left: 15px;}

/* Only needed for some old pages before we ironed out the whole grid system. */
div.col1b { width: 53px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
div.col2b { width: 137px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
div.col3b { width: 221px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
div.col4b { width: 305px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
div.col5b { width: 389px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
div.col6b { width: 473px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
div.col7b { width: 557px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
div.col8b { width: 641px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
div.col9b { width: 725px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
div.col10b { width: 809px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
div.col11b { width: 893px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
div.col12b { width: 977px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}


/* special styles for the prodcuts pages that violate the grid */
div.col8.products { width: 671px; border-right-style: dotted; border-right-width: 1px; border-right-color: #ccc;}
div.col4.products { margin-left:0px;}

/* for nested columns take a pixel off to account for the right border on the outter column */
div.col1.last_col { width: 53px; }
div.col2.last_col { width: 137px; }
div.col3.last_col { width: 221px; }
div.col4.last_col { width: 305px; }
div.col5.last_col { width: 389px; }
div.col6.last_col { width: 473px; }
div.col7.last_col { width: 557px; }
div.col8.last_col { width: 641px; }
div.col9.last_col { width: 725px; }
div.col10.last_col { width: 809px; }
div.col11.last_col { width: 893px; }
div.col12.last_col { width: 977px; }

/* helper styles to fix height of rows containing floated columns */
.fix {
  *zoom: 1;
}
.fix:before,
.fix:after {
  display: table;
  content: "";
  line-height: 0;
}
.fix:after {
  clear: both;
}

/* classes to add padding to elements */

.padleft50 {
	padding-left:50px;
}
.padleft40 {
	padding-left:40px;
}
.padleft30 {
	padding-left:30px;
}
.padleft20 {
	padding-left:20px;
}
.padleft10 {
	padding-left:10px;
}
.padright50 {
	padding-right:50px;
}
.padright40 {
	padding-right:40px;
}
.padright30 {
	padding-right:30px;
}
.padright20 {
	padding-right:20px;
}
.padright10 {
	padding-right:10px;
}
.padtop50 {
	padding-top:50px;
}
.padtop40 {
	padding-top:40px;
}
.padtop30 {
	padding-top:30px;
}
.padtop20 {
	padding-top:20px;
}
.padtop10 {
	padding-top:10px;
}
.padbottom50 {
	padding-bottom:50px;
}
.padbottom40 {
	padding-bottom:40px;
}
.padbottom30 {
	padding-bottom:30px;
}
.padbottom20 {
	padding-bottom:20px;
}
.padbottom10 {
	padding-bottom:10px;
}

/* borders and backgrounds */

.topborder {
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #ccc;
}

.bottomborder {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
}

.rightborder {
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #ccc;
}

.leftborder {
	border-left-style: dotted;
	border-left-width: 1px;
	border-left-color: #ccc;
}

.greybg {
	background-color:#f4f4f4;
}

.greybox {
	background-color:#f4f4f4;
	padding:30px 40px;
}

/* download box styles */
.downloadbox2 {
	background-color:#f4f4f4;
	width:348px;
}

.downloadbox {
	background-color:#f4f4f4;
	width:342px;
	margin-left:6px;
}

/* download box styles for 7/4 right column width */
.col4 .downloadbox {
	background-color:#f4f4f4;
	width:253px;
	margin-left:6px;
}
.downloadbox img {
	margin-left:-6px;
	float:left;
}

.downloadbox .downloadboxcontent {
	margin-top:15px; 
	margin-left:9px;
	margin-bottom: 16px;
	float:left;
}

.downloadbox .downloadboxheading{
	font-size:16px; 
	font-weight:bold; 
	margin-bottom:6px;
}


/* spotlight box styles */
.bannerbox {
	width:335px;
	padding-top:10px;
	padding-bottom:30px;
	margin-left:15px;
	background-color:#f4f4f4;
}

.bannercontainer {
	width:350px;
	margin-left:18px;
	margin-top:30px;
}

.dynamic-phone {
	font-family:Palatino, 'Palatino LT STD', 'Palatino Linotype', 'Times New Roman', Times, serif;
}

.body-phone {
	font-family:Palatino, 'Palatino LT STD', 'Palatino Linotype', 'Times New Roman', Times, serif;
}