@charset "UTF-8";
/* CSS Document */






img.pngfix, .top1, .mid1, .bottom1, .bottom1-alt, .top2, .mid2, .bottom2, .bottom2-alt, .top3, .bottom3, #logo {
	behavior: url(ie_png_fix/iepngfix.htc)
	}


body {
	background: #104C56 url(images/build/gradient.png) repeat-x top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
	margin: 0 0 0  0;
	}
	
/*	--------------------------------------------
		LAYOUT		
	--------------------------------------------   */
	

	
#content {
	width: 960px;
	height: auto;
	text-align: left;
	margin: 0px auto;
	}
	


	#col1-left {
	width: 239px;
	height: auto;
	float: left;
	display: inline;
	margin: 0px 2px 2px 0px;
	}
	
	
	#col1-right {
	width: 239px;
	height: auto;
	float: left;
	display: inline;
	margin: 0px 0px 2px 0px;
	}
	
	
	#col2-left {
	width: 478px;
	height: auto;
	float: left;
	display: inline;
	margin: 0px 2px 2px 0px;
	}
	
	#col2-right {
	width: 478px;
	height: auto;
	float: left;
	display: inline;
	margin: 0px 0px 2px 13px;
	}
	
	
	
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
.clearfix { display: inline-block; }
*html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */
	

	
	
/*	--------------------------------------------
		COLOUM DIVS		
	--------------------------------------------   */


.top1 {
	width: 239px;
	height: 16px;
	background: url(images/build/col-1-top.png);
	margin: 0px;
	}
	
.mid1 {
	width: 239px;
	height: auto;
	background: url(images/build/col-1-fill.png);
	margin: 0px;
	}

.bottom1 {
	width: 239px;
	height: 37px;
	background: url(images/build/col-1-bottom.png);
	margin: 0px;
	}
	
	
.bottom1-alt {
width: 239px;
height: 16px;
background: url(images/build/col-1-bottom-alt.png);
margin-bottom: 2px;
}
	
	
.top2 {
	width: 478px;
	height: 16px;
	background: url(images/build/col-2-top.png);
	margin: 0px;
	}
	
.mid2 {
	width: 478px;
	height: auto;
	background: url(images/build/col-2-fill.png);
	margin: 0px;
	}

.bottom2 {
	width: 478px;
	height: 33px;
	background: url(images/build/col-2-bottom.png);
	margin: 0px;
	}
	
	
.bottom2-alt {
	width: 478px;
	height: 15px;
	background: url(images/build/col-2-bottom-alt.png);
	margin: 0px;
	}			
	
	
	
/*	--------------------------------------------
	BLUE BOX
    --------------------------------------------   */	


.bluebox {
	width: 213px;
	height: 120px;
	background: url(images/build/bluebox.gif);
	margin: 2px 13px 0px 13px;
	}

#bluebox2 {
	width: 213px;
	height: 210px;
	background: url(images/build/bluebox-newsletter.gif);
	margin: 2px 13px 0px 13px;
	}

#newsletterwrap  {
	width: 193px;
	float: left;
	height: auto;
	display: inline;
	}	
	
	
	.blueboxtop {
	width: 213px;
	height:16px;
	background: url(images/build/bluebox-top.gif);
	margin: 2px 13px 0px 13px;
	}
	
	
	.blueboxbottom {
	
	height:14px;
	background: url(images/build/bluebox-bottom.gif);
	margin: 0px 13px 0px 13px;
	}
	
.blueboxmid {
	width: 193px;
	height: auto;
	background-color:#DEF0F5;
	margin: 0px auto;
	padding:0px 10px 0px 10px;
	}




.blueboxholder2   {
              width: 452px;
		      margin: 0px 13px 0px 13px;
	          height: auto;
	          }	
	      
.blueboxtop2	{
	width: 452px;
	height: 14px;
	background: url(images/build/newsbox-top.gif);
	margin-top: 10px;
	}	      


.blueboxbox2 {
	width: 422px;
	height: auto;
	background-color:#DEF0F5;
	margin: 0px auto;
	padding: 5px 20px 5px 10px;
	}


.blueboxbottom2	{
	width: 452px;
	height: 14px;
	background: url(images/build/newsbox-bottom.gif);
	margin: 0px auto;
	}
	      



/*	--------------------------------------------
	TITLES
    --------------------------------------------   */	

.title {
	width: 213px;
	height: 28px;
	margin: 0px 13px 0px 13px;
	}
	

.title2 {
	width: 213px;
	height:auto;
	margin: 0px 13px 0px 13px;
	}
	
