body 
{ 
   font-family:lucida grande, verdana, helvetica, arial, sans-serif; 
   font-size:11px; 
   line-height:18px; 
   margin:0 auto 10px auto;
   width:940px; 
   background:white url(../images/gradient-bg-blue.png) repeat-x;
}

a { color:rgb(0,102,204); text-decoration:none; }
a:hover { color:black; text-decoration:underline; }

a.button { text-indent:-9999px; display:block; height:20px; overflow:hidden; }
a.button:hover { background-position:0 -20px; }
a.readmore { background:url(../images/button-readmore-whitebg.gif) no-repeat 0 0; width:80px; }

#header 
{ 
   color:white; 
   width:940px;
   clear:left; 
   padding:0; 
   margin-top:20px;
   text-align:right;
}
/*body.application #header { background:url(../images/topbar-bg-red.png) right; margin-left:0; }*/

#header a img { border:none; }
#header a img.mark { /*margin-top:-6px;*/ }
#header h1 
{ 
   float:left; 
   margin:2px 0 0 0; 
   line-height:30px; 
   font-size:18px; 
   letter-spacing:-0.05em;
}
/*body.application #header h1 { background:url(../images/topbar-left-red.png) no-repeat; }*/
#header h1 a { color:white; text-decoration:none; }
#header h1 a img { border:none; margin-top:4px; }
#header form { float:right; margin:0; }
/*#header form input.search
{ 
   width:205px; 
   margin-top:4px;
   margin-right:-5px; 
   padding:4px 35px 5px 10px; 
   color:rgb(70,70,70); 
   font-family:tahoma; 
   font-size:11px; 
   background:transparent url(../images/search-bg-blue-gradient.png) no-repeat; 
   border:none; 
}
body.application #header form input.search { background:transparent url(../images/search-bg-red.png) no-repeat; }*/
#header form input.submit
{
   position:absolute;
   margin-left:-29px;
   text-indent:-5000px;
   overflow:hidden;
   height:20px;
   width:20px;
}

/*
   OMGWTHAX!!!1
   This rule applies to all browsers except IE7 (the second selector is for Safari)
   Description: http://www.ibloomstudios.com/article7/
*/
*:lang(en) #header form input, #header form input:empty
{
   margin-top:5px !important;
}

#header form input:focus { color:black; }

#header ul.actions { list-style:none; margin:0; padding:0; font-family:lucida grande, tahoma, sans-serif; }
#header ul.actions li { display:inline; }
#header ul.actions li a { display:block; height:30px; margin-left:10px; padding-left:20px; line-height:30px; float:left; font-weight:bold; color:rgb(230,171,173); background-position:0 30px; }
#header ul.actions li a.logout { background:url(../images/icon-logout.png) no-repeat; }
#header ul.actions li a.location { background:url(../images/icon-location.png) no-repeat; }
#header ul.actions li a.availability { background:url(../images/icon-status.png) no-repeat; }
#header ul.actions li a:hover { color:white; text-decoration:none; background-position:0 -30px; }
#header ul.actions li a span { font-weight:normal; }

/*#header ul.settingsmenu { margin:0; padding:0; padding-left:28px; border:2px solid black; background-color:gainsboro; width:170px; position:absolute; font-family:lucida grande, tahoma, sans-serif; }
#header ul.settingsmenu li { padding:0; background-color:rgb(240,240,240); list-style:none; border-left:2px solid gray; }
#header ul.settingsmenu li.selected { list-style-image:url(../images/tick-green-small.png); }
#header ul.settingsmenu li a { font-weight:normal; background:none; color:rgb(110,110,110); display:block; line-height:18px; padding:5px; }
#header ul.settingsmenu li a:hover { color:black; text-decoration:none; }*/

#location { top:60px; left:150px; }
#availability { top:60px; left:360px; }

#navigation { list-style:none; margin:0; padding:0; clear:left; }
#navigation li { float:left; margin:20px 5px -1px 0; }
#navigation li.last { margin-right:0; }
#navigation li a 
{ 
   text-indent:-5000px;
   overflow:hidden;
   display:block; 
   height:21px;
   width:130px;
   background-position:0 -21px !important;
   outline:none;
   text-decoration:none;
}

