.gridlist {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
}
.gridlist li {
	display: inline-block;
	vertical-align: top;
	margin: 1% 1% 1% 0;
	padding: 0;
	width: 31%;
	overflow: hidden;
	border: solid 1px #AAA; /* WAS black but needs to be more subtle...what is the focus, the border or the content!? */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 290px; /* if you can increase the size of the fonts then how come the box height is not set in a relative measuement like "em"? */
	min-height: 290px;
}
.gridlist li.wide {
	width: 100%;
	margin: 0 0 1em 0;
}
.headlines li h2 {
	font-size: 1.2em;
}
.headlines li.heroheadline h2 {
	font-size: 1.62em;
}

.cmsBoxout {
	display: inline-block;
	float: left;
	width: 200px; 
	padding: 10px 15px; 
	margin: 0 5px 5px 0; 
	color: white;
	background: #93C2E8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.cmsBoxout h3 { font-size: 1.2em; color: #004fa3;}

.cmsBoxout ul { margin-left: 20px;}

blockquote.cmsBoxout {line-height: normal;}

.cmsBoxout.floatRight {	float: right; margin: 0 0 5px 5px; }

.cmsBoxout .attribute { text-align: right; color: black; font-size: .55em; }

.cmsNote { color: #2379AA; font-style: normal; }
.cmsBlock { display: block; border: 1px solid #999; padding: 5px; background: /*#F6F6F6;*/#666; }
.cms_block { display: block; padding: 10px 15px; background: #bdd9f0; border: 1px solid #93C2E8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }


blockquote.cmsBlockquote {
        font-style: normal;
	display: inline-block;
	float: left;
	width: 200px; 
	padding: 5px 0px 10px 0px; 
	margin: 0 10px 5px 0; 
	border-top: 8px solid #004fa3;
	border-bottom: 8px solid #93c2e8;
}

blockquote.cmsBlockquote p {
        font-family: Arial, Helvetica, sans-serif;
	line-height: 135%;
	float: left;
}

blockquote.cmsBlockquote span {

	color: #004fa3;
	font-weight: bold;
}

.cmsBlockquote.floatRight {
	float: right;
	margin: 0 0 5px 10px; 
}

.cmsBlockquote .attribute {
	text-align: left;
	color: #004fa3;
	font-size: .55em;
}

div.cmsSummary {
	padding: 10px 15px; 
	background-color: #666;
	/*background-color: #F1F2F2;*/
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#FFF;
}
.sectionTitle {
        color: #FFF;
	text-align: right;
	background: #999;
	font-family: Helvetica,Arial,Sans-Serif;
	font-size: 1em;
	font-weight: normal;
	padding: .5em 1.1em;
	-moz-border-radius: 1.1em 1.1em 0 0;
	-webkit-border-radius: 1.1em 1.1em 0 0;
	border-radius: 1.1em 1.1em 0 0;
}
.summaryBox {
	margin-bottom: 1em; 
}
.summaryBox div {
	background: #666;
	padding: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
}
.summaryBox h2 {
	color: #FFF;
	font-size: 1.25em;
	font-weight: bold;
	padding-bottom: .5em;
	border-bottom: dotted 1px black;
}
.cmsDirList .itemDesc {
	padding: .8em;
}
.callout {
	background: url("../../ui/arrow-bullet-3.gif") no-repeat scroll left center transparent;
	padding-left: 16px;
}
table.compare {
	width: 100%;
}


/* Samsung and HP  */
.samsung_container
{
	margin-left: auto;
	margin-right: auto;
	width: 696px;
	color:#818285;
	margin-bottom:30px;
}
.samsung_g1, .samsung_g2, .samsung_g3, .samsung_g2l, .samsung_g2r{
	display: inline;
	float: left;
	position:relative;
	margin-left: 5px;
	margin-right: 5px;
}
.samsung_container .samsung_g3 {width: 222px;}
.samsung_container .samsung_g2 {width: 338px;}
.samsung_container .samsung_g2l {width: 278px;}
.samsung_container .samsung_g2r {width: 398px;}
.samsung_container .samsung_g1 {width: 686px;}
.samsung_container .samsung_g1b {width: 680px; padding:3px;}
.samsung_container .samsung_g1 td {background-color:#e6e7e8; color:#000000;}
.heading {
	background-image:url('http://www.equanet.co.uk/cms/css/samsung_imgs/heading_bg.jpg');
	margin-top:0px;
	margin-bottom:5px;
	text-align:right;
	color:#fff;
	text-transform:uppercase;
}
.clearme {clear:both;}
.right {text-align:right;}
.left {text-align:left;}
.lgr_thick {height:3px; background-color:#c1d831;margin-bottom:4px;}
.gr_thick {height:3px; background-color:#9cd1a4;}
.gr_thin {height:3px; border-top:1px solid #9cd1a4;}
.gr_foot {height:3px; background-color:#00b259;}
.hp_bp_container_4
{
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	font-size:12px; 
	color:#5b5b5b;
}
.hp_bp_grid_1,.hp_bp_grid_2, .hp_bp_grid_3, .hp_bp_grid_4 {
	display: inline;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
}
.hp_bp_container_4 .hp_bp_grid_1 {width: 227px;}
.hp_bp_container_4 .hp_bp_grid_2 {width: 462px;}
.hp_bp_container_4 .hp_bp_grid_3 {width: 697px;}
.hp_bp_container_4 .hp_bp_grid_4 {width: 932px;}
.gradbg {width: 932px; height:496px; background-image:url('../ui/hp_grbg.jpg');margin-bottom:10px;}
.hp_bp_clearme {clear:both;height:25px;}
.hp_bp_alpha {
	display:inline; 
	float:left; width:227px; 
	border-top:1px solid #5b5b5b; 
	border-bottom:1px solid #5b5b5b; 
	margin-top:2px;
	margin-bottom:6px;
	padding-bottom:2px;
}
.hp_bp_beta {
	display:inline; 
	float:left; width:227px; 
	border-top:1px solid #5b5b5b; 
	border-bottom:2px solid black; 
	margin-top:2px;
	margin-bottom:6px;
	padding-bottom:2px;
	font-size:16px; 
	font-weight:bold;
	color:#000;
}
.tu_black {
	display: inline;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	width:442px;
	padding:10px;
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	background:#000000; color:white;
}




/* Carousel */
#s3slider { 
   width: 700px; /* important to be same as image width */ 
   height: 350px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background-color:#efefef;
   -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

#s3sliderContent {
   width: 700px; /* important to be same as image width or wider */
   height: 350px;
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */

}

.s3sliderImage {
   float: right; /* important */
   position: relative; /* important */
   display: none;
   width:700px;
   height:350px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   -khtml-border-radius: 20px;
   border-radius: 20px;
   overflow:hidden;
}
.s3sliderImage img {
   position: relative; /* important */
   float:right;
   width:700px;
   height:350px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   -khtml-border-radius: 20px;
   border-radius: 20px;
   overflow:hidden;
 
}

.s3sliderImage .slideitem {
   position: absolute; /* important */
   left: 0;
   padding: 10px 13px;
   width: 250px;
   height:330px;
   background: #666 url("../ui/new-cms-slider-ff-hack.gif") left top no-repeat;
   color: #fff;
   top: 0;
}

.s3sliderImage .slideitem h2, .s3sliderImage .slideitem a { color: #fff;}

#next {position:absolute; bottom: 20px; right:20px; width:15px; height:15px;
background:url("../../ui/carousel-ctrls.png") no-repeat -15px 0px transparent;
z-index:2000;}
#prev {position:absolute; bottom: 20px; right:55px; width:15px; height:15px;
background:url("../../ui/carousel-ctrls.png") no-repeat 0px 0px transparent;
z-index:2000;}
#next:hover {background:url("../../ui/carousel-ctrls.png") no-repeat -15px -15px transparent;}
#prev:hover {background:url("../../ui/carousel-ctrls.png") no-repeat 0px -15px transparent;
z-index:2000;}

.clear {
   clear: both;
}

.commentSection {
	z-index: 10;
}

/* ========================================================
Collateral Dropdown
======================================================== */

dl.collateral { margin: 0 0 2em; padding: 0; }
dl.collateral dt { margin: 0; padding: 0 0 0 20px; cursor: pointer; background: url(../../ui/education/left.png) center left no-repeat;}
dl.collateral dd { background: url(../../ui/education/dd_bullet.gif) left center no-repeat; padding: 0 0 0 20px; margin: 0.5em 0 0.5em 20px;}
dl.collateral dd li { margin: 0.5em 0; }

/* ========================================================
Guides / Catalogue Downloads
======================================================== */
.pdf-guides { padding: 0 0 1em 0; margin-bottom: 1.5em; border-bottom: 1px solid #CCC; }


/* ========================================================
Item Decriptions (Folder Listings)
======================================================== */
.itemDesc h2 { font-size: 1.3em; line-height: 1.3; margin: 0 0 0.5em; }
.itemDesc h2 img { display: block; margin: 0 0 0.5em; }
.itemDesc h2 a:hover,
.itemDesc h2 a:focus { color: #000; }
.itemDesc p { color: #333; }

/* ========================================================
Keywords (Basic List)
======================================================== */
p.keywords-list a { color: #666; text-decoration: none; }
p.keywords-list a:hover,
p.keywords-list a:focus { color: #333; text-decoration: underline; }