/** Sysco Software Stylesheet -- Silverink 2009 **/

* { margin: 0; padding: 0; font-family: 'Trebuchet MS', Helvetica, sans-serif;}
html, center {height: 100%;}

/*============================================================================= TYPOGRAPHY */

	body{background: url(bkg.jpg) repeat-x #f4f4f4; height: 100%; line-height:16px; font-size:11px; color:#434343;}
	
	p{padding: 0 0 15px 0; line-height:17px; text-align: left; font-size:11px; color:#434343; }
	
	li{list-style-type:none;}

	h1 {color:#f00; text-align:left; font-size:18px; margin-bottom:15px; text-transform:uppercase;}
	h2 {color:#e20101; font-size:16px; font-weight:bold; margin-bottom:15px; text-transform:uppercase;}
	h3 {color:#122f61; font-weight:bold; font-size:15px; text-align:left; margin-bottom:10px;  font-style:italic;}
	h4 a {float:right; text-decoration:none; padding-top:40px;}
	h5 {color:#122f61; padding-bottom:2px; font-weight:bold; font-size:12px; text-align:left;}
	
	h6 {width:170px; height:46px; background: url(overview_bkg.jpg) no-repeat; padding-top:14px; padding-left:65px; padding-right:12px; color:#fff; font-size:13px; clear:both; overflow:hidden; margin-top:12px; float:right;}
	
	h6 a {color:#fff !important; text-decoration:none;}
	h6 a:hover {color:#a1bdf2 !important;}
	
	p {color:#4d4d4d; font-size:13px;}
	strong {font-weight:bold;} 

	h1.infor {color:#b5111b; text-align:left; font-size:18px; margin-bottom:15px; text-transform:uppercase; font-family:'arial', Helvetica, sans-serif;}
	
/*============================================================================== Downloads */

.mid table tr td {padding:15px !important; background:#f8f8f8 !important; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; text-align:left;}
.mid table tr td a {text-decoration:none;}

.mid table tr td b {color:#122f61 !important;}

 td#aboutl {background:#F8F8F8 url(../download/1/is_aboutourcomp_22.jpg) no-repeat bottom right!important;}
 /*td#aboutl p, td#aboutr p {color:#000 !important;} */
 td#aboutr {background:#F8F8F8 url(../download/1/is_aboutourcomp_1.jpg) no-repeat bottom right!important;}

#downloads { padding-left:25px; text-align:left; padding-top:15px !important; margin-top:20px !important;  margin:0 auto; width:80%; background:#f8f8f8 !important; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding-bottom:15px;}

#downloads li {display:block; padding-left:55px;  height:20px; background-image: url(icons.jpg); background-position:30px 1px; background-repeat:no-repeat;}
#downloads li.whitepaper { background-position:30px -58px; }
#downloads li.brochure { background-position:30px -34px; }
#downloads li.factsheet {background-position:30px -14px; }
#downloads li.casestudy { background-position:30px -81px; }
#downloads li.inbrochure { background-position:30px -107px; }

/*============================================================================== Links */
a:link {color:#003875;}
a:visited {color:#003875;}
a:hover {color:#f00;}
a:active {color:#003875;}

/*==============================================================================Hidden */

#DateDiv {display:none;}
#printpage {display:none;}
.SubMenuHeadingSpanWide a {display:none;}
.emailinput {display:none;}

/*============================================================================== Structure */

#maincontainer {width:950px; float:left; padding-left:20px; padding-right:20px;}

/*============================================================================== Top Menu */

#topbanner {height:125px; padding-bottom:20px; position:relative;} 
#TopMenu {position: absolute; top: 110px; right: 0px; }
#TopMenuSpan li { display: inline;}
#TopMenuSpan a {display: inline-block;}
#TopMenuSpan a:link, #TopMenuSpan a:visited {font-size:11px; padding-left:10px; padding-right:10px; height: 27px; text-decoration:none; text-transform:uppercase;}
#TopMenuSpan a:hover, #TopMenuSpan li.selected a {background: url(menu_hover.jpg) bottom center no-repeat;  height: 27px; color: #f00;}
#TopMenuSpan a:active {font-size:11px; padding-left:10px; padding-right:10px;  height: 27px; text-decoration:none; text-transform:uppercase; }

#logo {width:238px; height:125px; position:absolute; top:0; left:0; background: url(logo.gif) no-repeat; z-index:-1;}
#vTopMenu {margin:0; position:absolute; top:10px; right:0;}
#vTopMenu li {margin:0;  display:inline; list-style:none;}
#vTopMenu li a {float:left; line-height:11px; text-decoration:none; padding-left:8px; text-transform:uppercase; font-size:11px;}

.searchbox {height:20px; width:197px; position:absolute; top:38px; right:0; padding:13px 20px 15px 20px; background: url(searchbox.gif) no-repeat;}
.searchbox form input {display:inline; float:left; width:141px; padding-right:10px; }
#SearchFormTop a span {color:#f00; text-decoration:none !important; position:absolute; top:15px; right:15px; cursor:pointer !important;}

#search {display:inline; float:right; width:20px; height:15px; padding-right:10px; padding-top:1px; color:#f00;}

/* ============================================================================== SUB MENU */

#SubmenuHTMLhome {background: url(roundedtopsub2.gif) top left no-repeat #ffffff; padding-top:20px; width:237px;}
#submenu {width:237px; float:right; background:#fff; margin-bottom:20px;}
#SubmenuHTML {background: url(roundedtopsub.gif) top left no-repeat #ffffff; padding-top:20px; width:237px;}
#SubMenuFooter {width:237px; height:13px; background: url(roundedbot_sub.jpg) bottom no-repeat; margin-bottom:20px; float:right;}
.SubMenuHeadingSpan a {display:none;}

#SubMenuUl {padding-left:20px; padding-right:20px;}
#SubMenuUl li {padding-bottom:10px; text-align:left; }
#SubMenuUl li a {text-decoration:none; background: url(arrow.gif) no-repeat; padding-left:20px; display:block; font-size:14px; }
.level2  a {text-decoration:none; background: url(arrow.gif) no-repeat; padding-left:20px; display:block; font-size:14px; }
.level3  a {text-decoration:none; font-style:italic; padding-left:30px !important; font-size:13px !important; background: url(arrow.gif) no-repeat 10px 0 !important;}
.level4  a {text-decoration:none; font-style:italic; padding-left:50px !important; font-size:12px !important; background: url(arrow.gif) no-repeat 30px 0 !important;}

html > body > center > div #maincontainer > div #maincontent > div #MainHTML > div #submenu > div #SubmenuHTML > ul #SubMenuUl > li .level2 selected > a.selected a {color:#f00 !important;}


#list {padding-left:20px; padding-bottom:10px; }
#list  li {text-decoration:none; background: url(arrow.gif) no-repeat; padding-left:20px; padding-bottom:4px; text-align:left; font-size:13px; }

/* ============================================================================== homepage features */

#syscofet {height:173px; width:950px; padding-bottom:20px; float:left;}
#imgboximg {width:713px; float:left;}
#imgnav {width:237px; height:173px; float:right; background: url(featboxlibkg.jpg) no-repeat top right; padding-top:0;}
#imgnav li {padding-bottom:0;}
#imgnav li a {color:#fff; padding-top:5px;  text-decoration:none; text-transform:uppercase; line-height:26px; font-size:18px; height:39px; width:236px; display:block; font-style:italic;}
#imgnav li a:hover {background: url(featbox_hover.jpg) no-repeat left;}
.top a:hover {background: url(featbox_hover_top.jpg) no-repeat top !important; height:39px !important;}
.bot a:hover {background: url(featbox_hover_bot.jpg) no-repeat left !important; height:38px !important;}



		#solutions_l {display:inline; float:left; width:203px; text-align:left; padding-top:10px;}
		#solutions_r {display:inline; float:left; width:203px; text-align:left; padding-top:10px;}
		#solutions_c {display:inline; float:left; width:203px; text-align:left; padding-top:10px;}
		
		#solutions_l li a, #solutions_r li a, #solutions_c li a {text-decoration:none; line-height:30px; background: url(arrow.gif) no-repeat; padding-left:20px; font-size:14px;}

	#news {width:653px; height:113px; background: url(roundedtop.jpg) top no-repeat #fff; padding:20px;}
		#midbottom {width:693px; height:5px; background: url(roundedbot.jpg) bottom no-repeat; margin-bottom:20px;}

	#casestudies {border:none;}
	#casestudies a img {border:none !important;}


	#subbottom {width:237px; height:13px; background: url(roundedbot_sub.jpg) bottom no-repeat; margin-bottom:20px;}

#infocentre {float:left; width:693px; height:50px; background: url(infocentre_bkg2.jpg) top left no-repeat; margin-bottom:20px;}
#infocentre h1 {padding-top:14px; padding-left:20px; text-decoration:none;}

/* ==============================================================================   Main Content */

#maincontent .mid {width:653px; margin-right:20px; float:left; background: url(roundedtop2.gif) top no-repeat #fff; padding:20px; margin-bottom:20px; text-align:left;}
#news .mid .news {background: url(news_top.gif) top no-repeat #fff !important;}

.sss { width:653px; margin-right:20px; float:left; background: url(news_top.gif) top no-repeat #fff !important; padding:20px; margin-bottom:20px; text-align:left;}

/* ============================================================================== HOMEPAGE NEWS STORIES */
#news {background: url(news_top.gif) top no-repeat #fff !important;}
#news h1 {padding-bottom:10px;}
#news .story1 {width:325px; display:inline; float:left; margin-top: -10px;}
#news .story1 img {float:left; border: 1px solid #c9c9c9; padding:2px; width:69px; height:69px; margin-right:20px;}
#news .story1 h2 { float:left; font-weight:bold; font-size:12px; color:#102c60 !important; width: 200px;}
#news .story1 p a {display:inline; float:left;  font-size:11px; color:#e20101; text-decoration:none;}

.fpnewsitem {display:inline; float:left;  font-size:12px; color:#767676; width:205px; height:35px !important; overflow:hidden; padding:0; margin:0;}
#news .story2 {width:325px; display:inline; float:left; margin-top: -10px;}
#news .story2 img {float:left; border: 1px solid #c9c9c9; padding:2px; width:69px; height:69px; margin-right:20px;}
#news .story2 h2 { float:left; font-weight:bold; font-size:12px; color:#102c60 !important; width: 200px;}
#news .story2 p a {display:inline; float:left;  font-size:11px; color:#e20101; text-decoration:none;}
.fpnewsitem {margin-top:-10px !important;}

/*==============================================================================HOMEPAGE TESTIMONIALS */

.fpTestimonial {padding:20px;}

.fpTestimonial .story1 {width:195px;}
.fpTestimonial .story1 .testtitle a {text-align:left; display: block; text-decoration:none; font-weight:bold; font-size:13px; color:#102c60; height:17px !important; overflow:hidden; width:195px; padding-top:0px;}
.fpTestimonial .story1 .testinro {text-align:left; font-size:12px; float:left; clear:both; padding-top:5px;}

.fpTestimonial .story2 {width:195px; padding-left:0;}
.fpTestimonial .story2 .testtitle a {text-align:left; display: block; text-decoration:none; font-weight:bold; font-size:13px; color:#102c60; height:17px !important; overflow:hidden; width:195px; clear:both; padding-top:0px;}
.fpTestimonial .story2 .testinro {text-align:left;  font-size:12px; float:left; clear:both; padding-top:5px;}

.fpTestimonial .story3 {width:195px;}
.fpTestimonial .story3 .testtitle a {text-align:left; display: block; text-decoration:none; font-weight:bold; font-size:13px; color:#102c60; overflow:hidden; width:195px; clear:both; padding-top:0px;}
.fpTestimonial .story3 .testinro {text-align:left; font-size:12px; float:left; margin-bottom: 0 !important; padding-bottom: 0 !important; clear:both; padding-top:5px;}

/*============================================================================== NEWS PAGE */

.mid p.date {display:block; font-weight:bold; font-size:13px; color:#102c60;padding-top:5px; padding-bottom:5px;}
.newsimg {margin-left:10px; margin-bottom:10px; border: 1px solid #c9c9c9; padding:2px;}
.mid hr {display:none;}
.mid p img {border: 1px solid #c9c9c9; padding:5px; margin-left:10px;}


.mid ol li {list-style-type:decimal; margin-left:20px; font-size:13px; font-style:italic; margin-bottom:12px;}

/* .mid img {padding-left:20px; padding-bottom:20px;} */
.testMainPic {display:block !important;}
#contactus {float:left;}
#googlemap {float:right;}
#googlemap a {text-align:right; text-decoration:none; color:#122f61;}

#solutions li {display:block; padding-left:20px; padding-bottom:20px; background: url(arrow.gif) no-repeat; font-size:12px;}


/*==============================================================================  Main Content Wide */

#maincontentwide .mid {width:910px; margin-right:20px; float:left; background: url(roundedtop_wide.gif) top no-repeat #fff; padding:20px; margin-bottom:20px;}

/*==============================================================================TESTIMONIALS */

.fpTestimonial img {padding: 2px; border: 1px solid #eeeeee;}

.testMainPic {padding: 5px; border: 1px solid #eeeeee; margin-bottom: 20px}

/*============================================================================== Sub Menus */


#easilogo a img {float:right;}


/*============================================================================== Footer */

#footer {clear:both; height:72px; width:950px; background: url(footerbkg.jpg) no-repeat;padding-top:7px;}
#footer img {border:none; float:left; display:inline; padding-left:19px;}