#navigation li a.home { background:url(../images/navigation-home.png); }
#navigation li a.news { background:url(../images/navigation-news.png); }
#navigation li a.solutions { background:url(../images/navigation-solutions.png); }
#navigation li a.casestudies { background:url(../images/navigation-casestudies.png); }
#navigation li a.about { background:url(../images/navigation-about.png); }
#navigation li a.contact { background:url(../images/navigation-contact.png); }
#navigation li a.products { background:url(../images/navigation-products.png); }

#navigation li a:hover { background-position:0 0 !important; text-decoration:none; }
#navigation li a.selected { background-position:0 21px !important; }
#navigation li a.selected:hover { background-position:0 21px !important; }

#subnavigation 
{ 
   border:1px solid rgb(133,156,211); 
   clear:left; 
   padding:5px 10px 10px 10px;
   margin-bottom:10px; 
}
#subnavigation.home { margin-bottom:0; }
/*
   OMGWTHAX!!!1
   This rule applies to all browsers except IE7 (the second selector is for Safari)
   Description: http://www.ibloomstudios.com/article7/
*/
*:lang(en) #subnavigation, #subnavigation:empty
{
   padding:10px !important;
}

div.content ul.solutionsnavigation { width:920px; margin:-10px 0 10px 0; padding:0 10px 0 10px; list-style:none; height:30px; }
div.content ul.solutionsnavigation li { display:inline; float:left; padding:0; height:20px; margin:0; }
div.content ul.solutionsnavigation li a { color:white; font-weight:bold; }
div.content ul.solutionsnavigation li a.selected:hover { text-decoration:none; }
div.content ul.solutionsnavigation li + li { padding-left:5px; margin-left:5px; }

div.content ul.lightgreen { background:url(../images/solution-nav-lightgreen.png); }
div.content ul.lightgreen li + li { border-left:1px solid rgb(206,239,90); }
div.content ul.lightgreen li a.selected { border-bottom:1px solid rgb(206,239,90); }

div.content ul.purple { background:url(../images/solution-nav-purple.png); }
div.content ul.purple li + li { border-left:1px solid rgb(204,0,230); }
div.content ul.purple li a.selected { border-bottom:1px solid rgb(204,0,230); }

div.content ul.blue { background:url(../images/solution-nav-blue.png); }
div.content ul.blue li + li { border-left:1px solid rgb(77,204,234); }
div.content ul.blue li a.selected { border-bottom:1px solid rgb(77,204,234); }

div.content ul.orange { background:url(../images/solution-nav-orange.png); }
div.content ul.orange li + li { border-left:1px solid rgb(255,153,39); }
div.content ul.orange li a.selected { border-bottom:1px solid rgb(255,153,39); }

/*div.content ul.pink { background:url(../images/solution-nav-pink.png); }
div.content ul.pink li + li { border-left:1px solid rgb(255,92,255); }
div.content ul.pink li a.selected { border-bottom:1px solid rgb(255,92,255); }*/

div.content ul.turquoise { background:url(../images/solution-nav-turquoise.png); }
div.content ul.turquoise li + li { border-left:1px solid rgb(0,217,217); }
div.content ul.turquoise li a.selected { border-bottom:1px solid rgb(0,217,217); }

/* layout columns for homepage */
#maincolumn { width:630px; clear:left; }
#sidecolumn { width:278px; position:absolute; margin-left:640px; }

/* about preamble on homepage */
#about
{ 
   border:1px solid gainsboro; 
   min-height:138px; 
   padding:10px 100px 10px 10px; 
   background:white url(../images/about-casualguy.jpg) no-repeat bottom right; 
}
#about h2 
{ 
   margin:0 0 10px 0; 
   font-family:trebuchet ms, sans serif; 
   font-weight:normal; 
   font-size:23px;
   line-height:30px;
}
#about p { margin-top:0; }

div.cta { border:1px solid gainsboro; margin-top:10px; padding:10px; }
div.cta h3
{
   font-size:13px;
   margin:0 0 10px 0;
}
div.cta h4
{
   margin:0;
}
div.cta p.right { margin-bottom:30px; }
div.cta p.right a { float:right; }

#login
{
   padding:5px 0 10px 10px;
   color:rgb(22,85,165);
   width:268px;
   height:145px;
   background:rgb(184,199,231) url(../images/block-cta-skyblue.jpg) repeat-x;
}