.title3 {
	width: 426px;
	height:auto;
	margin: 0px 13px 0px 13px;
	}
	
	
.textbox  {
	width: 193px;
	float:left;
	height: auto;
	display: inline;
	padding: 10px 10px 10px 10px ;
		 }	



.textbox2  {
          width: auto; 
	height: auto;
	      padding: 10px 26px 26px 26px ;
		 }	



.title1 {
	width: 210px;
	height: 75px;
	float: left;
	display: inline;
	margin: 26px 0px 0px 26px ;
	}




.clear1 {
	width: 235px;
	height: 75px;
	float: left;
	display: inline;
	margin: 26px 0px 0px 26px ;
	}

.clear2 {
	width: 426px;
	float:left;
	height: auto;
	display: inline;
	margin: 26px 26px 26px 26px ;
	}	


.vbox {margin-top: 350px;}


/*	--------------------------------------------
	POSTERS
    --------------------------------------------   */	

.top3 {
	width: 717px;
	height: 16px;
	background: url(images/build/col-3-top.png);
	margin: 0px auto;
	}
	
.mid3 {
	width: 717px;
	height: auto;
	background: url(images/build/col-3-fill.gif);
	margin: 0px auto;
	}

.bottom3 {
	width: 717px;
	height: 37px;
	background: url(images/build/col-3-bottom.png);
	margin: 0px auto;
	}




	#col3-right {
	width: 700px;
	height: auto;
	float: left;
	display: inline;
	margin: 0px 13px 2px 0px;
	}


	
	
/*	--------------------------------------------
	NEWS
    --------------------------------------------   */	
	
.newscontainer {
	width: 478px;
	height: auto;
	float: left;
	display: inline;
	margin: 0px 0px 2px 0px;
	}


	
.newsholder  {
          width: 452px;
		  margin: 0px 13px 0px 13px;
	      height: auto;
	      
		}	

.submitholder  {
		  margin: 20px 13px 0px 13px;}	

	
.newstop	{
	width: 452px;
	height: 14px;
	background: url(images/build/newsbox-top.gif);
	margin-top: 10px;
	}
	
	
.newsbox {
	width: 422px;
	height: auto;
	background-color:#DEF0F5;
	margin: 0px auto;
	padding: 5px 20px 5px 10px;
	}	




.newsbottom	{
	width: 452px;
	height: 14px;
	background: url(images/build/newsbox-bottom.gif);
	margin: 0px auto;
	}

.newslinkholder { padding-bottom: 20px;}	
.newslinkholderLast { padding-bottom: 5px; }


.newsmargin {
margin: 0px 0px 0px 10px;
height: auto;
}
	
/*	--------------------------------------------
	GENERAL DIVS	
    --------------------------------------------   */
#newsletterholder {	
margin-left: 10px;
margin-top: 5px;}
	
#newsletterbox {
    width: 213px;
	height: 110px;
	background: url(images/build/newsletter-box.jpg);
	margin: 0px 13px 0px 13px;
	}

.icon {	 width: 65px;
	height: 100px;
	float:left;
	margin-right: 10px;
	}

#map-holder	{
	width: 690px;
	float:left;
	display: inline;
	height: 500px;
	margin: 10px 0px 0px 0px ;
	}
	
	
.labelwrap	{width:120px;
float:left;}


#zazzleholder {
 margin: 0px  0px 0px 15px;
}



#formholder {
 margin: 2px  0px 10px 30px;
}



#frameholder {
 margin: 2px  0px 10px 17px;
}



	
/*	--------------------------------------------
	PRODUCTS
    --------------------------------------------   */	

#producttitle {	  margin: 13px 0px 40px 40px; }
	
	
.productboxholder {width: 478px;
	              height: 52px;
				  margin-top: 2px;
	}
				 
			  
			  
.versionboxholder {width: 478px;
	              height: 42px;
				  margin-top: 20px;
	}			  
			  
			  
.versionbox {
	width: 452px;
	height: 42px;
	color: #fff;
	background: url(images/products/version-bar.gif) no-repeat;
	float: left;
	display: inline;
	margin: 2px 0 0 13px;
	}

.versionbox1 {
	width: 452px;
	height: 55px;
	color: #fff;
	background: url(images/products/version-bar1.gif) no-repeat;
	float: left;
	display: inline;
	margin: 2px 0 0 13px;
	}

.wrap1 {
	margin: 5px 10px 0 10px;
	}

.wrapseea { 
            width : auto;
			float: left;
	margin: 0px 0px 0px 0px;
	}
	
