/*------------------------------------------------------------------
[Main Stylesheet]

Project:						Lunarpages Web Hosting
Primary use:					Web site - Screen
-------------------------------------------------------------------
[Table of Contents]

[1]	Body (Main Container)
[2] Header (Logo, Dropdown Country Selector, Main Nav)
[3] Content (Containers, Columns, Backgrounds)
[4] Page Header, Side Nav
[5] Footer
[6] Links & Buttons
[7] Text
[8] Boxes
[9] Tables
[10] Form
[11] Misc Layout Styles
[12] Home
[13] Hosting Solutions
[14] Knowledge Base
[15] Domain Search
[16] Site Map
[17] Affiliate Banner Page
/*------------------------------------------------------------------
[1] Body
*/

@font-face {
    font-family: Galano Grotesque;
    font-weight: 700;
    src: url(355DCE_0_0.eot);
    src: url(355DCE_0_0.eot?#iefix) format("embedded-opentype"), url(355DCE_0_0.woff2) format("woff2"), url(355DCE_0_0.woff) format("woff"), url(355DCE_0_0.ttf) format("truetype")
}
* {box-sizing: border-box;}
body
{
	width: 100%;
	height: 100%;
	color: #2d2d2d;
	font: 80% "Work Sans",Arial, Helvetica, sans-serif;
	background: #dcdcdc;
	overflow-x: hidden;
}
strong {font-family: 'Work Sans'; font-weight: 700;}
.container{
	width: 1500px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}
#content {font-size: 1.3em;}
/*------------------------------------------------------------------
[2] Header (Logo, Dropdown Country Selector, Main Nav)
*/
#header
{
	display: block;
	background-color: #2d2d2d;
	background-image: url(../images/_layout/noise.png);
	margin: 0px;
}
#header .container {width: 1600px;}

#logo1 {
	float: left;
	margin: 26px 0 0 20px;
}

	#logo
	{
		float: left;
		margin: 26px 0 0 20px;
	}
	#navContainer
	{
		float: right;
		width: 900px;
		margin: 10px 0 0 0;
		padding: 20px;
		text-align: right
	}
	/* Login Link */
	a#login, a#login:active, a#login:visited
	{
		float: left;
		margin: 4px 12px 0 0;
		color: #063c6c;
		font-size: .85em;
		text-transform: uppercase;
		cursor: pointer
	}
		a#login:hover, a#login:focus
		{
			color: #999;
		}
	/* Phone Number */
	.vcard
	{
		display: block;
		margin: 5px	10px 0 0
	}
	.tel
	{		
		color: #909aa4;
		font-size: 1.2em;
		margin-top: 30px;
	}
	/* Search Box */
	.searchBox
	{
		float: left;
		margin: 0 0 0 60px; 
		width: 162px;
		height: 23px;
		padding: 0 5px;
		border: 0;
		background: url(../images/_layout/searchBox.gif) no-repeat 0 0
	}
	.btnSearch
	{
		margin-right: 10px;
		float: left;
		width: 29px;
		height: 23px;
		border: 0;
		cursor: pointer;
		background: url(../images/_layout/btnSearch.gif) no-repeat 0 0
	}
/*------------------------------------------------------------------
[3] Content Columns
*/
#content
{
	display: block;
	height: expression( this.scrollHeight < 601 ? "600px" : "auto" ); /* sets min-height for IE */
	min-height: 600px; /* sets min-height value for all standards-compliant browsers */
	background: #fff /* url(../images/_layout/bg.jpg) repeat-y center 0  Horizontal Top Gradient */
}
#contentHome
{
	display: block;
	padding-bottom: 30px;
	height: expression( this.scrollHeight < 601 ? "600px" : "auto" ); /* sets min-height for IE */
	min-height: 600px; /* sets min-height value for all standards-compliant browsers */
	border-top: solid 1px #fff;
	background: #ffff
}
#contentBgGradHome
{
	/*background: url(../images/_layout/bgGradHome.jpg) repeat-x 0 0  Vertical Gradient */
}
#contentBgGrad
{
	/* background: url(../images/_layout/bgGrad.jpg) repeat-x 0 0  Vertical Gradient */
}
#bgSubpage
{
	display: block;
	height: expression( this.scrollHeight < 601 ? "600px" : "auto" ); /* sets min-height for IE */
	min-height: 600px; /* sets min-height value for all standards-compliant browsers */
}
#mainCol
{
	float: left;
	width: 72%
}
#mainColPadR
{
	float: left;
	width: 72%;
}
#mainColPadLR
{
	float: left;
	width: 72%;
	padding: 0px 0px 30px 0px;
}
#fullCol /* in home page */
{	
	width: 100%
}
#sideBarContainer /* in home page */
{
	float: right;
	margin: 0 0 65px 0;
	width: 23%;	
}
/*------------------------------------------------------------------
[4] Page Header, Side Nav
*/
#pageHeader
{
	display: block;
	padding: 80px 0;
	background-color: #2d2d2d;
	background-image: url(../images/_layout/noise.png);
	text-align: center;
	width: 100vm;
	margin-left: calc(-50vw + 50% - 8px);
	margin-right: calc(-50vw + 50% - 8px);
    position: relative;
	margin-bottom: 80px;
  }
