* { padding: 0; margin: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background-image:url(./../../images/skins/csf/page-bg.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
}

* html body {text-align:center;}

#wrapper { 
	margin-top: 0;
	margin-left:auto;
	Margin-right:auto;
	width: 760px;
	background:transparent;
}

* html #wrapper{text-align:left;}

h1 {
	font-size:1.2em;
}

h2 {
	font-size:1.1em;
}

p {
	padding: 5px;
}

ul {
	margin-left:25px;
}

.ledgend {
	margin-left:10px;
}

/********************* General Anchor text  *******************/
a:link , a:visited {
	color:#fff;
	font-size: 1em;
}

a:hover ,  a:focus {
	color:#fff;
	font-size: 1em;
}
/********************* Header  *******************/
#header {
	 color: #ffffff;
	 width: 760px;
	 float: left;
	 height: 75px;
	 padding-top:15px;
	 background:transparent;
}

/********************* Flash  *******************/
#flash {
	margin-bottom:1px;
	color: #ffffff;
	width: 760px;
	float: left;
	height: 150px;
	background:transparent;
}
 
* html #flash {
	margin-bottom:-3px;
}

 /********************* Menu  *******************/
#menuContainer 	{
	padding:7px 0px 2px 0px;
	width:760px;
	height:32px; 
	margin-right:auto;
	margin-bottom:0px;
	background-image:url(./../../images/skins/csf/gen-menu-bg.gif);
	background-repeat:no-repeat;
	background-position: 50% 0;
	clear:both;
}

* html #menuContainer{	margin: 3px 0px 0px -2px;}

 /********************* Content  *******************/

#main { 
	float: left;
	padding:0px;
	color: #ffffff;
	font-size:.8em;
	background:transparent;
	width: 760px;
	clear:both;
	margin-top:0px;
}

* html #main{	margin: 7px 0px 0px 0px;}


#topCorners { 
	width:760px;
	height:16px;
	color: #ffffff;
	background-image:url(./../../images/skins/csf/topCorners.gif);
	background-repeat:no-repeat;
}

#container { 
	width:760px;

	color: #ffffff;
	background-image:url(./../../images/skins/csf/content.gif);
}

#container .suppliers{
	width:738px;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	background:transparent;
	border:1px solid #fff;
}

#container #sponsorsRight {
	position:relative;
	float:right;
	width:150px;
	margin:0px 10px 0px 0px;
	padding:5px;
	background-color: rgb(84,103,146);
}

#container #sponsorsRight .heading{
	padding:5px;
	background-color: rgb(147,180,205);
	font-weight:bold;
	color: rgb(22,50,110);
}

#content {
	width:746px;
	padding:5px;
}

 #bottomCorners { 
	width:760px;
	height:16px;
	color: #ffffff;
	background-image:url(./../../images/skins/csf/bottomCorners.gif);
	background-repeat:no-repeat;
}

 /********************* Locations Depots and Servos  *******************/

#content #locationsleft {
	float: left;
	padding: 5px;
	margin-left:25px;
}

#content #locationsleft h1 {
	font-size:1.3em;
	font-weight:bold;
}

#content #locationsleft h2 {
	font-size:1.3em;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}

#content #locationsleft p {
	padding-left:5px;
}

#content #locationsright {
	float: right;
	padding: 5px;
}

#content #locationsright h2 {
	font-size:1.3em;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}

/********************* Application Page Styles  *******************/

#content #applicationleft {
	position:relative;
	float: left;
	padding: 5px;
	margin-left:5px;
	width:180px;
}

#content #applicationleft p {
	padding: 5px 0px 0px 0px;
	margin-left:0px;
	font-size:.9em;
}

#content #applicationleft ol {
	padding: 5px;
	margin-left:10px;
}

#content #applicationright {
	position:relative;
	float: right;
	padding: 5px;
	width:530px;
}

#content #applicationright p{
	padding: 5px 0px;

}


/********************* Products Styles  *******************/
#content .prod_search_form{
	width:98%;
	background:rgb(205,205,205);
	color:#000;
	border:1px solid #000;
	padding: 5px;
}

#sections h1, #products h1 {
	margin:10px 0px;
}

#products {
	margin-left:25px;
	margin-right:10px;
}

#products h2 {
	margin:5px 0px;	
}

#products li.category_heading {
	margin:5px 0px 2px 0px;
	color:rgb(225,245,0);	
	font-weight:bold;
}

#products li.category {
	margin:5px 0px 2px 0px;
	color:#fff;	
	font-weight:normal;
}
	
 /********************* Footer  *******************/

#footer { 
	width: 760px;
	height: 55px;
	clear: both;
	color: #000;
	font-size:.8em;
	text-align:center;
	background:transparent;
}

#footer a:link , #footer a:visited {
	color:#000;
	font-size: 1em;
}

#footer a:hover , #footer a:focus {
	color:#000;
	font-size: 1em;
}

/********************* Font and Text Styles *******************/

span.orange {
	color:rgb(255,103,53);
}

/********************* Alignment Styles *******************/

.right {
  text-align:right;
}

/********************* Main Brand Link Styles *******************/
#brandLinks {
	width:555px;
	margin:0px 0px 10px 10px;
}

.yellowBottom {
	font-size:1.7em;
	border-bottom: 10px solid rgb(255,255,0);
}

.orangeBottom {	
	font-size:1.7em;
	border-bottom: 10px solid rgb(255,103,53);
}

.redBottom {	
	font-size:1.7em;
	border-bottom: 10px solid rgb(255,0,0);
}

.blueBottom {	
	font-size:1.7em;
	border-bottom: 10px solid rgb(1,142,219);
}

/********************* Colour Styles *******************/

.yellow {
    color:rgb(255,255,0);
}

/********************* Margin and Padding Styles *******************/

.paddingTop10 {
padding-top:10px;
}

.paddingTop15 {
padding-top:15px;
}

.marginTop5 {
  margin-top:5px;
}

/********************* General Styles *******************/

.clearBoth {
  clear:both;
}

div.onehalf {
	position:relative;
	float: left;
	width: 47.5%;
	padding: 5px;
}

div.oneQuater {
	position:relative;
	float: left;
	width: 18%;
	padding: 5px;
	margin: 0px 20px 20px 0px;
}

.blank{
	display:none;
}

.noborder {
border:none;
}
div.errors {
    background: url('../images/warning.png') 6px 3px no-repeat;
    background-color: #EF9398;
    border: 1px solid #DC5757;
    color: #333;
    padding-left: 42px;
    padding-top: 10px;
    padding-bottom: 8px;
    margin-top: 10px;
    text-align: left;
    font-size: 12px;
}
/********************* FORMS *******************/
/* ************ Forms ************** */
form table {
    border: 1px solid #ccc;
    width: 55%;
}
form table tr.even {
    background: transparent;
}
form table tr.odd {
    background: transparent;
}
form table th {
    vertical-align: top;
    font-weight: normal;
    text-align: left;
    color: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 15px;
    font-size: 12px;
}
form table td {
    font-size: 12px;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
form table th span.description {
    font-size: 11px;
    color: #fff;
}
.text {
    border: 1px solid #ccc;
    font-family: 'Arial';
    font-size: 12px;
    color: #333;
    padding: 2px;
}
input.small, select.small, textarea.small { width: 50px; }
input.medium, select.medium, textarea.medium { width: 200px; }
input.large, select.large, textarea.large { width: 400px; }
span.required {
    color: #fff;
}
span.fineprint {
    color: #fff;
    font-size: 10px;
}