div.boxes div.box {margin:0; padding:0; background-color:#fff; position:relative; padding-bottom:8px; background-position:left bottom; background-repeat:no-repeat;}

div.boxes div.box p.visual {margin:0; padding:0;width:100%; overflow:hidden; text-align:center;}
div.boxes div.box p.visual img {display: inline;}
/**/div.boxes div.box div.boxPresentation {border-top:1px solid #ccc;}
div.boxes div.box div.boxPresentation h2 {display:block; overflow:hidden; margin:0; padding:6px; font-size:11px; line-height:12px; background-color:#008698; color:#fff; position: relative;}
div.boxes div.box div.boxPresentation h2.linked {display:block; position:relative; padding-right:50px; }
div.boxes div.box div.boxPresentation h2 a {color:#fff; font-weight:normal; text-decoration:underline;}
div.boxes div.box div.boxPresentation h2 a:hover {text-decoration:none;}
div.boxes div.box div.boxPresentation h2.linked a {display:block; position:absolute; top:0; right:0; padding: 6px 6px 0 0; width:100%; height:18px; text-align:right; text-decoration: none;}
div.boxes div.box div.boxPresentation h2.linked a:hover {text-decoration:underline;}
div.boxes div.box div.boxPresentation div.head {margin:0; padding:0; font-weight:bold;border-bottom:1px dotted #ccc; padding:5px 10px;}
div.boxes div.box div.boxPresentation div.head p {margin:0; padding:0; margin-bottom:5px;}
div.boxes div.box div.boxPresentation p.subtitle {font-size:9px; margin:0; padding:0; color:#000;}

div.boxes div.box div.boxContent {padding:5px 6px;}
div.boxes div.box div.boxContent div.body {margin:0; padding:0; line-height: 15px;}
div.boxes div.box div.boxContent div.body ul {margin-bottom:10px;}
div.boxes div.box div.boxContent ul {margin-bottom:10px;}
div.boxes div.box div.boxContent ul li p.subtitle {font-size:10px; line-height:11px; color:#999; margin-bottom:3px;}
div.boxes div.box div.boxContent ul li p.icon {float:left; margin-right:5px;}
div.boxes div.box div.boxContent ul li h3 {margin:0; padding:0; font-size:11px; line-height:13px;}
div.boxes div.box div.boxContent ul li h3 a {text-decoration:none; display:block; padding:4px 18px 4px 0px; background:none; background: url('../img/buttons/arrow-petrol-active.gif'); background-position: 100% 4px; background-repeat: no-repeat; }
div.boxes div.box div.boxContent ul li h3 a:hover {background-image: url('../img/buttons/arrow-petrol-hover.gif'); }

div.boxes div.box div.boxFunction ul.featured {list-style-type:none; margin:0; padding:0; width:100%; overflow:hidden;}
div.boxes div.box div.boxFunction ul.featured li {position:relative; margin:0; padding:5px 8px 10px 8px; width:167px; overflow:hidden; float:left; clear:none; height:140px; margin-bottom:3px; }
div.boxes div.box div.boxFunction ul.featured li div.info {border-top:1px dotted #ddd; padding-top:3px;}
div.boxes div.box div.boxFunction ul.featured li div.info {color:#555;}
div.boxes div.box div.boxFunction ul.featured li:hover div.info {color:#000;}
div.boxes div.box div.boxFunction ul.featured li a.more {display:block; position:absolute; bottom:0px; padding:2px 5px; width:168px; overflow:hidden; font-size:10px;}


div.boxes div.box div.boxContent div.observations {position:absolute; display:block; bottom:16px; right: 9px; width:100%; overflow:hidden; margin:0;  padding:0; padding-top:5px;}
html>body div.boxes div.box div.boxContent div.observations {right: 0;}
div.boxes div.box div.boxContent div.observations p {font-size:10px; line-height:11px; margin:0 25px 3px 10px; background-color:#fff; }
div.boxes div.box div.boxContent div.observations ul {list-style-type:none; padding:0 0 1px 0; margin:0 0 0 0; overflow:hidden; height: 100%; background: left bottom repeat-x url('../img/backgrounds/dottedLine.gif'); width: auto; display: block;}
html>body div.boxes div.box div.boxContent div.observations ul {margin:0 9px;}
div.boxes div.box div.boxContent div.observations ul li {border:none; margin:0; padding:0; width:100%; overflow:hidden; display:block; float: left; clear: left; background:left top repeat-x url('../img/backgrounds/dottedLine.gif');}
div.boxes div.box div.boxContent div.observations ul li h3 {margin:0; padding:0; font-weight:normal;}

div.boxes div.box div.boxContent div.observations ul li a {text-decoration:none; display:block; padding:5px 18px 6px 0px; margin: 0; background-color:none; background:url('../img/buttons/arrow-petrol-active.gif'); background-position: 100% 5px; background-repeat: no-repeat; }
div.boxes div.box div.boxContent div.observations ul li a:hover {background-image: url('../img/buttons/arrow-petrol-hover.gif');}

div.boxes div.box.noTitleBar div.boxContent {border-top: 1px solid #CFCFCF; overflow: hidden; height: 100%;}

div.boxes div.highlighted div.boxContent {background-color:#bad4da; }
div.boxes div.highlighted div.boxPresentation {background-color:#008698; color:#fff;}
div.boxes div.highlighted div.boxPresentation div.head {font-weight:normal;}

div.boxes div.box div.boxContent div.body a.cloud {font-weight: bold; text-decoration: none; margin: 0 6px 2px 0; color: #666; line-height: 20px;}
div.boxes div.box div.boxContent div.body a.cloud:hover {color: #008698;}
div.boxes div.box div.boxContent div.body a.cloud_elem14 {font-size: 11px;}
div.boxes div.box div.boxContent div.body a.cloud_elem13 {font-size: 11px;}
div.boxes div.box div.boxContent div.body a.cloud_elem12 {font-size: 11px;}
div.boxes div.box div.boxContent div.body a.cloud_elem11 {font-size: 1§2px;}
div.boxes div.box div.boxContent div.body a.cloud_elem10 {font-size: 12px;}
div.boxes div.box div.boxContent div.body a.cloud_elem9 {font-size: 12px;}
div.boxes div.box div.boxContent div.body a.cloud_elem8 {font-size: 12px;}
div.boxes div.box div.boxContent div.body a.cloud_elem7 {font-size: 14px;}
div.boxes div.box div.boxContent div.body a.cloud_elem6 {font-size: 14px;}
div.boxes div.box div.boxContent div.body a.cloud_elem5 {font-size: 14px;}
div.boxes div.box div.boxContent div.body a.cloud_elem4 {font-size: 14px;}
div.boxes div.box div.boxContent div.body a.cloud_elem3 {font-size: 16px;}
div.boxes div.box div.boxContent div.body a.cloud_elem2 {font-size: 16px;}
div.boxes div.box div.boxContent div.body a.cloud_elem1 {font-size: 16px;}
div.boxes div.box div.boxContent div.body a.cloud_elem0 {font-size: 16px;}

/*
div.boxes div.highlighted a {color:#fff;}
div.boxes div.highlighted a:hover {color:#000;}
div.boxes div.highlighted div.boxPresentation h {color:#fff; }
div.boxes div.highlighted div.boxPresentation div.head {color:#fff; }
div.boxes div.highlighted div.boxPresentation div.head p {color:#fff; }
div.boxes div.highlighted div.boxPresentation p.subtitle {color:#000;}
div.boxes div.highlighted div.boxContent div.body {color:#fff; }
div.boxes div.highlighted div.boxContent ul li a {text-decoration:none; }
div.boxes div.highlighted div.boxContent ul li a:hover {text-decoration:none; color:#f00;}
*/

div.boxes div.full div.boxContent div.observations {position:static; margin:0; padding:0; background:none;}
div.boxes div.full div.boxContent div.observations p {margin-right: 10px;}
div.boxes div.full div.boxContent div.observations ul {background-color:none; margin: 0;}
div.boxes div.full div.boxContent div.observations ul p {background:none;}

div.boxes div.template5 div.boxPresentation h2 {background-color:#5B8424; }
div.boxes div.template5 div.boxContent ul li h3 a {background-image:url('../img/buttons/arrow-grassGreen-active.gif');}
div.boxes div.template5 div.boxContent ul li h3 a:hover {background-image:url('../img/buttons/arrow-grassGreen-hover.gif');}
div.boxes div.template5 div.boxContent div.observations ul li a {background-image:url('../img/buttons/arrow-grassGreen-active.gif');}
div.boxes div.template5 div.boxContent div.observations ul li a:hover {background-image:url('../img/buttons/arrow-grassGreen-hover.gif');}

div.boxes div.template11 div.boxPresentation h2 {background-color:#5B8424; }
div.boxes div.template11 div.boxContent ul li h3 a {background-image:url('../img/buttons/arrow-grassGreen-active.gif');}
div.boxes div.template11 div.boxContent ul li h3 a:hover {background-image:url('../img/buttons/arrow-grassGreen-hover.gif');}
div.boxes div.template11 div.boxContent div.observations ul li a {background-image:url('../img/buttons/arrow-grassGreen-active.gif');}
div.boxes div.template11 div.boxContent div.observations ul li a:hover {background-image:url('../img/buttons/arrow-grassGreen-hover.gif');}

div.boxes div.template6 div.boxPresentation h2 {background-color:#007757;}
div.boxes div.template6 div.boxContent ul li h3 a {background-image:url('../img/buttons/arrow-green-active.gif');}
div.boxes div.template6 div.boxContent ul li h3 a:hover {background-image:url('../img/buttons/arrow-green-hover.gif');}
div.boxes div.template6 div.boxContent div.observations ul li a {background-image:url('../img/buttons/arrow-green-active.gif');}
div.boxes div.template6 div.boxContent div.observations ul li a:hover {background-image:url('../img/buttons/arrow-green-hover.gif');}

div.boxes div.template7 div.boxPresentation h2 {background-color:#6DC1C7;}
div.boxes div.template7 div.boxContent ul li h3 a {background-image:url('../img/buttons/arrow-lightBlue-active.gif');}
div.boxes div.template7 div.boxContent ul li h3 a:hover {background-image:url('../img/buttons/arrow-lightBlue-hover.gif');}
div.boxes div.template7 div.boxContent div.observations ul li a {background-image:url('../img/buttons/arrow-lightBlue-active.gif');}
div.boxes div.template7 div.boxContent div.observations ul li a:hover {background-image:url('../img/buttons/arrow-lightBlue-hover.gif');}

div.boxes div.template8 div.boxPresentation h2 {background-color:#732978;}
div.boxes div.template8 div.boxContent ul li h3 a {background-image:url('../img/buttons/arrow-deepPurple-active.gif');}
div.boxes div.template8 div.boxContent ul li h3 a:hover {background-image:url('../img/buttons/arrow-deepPurple-hover.gif');}
div.boxes div.template8 div.boxContent div.observations ul li a {background-image:url('../img/buttons/arrow-deepPurple-active.gif');}
div.boxes div.template8 div.boxContent div.observations ul li a:hover {background-image:url('../img/buttons/arrow-deepPurple-hover.gif');}

/*
div.boxes div.template12 div.boxPresentation h2 {background-color:#732978;}
div.boxes div.template12 div.boxContent ul li h3 a {background-image:url('../img/buttons/arrow-deepPurple.gif');}
div.boxes div.template12 div.boxContent div.observations ul li a {background-image:url('../img/buttons/arrow-deepPurple.gif');}
*/

div.boxes div.template9 div.boxPresentation h2 {background-color:#0077b7;}
div.boxes div.template9 div.boxContent ul li h3 a {background-image:url('../img/buttons/arrow-blue-active.gif');}
div.boxes div.template9 div.boxContent ul li h3 a:hover {background-image:url('../img/buttons/arrow-blue-hover.gif');}
div.boxes div.template9 div.boxContent div.observations ul li a {background-image:url('../img/buttons/arrow-blue-active.gif');}
div.boxes div.template9 div.boxContent div.observations ul li a:hover {background-image:url('../img/buttons/arrow-blue-hover.gif');}


div.boxes div.template10 {background:none !important; border-color:#fff;}
div.boxes div.template10 div.boxPresentation {border:none;}
div.boxes div.template10 div.boxPresentation h2 {background:none; color:#000; padding-left:0; border-bottom:1px dotted #ccc;}
div.boxes div.template10 div.boxPresentation h2 a {color:#008698; }
div.boxes div.template10 div.boxPresentation div.head {padding:5px 0;}
div.boxes div.template10 div.boxContent {padding:3px 0;}
div.boxes div.template10 div.boxContent div.observations ul {padding:0;}
div.boxes div.template10 div.boxContent div.observations p {padding:0;}

div.boxes div.template13 {}
div.boxes div.template13 div.boxPresentation {position:absolute; z-index:20; top:20px; left:20px; width:30%; background-color:#f00 !important; color:#fff;}
div.boxes div.template13 div.boxPresentation h2 {background-color:#f00 !important; color:#fff; font-size:15px; line-height:17px; margin-bottom:2px; }
div.boxes div.template13 div.boxPresentation h2.linked {padding-right:10px;}
div.boxes div.template13 div.boxPresentation h2.linked a {float:none; position:static; width:auto; text-align:left; font-size:10px;}
div.boxes div.template13 div.boxContent {position:absolute; bottom:25px; left:20px; width:50%; background-color:#fff; border:1px solid #ccc;}
div.boxes div.template13 div.boxContent div.observations {position:static;}
div.boxes div.template13 div.boxContent div.observations ul {width:100%;}
html>body div.boxes div.template13 div.boxContent div.observations ul {margin: 0;}

/* verticalPresentation box */
div.boxes div.template23 p.visual {text-align: left; width: auto; float: left; display: block; margin-right: 6px;}
div.boxes div.template23 div.boxContent {padding-left: 0;}
div.boxes div.template23 div.boxContent div.observations {width: 50%;}
div.boxes div.template23 div.boxContent div.observations ul {margin-left: 6px;}
html>body div.boxes div.template23 div.boxContent div.observations ul {margin-left: 3px;}

/* accordion box */
div.boxes div.boxMultiple div.accordItem div.accordItemContent {position: relative;}
div.boxMultiple div.selected div.accordItemContent {display: block;}
#main #content #primary div.arts3 div.selected div.accordItemContent {height: 210px;}
div.boxes div.boxMultiple div.accordItem div.boxPresentation {cursor: hand;}
div.boxes div.boxMultiple div.accordItem div.boxPresentation h2 {padding: 0;}
div.boxes div.boxMultiple div.accordItem div.boxPresentation h2 a {font-weight: bold; text-decoration: none; display: block; padding: 6px; background: url('../img/applications/icons/plus_template1.gif') no-repeat 6px 6px; padding-left:24px;}
div.boxes div.boxMultiple div.selected div.boxPresentation h2 a {background: url('../img/applications/icons/minus_template1.gif') no-repeat 6px 6px;}
div.boxes div.boxMultiple div.template5 div.boxPresentation h2 a {background-image: url('../img/applications/icons/plus_template5.gif');}
div.boxes div.boxMultiple div.template5 div.selected h2 a {background-image: url('../img/applications/icons/minus_template5.gif');}
div.boxes div.boxMultiple div.template7 div.boxPresentation h2 a {background-image: url('../img/applications/icons/plus_template7.gif');}
div.boxes div.boxMultiple div.template7 div.selected h2 a {background-image: url('../img/applications/icons/minus_template7.gif');}
div.boxes div.boxMultiple div.accordItem div.boxPresentation h2 a:hover {text-decoration: underline;}
div.boxes div.boxMultiple div.accordItem p.visual {position: absolute; z-index: 100;}
div.boxes div.boxMultiple div.accordItem div.boxContent div.observations {bottom: 8px; right: 6px; position: absolute;}
html>body div.boxes div.boxMultiple div.accordItem div.boxContent div.observations {right: 0;}
div.boxes div.boxMultiple div.accordItem div.boxContent div.observations ul {margin: 0;}
html>body div.boxes div.boxMultiple div.accordItem div.boxContent div.observations ul {margin: 0 6px;}

ul.articles {list-style-type:none; margin:0; padding:0;}
ul.articles li.article {border-bottom:1px dotted #ccc; margin-bottom:5px; padding-right:70px; position:relative; overflow: hidden;}
ul.articles li.article p.subtitle {font-size:10px; color:#666; margin:0px;}
ul.articles li.article a.more {position:absolute; top:0px; right:10px; text-align:right;}
ul.articles li.article h2 {margin-bottom:3px;}
ul.articles li.article h2 a {color:#008698;}
ul.articles li.article h2 a:hover {color:#007757;}
ul.articles li.article div.head p {margin-bottom:3px;}
ul.articles li.article div.head ul {margin-bottom:3px;}



ul.full {margin:0; padding:0; background:none;}
ul.short {padding-left: 0; display: block; overflow: hidden; height: 100%;}
ul.short li {width:115px; float:left; margin: 0 6px 10px 6px; padding:0; display:inline; height:175px; overflow:hidden; clear: none;}
ul.full li {width:151px; float:left; margin-right:17px; padding:0; margin-left:0; }
ul#phones li { clear:none; padding:0; height:250px; margin-bottom:20px;}
ul#phones li.promo {border-right:1px dotted #ccc; padding-right:10px;}
ul#phones li.promo p { line-height:12px;}
ul#phones p.thumb {margin-bottom:0;}
ul#phones H3 {font-size:11px; font-weight:bold; margin:0; line-height:11px; margin-bottom:2px;}
ul#phones p.features {font-size:9px; margin:0; padding:0; line-height:11px;}
ul#phones p {font-size:9px; line-height:10px;}
ul#phones p.more {border:0; font-size:9px; float:left;}
ul#phones p.more a {}
ul#phones p.more a:hover { color:#000; text-decoration:none;}

a.textBtnRed,a.textBtnGrey,a.textBtnPurple,a.btnGreyOnRed{color:#fff; font-family:arial; font-weight:bold; text-decoration:none; margin-right: 6px;}
.textBtnRed,.textBtnGrey,.textBtnPurple {padding-left:5px; margin-top:6px; height:24px; cursor:pointer;	display:block; float: left;}
.textBtnRed span,.textBtnGrey span,.textBtnPurple span{padding:2px 5px 0 1px; float:left; height:24px;}
.textBtnRed {background:url("../img/buttons/redLeft.gif") no-repeat left top;}
.highlighted .textBtnRed {background:url("../img/buttons/redLeftNoShadow.gif") no-repeat left top;}
.textBtnGrey {background:url("../img/buttons/greyLeft.gif") no-repeat left top;}
.textBtnPurple {background:url("../img/buttons/purpleLeft.gif") no-repeat left top;}
.textBtnRed span{background:url("../img/buttons/redRight.gif") no-repeat right top;}
.highlighted .textBtnRed span{background:url("../img/buttons/redRightNoShadow.gif") no-repeat right top;}
.textBtnGrey span{background:url("../img/buttons/greyRight.gif") no-repeat right top;}
.textBtnPurple span{background:url("../img/buttons/purpleRight.gif") no-repeat right top;}
.textBtnRed:hover span,.textBtnGrey:hover span,.textBtnPurple:hover span{background-position:right -95px;}
.textBtnRed:hover,.textBtnGrey:hover,.textBtnPurple:hover{background-position:left -95px; color: #FFF;}

#searchResults  {display:block; width:55%; overflow:hidden; float:right; margin-right:10px;}
#searchResults li {background: left bottom repeat-x url('../img/backgrounds/dottedLine.gif'); margin-bottom:5px; padding-bottom:5px;}
#searchResults h3 {margin-bottom:3px; }
#searchResults h3 span.parent {font-weight:normal;}
#searchResults p {clear:both; margin-bottom:3px;}
#searchResults p.breadcrumbs {font-size:9px; line-height:10px; color:#ccc;}
#searchResults p.breadcrumbs a {color:#999; text-decoration:none;}

#searchForm {margin-bottom:10px;}
#searchForm #submitString  {display:inline; width:200px; float: left; margin-right: 6px;}
#searchInfo {display:block; width:40%; overflow:hidden; float:left; }
#searchPages {display:block; line-height:14px; width:100%; overflow:hidden; padding:5px; background: left top repeat-x url('../img/backgrounds/dottedLine.gif');  }
#searchPages span {float: left;}
#searchPages a {display:inline-block; padding:2px 5px; text-decoration:none; border:1px solid #ccc; margin:1px; float: left;}
#searchPages span.selected {display:inline-block; padding:2px 5px; text-decoration:none; background-color:#6DC1C7; color:#fff; border:1px solid #000; margin:1px;}


div.boxes div.box div.boxFunction ul.kb {}
div.boxes div.box div.boxFunction ul.kb li {margin-bottom:7px;}

div.fastaccess { border: 1px solid #CCC; padding: 5px 6px;}
div.fastaccess ul { clear: both; overflow: hidden; border-bottom: 1px dotted #CCC; padding-bottom: 5px;}
div.fastaccess ul li { float:left; clear: none !important; margin: 3px 10px 2px 15px; width: 140px;}
div.fastaccess h4 { margin-left: 5px;}