/* CSS Document */

@charset "UTF-8";
@import url("google-default.css");

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, img, li, ol {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	font-family: Arial, Helvetica, sans-serif; 	
	background:url(../images/stripe2.png) repeat; 	
	color: #595858;
}

#content-wrapper { width:776px;}


#main {
	width:776px; 	
	margin:110px auto 20px; 	
	background-color:#FFF; 	
	/*color: #EDEDED;*/ 	
	border-left:24px solid #d50016; 	
	border-bottom:24px solid #d50016;
}
#Flash {
	background: #FFFFFF;
	clear: both;
	width: 100%;
}


#logo, .logo {
	/*background: url(../images/latestheaderimage.png) no-repeat;*/
	height: 169px; 	
	width: 250px; 	
	position:absolute; 	
	top:-35px; 	
	right:-50px; 	
	background: url(../images/criterion-tcm-forklifts.png) no-repeat;	
}
/* This makes all the PNG's Transparent in IE6 - Must be a class and background Image */
.logo { behavior: url(../png-fix/iepngfix.htc); }
.logo { behavior: url(http://www.criterion.co.za/assets/png-fix/iepngfix.htc); }

#logo h1 {
    text-indent: -9999px;
}
#header {
    width:776px; 	
	height:137px; 	
	position:relative;
}

ul#menu {
    list-style: none; 	
	padding-top: 10px;
	
}
ul#menu li a {
    font-size: 12px;     
	color:#d50016;     
	text-decoration: none; 	
	float:left; 	
	padding-left:0px; 	
	padding-right: 75px;
}

h2 {
	font-size: 16px; 	
	color: #FFF; 	
	line-height:30px; 	
	background:#C30 url(../images/heading-bg.jpg) no-repeat left top; 	
	display:block; 	
	padding-left:50px; 	
	margin-bottom:20px;
}
h3 {
	font-size: 18px; 	
	color: #444444; 	
	padding-top: 11px; 	
	padding-bottom: 11px; 	
	font-weight: normal; 
}
h4 {
    font-size: 18px;     
	color: #373737;     
	font-weight: normal; 
}
h5 {
	font-size: 14px; 	
	color: #444444; 	
	padding-top: 4px; 	
	padding-bottom: 4px;
}

p  {
	font-size: 14px; 	
	color: #595858; 	
	margin: 0px; 	
	padding: 4px 6px 4px 0px; 	
	line-height: 17px;
}
small {
    font-size: 12px;     
	color: #373737; 
}
img, a img  {
	border: none;
}
a {
	color: #999;
	text-decoration: none; 	
	/*border-bottom: 2px solid #CCCCCC;*/
	
}
a:hover {
	border-style: none;
	text-decoration:none;
}
a.text {
	color: #999;
	text-decoration: none; 	
	border-bottom: 2px solid #CCCCCC;
}
a:hover.text {
	border-style: none;
	text-decoration:none;
}
ul {
	font-size: 12px;
}

li  {
	margin-left: 20px; 	
	padding-top: 2px; 	
	padding-bottom: 2px;
}
hr {
	color: #FF9900; 	
	background: #FF9900; 	
	height: 4px; 	
	width: 100%; 	
	border-style: none;
}


#news {
    padding-top: 10px; 
}

#content {
	width: 551px; 	
	float:left; 	
	padding-left: 11px; 	
	padding-top: 30px; 	
	background: url(../images/divider-vertical.jpg) repeat-y left top;
}

#youtube {
	width: 540px;
}

* html #content {
	width: 551px; 		
	padding-left: 9px; 	

}

#sidebar {
	float:left;
	margin-top: 10px;
	background: #FFF;
	width: 201px;
	padding-left: 7px;
	padding-top: 20px;
	margin-right: 6px;
	font-size: 11px;
}

#sidebar h3 {
    font-size: 24px;     
	color: #044055;     
	font-weight: normal;     
	padding-bottom: 20px;     
	padding-left: 15px; 	
}
#sidebar h1 {
	font-size: 13px;
	color: #666666;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
}

#sidebar h4 {
	font-size: 15px;
	color: #c97900;
	text-align:center;
	font-weight:bold;
	padding-top: 3px;
	padding-bottom: 3px;
	
}

#sidebar h4 a{
	color: #c97900;
	text-decoration:underline;
}

#sidebar ul {
    list-style: none;     
	padding-bottom: 25px;
}
#sidebar  a   {
	color: #666666; 	
	border: none;
}

#footer {
	width:776px; 	
	background:#d50016; 	
	color: #fff; 	
	padding:24px 0 10px;
}
#footer a {
	color: #FFFFFF; 	
	font-weight: normal; 	
	border-bottom: none;
}
#footer a:hover {
	border-bottom-style: none;
}

#footer p {
	line-height:18px; 	
	padding-bottom: 2px; 	
	color: #FFF; 	
	font-size: 14px;
}
ul#subscribe li {
    padding-bottom: 5px; 
}
ul#subscribe li a {
    font-size: 18px; 
}

ul#menu {padding-bottom: 10px} 

.clear { clear:both; }

