/*
Name: ecompanystore
URL: http://www.ecompanystore.com
Description: Corporate Website for the ecompanystore
Version: 1.0
Design & Production: MD Debranski
Notes: Using Google Blueprint CSS Framework
*/


/* Table of Contents
 ------------------------------------------
 
  I. Major Page Structure
 II. Global Navigaion
III. Header
 IV. Footer
  V. Content
  	>> Page Headers
	>> Sub Navigation
	>> Modules
	>> Homepage
	>> Business
	>> Form & Button 
	>> Custom Class
		>>> Above
		>>> Below
		>>> Fonts

 ------------------------------------------
*/


/***********************************
 --- I. Major Page Structure  ---
************************************/






/***********************************
 ---  II.  Global Navigaion   ---
************************************/


/***********************************
     ---  III.  Header   ---
************************************/


/***********************************
      ---  IV.  Footer   ---
************************************/


/***********************************
     ---  V.  Content   ---
************************************/


/*
--Module Styling---

In general, when writing the HTML on a page, the span-x, append-x, 
and prepend-x classes should be used to define the spacing and padding on 
content elements.


--Text Colors--
The following are the standardized colors to use in all content areas. All 
Content areas are noted by the module class: 


#646464		grey used on header tags
#646464		grey used for text
#b7b7b7		grey used for less important text
#ddd		grey used for hr and border

#1faee6		blue used for links in content

*/


/* Homepage */


/* Business Page */


/* Form & Button classes */
 

.hdr_font_white {color:#ffffff; font-size:9px;}
.hdr_font_green {color:#BDD73C; font-weight:bold;}
.hdr_font_grey_lg {color:#999999; font-weight:bold; font-size:12px}
body {
	  background-image:url(../images/web_bkgnd4.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:0px; padding:0px; background-color:#bbbfc0;
}
.hdr_font {color:#000000; font-size:9px;}
.hdr_font_grey {color:#999999; font-size:10px;}
.hdr_font_passion {color:#000000; font-size:12px;font-weight:bold; font-style:italic;}
a.main, a.main:visited
    {color: #000000;font-weight:normal; font-size:10px; text-decoration:none;}
	
a.main:hover
    {color: #000000;font-weight:normal; font-size:10px; text-decoration:underline;}
	
a.selected, a.selected:visited
    {color: #BDD73C;font-weight:bold; font-size:10px; text-decoration:none;}
	
a.selected:hover
    {color: #BDD73C;font-weight:bold; font-size:10px; text-decoration:underline;}
	
a.main_alt, a.main_alt:visited
    {color: #666666;font-weight:normal; font-size:9px; text-decoration:none;}
	
a.main_alt:hover
    {color: #666666;font-weight:normal; font-size:9px; text-decoration:underline;}


a.main_hdr, a.main_hdr:visited
    {color: #000000;font-weight:bold; font-size:11px; text-decoration:none;}
	
a.main_hdr:hover
    {color: #000000;font-weight:bold; font-size:11px; text-decoration:underline;}
	
		
a.hdr_white, a.hdr_white:visited
    {color: #ffffff;font-weight:bold; font-size:11px; text-decoration:none;}
	
a.hdr_white:hover
    {color: #ffffff;font-weight:bold; font-size:11px; text-decoration:underline;}
	
		
a.hdr_black, a.hdr_black:visited
    {color: #000000;font-weight:bold; font-size:11px; text-decoration:none;}
	
a.hdr_black:hover
    {color: #000000;font-weight:bold; font-size:11px; text-decoration:underline;}
	
	
	a.hdr_grey, a.hdr_grey:visited
    {
	color: #999999;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}
	
a.hdr_grey:hover
    {color: #999999;font-weight:bold; font-size:11px; text-decoration:underline;}

h5 {

font-size:12px; font-weight:normal; padding:10px 0px 1px 0px; margin:0px 5px 5px 0px; line-height:5px; color:#000000;

}
	
.a {

font-weight:bold; 

}	

	
a.main-sub, a.main-sub:visited
    {color: #999999;font-weight:normal; font-size:9px; text-decoration:none;}
	
a.main-sub:hover
    {color: #000000;font-weight:normal; font-size:9px; text-decoration:underline;}
	
a.sub-selected, a.sub-selected:visited
    {color: #BDD73C;font-weight:bold; font-size:9px; text-decoration:none;}
	
a.sub-selected:hover
    {color: #BDD73C;font-weight:bold; font-size:9px; text-decoration:underline;}
	

/* Custom classes */
.noshow{display:none;}
.box{background-color:#efefef;}
.whitebox{background-color:#ffffff;}
.above-1{margin-top:13px;}
.above-2{margin-top:26px;}
.above-3{margin-top:39px;}

.below-1{padding-bottom:13px;}
.below-2{padding-bottom:26px;}
.below-3{padding-bottom:39px;}

.font-8{font-size:8px;}
.font-9{font-size:9px;}
.font-10{font-size:10px;}
.font-11{font-size:11px;}
.font-12{font-size:12px;}
.font-13{font-size:13px;}
.font-14{font-size:14px;}
.font-15{font-size:15px;}
.font-16{font-size:16px;}

.font-grey {

color:#999999;

}

.tablePad-20{
	padding-left:20px; padding-right:20px; margin-left:20px; margin-right:20px;
}

.tablePadAll-20{
	padding:20px; margin:20px;
}

.subNavTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; padding-left:85px; font-weight:bold; padding-top:10px;

}

.subNavbar {

font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; padding-right:10px; font-weight:normal;
}

.header_main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
}
.mainTable {
	background-color: #FFFFFF;
	text-align: center;
}

td.mainTableBlk {
	background-color: #000000;
	text-align: right;
}
.nextButton {
	padding: 10px;
	margin: 10px;
	height: 50px;
	text-align:left;
}