#login.alert
{
   height:207px;
   /*background:rgb(30,117,205) url(../images/block-cta-blue-alert.jpg) repeat-x;*/
}

#login h3
{
   font-size:13px;
   color:white;
   margin:0;
}
#login fieldset { border:none; padding:0; margin:0; }
#login fieldset legend { display:none; }
#login fieldset input.text, #login fieldset select
{ 
   font-size:11px; 
   font-family:lucida grande, verdana, helvetica, sans-serif; 
   border-top:1px solid rgb(15,58,180);
   border-left:1px solid rgb(15,58,180);
   border-bottom:1px solid rgb(115,191,233);
   border-right:1px solid rgb(115,191,233);
   padding:2px; 
}
#login fieldset select { width:138px; padding:1px; }
#login fieldset input.text { width:132px; }
#login fieldset input.submit 
{ 
   height:20px; 
   width:54px; 
   background:url(../images/button-login.gif); 
   border:none; 
   text-indent:-5000px;
   overflow:hidden;
   cursor:pointer;
   outline:none;
   margin-top:5px;
}
#login fieldset input.submit:hover { background-position:0 -20px; height:20px; }
#login fieldset input.submit:active { background-position:0 20px; height:20px; }
#login fieldset input.submit:focus { outline:none; }
#login fieldset dl.loginoptions { display:none; }
#login fieldset dl { margin:15px 15px 0 0; width:258px; float:left; }

#login fieldset dl + dl { margin:0; }
#login fieldset dl dt, #login fieldset dl dd { padding:0px; height:35px !important; height/**/:30px; line-height:35px; }
#login fieldset dl dt { float:left; height:30px; }
#login fieldset dl dt a { color:rgb(22,85,165); padding-right:10px; background:url(../images/tiny-blue-arrow-down.png) no-repeat right 7px; }
#login fieldset dl dt a.expanded { background:url(../images/tiny-blue-arrow-up.png) no-repeat right 7px; }
#login fieldset dl dt label { font-weight:bold; }
#login fieldset dl dt.error { background:url(../images/warning-small-login.gif) no-repeat 0 8px; }
#login fieldset dl dt.error label { padding-left:20px; }
#login fieldset dl dt input.checkbox { margin-top:5px; }
#login fieldset dl dd { text-align:right; margin-left:0; padding:0; padding-top:0 !important; padding-top/**/:5px; }
#login fieldset dl dt.checkbox { width:50%; padding:0; margin-left:-4px; }
#login fieldset dl dt.checkbox input.checkbox { }
#login fieldset dl dt.checkbox label { cursor:pointer; }
#login fieldset dl dd.checkbox { text-align:left; margin-left:50%; margin-top:0 !important; margin-top/**/:-30px; padding-left:5px; width:50%; }
#login fieldset dl dd.checkbox input.checkbox { margin-left:-2px; }
#login fieldset dl dd.checkbox label { font-weight:bold; cursor:pointer; }
#login fieldset dl dd.error input { border:1px solid red; background:rgb(254,244,245); }
#login fieldset dl dd.radio { text-align:right; }
#login fieldset dl dd.radio input, #login fieldset dl dd.radio label { border:none; cursor:pointer; }

#login fieldset dl.error { color:white; border:1px solid white; width:236px; padding:10px; background:rgb(64,138,212) url(../images/block-login-error.jpg) repeat-x; }
#login fieldset dl.error dt { height:20px !important; padding:0; line-height:20px; clear:left; font-weight:bold; }
#login fieldset dl.error dd { height:20px !important; padding:0; line-height:20px; clear:left; text-align:left; }

#callus { border:1px solid gainsboro; margin-top:10px; padding:10px; }

#solutionselector { margin:10px 0 10px 0; height:300px; }
#solutionselector ul.navigation { list-style:none; padding:0; }
#solutionselector ul.navigation li { float:left; }
#solutionselector ul.navigation li a 
{ 
   display:block; 
   width:210px; 
   height:30px; 
   clear:left; 
   text-indent:-9999px; 
   overflow:hidden; 
   background-repeat:no-repeat;
}
#solutionselector ul.navigation li a.tab1 { background-image:url(../images/solutions-tabs-agility.jpg); }
#solutionselector ul.navigation li a.tab2 { background-image:url(../images/solutions-tabs-continuity.jpg); }
#solutionselector ul.navigation li a.tab3 { background-image:url(../images/solutions-tabs-convergence.jpg); }
#solutionselector ul.navigation li a:hover { background-position:0 -30px; }
#solutionselector ul.navigation li a.selected, 
#solutionselector ul.navigation li a.selected:hover { background-position:0 -60px; }