#pageHeader h1 {color: #fff !important;}
#sideNav a, #sideNav a:active, #sideNav a:visited
{
	display: block;
	padding: 5px 15px 5px 3px;
	border-bottom: solid 2px #fff;
	background: url(../images/_layout/arrow.png) no-repeat right center
}
	#sideNav a:hover, #sideNav a:focus
	{
		background: #e6f2fc url(../images/_layout/arrow.png) no-repeat right center
	}
#sideNav a.selected, #sideNav a.selected:active, #sideNav a.selected:visited,
#sideNav a.selected:focus, #sideNav a.selected:hover
{
	display: block;
	padding: 5px 15px 5px 3px;
	color: #0161c1;
	border-bottom: solid 2px #fff;
	background: #beddf9 url(../images/_layout/arrow.png) no-repeat right center
}
/*------------------------------------------------------------------
[5] Footer
*/
#footer
{
	margin: 0px auto;
	background-color: #2d2d2d;
	background-image: url(../images/_layout/noise.png);
	
}

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





	.bizaddress {color: #CCC; font-size: 13px;padding-bottom:0px;margin: 0;}
	.bizaddress p {margin: 5px;}
	.lpcopyright {color: #CCC; font-size: 10px;}
	
.width-wrapper {width:1000px; margin:0px auto; padding:55px 0px; color:#fff;}
#footer .width-wrapper {width:1600px; margin:0px auto; padding:55px 0px; color:#fff;}
.width-wrapper a {
	color: #686758;
}
.footer-container {padding:55px 0px !important; text-align: center;}
.copyright,.site-info {color: #fff;}
.footer-column {
	/*width:20%;*/
	width: 194px;
	display: inline-block;
	font-size:18px;
	text-align: left;
	vertical-align: top;
	margin-left: 3.7%;
	margin-right: 3.7%;
}
.footer-column:first-child {margin-left: 0px;}
.footer-column:last-child {margin-right: 0px;}
.footer-widget-title {
	font-size:20px;
	margin-bottom:15px;font-family: 'Galano Grotesque';
	color:#fff;
}
.footer-column p {
	padding:0px;
	margin:0px 0px 15px !important;
	color:#f2f2f2 !important;
}
.footer-column a {
	color: #f2f2f2 !important;
	text-decoration:none;
	font-weight:400;
}
.footer-column a:hover {
	color: #fff;
}
.footer-widget-title,
.footer-widget-title a {color:#f95f19 !important; }
.footer-social-media {
	clear:both;
	text-align:center;
	padding:10px 0px 15px 0px;
}
.footer-social-media a {
	margin:0px 10px;
}
.site-info {
	padding: 20px 0 30px;
	width: 100%;
	clear:both;
	text-align:center;
	font-size:14px;
}
.site-info a {
	color: #beddf9;
	text-decoration:none;
}
.site-info a:hover {
	color: #fff;
}
	
	
	
/*------------------------------------------------------------------
[6] Links & Buttons
*/
a, a:active, a:visited
{
	color: #2d2d2d;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	-moz-outline: none
}
	a:focus, a:hover
	{
		color: #f95f19;
		text-decoration: none
	}
a.lnkArrow, a.lnkArrow:active, a.lnkArrow:visited
{
	padding-right: 12px;
	background: url(../images/_layout/arrow.png) no-repeat right 4px
}
	.txtSmall a.lnkArrow, .txtSmall a.lnkArrow:active, .txtSmall a.lnkArrow:visited
	{
		background-position: right 2px
	}	
/* Button */
a.btn, a.btn:active, a.btn:visited, input.btn
{
	display: block;
	float: left;
	height: 28px;
	line-height: 26px;
	color: #fff;
	border: none;
	cursor: pointer;
	background: url(../images/_layout/btn.png) no-repeat 0 0
}
	a.btn:hover, a.btn:focus, input.btn:hover
	{		
		color: #fff;		
		background: url(../images/_layout/btn.png) no-repeat 0 -28px
	}
	span.btnR
	{
		display: block;
		height: 28px;
		padding: 0 30px 0 15px;
		background: url(../images/_layout/btnR.png) no-repeat right 0;
		white-space: nowrap
	}
		span.btnR:hover
		{			
			background: url(../images/_layout/btnR.png) no-repeat right -28px	
		}
/* Button Small */
a.btnSmall, a.btnSmall:active, a.btnSmall:visited, input.btnSmall
{
	display: block;
	float: left;
	height: 20px;
	line-height: 17px;
	font-size: .85em;
	color: #fff;
	border: none;
	cursor: pointer;
	background: url(../images/_layout/btnSmall.png) no-repeat 0 0
}
	a.btnSmall:hover, a.btnSmall:focus, input.btnSmall:hover
	{		
		color: #fff;		
		background: url(../images/_layout/btnSmall.png) no-repeat 0 -20px
	}
	span.btnSmallR
	{
		display: block;
		height: 20px;
		padding: 0 25px 0 10px;
		background: url(../images/_layout/btnSmallR.png) no-repeat right 0;
		white-space: nowrap		
	}
		span.btnSmallR:hover
		{			
			background: url(../images/_layout/btnSmallR.png) no-repeat right -20px	
		}
		
.btnLP, a.btnLP:visited, input.btnLP {
background-color:#2d2d2d;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:8px 20px;
text-decoration:none;
border:1px solid #2d2d2d;
}

.btnLP:hover, a.btnLP:hover, input.btnLP:hover {
color:#fff;
background-color:#f95f19;
border:1px solid #f95f19;
cursor:pointer;
cursor: hand;
}
/*------------------------------------------------------------------
[7] Text
*/
h1
{
	margin: 0;	
	color: #2d2d2d;
	font: 2.4em 'Work Sans',Arial, Helvetica, sans-serif;
	font-weight: 700;
	
}
h2
{
	margin:  0 0 15px 0;
	font: 1.6em 'Galano Grotesque',Arial, Helvetica, sans-serif
}
	h2.noMargin
	{
		margin:  0;
		color: #0161c1;
		font: 1.6em 'Galano Grotesque',Arial, Helvetica, sans-serif
	}
h3
{
	margin:  0 0 15px 0;
	color: #2d2d2d;
	font: 1.4em 'Galano Grotesque',Arial, Helvetica, sans-serif
}
	h3.noMargin
	{
		margin:  0;
		color: #2d2d2d;
		font: 1.4em 'Galano Grotesque',Arial, Helvetica, sans-serif
	}
h4
{
	margin: 0 0 5px 0;
	color: #2d2d2d;
	font: 1.3em 'Galano Grotesque',Arial, Helvetica, sans-serif
}
h5
{
	margin: 0;
	color: #2d2d2d;
	font: 1.1em 'Galano Grotesque',Arial, Helvetica, sans-serif
}
	h5.gray
	{		
		color: #959595
	}
h6
{
	margin: 0 0 3px 0;
	color: #2d2d2d;
	font: 1em 'Galano Grotesque',Arial, Helvetica, sans-serif
}
ul, ul ul 
{
    margin: 5px 0 20px 10px
}
ol
{
	margin: 0 0 20px 20px;
	list-style: decimal
}
	ul li, ol li
	{
	    margin: 0 0 5px 10px;
		list-style-position: outside;		
		line-height: 1.4em
	}
ol.alpha
{
	margin: 0 0 20px 10px;
	list-style-type: upper-alpha
}
#footerMidCol ul {list-style-type: none;margin-top:0;}
p
{
    margin: 0 0 20px 0;
	line-height: 1.4em
}
small { font-size: .8em }
.small { font-size: .8em }
blockquote { margin: 0 10px }
.blockquote { margin: 0 10px }
.txtSmall { font-size: .85em }
.txtBlue { color: #1488fc }
/*------------------------------------------------------------------
[8] Boxes
*/
.boxWhite
{
	display: block;
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	border-bottom: solid 1px #e0e2e5;
	-moz-border-radius: 5px;
	border-radius: 5px
}
/* Box Small Blue Gradient */
.boxSmallBlueGrad
{
	padding: 20px 20px 10px 20px;
	color: #2d2d2d;
	height: expression( this.scrollHeight < 67 ? "66px" : "auto" ); /* sets min-height for IE */
	min-height: 66px; /* sets min-height value for all standards-compliant browsers */
	background: #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #2d2d2d;

}
.boxSmallBlueGradB
{
	margin-bottom: 10px;
	width: 243px;
	height: 8px;
	font-size: 0;
}
/* Box Transparent */
.boxTrans
{
	display: block;
	margin-bottom: 20px;
	padding: 20px;
	border-bottom: solid 1px #2d2d2d;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.boxTrans2
{
	display: block;
	margin-bottom: 20px;
	padding: 0px;
	border-bottom: solid 0px #2d2d2d;
	/* background: url(../images/_layout/trans.png) repeat 0 0; */
	-moz-border-radius: 5px;
	border-radius: 5px
}
	.borderTop
	{
	border: solid 1px #2d2d2d;
	}
/* Box Small Transparent */
.boxSmallTrans
{
	width: 129px;
	height: 82px;
	padding: 20px 15px;
	background: url(../images/_layout/boxSmallTrans.png) no-repeat 0 0
}
	.boxSmallTrans .price, .boxSmallWhite .price
	{
		margin-bottom: 12px;
		font-size: 1.4em;
		font-weight: bold;
		color: #0161c1
	}
/* Box Small White */
.boxSmallWhite
{
	width: 129px;
	height: 82px;
	padding: 20px 15px;
	background: url(../images/_layout/boxSmallWhite.png) no-repeat 0 0
}
/* Side Bar */
.sideBar
{
	padding: 20px 20px 5px 20px;
	background: #fff
}
#sideBarContainer input.text {width: 100% !important; margin-bottom: 15px;1}
	#sideBarContainer h3
	{
		margin: 0 0 2px 0;
		font-weight: bold;
		font-size: 1.1em
	}
	.sideBar h3 a, .sideBar h3 a:active, .sideBar h3 a:visited
	{
		color: #2d2d2d
	}
	.sideBar p a, .sideBar p a:active, .sideBar p a:visited
	{
		color: #959595;
		font-weight: normal
	}
		.sideBar p a:hover, .sideBar p a:focus,
		.sideBar h3 a:hover, .sideBar h3 a:focus
		{
			color: #1488fc
		}
.sideBarT
{
	width: 243px;
	height: 5px;
	font-size: 0;
	background: url(../images/_layout/boxSmallWhiteT.gif) no-repeat 0 0
}
.sideBarB
{
	margin-bottom: 10px;
	width: 243px;
	height: 5px;
	font-size: 0;
	background: url(../images/_layout/boxSmallWhiteB.gif) no-repeat 0 0
}
/*------------------------------------------------------------------
[9] Tables
*/
td
{	
	vertical-align: top
}
th.dark
{
	padding: 10px;
	font-size: 1.1em;
	font-weight: bold;
	border-right: solid 1px #f7f8f9;
	background: #a1caf0		
}
th.light
{
	padding: 10px;
	font-size: 1.1em;
	font-weight: bold;
	border-right: solid 1px #f7f8f9;
	background: #beddf9		
}
td.dark
{
	padding: 20px;
	border-right: solid 1px #f7f8f9;
	background: #e5f1fd
}
td.light
{
	padding: 20px;
	border-right: solid 1px #f7f8f9;
	background: #f7f8f9	
}

table.dataTable
{
	width: 100%;
	background: #f7f8f9
}
table.dataTable th
{
	padding: 10px;
	font-size: 1.1em;
	font-weight: bold;
	border-right: solid 1px #f7f8f9;
	background: #93a0aa;
}
table.dataTable tr.dark
{
	background: #ebedf0
}
table.dataTable td
{
	padding: 5px 10px;
	border-right: solid 1px #f7f8f9
}
/*------------------------------------------------------------------

.error
{
	color: #ff0000
}
form
{
	clear: both
}
label
{
	display: block;
	margin: 0 0 2px 0
}
input.text
{	
	margin: 0 0 10px 0;
	padding: 4px 0 0 4px;
	height: auto;
	font-size: 1.3em;
	color: #54606c;
	border: solid 1px #e0e2e5;
	background: #fff
}
#sideBarContainer input.text {width: 100% !important;}
.radio
{
	margin-left: 20px	
}
.field
{
	margin-bottom: 10px
}

select
{
	margin: 0 0 10px 0;
	padding: 3px 0 0 3px;
	color: #54606c;
	font-size: 1em
}
textarea
{
	margin: 0 0 10px 0;
	padding: 3px;
	width: 360px;
	height: 100px;
	color: #54606c;
	font-size: 1em;
	resize: none;
	border: none;
	background: #fff;
	border: solid 1px #e0e2e5
}
/*
.formContainer .btn
{
	margin-left: 160px	
}

.inputGroup label
{
	width: auto
}
*/
.inputBtnSmall
{
	display: block;
	padding: 0 10px 3px 0;
	width: 83px;
	height: 28px;
	font-weight: bold;
	color: #fff;
	border: none;
	cursor: pointer;
	background: url(../images/_layout/btn.png) no-repeat 0 -56px
}
	.inputBtnSmall:hover
	{
		color: #fff;
		background-position: 0 -84px
	}
.inputBtnMed
{
	display: block;
	padding: 0 10px 3px 0;
	width: 198px;
	height: 28px;
	font-weight: bold;
	color: #fff;
	border: none;
	cursor: pointer;
	background: url(../images/_layout/btn.png) no-repeat -100px -56px
}
	.inputBtnMed:hover

	{
		color: #fff;
		background-position: -100px -84px
	}
.inputBtnBig
{
	display: block;
	padding: 0 10px 3px 0;
	width: 298px;
	height: 28px;
	font-weight: bold;
	color: #fff;
	border: none;
	cursor: pointer;
	background: url(../images/_layout/btn.png) no-repeat 0 0
}
	.inputBtnBig:hover
	{
		color: #fff;
		background-position: 0 -28px
	}
#City
{
  clear: both;
}
.right
{
  float: right;
  margin: 0 0 10px 20px
}
#Checkbox, #Checkbox2
{
  clear: both;
  margin-left: 160px;
  margin-top: 4px;
}
#radio li
{
  list-style-type: none;
  clear: both;
}
#radio li label
{

  float: right;
  width: 526px;
  text-align: left;
  margin-top: -2px;
}
#radio li{
  margin-left: 150px;
}
.action
{
	display: block;
	padding: 0 10px 3px 0;
	width: 83px;
	height: 28px;
	font-weight: bold;
	color: #fff;
	border: none;
	cursor: pointer;
	background: url(../images/_layout/btn.png) no-repeat 0 -56px
}
	.action:hover
	{
		color: #fff;
		background-position: 0 -84px
	}

/*------------------------------------------------------------------
[11] Misc Layout Styles
*/
.floatL
{
	float: left
}
.floatR
{
	float: right
}
.floatLMargin
{
	float: left;
	margin: 0 20px 10px 0
}
.floatRMargin
{
	float: right;
	margin: 0 0 10px 20px
}
.clearFloat
{
	clear: both;
    height: 0;
    font-size: 0;
    line-height: 0
}
.borderNone
{
	border: none !important;
	background-image: none !important
}
.padLR
{
	padding: 0 20px	
}
hr
{
	margin: 25px 0;
	height: 1px;
	border-top: solid 1px #dcdcdc;
	border-bottom: solid 2px #fff;
	border-left: none;
	border-right: none
}
.divider
{
	width: 728px;
	height: 21px;
	margin: 10px 0;
	background: url(../images/_layout/dividerHorizontal.png) no-repeat 0 0	
}
/*------------------------------------------------------------------
[12] Home
*/
#bgHome
{
	display: block;
	height: expression( this.scrollHeight < 601 ? "600px" : "auto" ); /* sets min-height for IE */
	min-height: 600px; /* sets min-height value for all standards-compliant browsers */
	background: url(../images/_layout/bgHome.jpg) no-repeat center 0
}
#boxFindDomain
{
	width: 203px;
	height: 110px;
	padding: 20px 20px 0 20px;
	background: url(../images/_layout/boxFindDomain.jpg) no-repeat 0 0
}
	#titleFindDomain
	{
		margin: 0;
		color: #2d2d2d;
		font-weight: bold;
		font-size: 1.3em
	}
	#boxFindDomain .txtBoxRound
	{
		display: block;
		margin: 15px 0 10px 0; 
		width: 190px;
		height: 23px;
		padding: 0 5px;
		border: 0;
		background: url(../images/_layout/txtBox.gif) no-repeat 0 0
	}
	#boxFindDomain select
	{
		float: left;
		width: 60px
	}
	.btnSubmitArrow
	{
		float: right;
		padding: 0 0 2px 12px;
		width: 95px;
		height: 26px;
		line-height: 26px;
		font-weight: bold;
		font-size: .9em;
		color: #fff;
		border: none;
		cursor: pointer;
		text-align: left;
		background: url(../images/_layout/btnSubmitArrow.png) no-repeat 0 0
	}
		.btnSubmitArrow:hover, .btnSubmitArrow:focus
		{
			background-position: 0 bottom
		}
/* Feature Image */
#homeFeatImgContainer
{	
	display: block;
	height: 282px	
}
/* Feature Buttons */
#homeFeatBtnContainer
{
	display: block
}
.colHost
{
	float: left;
	width: 150px;
	padding: 0 0 20px 0;
	color: #2d2d2d
}
	.colHost h2
	{
		font-size: 1em
	}
	.colHost .desc
	{
		margin-left: 20px;
		width: 110px;
		height: 120px
	}
	.colHost p
	{
		margin-bottom: 0
	}
	.colHost .txtStart
	{
		margin: 0 0 2px 20px;
		font-size: .85em
	}
	.colHost .price
	{
		margin: 0 0 0 20px;
		color: #0161c1;
		font-weight: bold
	}
	a.btnBlue, a.btnBlue:active, a.btnBlue:visited
	{
		display: block;
		padding: 45px 33px 0 28px;
		width: 89px;
		height: 60px;
		color: #fff;
		font-size: 1.3em;
		text-align: center;
		background: url(../images/_layout/btnBlue.gif) no-repeat 20px 35px
	}
		a.btnBlue:hover, a.btnBlue:focus
		{
			color: #fff
		}
		.btnBlue .small
		{
			display: block;
			font-size: .6em
		}
/*------------------------------------------------------------------
[13] Hosting Solutions
*/
#hostingSolutions h3
{
	margin: 0 0 15px 0;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.3em
}

.globalSearchSpacer
{
	clear: both;
	margin-top: -64px
}
/*------------------------------------------------------------------
[14] Knowledge Base
*/
#browseByCategory ul
{
  margin: 0;
  padding: 0;
  list-style-type: none
}
	#browseByCategory ul li
	{
		margin: 0 0 5px 0;
		padding: 0
	}
/*------------------------------------------------------------------
[15] Domain Search
*/
.txtBoxBig
{
	float: left;
	margin-right: 10px;
	width: 500px;
	height: 27px;
	padding-left: 2px;
	color: #54606C;
	font-size: 1.6em;	
	border: solid 1px #E0E2E5
}
.selectBig
{
	float: left;
	margin-right: 10px;
	font-size: 1.6em
}
.taken
{
	color: red
}
.available
{
	font-weight: bold
}
/*------------------------------------------------------------------
[16] Site Map
*/
.sitemapcol{
  float: left;
  margin: 0 10px
}

/*-----------------------------------------
[17] Affiliate Banner Page
*/
.affiliateImage
{
	float: left;
	margin: 5px;
}

.affiliatemeasure{
  clear: both;
  margin: 5px;
  font-weight: bold;
}

#affiliateCode{
  display:none;
}

.toggle,
[id^=drop] {
	display: none;
}

nav { margin:0;padding: 30px 0;}

#logo1 {
	width: 240px;
	display: block;
	padding: 0px;
	margin: 0px;
	float: left;
}
#logo1 a {margin: 0px !important; padding:0px !important; border: 0px !important;}


nav:after {
	content:"";
	display:table;
	clear:both;
}

nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	}

nav a {
	display:block;
	padding:14px 20px;	
	color:#FFF !important;
	text-decoration:none;
	font-size: 1.6em;
}
nav a:hover {color:#f7602a !important;}

nav ul li ul li:hover { }

nav ul ul {
	display: none;
	position: absolute; 
	top: 60px; 
}
	
nav ul li:hover > ul {
	display:inherit;
}
	
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

nav ul ul ul li {
	position: relative;
	top:-60px;
	left:170px; 
}

nav li > a:after { content:  ' +'; }
nav li > a:only-child:after { content: ''; }



@media only screen and (max-width: 1920px) {
	#header, #content {width: 100%;}
	#header .container, #content .container { max-width: 1600px;}
}

@media only screen and (max-width: 1620px) {
	#header, #content {width: 100%;}
	#header .container {max-width: 1600px !important; width: 80%; padding: 10px 0px;}
	.container {max-width: 1400px;width: 80% !important;}
	#pageHeader {padding: 50px 0;}
	#pageHeader h1 {padding: 0px; margin: 0px;}
	#footer {padding-left:20px; padding-right: 20px;}
	#footer .width-wrapper {width:1400px;}
	#content .container {padding: 0px 20px;}
	#content .container img {max-width: 100% !important; height: auto;}
	.footer-column {
		width: 194px;
		margin-left: 1%;
		margin-right: 1%;
		font-size: 16px;
	}
	.footer-column:first-child {margin-left: 0px;}
	.footer-column:last-child {margin-right: 0px;}
}

@media only screen and (max-width: 1420px) {
	.container {width: 80% !important; max-width: 1160px;}
	#content .container {padding: 0px 0px;}
	nav a {font-size: 1.4em;}
	#footer .width-wrapper {width:1160px;}
	.footer-column {
		margin-left: 0%;
		margin-right: 0%;
	}
	.footer-column:first-child {margin-left: 0px;}
	.footer-column:last-child {margin-right: 0px;}
	
}

@media only screen and (max-width: 1160px) {
	.container {width: 100% !important;}
	#header .container {width: 100% !important; padding: 0px 20px;}
	#content .container {padding: 0px 20px;}
	nav a {font-size: 1.4em;}
	#footer .width-wrapper {width:100%;}
	
}

@media only screen and (max-width: 1064px) {
	#header .container, #content .container, .footer-container { max-width: 1400px; width: 100% !important; padding-left: 40px; padding-right: 40px;}
	#pageHeader{
		margin-left: -40px;
		margin-right: -40px;
  	}
	#pageHeader h1 {font-size: 2em;}
	#mainCol{width: 100%; float: none;}
	#mainColPadR{width: 100%; float: none;}
	#mainColPadLR{width: 100%; float: none;}
	#sideBarContainer {width: 100%; float: none;}
	#logo1 {
		display: block;
		text-align: center;
		float: none;
	}

	nav { margin:0;padding: 10px 0;}
	nav a {padding:14px 20px; border-top: 1px solid #232323;}
	nav li:last-child a {border-bottom: 2px solid #f7602a;}

	.toggle + a,
	.menu {display: none; margin-top: 20px;}
	.menu{
	}

	.toggle {
		display: block;
		width: 27px;
		padding:14px 0px;	
		color:#FFF;
		text-decoration:none;
		border:none;
		float: right;
		margin-top: -40px;
	}

	.toggle:hover {}

	[id^=drop]:checked + ul {display: block;}

	nav ul li {display: block;width: 100%;}

	nav ul ul .toggle,
	nav ul ul a {padding: 0 40px;}

	nav ul ul ul a {padding: 0 80px;}

	nav a:hover,
	nav ul ul ul a {}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  	nav ul ul ul a{padding:14px 20px;	color:#FFF;}
  
	nav ul li ul li .toggle,
	nav ul ul a {}

	nav ul ul {float: none;position:static;color: #ffffff;}
		
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {display: none;}
		
	nav ul ul li {display: block;width: 100%;}

	nav ul ul ul li {position: static;}
	
	.footer-container {text-align: left;}
	.footer-column {
		width: 48%;
		margin: 0px 0px 20px 0px !important;
	}
	.footer-column:nth-child(odd){clear:both}
}

@media only screen and (max-width: 720px) {
	#pageHeader h1 {font-size: 1.6em;}
	#header .container, #content .container { max-width: 1400px; width: 100% !important; padding-left: 30px; padding-right: 30px;}
	#pageHeader{
		margin-left: -30px;
		margin-right: -30px;
  	}
}