/*[mj]-----------------------
|	
	Name: doc_style.css
	Author: AcroMedia Inc. (c) 2007
	Purpose: CSS For YourNet Communications 
|
---------------------------*/


/*--------------------------
|	Global Elements
+-------------------------*/
html { 
	border:		none; 
	background:	#99aeb3;
	}

body {
	margin:			0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		11px;
	line-height:	14px;
	background:		#99aeb3;
	color:			#051f2c;
	text-align:		center;
	}

h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0px; }
p { margin:	0px 0px 10px 0px; padding:	0px 0px 0px 0px; }
img {	border: 0px; outline: none; }
hr { height: 0; border: 0; border-top: 1px solid #000; }

a { 
	text-decoration:	underline; 
	font-weight:		normal; 
	color:				#384b50;
	outline: 			none !important;
	}
	a:hover { color: #6b8c95; }

table, tr, th, td {
	margin:			0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		11px;
	line-height:	14px;
	}

#siteContainer {
	border:			1px solid #4a5d65;
	margin:			0px auto;
	padding:			0px 0px 0px 0px;
	width:			975px;
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		11px;
	line-height:	14px;
	color:			#051f2c;
	background:		#fff;
	text-align:		left;
	}

.clearBoth { clear: both; line-height: 0px; font-size: 0px; }
.contentSpacer { margin: 0px; padding: 0px; height: 20px; }
	
/*--------------------------
|	Site Header
+-------------------------*/
#siteHeader {
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	height: 122px;
	background: #fff;
	}

.hdrLogo {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff url(graphics/yournet_logo.gif) no-repeat;
	width: 223px;
	height: 106px;
	}

.hdrSlogan {
	float: right;
	margin: 25px 0px 0px 0px;
	padding: 0px 18px 0px 0px;
	background: #fff url(graphics/h_wemakecomsimple.gif) no-repeat;
	width: 246px;
	height: 16px;
	}

/* Search Area */
.hdrSearch {
/* 	border: 1px solid #00f; */
	float: left;
	margin: 20px 0px 0px 210px;
	padding: 0px 0px 0px 0px;
	}