#call-to-action {
	background-color:#FFF; 	
	width:550px; 	
	margin-bottom: 5px;
}

#call-to-action img {
	float:left; 	
	padding-left:14px; 	
	padding-right: 6px;
}
#call-to-action .NewsBox {
	margin: 5px; 	
	float: left; 	
	height: 80px; 	
	width: 250px; 	
	background: #B7B7B7; 	
	padding: 4px;
}
#call-to-action .NewsBox h3 {
	font-size: 13px; 	
	font-weight: bold; 	
	color: #000000; 	
	margin: 0px; 	
	padding: 0px;
}
#call-to-action .NewsBox p {
	font-size: 12px; 	
	color: #000000;
}
#call-to-action   .NewsBox   p.ReadMore  {
	color: #D2021C; 	
	text-align: right; 	
	font-size: 11px; 	
	font-weight: bold; 	
	background: url(../images/read-more.gif) no-repeat right center; 	
	padding-right: 14px; 	
	padding-top: 0px; 	
	margin-top: 5px; 	
	margin-right: 5px;
}
.NewsBox a {
	border-style: none;
}

.ReadMore a {
	color: #D2021C;
}


.negmargin{
	margin-left: -5px;
}
.NewsImage {
	padding-right: 10px;
}


.products-main { 
	height:200px; 
	margin:10px 0;
}
 .products-main img {
	padding:0px 3px; 	
	margin: 0px;
}
#main  #content-wrapper  #content  p, #content table {
	font-size: 12px;
}


img.products {
	margin: 10px; 	
	border-style: none;
}
p.ProductBg {
	background: url(../images/product-background.gif) no-repeat bottom;
}
img.RightMargin {
	margin-right: 10px;
}
#ProductBox {
	width: 505px; 	
	padding-top: 3px; 	
	padding-bottom: 3px; 	
	border-bottom: 1px dotted #999999; 	
	padding-left: 10px; 	
	margin-top: 5px; 	
	clear: both; 	
	margin-right: 10px; 	
	margin-left: 10px;
}
#ProductBox  h3 {
	border-bottom: 1px solid #666666; 	
	margin-bottom: 5px; 	
	padding-bottom: 0px; 	
	text-indent: 5px;
}

.Product {
	float: left; 	
	width: 145px; 	
	margin-right: 10px; 	
	margin-left: 10px; 	
	_margin-left: 5px; 	
	_margin-right: 5px; 	
	height: 180px; 	
	font-size: 13px; 	
	text-align: center;
}
.Product p {
	padding-top: 2px; 	
	padding-bottom: 2px;
}

.DownloadProduct {
	background: #B7B7B7; 	
	width: 530px; 	
	margin-top: 20px; 	
	margin-bottom: 5px; 	
	padding: 5px; 	
	color: #000000;
}
.DownloadProduct p {
	color: #000000;
}
.DownloadProduct a {
	color: #666666; 	
	border-bottom-color: #999999;
}


#SingleProduct { 
	width: 535px;
	height: 163px;
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid #CCC;
}

.SingleProduct-left {
	float: left;
	width: 232px;
	height: 163px;
}

.SingleProduct-right { 
	float: right;
	width: 303px;
	height: 163px;
	background: #CCC;
}

.SingleProduct-right h3 {
	margin-left: 15px;
	font-weight: bold;
}

.SingleProduct-right p { 
	margin-left: 15px;
}

.SingleProduct-right ul { 
	margin-left: 10px;
}


table.Contact  th  {
	font-size: 14px; 	
	color: #D50016; 	
	text-align: left;
}
.Contact  td, .Contact th {
	border-right: 1px solid #CCCCCC; 	
	border-collapse:collapse;
}
.Contact .BG {
	background: #EEEEEE;
}

/*Google Search Styling*/

  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }


  input.gsc-input {
    border: solid 1px #595858 !important; 
	margin-right: 2px;
	width: 97% !important;
  }
  input.gsc-search-button {
	color: #EEEEEE;
	background: #595858;
	border: 0px solid #595858 !important;
	cursor: pointer;
	cursor: hand;
	padding-top: 2px;
	padding-bottom: 2px;
	text-transform:uppercase;
	text-shadow: none;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	height:22px;
	width:60px;
	font-size:11px;
	text-align:center;
	
  }
  	div.gsc-clear-button {
		padding-left:4px !important;
		
		
	}
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #999999;
    background-color: #ffffff;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top: solid 0px #666666 !important;
    border-left: solid 0px #666666 !important;
    border-right: solid 0px #666666 !important;
    background-color: #FFFFFF;
	color:#666666 !important;
	font-weight: bold;
	
  }
  .gsc-tabsArea {
    border-color: #999999;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #999999;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #666666;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #cccccc;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #cccccc;
  }
  .gsc-cursor-page {
    color: #999999;
  }
  a.gsc-trailing-more-results:link {
    color: #999999;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #595858;
	border: none;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #999999;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #999999;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #999999;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #666666;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result {
    border: 0px #666666;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #999999;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #666666;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #cccccc;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #cccccc;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #595858;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #999999;
  }

.faq {
	padding-top:20px;
	font-weight:bold;
}