/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:60.94em;			/* width of whole page - previously 100% */
		overflow:hidden;		/* This chops off any overhanging divs */
		
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:60.94em;			/* width of - previously 100%*/
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0em 0 .3em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#ffffff;	
border-left: 2px solid #acacac;
border-right: 2px solid #acacac;
border-bottom: 2px solid #acacac;	/* these borders are the outside borders -also colour is colour of right column */
	}
	.threecol .colmid {
		right:10.94em;			/* width of the right column- yes */
		background:#fff;
border-right: 1px solid #acacac;			/* 2nd divider border - middle column background colour */
	}
	.threecol .colleft {
		right:20.6em;			/* width of the middle column - yes */
		background:#ffffff;
border-right: 1px solid #acacac;			/* 1st divider border - left column background colour */
	}
	.threecol .col1 {
		width:28em;			/* width of center column content (column width minus padding on either side)prev 27 */
		left:32.14em;		
		/*prev 32.54 */
		/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:19.6em;			/* Width of left column content (column width minus padding on either side) */
		left:33.44em;	
		
		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:9.94em;			/* Width of right column content (column width minus padding on either side) */
		left:34.44em;
			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	#col1 p
		{ 
		color:#000000; 
		text-decoration: none;
		font-family:tahoma;
		font-size:0.7em;
		margin: 0 0 0 0;
		padding: 1em 0 0 0;
		clear:both;
		text-align:left;
		
		}
		
		p.larger
		{ 
		color:#000000; 
		text-decoration: none;
		font-family:tahoma;
		font-size:0.8em;
		margin: 0 0 0 0;
		padding: .5em 0 0 0;
		clear:both;
		text-align:left;
		
		}
		
		
		
		font.titleblack
		{ 
		color:#000000; 
		text-decoration: none;
		
		font-family:tahoma, verdana;
		font-size:1.4em;
		margin: 0 0 0 0;
		padding: .3em 0 0 0;
		clear:none;
		
		}
		
		font.titlegrey
		{ 
		color:#666666; 
		text-decoration: none;
		
		font-family:tahoma, verdana;
		font-size:1.4em;
		margin: 0 0 0 0;
		padding: .3em 0 0 0;
		clear:none;
		}
		
		font.titleorange
		{ 
		color:#f8941d; 
	
		font-family:tahoma, verdana;
		font-size:1.4em;
		margin: 0 0 0 0;
		padding: .3em 0 0 0;
		clear:none;
		
		
		}
		
		
			font.whyus
		{ 
		color:#000000; 
		text-decoration: none;
		
		font-family:tahoma, verdana;
		font-size:1.1em;
		margin: 0 0 0 0;
		padding: .3em 0 0 0;
		clear:none;
		
		}
		
		
	/*END OF GENERAL
	
	
	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	
	THIS IS THE WHY US SECTION*/			
		
		
#aboutheaderbarwhyus{
  
  background: #bbc3d3;
  width:447px;
  height:36px;
   
}	

#aboutcontentboxwhyus{
  
  background: #f8f8f9;
  width:445px;
  height:263px;
  border:1px solid #bbc3d3;
 
}	
	

	
#abouttitlemiddlewhyus{
width:415px;
padding:.3em 0 0 0;
height: 36px;
vertical-align:middle;
text-align: center;

clear:none;
float:left;

}

#aboutwhyusbullet{
width:45px;
padding:.2em 0 0 .6em;
height: 55px;
text-align:center;
vertical-align:middle;
float:left;
clear:both;

}



#aboutwhyustextpricing{
width:360px;
padding:8px 0 0 0;
height: 47px;
float:right;

}	

#aboutwhyustextquality{
width:360px;
padding:0 0 0 0;
height: 55px;
float:right;

}	

#aboutwhyustextsatisfaction{
width:360px;
padding:0 0 0 0;
height: 55px;
float:right;

}	

#aboutwhyustextdelivery{
width:360px;
padding:12px 0 0 0;
height: 43px;
float:right;

}		
		