#solutionselector div { margin:30px 0 0 0; height:270px; padding-top:9px; width:630px; position:absolute; }
#solutionselector div.tab1 { background:url(../images/solutions-bg-green.jpg) repeat-x; z-index:3; } 
#solutionselector div.tab2 { background:url(../images/solutions-bg-purple.jpg) repeat-x; z-index:2; }
#solutionselector div.tab3 { background:url(../images/solutions-bg-blue.jpg) repeat-x; z-index:1; }
#solutionselector div img { float:left; display:inline; }
#solutionselector div h2
{
   position:absolute;
   margin:26px 0 26px 220px;
   font-family:trebuchet ms, sans serif;
   font-weight:normal;
   font-size:23px;
   line-height:32px;
}
#solutionselector div p { position:absolute; margin:90px 0 0 220px; }
#solutionselector div a { position:absolute; margin:220px 0 0 540px; }

#news { border:1px solid gainsboro; padding:10px; }
#news h2
{
   font-family:trebuchet ms, sans serif;
   font-weight:normal;
   font-size:18px;
   margin:0 0 10px 0;
}
#news ul { padding-left:20px; }
#news ul li + li { margin-top:10px; }

#selector { clear:left; margin-top:0; margin-bottom:10px; }
#selector dt { }
#selector dt a 
{
	font-family:trebuchet ms, sans serif;
	font-size:24px;
	font-weight:normal;
	line-height:40px;
	letter-spacing:-0.05em;
	text-decoration:none;
	color:black;
	display:block;
	padding:0;
}
#selector dt a img { border:none; margin:0; }
#selector dd { margin:0 0 10px 0; }

/*#selector dt.customer { background:rgb(34,102,171) url(../images/signpost-blue.png) repeat-x; }
#selector dd.customer dl { clear:left; height:200px; }
#selector dd.customer dl div { width:310px; float:left; height:200px; background-position:top; }
#selector dd.customer dl div dt { padding:10px; }
#selector dd.customer dl div dd { padding:10px; }
#selector dd.customer dl div.enterprise 
{ 
   background:rgb(255,242,230) url(../images/gradient-block-orange.png) top; 
}
#selector dd.customer dl div.enterprise dt { color:rgb(255,153,51); }
#selector dd.customer dl div.largebusiness 
{
   background:rgb(244,223,224) url(../images/gradient-block-darkred.png) top; 
}
#selector dd.customer dl div.largebusiness dt { color:rgb(166,0,8); }
#selector dd.customer dl div.publicsector 
{
   background:rgb(236,223,242) url(../images/gradient-block-purple.png) top; 
   padding-right:8px;
}
#selector dd.customer dl div.publicsector dt { color:rgb(102,0,153); }*/

#selector dt.solution { background:rgb(0,204,204) url(../images/signpost-turquoise.png) repeat-x; margin:0 0 10px 0; }
#selector dd.solution dl 
{ 
   clear:left; 
/*   height:210px;  */
   padding:0px 0px 0 0px; 
   margin:0;
   width:940px;
/*   background:gray url(../images/gradient-bg-solutions.png) repeat-x; */
}
#selector.casestudies dd.solution dl 
{ 
   background:rgb(173,137,193) url(../images/gradient-bg-casestudies.png) repeat-x; 
}

