/* CSS Document for index page*/

/* CSS Document */

/* basic elements */
html {
	margin: 0px;
	padding: 0px;
	/*height: 100%;*/
	}
body { 
	font: 12px arial; 
	/*color: #000000; */
	margin: 0px; 
	padding: 0px;
	min-height: 100%;
	background-image:url(/i/red_bg.jpg);
	background-repeat:no-repeat;
	background-color: #921E43;
	
scrollbar-face-color:       #FFFFFF ; 
scrollbar-shadow-color:     #FD5B0C ;
scrollbar-highlight-color:  #FFFFFF ; 
scrollbar-3dlight-color:    #FD5B0C ;
scrollbar-darkshadow-color: #FFFFFF ; 
scrollbar-track-color:      #FFFFFF ; 
scrollbar-arrow-color:      #FD5B0C;
	}

p { font: 12px arial; margin-top: 0px; text-align: left;}
p.top_content {font-size:15px; font-style:italic;}
p.top_content_right {font-size:15px; font-style:italic;text-align: right;}
h1 {font-size: 15px;}
h2 {font: bold 14px arial;margin-bottom: 5px;}
h3 {font: bold 12px arial;margin-bottom: 5px;}
h4 {font: bold 10px arial;margin-bottom: 5px;}

h1 .solutions{background-color: #ffffff;}
h1 .corporate{background-color: #FFFFFF;}
h1 .academy{background-color: #dacbb3;}
h1 .news{background-color: #ffffff;}
h1 .services{background-color: #ffffff;}

a:link {text-decoration: none; color: #A70230;}
a:visited {text-decoration: none; color: #A70230;}
a:hover, a:active {text-decoration: underline; color: #000000;}

.white {color: #ffffff;}
.white a:link {text-decoration: none; color: #ffffff;}
.white a:visited {text-decoration: none; color: #ffffff;}
.white a:hover, .white a:active {text-decoration: underline; color: #ffffff;}

/* NEXT */
.next {background-image: url(/i/bullet.gif);   /* arrow graphic  */
	background-repeat: no-repeat;
	background-position: 100% .6em;
	padding-right: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold; 
}
.next a:link {font-weight: bold; text-decoration: none; color: #666666;}
.next a:visited {font-weight: bold; text-decoration: none; color: #666666;}
.next a:hover {font-weight: bold; text-decoration: underline; color: #000000;}
.next a:active {font-weight: bold; text-decoration: underline; color: #A70230;}
p.next {text-align: right;}

/* GO TO TOP OF PAGE */
.top a:link {font-weight: bold; text-decoration: none; color: #666666;}
.top a:visited {font-weight: bold; text-decoration: none; color: #666666;}
.top a:hover {font-weight: bold; text-decoration: underline; color: #000000;}
.top a:active {font-weight: bold; text-decoration: underline; color: #A70230;}
p.top {text-align: right;}

.red {color: #A70230;}
.babytext {font-size: 9px;}
/* also covered by text on news coverage pages */
.smalltext2 {font-size:10px;}
.smalltext {font-size:11px;}
.largetext {font-size:16px;}
.imageleft {float:left; margin-right:7px;}
.imageright {float:right; margin-left:7px;}
/*.imageright {float:right; margin-left:15px; margin-bottom:15px;}*/
.centreimage {text-align: center;}
.rightimage {text-align: center;}
.dotted {border:#CCCCCC .1em dashed;}

/*vendor website link */
.indent{ margin-bottom:15px; text-align:right; font-weight:bold;}
/*contact product manager text on vendor landing pages */
.indentsmall{ margin-bottom:15px; text-align:right; font-weight:bold; font-size:11px;}
/*vendor data sheet top link */
.topindent{ margin-top:36px; text-align:left; font-weight:bold;}

li {
color: #000;
}
li span {
color: #000;
}
.icon-mandrill {width:172px; height:28px;background: url(/i/icon_mandrill.gif) no-repeat top left; padding-left:20px; margin-top:3px; padding-top:3px;}
.pushtop{margin-top:35px;}

/* specific divs */
/* main wrapper surrounding all page content */
#main { 
	/*background:#fff;*/
	top: 0px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 961px;
	margin-top: 0;
	margin-bottom: 0;
	margin-top: 10px;
	
}


/* /* /* /* /* HEADER */
/* top rounded border */	
#top{
	display:block;
	width:955px;
	background:#fff;
	/*width:961px;*/
	height:102px;
	background-image: url(/i/top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top: solid  6px #A5A7AA;
	border-left: solid 6px #A5A7AA;
	border-right: solid 6px #A5A7AA;
}	
/* zycko logo */	
#logo{  
	float:left;
	height: 73px;
	width: 192px;
	margin-top: 15px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 17px;
	border-right: #0f0f0f .1em solid;
}	
/*#headtextindex{
	float:right;
	width: 200px;
	height: 75px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 2px;
	padding-left: 30px;
	border: #CCCCCC .1em solid;
	border-left: #CCCCCC .1em solid;
}*/
#headtextindex{
	float:left;
	width: 550px;
	height: 71px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 2px;
	padding-left: 20px;
	padding-top: 20px;
}
 #headtext{
	float:left;
	width: 550px;
	height: 17px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 2px;
} 

#head_man {
	float:left;
	width:135px;
	height:100px;
	margin-top:5px;
	padding-right:10px;
}


#zycko{
	float:right;
	height: 85px;
	width: 46px;
	margin-top: 14px;
	margin-right: 5px;
	margin-bottom: 0px;
}
.zsolutions {background: url(../i/zycko-red.gif) no-repeat bottom center;}
.zservices {background: url(../i/zycko-brown.gif) no-repeat bottom center;} 
.znews {background: url(../i/zycko-purple.gif) no-repeat bottom center;} 
.zcorporate {background: url(../i/zycko.gif) no-repeat bottom center;}
.zsitemap {background: url(../i/zycko-orange.gif) no-repeat bottom center;}
.zacademy {background: url(../i/zycko-academy.gif) no-repeat bottom center;}
.zcapuchin {background: url(../i/zycko-capuchin.gif) no-repeat bottom center;}
.zmandrill {background: url(../i/zycko-mandrill.gif) no-repeat bottom center;}


/* /* /* /* /* CONTENT */
/* horizontal dividing rule */
#divide{
	float:left;
	width:700px;
	height:19px;
	border-left: 2px #FFFFFF solid;
}

/* NEW DIVIDE SETTINGS */
.solutions {background-color: #A70230;}
.services {background-color: #A05F0C;} 
.news {background-color: #372662;} 
.corporate {background-color: #0f0f0f;}
.sitemap {background-color: #D2541A;}
.mac {background-color: #666666;}

/* LOCATION DROP DOWN */
.locationZycko{
	margin: 0px; padding: 0px;
	margin-left: 10px;
	border: none;
	height:19px;
	width:290px;
}
.locationtext{
	font-size: 9px;
	line-height:9px;
}
 
/* search facility  - causing gap above input box in FF - need to sort this !!*/
#search{
	float:left;
	width:237px;
	height:19px;
	text-align:right;
	padding-right:10px;

}
.sindex {background-color: #0F0F0F;}
.ssolutions {background-color: #A70230;}
.sservices {background-color: #A05F0C;}
.snews {background-color: #372662;} 
.scorporate {background-color: #0F0F0F;}
.ssitemap {background-color: #D2541A;}
.sacademy {background-color: #666666;}
.scapuchin {background-color: #666666;}
.smandrill {background-color: #666666;}
 

.searchZycko{
	margin: 0px; padding: 0px;
}
/* search & go text */
.searchtext{
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}
/* input box styling */
.searchZycko input{
	color: #000000;
	background: #ffffff;
	font-size: 9px;
	border: none;
	margin-right: 6px;
	padding: 0px;
}
.search-results {
	width:690px;
	float:left;
	margin-top: 10px;
	margin-left: 118px;
	margin-bottom: 15px;
	border-left: .1em #CCCCCC dashed;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	background-color: #FFFFFF;
	font-size:11px;
}

/* holds all middle content and has grey border on left & right edges */
#middle{ 
	background:#fff;
	width:955px;
	min-height:100%; 
	height:auto;
	border-right: solid 6px #A5A7AA;
	border-left: solid 6px #A5A7AA;
	
}


/* HACK for FF to DISPLAY 100% height content within #middle div */
.clearfix:after, #middle:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size:0;
visibility:hidden;
}
.clearfix, #middle {display: inline-block;}

/* Hide from IE5/Mac \*/
* html .clearfix {height: 1px;}
* html  #middle {height:100%;}
.clearfix, #middle {display:block;}
/* End hide */
/* END of HACK for FF to DISPLAY 100% content */




/* 2 COLUMN LAYOUT ACADEMY */
/* use #left for left div */
/* 1 large right hand column with tables inside for academy booking form */
.right {
	width:600px;
	padding:10px;
	float:left;
	margin-top: 10px;
	margin-right: 32px;
	margin-bottom: 15px;
	border-left: .1em dashed #666666;
}
/*same as above without dotted lines */
.plainright {
	width:675px;
	float:left;
	margin-bottom: 15px;
}




 /* 2 column live news template */
 #right-news {
	width:670px;
	float:left;
	margin-bottom: 15px;
	border-left: .1em #CCCCCC dashed;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}




	
/* /* /* /* FOOTER */
#footer{
	width:955px;	
	height:82px;
	float:left;
	border-left: solid 6px #A5A7AA;
	border-right: solid 6px #A5A7AA;
	border-bottom: solid 6px #A5A7AA;
}
.fsolutions {background: #a70230;}
.fservices {background: #A05F0C;} 
.fnews {background: #372662;} 
.fcorporate {background: #A5A7AA;}
.fsitemap {background: #D2541A;}

/* cicular info logo ... orig spec

/* ARROW SYMBOL IN FOOTER */
.inews {background: ##A5A7AA url(/subscribe/i/arrow.gif) no-repeat center center;}
.icorporate {background: #0F0F0F url(/subscribe/i/arrow.gif) no-repeat center center;}
.iservices {background: #A05F0C url(/subscribe/i/arrow.gif) no-repeat center center;}
.isolutions {background: #A11C3A url(/subscribe/i/arrow.gif) no-repeat center center;}
.isite-map {background: #D2541A url(/subscribe/i/arrow.gif) no-repeat center center;}

/* GLOBE SYMBOL IN FOOTER */
.gnews {background: #372662 url(/i/globe_news.gif) right top no-repeat;}
.gcorporate {background: #A5A7AA url(/i/globe.gif) right top no-repeat;}
.gservices {background: #A5A7AA url(/i/globe_services.gif) right top no-repeat;}
.gsolutions {background: #A70230 url(/i/globe_solutions.gif) right top no-repeat;}
.gsite-map {background: #D2541A url(/i/globe_orange.gif) right top no-repeat;}

#leftfoot{
	float:left;
	width: 713px;
	height: 78px;
	background-image:url(/subscribe/i/arrow.gif);
	background-position: 2% 40%;
	background-repeat: no-repeat;
	
}
#rightfoot{
	float:left;
	width: 220px;
	/*height:78px;*/
	height: 71px;
	margin-top:5px;
	margin-bottom:2px;
	padding-left: 15px;
	/* border-left:#FFffff .1em dashed; */
}
#smalltext {
	float:left;
	height:50px;
	margin-top:18px;
}
.whitetext {
	color:#FFFFFF;
	font-size:11px;
	text-align:left;
	line-height:15px;
	margin-top:3px;
}
.whitetext a:link, .whitetext a:visited  {color: #FFFFFF; text-decoration: none; font-weight:normal;}
.whitetext a:hover, .whitetext a:active {color: #FFFFFF; text-decoration: underline; font-weight:normal;}

.redtext {
	color:#bc2027;
	font-size:11px;
	text-align:left;
	line-height:20px;
	margin-top:3px;
}
.redtext a:link, .redtext a:visited  {color: #bc2027; text-decoration: none; font-weight:normal;}
.redtext a:hover, .redtext a:active {color: #bc2027; text-decoration: underline; font-weight:normal;}

/* sell more links in footer*/
#sellmore{
	float:left;
	height: 10px;
	width: 660px;
	margin-top: 22px;
	margin-left: 22px;
	background-image:url(/i/sell-more.gif);
	background-position: 6% bottom;
	background-repeat: no-repeat;
}
/* learn more links in footer*/	
#learnmore{
	float:left;
	height: 10px;
	width: 660px;
	margin-top: 8px;
	margin-left: 22px;
	background-image:url(/i/learn-more.gif);
	background-position: 6% bottom;
	background-repeat: no-repeat;
}
#sellmore2{
	float:left;
	height: 10px;
	width: 670px;
	margin-top: 22px;
	margin-left: 22px;
	background-image:url(/i/sell-more2.gif);
	background-position: 6% bottom;
	background-repeat: no-repeat;
}
/* learn more links in footer*/	
#learnmore2{
	float:left;
	height: 10px;
	width: 670px;
	margin-top: 8px;
	margin-left: 22px;
	background-image:url(/i/learn-more2.gif);
	background-position: 6% bottom;
	background-repeat: no-repeat;
}
/* NEW FOOTER */
#rightfooter{
	float:right;
	width: 155px;
	/*height:78px;*/
	height: 71px;
	margin-top:3px;
	margin-bottom:2px;
}
#leftfooter{
	float:left;
	/*width: 713px;*/
	width: 713px;
	height: 78px;
	background-image:url(/subscribe/i/arrow.gif);
	background-position: 2% 40%;
	background-repeat: no-repeat;
}


/* EXTRAS FOR white links in footer */
.extras{font-size:11px; text-align: left; color: #FFFFFF; margin-left: 70px; margin-top: 20px; font-weight:bold;}

.extras a:link, .extras a:visited  {color: #FFFFFF; text-decoration: none; margin: 0 5px 0 5px;}
.extras a:active, .extras a:hover {color: #FFFFFF; text-decoration: underline; margin: 0 5px 0 5px;}


#copyright {
	margin-left: auto;
	margin-right: auto;
	font-size: 9px;
	color: #BEB4B4;
	text-align: center;
	width:946px;
	margin-top: 6px;

	float:left;
}
#copyright a:link, #copyright a:visited  {color: #BEB4B4; text-decoration: none; margin: 0 5px 0 5px;}
#copyright a:hover {color: #666666; text-decoration: underline; margin: 0 5px 0 5px;}
#copyright a:active {color: #A70230; text-decoration: underline; margin: 0 5px 0 5px;}


/* PRINTING THE PAGE IN LANDSCAPE */
@page {
	size: landscape
} 


#topcontent {
	display:block;
	width:955px;
	float:left;
	margin-left: 0px;
	padding-left: 0px;
}



.contain{
	float:left;
	/*background-position:right top;
	background-repeat:no-repeat;
	background-image:url(../i/head3.gif);*/
	height: 115px;
	width: 215px;
	margin-top: 20px;
	padding-bottom: 25px;
	margin-left:27px;	
}
/* zycko heads */
#zycko_head1 {
	width:66px;
	height:121px;
	float:left; 
	text-align:right;
}
#zycko_head2 {width:66px; height:121px; float:left; text-align:right;}
#zycko_head3 {width:66px; height:121px; float:left; text-align:right;}
#zycko_head4 {width:66px; height:121px; float:left; text-align:right;}

#sub_heading1 {
	width:148px;
	height:41px;
	float:left;
	text-align:left;
}

#sub_heading2 {width:148px; height:41px; float:left; text-align:left;}
#sub_heading3 {width:148px; height:41px; float:left; text-align:left;}
#sub_heading4 {width:148px; height:41px; float:left; text-align:left;}
#links_box1 {width:143px; text-align:left; float:left;font-size:10px; line-height:13px; padding-top:5px;padding-left:5px; font-weight:bold;}
#links_box2 {width:143px; text-align:left; float:left;font-size:10px; line-height:13px; padding-top:5px;padding-left:5px; font-weight:bold;}
#links_box3 {width:143px; text-align:left; float:left;font-size:10px; line-height:13px; padding-top:5px;padding-left:5px; font-weight:bold;}
#links_box4 {width:143px; text-align:left; float:left;font-size:10px; line-height:13px; padding-top:5px;padding-left:5px; font-weight:bold;}




/* remove this next bit after subs' updates */
#services{
	float:left;
	/*background-position:right top;
	background-repeat:no-repeat;
	background-image:url(../i/head3.gif);*/
	height: 115px;
	width: 215px;
	margin-top: 20px;
	padding-bottom: 10px;
	margin-left:12px;	
}
#zycko_head {width:66px; height:121px; float:left; text-align:right;}
#sub_heading {width:148px; height:41px; float:left; text-align:left;}
#links_box {width:143px; text-align:left; float:left;font-size:11px; line-height:11px; padding-top:5px;padding-left:5px;}

/* finish remove this bit */





.service_links a:link, .service_links a:visited {text-decoration: none; color: #5C2B0D;}
.service_links a:hover, .service_links a:active {text-decoration: underline; color: #000;}

.corporate_links a:link, .corporate_links a:visited {text-decoration: none; color: #0f0f0f;}
.corporate_links a:hover, .corporate_links a:active {text-decoration: underline; color: #000;}

.news_links a:link, .news_links a:visited {text-decoration: none; color: #372662;}
.news_links a:hover, .news_links a:active {text-decoration: underline; color: #000;}



.transON {width: 100%; background-color: #FFFFFF; }
.transOFF {width: 100%; background-color: #FFFFFF;opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;}

.trans25 {width: 100%; background-color: #FFFFFF;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;}
.trans75 {width: 100%; background-color: #FFFFFF;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;}

#divide{
	float:left;
	/*width:700px;*/
	height:19px;
	background-color:#A5A7AA;

	/*border-top-width: 13px;
	border-top-style: solid;*/
}

/* bottom area */
#bottomcontent {
	background-color:#000;
	width:956px;
	height:226px;
	float:left;
	padding:0px;
	margin:0px;
}

#centre_ad{
	float:left;
	width:460px;
	height:225px;
	border: 1px solid #A5A7AA;
	background:#FFFFFF;
	/*margin-top:10px;*/
	/*margin:0 4px 0 16px;*/
	margin:0px 0px 0px 0px;
	padding:0px;
}	
#left{
	background-color:#000;
	/*border: 1px solid #A5A7AA;*/
	float:left;
	width:245px;
	height:225px;
	margin:0px;
	padding-left:2px;
}
#right{
	/*border: 1px solid #A5A7AA;*/
	float:right;
	width:245px;
	margin-right:0px;
	padding:0px;
	}

.heading {float:left;
	height:10px;
	background-color:#0f0f0f; color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:5px 10px 10px 10px;
	margin:0px;
	width:242px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:222px;
	}	
html>body .heading {
  width:222px;
} 

/* direct news formatting */
#zycko-news{
	float:left;
	width:232px;
	height:175px;
	/*margin-bottom:1px;*/
}
#zycko-news a:link {text-decoration: none; color: #a70230;}
#zycko-news a:visited {text-decoration: none; color: #a70230;}
#zycko-news a:hover, #zycko-news a:active {text-decoration: underline; color: #000;}
#zycko-ad{
	float:left;
	width:232px;
	height:175px;
	margin:0px;
	padding:0px;
	/*margin-bottom:1px;*/
}	
/* direct news text formatting */
.newstext{  
	font-size:10px;
	line-height: 13px;
	font-weight:bold;
	padding-top:10px;
	padding-left:10px;
	color:#372662;
	/*background-image:url(/i/T_news.jpg);*/
	background:url(/i/T_news4.gif) #958ca7 no-repeat top right;

}
/* NEWS LIST */
.linklist {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	font-size:11px;
	margin-bottom: 2px;
}
.linklist li{
	padding-left: 1.2em;
	padding-top: 4px; /* was 5px */
	padding-bottom: 4px; /* was 5px */
	background-image: url(/i/arrow-red.gif);   /* arrow graphic  */
	background-repeat: no-repeat;
	background-position: 1% .8em;
}
/* more > */
.more {   
	background-repeat: no-repeat;
	background-position: 91% .8em;
	padding-right: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:11px;
	font-weight:bold;
}
.more a:link {text-decoration: none; color: #a70230;}
.more a:visited {text-decoration: none; color: #a70230;}
.more a:hover {text-decoration: underline; color: #000000;}
.more a:active {text-decoration: underline; color: #a70230;}
p.more {text-align: left;}