.wrapseeb { margin-top : 3px;
            background: url(images/products/see-inside.gif) no-repeat;
			text-align: center;
            width : 145px ;
			height: 25px;
			float: right;
	}
.wrap5 {margin-top : 4px;}

.productbox1 {
	width: 380px;
	height: 30px;
	background: url(images/products/productsbar.gif);
	float: left;
	display: inline;
	margin:2px 2px 0 13px;
	}

.pbox1 {
	width: auto;
	height: auto;
	float: left;
	display: inline;
	margin: 7px 0 0 10px;
	}			

.pbox2 {
	width: auto;
	height: auto;
	float: left;
	display: inline;
	margin: 3px 0px 0px 40px;
	}	
				
.productbox2 {
	width: 70px;
	height: 30px;
	margin: 2px 0 0 0;
	color: #156577;
	background: url(images/products/productsbar-price.gif);
	float: left;
	text-align: center;
	}

.wrap2 {
	margin: 5px 0 0 0;
	}

.productsbuttonbox {width: 141px;
	              height : 16px;
				  color: #ffffff;
				  background: url(images/products/product-button.gif);
				  margin-top: 2px;
				  padding: 4px 0 0 4px ; }
				  
				  
				  
.paypalbutton	{width: 100px;
	          height:40px;
			  margin:2px 2px 0 13px;
			  background-color:#003366;
			 }	
			 
			 
			 
.subbut{
	width: 200px;
	height: 20px;
	background-image:url(images/products/bluebox-small.gif);
	padding: 4px 0 0 13px;
	margin: 2px 13px 0px 13px;
	}
	
	
	.bluebox-pp {
	width: 213px;
	height: 120px;
	background: url(images/products/bluebox-paypal.gif);
	margin: 2px 13px 0px 13px;
	}			 		  
	
/*	--------------------------------------------
		HEADER		
	--------------------------------------------   */


#header {
	width: 960px;
	height: 165px;
	background: url(images/build/header.png);
	margin-bottom:10px;
	}

#flash { height: 126px;

text-align: right;
	float:right;
	margin: 0px 0px 0px 0px;
	}

#logo {
	width: 169px;
	height: 42px;
	background: url(images/logo.png);
	position: absolute;
	right: 20px;
	bottom: 20px;
	}


	
	#top-box {
	height: 126px;
	width: 908px;
	float:left;
	display: inline;
	margin: 0px 26px 0px 26px;
	}
	
	

	

	.button-box {width:153px;
	            height: 39;
				float:left;
	            margin: 0px 2px 0px 0px;
	}
	


/*	--------------------------------------------
		FOOTER
	--------------------------------------------   */

#footer {
	width: 960px;
	clear:left;
	height: 70px;
	
	margin-top:40px;
	}



.footercol-1 {
	width: 213px;
	color:#FFFFFF;	
	float: left;
	display: inline;
	margin: 0 0 0 26px;
	}
	
.footercol-2 {
	width: 446px;
	color:#FFFFFF;		
	float: left;
	margin: 0 0 0 26px;
	}

#footer-line {
	        width: 940px;
	        height: 1px;
			background-color:#156577;
			margin: 0 0 20px 20px; }

/*	--------------------------------------------
		HEADINGS/TEXT		
	--------------------------------------------   */

h1 {
	font-weight: bold;
	font-size: 15px;
	margin: 0px;
	padding: 0;
	color: #229ABA;
	}

h2 {
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 15px 0px;
	padding: 0;
	color: #229ABA;
	}

h3 {
	font-weight: normal;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #444;
	}

	 
.clear-text1 {
	font-size: 11px;
	width:215px ;
	margin: 20px 20px 20px 26px;
	color: #ffffff;
	float: left;
	display: inline;
	}
	
	h4 {
	font-weight: bold;
	font-size: 11px;
	color: #229ABA;
	}
	 
.clear-text2 {
	font-size: 11px;
	width: 396px;
	margin: 20px 20px 20px 0px;
	color: #ffffff;
	}	

.clear-text {
	font-size: 11px;
	margin: 0px 20px 20px 0px;
	color: #ffffff;
	}

.orange {color:#EF9321;
font-weight:bold;}




.grey{color: #666666;
font-weight:bold;}