#selector dd.solution dl div { width:25.3%; float:left; height:180px; }
#selector dd.solution dl div.wide 
{ 
   width:100%; 
   background:rgb(136,222,222) url(../images/gradient-block-turquoise-highlight.png) repeat-x; 
}
#selector dd.solution dl div.wide dt { padding:0; height:auto; }
#selector dd.solution dl div dt { padding:10px 5px 0 10px; margin:5px 0 0 0; }
#selector dd.solution dl div dd { padding:10px; margin:0 0 0 0; color:black; }
#selector dd.solution dl div dd ul { padding:0; list-style:none; margin-left:0; }
#selector dd.solution dl div dd ul li { }
#selector dd.solution dl div dd ul li a { color:white; padding-left:12px; }
#selector dd.solution dl div dd ul li a:visited 
{ 
   color:rgb(219,241,241); 
   background:url(../images/tick-white-80-small.gif) no-repeat 0 2px; 
}
#selector dd.solution dl div dd ul li a.pdf { display:inline; background:url(../images/pdf-icon-tiny.gif) no-repeat 0 2px; }
#selector dd.solution dl div dd ul li a.selected { font-weight:bold; color:white; }

#selector dd dl div.flexibleworking { background:url(../images/solutions-bg-flexibleworking.png) repeat-x; }
#selector dd dl div.businesscontinuity { background:url(../images/solutions-bg-businesscontinuity.png) repeat-x; }
#selector dd dl div.virtualcontactcentre { background:url(../images/solutions-bg-virtualcontactcentre.png) repeat-x; }
#selector dd dl div.enterprisevoicemail { background:url(../images/solutions-bg-enterprisevoicemail.png) repeat-x; }

#selector dt.aboutus { background:rgb(102,0,153) url(../images/signpost-purple.png) repeat-x bottom; }
#selector dd.aboutus { border:10px solid gainsboro; clear:left; padding:10px; }

#selector dt.customers { background:rgb(166,0,8) url(../images/signpost-red.png) repeat-x bottom; }
#selector dt.flexibleworking { background:rgb(0,204,204) url(../images/signpost-turquoise.png) repeat-x bottom; }
#selector dt.businesscontinuity { background:rgb(34,102,171) url(../images/signpost-blue.png) repeat-x bottom; }
#selector dt.virtualcontactcentre { background:rgb(255,153,51) url(../images/signpost-orange.png) repeat-x bottom; }
#selector dt.enterprisevoicemail { background:rgb(102,0,153) url(../images/signpost-purple.png) repeat-x bottom; }

dl.customers { margin:40px 0 10px 10px; width:50%; }
dl.customers div.casestudy { clear:left; }
dl.customers div.casestudy dt { display:inline; float:left; width:102px; padding-bottom:0; height:102px; }
dl.customers div.casestudy + div.casestudy { margin-top:10px; border-top:1px solid gainsboro; padding-top:10px; }
dl.customers div.casestudy + div.casestudy dt { padding-top:0px; }
dl.customers div.casestudy + div.casestudy dd { margin-top:0px; }
dl.customers div.casestudy dt img { border:1px solid gainsboro; padding:0; margin:0; }
dl.customers div.casestudy dd 
{ 
   display:inline; 
   float:left; 
   margin:0 0 0 10px; 
   padding:0; 
   width:348px; 
}
dl.customers div.casestudy dd h4 { padding-left:0; margin-bottom:10px; }
dl.customers div.casestudy dd p { margin:0; padding:0; width:100%; }
dl.customers div.casestudy dd p + p { margin-top:10px; margin-bottom:10px; }

/* case studies customer selectors */

dl.casestudies { margin:0 0 10px 10px; padding-bottom:0px; }
dl.casestudies div { height:172px; clear:left; }
dl.casestudies div dt { display:inline; float:left; width:172px; padding-bottom:0; height:172px; }
dl.casestudies div + div { height:172px; margin-top:10px; }
dl.casestudies div + div dt { padding-top:0px; }
dl.casestudies div + div dd { margin-top:0px; }
dl.casestudies div dt img { border:1px solid rgb(133,156,211); padding:0; margin:0; }
dl.casestudies div dd 
{ 
   display:inline; 
   float:left; 
   margin:0 0 0 10px; 
   padding:10px; 
   width:728px; 
   height:152px; 
}
dl.casestudies div.flexibleworking dd { background:url(../images/casestudies-bg-flexibleworking.jpg) repeat-x; }
dl.casestudies div.businesscontinuity dd { background:url(../images/casestudies-bg-businesscontinuity.jpg) repeat-x; }
dl.casestudies div.virtualcontactcentre dd { background:url(../images/casestudies-bg-virtualcontactcentre.jpg) repeat-x; }