.hdrSrchBox {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	.hdrSrchBox input {	
		margin: 0px;
		padding: 4px 0px 0px 4px;
		border: 1px solid #000;
		width: 135px;
		height: 17px;
		font-size: 10px;
		font-weight: bold;
		color: #782800;
		}

.hdrSrchBtn {
	float: left;
	margin: 3px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	}

.btnSearch a { display: block; text-decoration: none; color: #000; text-indent: -9999px; height: 19px; width: 55px; background: url(graphics/b_search.gif) no-repeat 0px -19px; }
.btnSearch a:hover { text-decoration: none; color: #fff; background-position: 0px 0px; }
/* < Search Area */
	
/* Login Area */
.hdrLogin {
/*  	border: 1px solid #00f;  */
	float: left;
	margin: 20px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	}

.hdrLgnBoxes {
	float: left;
	margin: 0px;
	padding: 0px;
	}		
	.hdrLgnBoxes input {
		margin: 0px;
		padding: 4px 0px 0px 4px;
		border: 1px solid #000;
		width: 98px;
		height: 17px;
		font-size: 10px;
		font-weight: bold;
		color: #782800;
		}
		
.hdrLgnBtn {
	float: left;
	margin: 3px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	}

.btnLogin a { display: block; text-decoration: none; color: #000; text-indent: -9999px; height: 19px; width: 55px; background: url(graphics/b_login.gif) no-repeat 0px -19px; }
.btnLogin a:hover { text-decoration: none; color: #fff; background-position: 0px 0px; }
/* < Login Area */

/*--------------------------
|	Page Headers
+-------------------------*/
.hdrServices	{ margin: 0px; padding: 0px; background: url(graphics/h_services.jpg); width: 975px; height: 68px; }
.hdrProducts	{ margin: 0px; padding: 0px; background: url(graphics/h_products.jpg); width: 975px; height: 68px; }
.hdrContactUs	{ margin: 0px; padding: 0px; background: url(graphics/h_contactus.jpg); width: 975px; height: 68px; }
.hdrAboutUs		{ margin: 0px; padding: 0px; background: url(graphics/h_aboutus.jpg); width: 975px; height: 68px; }
.hdrDealerInfo	{ margin: 0px; padding: 0px; background: url(graphics/h_dealerinfo.jpg); width: 975px; height: 68px; }
.hdrTerms		{ margin: 0px; padding: 0px; background: url(graphics/h_terms.jpg); width: 975px; height: 68px; }
.hdrPrivacy		{ margin: 0px; padding: 0px; background: url(graphics/h_privacy.jpg); width: 975px; height: 68px; }
.hdrSitemap		{ margin: 0px; padding: 0px; background: url(graphics/h_sitemap.jpg); width: 975px; height: 68px; }
.hdrShopping	{ margin: 0px; padding: 0px; background: url(graphics/h_shoppingcart.jpg); width: 975px; height: 68px; }
.hdrCheckout	{ margin: 0px; padding: 0px; background: url(graphics/h_checkout.jpg); width: 975px; height: 68px; }
.hdrSearches	{ margin: 0px; padding: 0px; background: url(graphics/h_search.jpg); width: 975px; height: 68px; }
.hdrSpecials	{ margin: 0px; padding: 0px; background: url(graphics/h_specials.jpg); width: 975px; height: 68px; }
.hdrThankyou	{ margin: 0px; padding: 0px; background: url(graphics/h_thankyou.jpg); width: 975px; height: 68px; }

/*--------------------------
|	Site Content
+-------------------------*/
#siteContent {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
h1 {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
/*SB Stuff*/
.hdrRule { margin: 0px; padding: 0px; height: 1px; width: 674px; background: #555; }	
.SBSpace { margin: 0px; padding: 0px; height: 22px; width: 674px; background: #fff; }
.StoreBoxContent { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; }

/* Main Navigation */
.mainNavDiv {
	float: left;
	margin: 0px;
	padding: 0px;
	background: #99aeb3;
	height: 26px;
	width: 738px;
	}

.mainNav {
	margin: 0px 0px 0px 256px; 
	padding: 0px 0px 0px 0px; 
	background: #99aeb3;
	list-style: none;
	}
	.mainNav li {
		float: left;
		}
	.mainNav li span {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 3px;
		}

.btnHome a { display: block; text-decoration: none; color: #fff; text-indent: -9999px; height: 26px; width: 70px; background: url(graphics/b_home.gif) no-repeat 0px -52px; }
.btnHome a:hover { text-decoration: none; color: #fff; background-position: 0px -26px; }
.btnHome a.current { text-decoration: none; color: #fff; background-position: 0px 0px; }
.btnHome a.current:hover { text-decoration: none; color: #fff; background-position: 0px 0px; }

.btnProducts a { display: block; text-decoration: none; color: #fff; text-indent: -9999px; height: 26px; width: 94px; background: url(graphics/b_products.gif) no-repeat 0px -52px; }
.btnProducts a:hover { text-decoration: none; color: #fff; background-position: 0px -26px; }
.btnProducts a.current { text-decoration: none; color: #fff; background-position: 0px 0px; }
.btnProducts a.current:hover { text-decoration: none; color: #fff; background-position: 0px 0px; }

.btnServices a { display: block; text-decoration: none; color: #fff; text-indent: -9999px; height: 26px; width: 90px; background: url(graphics/b_services.gif) no-repeat 0px -52px; }
.btnServices a:hover { text-decoration: none; color: #fff; background-position: 0px -26px; }
.btnServices a.current { text-decoration: none; color: #fff; background-position: 0px 0px; }
.btnServices a.current:hover { text-decoration: none; color: #fff; background-position: 0px 0px; }

.btnAboutUs a { display: block; text-decoration: none; color: #fff; text-indent: -9999px; height: 26px; width: 94px; background: url(graphics/b_aboutus.gif) no-repeat 0px -52px; }
.btnAboutUs a:hover { text-decoration: none; color: #fff; background-position: 0px -26px; }
.btnAboutUs a.current { text-decoration: none; color: #fff; background-position: 0px 0px; }
.btnAboutUs a.current:hover { text-decoration: none; color: #fff; background-position: 0px 0px; }

.btnContactUs a { display: block; text-decoration: none; color: #fff; text-indent: -9999px; height: 26px; width: 114px; background: url(graphics/b_contactus.gif) no-repeat 0px -52px; }
.btnContactUs a:hover { text-decoration: none; color: #fff; background-position: 0px -26px; }
.btnContactUs a.current { text-decoration: none; color: #fff; background-position: 0px 0px; }
.btnContactUs a.current:hover { text-decoration: none; color: #fff; background-position: 0px 0px; }
/* < Main Navigation */

/* Shopping Cart Navigation */
.shopNavDiv {
	float: left;
	margin: 0px;
	padding: 0px;
	background: #99aeb3;
	height: 26px;
	width: 237px;
	}

.shopNav {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background: #99aeb3;
	list-style: none;
	outline:none;
	}
	.shopNav li {
		float: left;
		}
	.shopNav li span {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 3px;
		}

.btnViewCart a { display: block; text-decoration: none; color: #fff; text-indent: -9999px; height: 26px; width: 108px; background: url(graphics/b_viewcart.gif) no-repeat 0px -26px; }
.btnViewCart a:hover { text-decoration: none; color: #fff; background-position: 0px 0px; }

.btnCheckout a { display: block; text-decoration: none; color: #fff; text-indent: -9999px; height: 26px; width: 112px; background: url(graphics/b_checkout.gif) no-repeat 0px -26px; }
.btnCheckout a:hover { text-decoration: none; color: #fff; background-position: 0px 0px; }
/* < Shopping Cart Navigation */

/* Main CTA's */
.topCTAMain {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: #fff url(graphics/main_image.jpg) no-repeat;
		height: 222px;
		}
		
.btnMore { display: block; text-decoration: none; color: #000; height: 19px; width: 55px; background: url(graphics/b_more.gif) no-repeat 0px -0px; }
.btnMore span { display: block; margin: 0px 0px 0px 12px; padding: 4px 0px 0px 0px; font-weight: bold; line-height: 11px; }
		
.ctaBusiness {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 55px 0px 0px 34px;
	}
	.ctaBusiness p {
		color: #fff;
		width: 194px;
		line-height: 16px;
		}
	.ctaBusiness a.btnMore {  
		margin: 0px 0px 0px 130px;
		padding: 0px 0px 0px 0px;
		}
	
.ctaMiddle {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 34px;
	}
	.ctaMiddle p {
		color: #000;
		width: 467px;
		line-height: 18px;
		}	

.ctaOurProducts {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 55px 0px 0px 24px;
	}
	.ctaOurProducts p {
		color: #fff;
		width: 194px;
		line-height: 16px;
		}
	.ctaOurProducts a.btnMore {  
		margin: 0px 0px 0px 130px;
		padding: 0px 0px 0px 0px;
		}
/* < Main CTA's */		

/* Brown Divider */
.brownDivider {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #782800;
	height: 26px;
	}
	
.BDcolLeft {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 239px;
	height: 26px;
	background: url(graphics/bd_colleft.gif) no-repeat;
	}

.BDcolMid {
	float: left;
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 0px;
	width: 481px;
	height: 26px;
	background: #782800;
	}	
	.BDcolMid img { margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px;}
	
.BDcolRight {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 237px;
	height: 26px;
	background: url(graphics/bd_colright.gif) no-repeat;
	}
/* < Brown Divider */	


/*--------------------------
|	Main Page Content
+-------------------------*/
.mainContent {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	}

.fauxContainer {
	float: left;
	background: url(graphics/bg_maincontent.gif) repeat-y; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.vertSpacer {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	width: 18px;
	}
	
#mainLeftCol {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #d7dedf;
	width: 221px;
	}
	#mainLeftCol .addPadding {	
		margin: 15px 10px 0px 17px;
		padding: 0px 0px 0px 0px;
		}
	#mainLeftCol hr {
		width: 180px;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		}	

	.featProduct img {
		text-align: left;
		border: 1px solid #444;
		display: inline;
		float: left;
		margin: 5px;
		}
	.featProduct p {	
		margin: 0px;
		padding: 0px 0px 0px 0px;
		width: 105px;
		display: inline;
		vertical-align: top;
		}
		
#mainMidCol {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	width: 499px;
	}
	#mainMidCol .addPadding {	
		margin: 15px 10px 0px 17px;
		padding: 0px 0px 0px 0px;
		}

#mainRightCol {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #d7dedf;
	width: 220px;
	}
	#mainRightCol .addPadding {	
		margin: 15px 10px 0px 17px;
		padding: 0px 0px 0px 0px;
		}
	#mainRightCol hr {
		width: 180px;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		}	

/*--------------------------
|	Sub Page Content
+-------------------------*/
.subContent {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	}

.subFauxContainer {
	float: left;
	background: url(graphics/bg_subcontent.gif) repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/*For THREE COLUMN THEME*/
#subLeftCol {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 477px;
	}
	#subLeftCol .addPadding {	
		margin: 0px 10px 0px 37px;
		padding: 0px 0px 0px 0px;
		}

#subMidCol {
	border-left: 1px solid #777;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 260px;
	}
	#subMidCol .addPadding {	
		margin: 0px 10px 0px 17px;
		padding: 0px 0px 0px 0px;
		}

#subRightCol {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #d7dedf;
	width: 221px;
	}
	#subRightCol .addPadding {	
		margin: 0px 10px 0px 17px;
		padding: 0px 0px 0px 0px;
		}

/*For Two COLUMN THEME*/
#subLeftCol2 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 737px;
	}
	#subLeftCol2 .addPadding {	
		margin: 0px 30px 0px 37px;
		padding: 0px 0px 0px 0px;
		}

#subRightCol2 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #d7dedf;
	width: 221px;
	}
	#subRightCol2 .addPadding {	
		margin: 0px 10px 0px 17px;
		padding: 0px 0px 0px 0px;
		}

/*General List*/
.genList {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	}
	.genList ul li  {
		margin: 0px;
		padding: 0px;
		}
		.genList li  {
				margin: 0px;
				padding: 0px 0px 6px 10px;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: normal;
				line-height: 16px;
				list-style: none;
				background: url(graphics/bul_brnsquare2.gif) no-repeat 0px 5px;
				color: #000;
				}

/*StoreBox Nav List*/
.sbNav {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	}
	.sbNav ul li  {
		margin: 0px;
		padding: 0px;
		}
		.sbNav li  {
				margin: 0px;
				padding: 0px 0px 6px 16px;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: normal;
				line-height: 16px;
				list-style: none;
				background: url(graphics/bul_brnsquare.gif) no-repeat 0px 5px;
				color: #6a6772;
				}

/*Sitemap List*/
.siteMapList { margin-top: 15px; }
.siteMapList dt {
	background:url(graphics/ico_folder.gif) 0 4px no-repeat !important;
	padding-left:18px;
	line-height:20px;
}
.siteMapList dd {	
	padding-left:10px;
	margin-left:25px;
	line-height:16px;
	background:url(graphics/sitemap_2nd.gif) 0 0 no-repeat !important;
}
.siteMapList dd a {	
	color: #666;
	text-decoration:none;
}
.siteMapList .bottom { background:url(graphics/sitemap_2nd_bottom.gif) 0 0 no-repeat !important; }

.pageBotSpacer {
	margin: 0px;
	padding: 0px;
	background: url(graphics/bg_contentBot.gif) no-repeat;
	width: 972px;
	height: 10px;
	}

/* < Main Page Content */	

/*--------------------------
|	Site Footer
+-------------------------*/
#siteFooter {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 29px;
	background: #782800;
	}
	
.footerNav {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	.footerNav ul {
		margin: 0px 0px 0px 0px;
		padding: 6px 0px 0px 25px;
		}
		.footerNav li {
			margin: 0px;
			padding: 0px;
			display: inline;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: normal;
			color: #fff;
			}
		.footerNav li a {
			color: #fff;
			}			
		.footerNav li a:hover {
			color: #99aeb3;
			}			
			
.footerOther {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	.footerOther ul {
		margin: 0px 0px 0px 0px;
		padding: 6px 25px 0px 0px;
		}
		.footerOther li {
			margin: 0px;
			padding: 0px;
			display: inline;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: normal;
			color: #fff;
			}
		.footerOther li a {
			color: #fff;
			}			
		.footerOther li a:hover {
			color: #99aeb3;
			}			
			
#sitePostFooter {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 975px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #051f2c;
	text-align: left;
	}			

.ftAcro {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.ftAcro a {
	font-weight: normal;
	text-decoration: none;
	color: #051f2c;
	}
	
.ftCopy {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
/*--------------------------
|	> Custom Added On
+-------------------------*/
.servicesList {
	float: left;
	width: 380px;
	}

.servicesImg {
	text-align: left; 
	float: left; 
	padding-left: 20px; 
	margin-top: -10px;	
	}
	.servicesImg img {	
		border: 1px solid #253f43;
		}
		
.contactusPic {
	float: right;
	margin-right: 20px;
	}
	.contactusPic img {
		border: 1px solid #444;
		}	
		
.aboutusPic {
	float: right;
	margin-right: 20px;
	margin-top: 30px;
	}
	.aboutusPic img {
		border: 1px solid #444;
		}