#aboutwhyusmoreinfo{
float:right;
padding: 0 .5em 0 0;
}		
		
		
	/*END OF WHY US SECTION
	
	
	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	
	THIS IS THE HOW IT WORKS SECTION*/		
	
	
#aboutheaderbar{
  
  background: #bbc3d3;
  width:314px;
  height:36px;
   
}	

#aboutcontentbox{
  
  background: #f8f8f9;
  width:312px;
  height:200px;
  border:1px solid #bbc3d3;
 
}	

img.leftaboutheader{
width:16;
float:left; }

	
img.rightaboutheader{
width:16;
float:right;}	
	
	
#abouttitleleft{
width:16px;
padding:0 0 0 0;
height: 36px;
vertical-align:middle;
float:left;
}
	
#abouttitlemiddle{
width:282px;
padding:.3em 0 0 0;
height: 36px;
vertical-align:middle;
text-align: center;

clear:none;
float:left;

}

	
#abouttitleright{
width:16px;
padding:0 0 0 0;
height: 36px;
vertical-align:middle;
clear:none;

float:left;
}
	
	
	
#aboutnumber{
width:55px;
padding:.2em 0 0 .6em;
height: 55px;
text-align:center;
vertical-align:middle;
float:left;

clear:both;
}

#aboutnumbertext{
width:240px;
padding:0 0 0 0;
height: 55px;
margin-top:auto;
margin-bottom:auto;
float:right;

}
		
		
/*END OF: THIS IS THE HOW IT WORKS SECTION				
		
		
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////		
		
THIS IS THE BROWSE PICTURES SECTION*/	

	
#centertext{
text-align:center;
}		

#centerother{
margin-left:auto;
margin-right:auto;
text-align:center;
}			
	

/*END OF: THIS IS THE HOW IT WORKS SECTION				
		
		
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////		
		
		
THIS IS THE STYLES BOTTOM SECTION */




	
		
#style1 {
		
		background-color: #ffffff;
		text-align:left;
		width: 7.5em;
		float: left;
		position: absolute;
		left: 3em;
		top: 3.5em;
		overflow:visible;
		}	
		
	#style2 {
		
		background-color: #ffffff;
		text-align:left;
		width: 7.5em;
		float: left;
		position: absolute;
		left: 11em;
		top: 3.5em;
		overflow:visible;
		}	
		
	#style3 {
		
		background-color: #ffffff;
		text-align:left;
		width: 7.5em;
		float: left;
		position: absolute;
		left: 19em;
		top: 3.5em;
		overflow:visible;
		}
		
		#style4 {
		
		background-color: #ffffff;
		text-align:left;
		width: 7.5em;
		float: left;
		position: absolute;
		left: 27em;
		top: 3.5em;
		overflow:visible;
		}
		
		#style5{
		
		background-color: #ffffff;
		text-align:left;
		width: 7.5em;
		float: left;
		position: absolute;
		left: 35em;
		top: 3.5em;
		overflow:visible;
		}
		
		#style6 {
		
		background-color: #ffffff;
		text-align:left;
		width: 7.5em;
		float: left;
		position: absolute;
		left: 43em;
		top: 3.5em;
		overflow:visible;
		}
		
		#style7 {
		
		background-color: #ffffff;
		text-align:left;
		width: 7.5em;
		float: left;
		position: absolute;
		left: 51em;
		top: 3.5em;
		overflow:visible;
		}
		
	#stylepictures {
		
		background-color: #ffffff;
		text-align:left;
		width: 7.2em;
		float: left;
		overflow:visible;
		}
	
	#styletext {
		
		background-color: #ffffff;
		text-align:left;
		width: 7.2em;
		float: left;
		overflow:visible;
		}
		
	#styletext p
		{ 
		color:#000000; 
		text-decoration: none;
		font-family:tahoma;
		font-size:0.7em;
		margin: 0 0 0 0;
		padding: 0.2em 0 0 0;
		clear:both;
		text-align:center;
		
		}
		
	#styletextprice {
		
		background-color: #ffffff;
		text-align:left;
		width: 7.2em;
		float: left;
		overflow:visible;
		}
	
		
			
		
	
		


/*ALL THIS IS THE MAIN PAGE SHAZAM */