dl.casestudies div dd h4 { padding-left:0; margin-bottom:10px; margin-top:0; font-size:13px; }
dl.casestudies div.flexibleworking dd h4 a { color:rgb(81,195,0); }
dl.casestudies div.businesscontinuity dd h4 a { color:rgb(148,0,198); }
dl.casestudies div.virtualcontactcentre dd h4 a { color:rgb(30,111,195); }
dl.casestudies div.enterprisevoicemail dd h4 a { color:rgb(255,138,0); }

dl.casestudies div dd p { margin:10px 0 0 0; padding:0; width:100%; clear:left; }
dl.casestudies div dd p + p { margin-top:10px; }

#selector dd + dt { margin-top:10px; }

dl.products { padding-left:0; margin-left:10px; width:940px; }
dl.products dd 
{ 
   width:302px;
   height:180px;
   margin:0 10px 10px 0; 
   padding-top:10px;
   float:left;
   background:url(../images/gradient-block-bluefade.png) repeat-x;
}
dl.products dd h4 { width:292px !important; }
dl.products dd p { padding-right:10px; }
dl.products dd a { color:rgb(61,87,117); }

#footer { clear:left; text-align:right; background:rgb(231,242,255); border:1px solid rgb(61,141,205); border-left:none; border-right:none; padding:2px 5px 2px 5px; margin-top:10px; }

div.content { clear:left; }
div.content div.maincolumn { float:left; width:630px; }
div.content div.sidecolumn { float:left; width:290px; margin-left:20px;  }

div.content div.maincolumn img.primage
{
   float:right;
   margin-left:10px;
   margin-bottom:10px;
}

div.content img.banner { border:1px solid gainsboro; padding:9px; } 
div.content h3, div.content h4, div.content h5 { padding-left:10px; }
div.content h3 
{ 
   font-size:28px; 
   font-family:trebuchet ms, sans serif; 
   font-weight:normal; 
   line-height:36px; 
   margin:10px 0 10px 0;
}
div.content h5 { font-size:11px; margin:10px 0 5px 0; }
div.content p, div.content dl.simple, div.content dl.faq { padding-left:10px; }
div.content > ol, div.content > ul { }
div.content ol { padding-left:30px; margin-left:10px; }
div.content ol li { margin-bottom:10px; }
div.content p.nonews { height:250px; }
div.content ol p { width:100%; padding-left:0; }
div.content div.preamble h3 { width:930px; }
div.content div.preamble p { width:930px; }

div.content ul { padding-right:10px; }
div.content dl.content { margin-left:10px; }
div.content dl.content dt { margin-bottom:10px; font-weight:bold; }
div.content dl.content dd { margin-left:20px; margin-bottom:10px; }

div.content dl.simple dt { font-weight:bold; }
div.content dl.simple form input, div.content dl.simple form textarea, div.content dl.simple form select 
{ 
   font-size:11px; 
   width:75%;
}
div.content dl.simple dd { margin-left:0; }
div.content dl.simple dd + dt { margin-top:10px; }
div.content dl.faq > dt { margin-bottom:5px; font-weight:bold; font-size:12px; }
div.content dl.faq dt + dd { margin-bottom:10px; }
div.content dl.faq dd dl { margin-top:10px; }
div.content dl.faq dd dl dt { font-weight:bold; font-size:11px; }
div.content dl.faq dd dl dd { margin-left:20px; }
div.content .notice 
{ 
   background:url(../images/warning.png) no-repeat 10px 14px; 
   padding:10px 10px 10px 54px; 
   width:400px; 
   border:1px solid gainsboro; 
   margin-bottom:10px;
}
div.content .notice p { margin:0 0 10px 0; padding:0; width:100%; }


/* lozenge-shaped buttons */

ul.buttons 
{
   list-style:none;
   display:inline;
   clear:right;
   margin:0;
   border:0;
}
ul.buttons li { float:right; margin:0; padding:0; }
ul.buttons li + li { margin-right:10px; }
ul.buttons li a.button 
{ 
   display:block;
   margin:0;
   padding:0; 
   height:20px; 
   line-height:20px; 
   color:white;
}
ul.buttons li a.button span { display:block; padding:0 22px 0 8px; height:20px; line-height:20px; }
ul.buttons li a.button:hover { background-position:left -20px; text-decoration:none; color:white; }
ul.buttons li a.button:hover span { background-position:right -20px; text-decoration:none; }
ul.buttons li a.blue { background:url(../images/link-button-bg-blue.png) no-repeat top left; }
ul.buttons li a.blue span { cursor:pointer; background:url(../images/link-button-right-blue.png) no-repeat top right; }
ul.buttons li a.pdf span { cursor:pointer; background:url(../images/link-button-right-pdf.png) no-repeat top right; }