.dark-blue { color: #104c56;}


.newslink {
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	color: #229ABA;
	}




/*	--------------------------------------------
		LINKS
	--------------------------------------------   */

a:link {
    text-decoration: none;
	color: #EF9321;	
	}

a:visited {
    text-decoration: none;
	color:#EF9321;	
	}

a:hover {
    text-decoration: none;
	color: #104C56;	
	}
	
a:active {
    text-decoration: none;
	color: #666;
	}
	
a.products:link {
    text-decoration: none;
	color: #ffffff;	
	}


a.white:hover {color:#FFFFFF;
font-weight:bold;}


a.products:visited {
    text-decoration: none;
	color: #ffffff;	
	}

a.products:hover {
    text-decoration: none;
	color:  #EF9321;	
	}

a.products:active {
    text-decoration: none;
	color: #ffffff;	
	}

/*	--------------------------------------------
		NEW NAV
	--------------------------------------------   */	
	
#nav {
	width: 934px;
	height: 30px;
	float:left;
	display: inline;
	margin: 0px 13px 0px 13px;
	padding: 0;
	}

#nav li {
	margin: 0;
	display: inline;
	font-weight: normal;
	list-style: none;
	}

a#navhome {
	display: inline;
	width: 153px;
	height: 39px;
	margin: 0 0 0 0;
	float: left;
	text-decoration: none;
	background: url(images/nav/home.gif);
	}
   
a#navhome:hover {
	background-position: 0 39px;
	}

a#navhome.active {
	background: url(images/nav/home-active.gif);
	}

a#navhome span {
	display: none;
	}

a#navproducts {
	display: inline;
	width: 153px;
	height: 39px;
	margin: 0 0 0 2px;
	float: left;
	text-decoration: none;
	background: url(images/nav/products.gif);
	}
   
a#navproducts:hover {
	background-position: 0 39px;
	}

a#navproducts.active {
	background: url(images/nav/products3.gif);
	}

a#navproducts span {
	display: none;
	}

a#navnews {
	display: inline;
	width: 153px;
	height: 39px;
	margin: 0 0 0 2px;
	float: left;
	text-decoration: none;
	background: url(images/nav/news.gif);
	}
   
a#navnews:hover {
	background-position: 0 39px;
	}

a#navnews.active {
	background: url(images/nav/news3.gif);
	}

a#navnews span {
	display: none;
	}

a#navcustom {
	display: inline;
	width: 153px;
	height: 39px;
	margin: 0 0 0 2px;
	float: left;
	text-decoration: none;
	background: url(images/nav/customise.gif);
	}
   
a#navcustom:hover {
	background-position: 0 39px;
	}

a#navcustom.active {
	background: url(images/nav/customise3.gif);
	}

a#navcustom span {
	display: none;
	}

a#navdis {
	display: inline;
	width: 153px;
	height: 39px;
	margin: 0 0 0 2px;
	float: left;
	text-decoration: none;
	background: url(images/nav/distributors.gif);
	}
   
a#navdis:hover {
	background-position: 0 39px;
	}

a#navdis.active {
	background: url(images/nav/distributors3.gif);
	}

a#navdis span {
	display: none;
	}

a#navcontact {
	display: inline;
	width: 153px;
	height: 39px;
	margin: 0 0 0 2px;
	float: left;
	text-decoration: none;
	background: url(images/nav/contact.gif);
	}
   
a#navcontact:hover {
	background-position: 0 39px;
	}

a#navcontact.active {
	background: url(images/nav/contact3.gif);
	}

a#navcontact span {
	display: none;
	}

.clear {
	clear: both;
	}





#posterlink {
	display: block;
	width: 314px;
	height: 30px;
	margin: 0 0 0 0;
	text-decoration: none;
	background: url(images/products/posterlink.png);
	}
   
#posterlink:hover {
	background-position: 0 30px;
	}

#posterlink span {
	display: none;
	}







/* =Ceon News Styles
--------------------------------------------------------------------------------------------------*/
.NewsEditDeleteLink {
	float: right;
}
a.NewsEditLink {
	color: #00a629;
}
a.NewsDeleteLink {
	color: #ff4040;
}
.Error {
	background: #ff0000;
	color: #fff;
}
.NewsAddLink {
	margin-left: 20px;
}
.SpaceOnLeft {
	margin-left: 20px;
}
p.FormError {
	margin: 1em 0 1em 0;
	color: #ff0000;
}
span.FormError {
	color: #ff0000;
}

p.Pagination {
	margin: 2em 10px 2em 0px;
	text-align: right;
	color: #fff;
}
p.Pagination a {
	
}

.HomePageNewsSummary {
	width: 213px;
	background: url(images/build/bluebox.gif);
	margin: 2px 13px 0px 13px;
}

.FormSuccessTitle {
	width: 413px;
	height: 3em;
}