a.pdf 
{
   padding-left:20px; 
   display:block; 
   height:20px; 
   line-height:20px;
   background:url(../images/pdf-icon-small.png) no-repeat left 1px; 
   font-weight:normal;
}

div.content div.sidebox 
{ 
   margin:0 0 10px 0;
   border:1px solid rgb(133,156,211); 
   padding:10px; 
}

div.sidebox img { margin:0 50px 0 50px; }
div.sidebox ul { }
div.sidebox blockquote 
{ 
   width:240px;
   background:url(../images/quote-open.png) top left no-repeat; 
   padding-left:29px;
   margin:0 0 20px 0;
}
div.sidebox blockquote p 
{ 
   width:auto !important; 
   padding-right:29px;
   margin-top:10px;
   background:url(../images/quote-close.png) bottom right no-repeat; 
}
div.sidebox cite { font-style:normal; }

div.content div.sidebox h3
{
   font-family:trebuchet ms, sans serif;
   font-weight:normal;
   font-size:18px;
   margin:0 0 10px 0;
}
div.content div.sidebox h4
{
   font-family:trebuchet ms, sans serif;
   font-weight:normal;
   font-size:18px;
   margin:0 0 10px 0;
}
div.content div.sidebox h4, div.content div.sidebox p { padding-left:0; width:100%; }
div.content div.sidebox p:last-child { margin-bottom:0; }
div.content div.solutions, div.content div.products
{ 
   border:none; 
   color:white; 
}
div.content div.solutions { background:rgb(34,102,171) url(../images/gradient-sidebox-solutions.png) repeat-x bottom; }
div.content div.products { background:rgb(50,159,159) url(../images/gradient-block-turquoise-highlight.png) repeat-x bottom; }

div.content div.lightgreen { background:rgb(132,217,67) url(../images/products-bg-lightgreen.png) repeat-x bottom; }
div.content div.purple { background:rgb(217,141,255) url(../images/products-bg-purple.png) repeat-x bottom; }
div.content div.orange { background:rgb(255,102,26) url(../images/products-bg-orange.png) repeat-x bottom; }
div.content div.pink { background:rgb(255,131,199) url(../images/products-bg-pink.png) repeat-x bottom; }
div.content div.blue { background:rgb(34,102,171) url(../images/products-bg-blue.png) repeat-x bottom; }

div.content div.solutions ul, div.content div.products ul { list-style:none; padding:0; margin:0; }
div.content div.solutions ul li, div.content div.products ul li { padding:5px; margin:0; }

div.content div.solutions ul li.lightgreen { background:url(../images/signpost-lightgreen.png) repeat-x bottom; }
div.content div.solutions ul li.purple { background:url(../images/signpost-purple.png) repeat-x bottom; }
div.content div.solutions ul li.blue { background:url(../images/signpost-blue.png) repeat-x bottom; }
div.content div.solutions ul li.orange { background:url(../images/signpost-orange.png) repeat-x bottom; }

div.content div.blue ul li.p1 { background:url(../images/gradient-li-blue-1.png) repeat-x bottom; }
div.content div.blue ul li.p2 { background:url(../images/gradient-li-blue-2.png) repeat-x bottom; }
div.content div.blue ul li.p3 { background:url(../images/gradient-li-blue-3.png) repeat-x bottom; }
div.content div.blue ul li.p4 { background:url(../images/gradient-li-blue-4.png) repeat-x bottom; }
div.content div.blue ul li.p5 { background:url(../images/gradient-li-blue-5.png) repeat-x bottom; }
div.content div.blue ul li.p6 { background:url(../images/gradient-li-blue-6.png) repeat-x bottom; }

div.content div.lightgreen ul li.p1 { background:url(../images/gradient-li-lightgreen-1.png) repeat-x bottom; }
div.content div.lightgreen ul li.p2 { background:url(../images/gradient-li-lightgreen-2.png) repeat-x bottom; }
div.content div.lightgreen ul li.p3 { background:url(../images/gradient-li-lightgreen-3.png) repeat-x bottom; }
div.content div.lightgreen ul li.p4 { background:url(../images/gradient-li-lightgreen-4.png) repeat-x bottom; }
div.content div.lightgreen ul li.p5 { background:url(../images/gradient-li-lightgreen-5.png) repeat-x bottom; }
div.content div.lightgreen ul li.p6 { background:url(../images/gradient-li-lightgreen-6.png) repeat-x bottom; }

/*div.content div.purple ul li.p1 { background:url(../images/gradient-li-purple-1.png) repeat-x bottom;}
div.content div.purple ul li.p2 { background:url(../images/gradient-li-purple-2.png) repeat-x bottom;}
div.content div.purple ul li.p3 { background:url(../images/gradient-li-purple-3.png) repeat-x bottom;}
div.content div.purple ul li.p4 { background:url(../images/gradient-li-purple-4.png) repeat-x bottom;}
div.content div.purple ul li.p5 { background:url(../images/gradient-li-purple-5.png) repeat-x bottom;}
div.content div.purple ul li.p6 { background:url(../images/gradient-li-purple-6.png) repeat-x bottom;}*/

/*div.content div.orange ul li.p1 { background:url(../images/gradient-li-orange-1.png) repeat-x bottom; }
div.content div.orange ul li.p2 { background:url(../images/gradient-li-orange-2.png) repeat-x bottom; }
div.content div.orange ul li.p3 { background:url(../images/gradient-li-orange-3.png) repeat-x bottom; }
div.content div.orange ul li.p4 { background:url(../images/gradient-li-orange-4.png) repeat-x bottom; }
div.content div.orange ul li.p5 { background:url(../images/gradient-li-orange-5.png) repeat-x bottom; }
div.content div.orange ul li.p6 { background:url(../images/gradient-li-orange-6.png) repeat-x bottom; }*/

/*div.content div.pink ul li.p1 { background:url(../images/gradient-li-pink-1.png) repeat-x bottom; }
div.content div.pink ul li.p2 { background:url(../images/gradient-li-pink-2.png) repeat-x bottom; }
div.content div.pink ul li.p3 { background:url(../images/gradient-li-pink-3.png) repeat-x bottom; }
div.content div.pink ul li.p4 { background:url(../images/gradient-li-pink-4.png) repeat-x bottom; }
div.content div.pink ul li.p5 { background:url(../images/gradient-li-pink-5.png) repeat-x bottom; }
div.content div.pink ul li.p6 { background:url(../images/gradient-li-pink-6.png) repeat-x bottom; }*/

div.content div.solutions ul a, div.content div.products ul a { color:white;  }

div.content ul { padding-right:10px; padding-left:30px; margin-left:0; }
div.content ul.customers { list-style:none; padding-left:0; margin-left:10px; }

h2.signpost 
{ 
   color:white; 
   height:20px;
   margin:0 0 10px 0; 
   padding:20px 10px 20px 10px; 
   font-family:trebuchet ms, sans serif; 
   font-weight:normal; 
   font-size:40px; 
}
h2.purple { background:rgb(102,0,153) url(../images/signpost-purple.png) repeat-x bottom; }
h2.blue { background:rgb(34,102,171) url(../images/signpost-blue.png) repeat-x bottom; }
h2.turquoise { background:rgb(0,204,204) url(../images/signpost-turquoise.png) repeat-x bottom; }
h2.red { background:rgb(166,0,8) url(../images/signpost-red.png) repeat-x bottom; }
h2.orange { background:rgb(255,153,51) url(../images/signpost-orange.png) repeat-x bottom; }
h2.green { background:rgb(26,160,65) url(../images/signpost-green.png) repeat-x bottom; }
h2.lightgreen { background:rgb(26,160,65) url(../images/signpost-lightgreen.png) repeat-x bottom; }
h2.grey { background:rgb(102,102,102) url(../images/signpost-grey.png) repeat-x bottom; }
/*h2.pink { background:rgb(235,46,194) url(../images/signpost-pink.png) repeat-x bottom; }*/