@charset "utf-8";
/* 

/******************************************************

Author:		Matt Evans
Contact:	mattevans@xtra.co.nz

Website developed for Transcold Group Limited.
© 2008 Transcold Group Limited - All rights reserved.

/******************************************************

*/


/*****************************************************
	Global Settings
*****************************************************/

html, body
{
	margin:0px;
	padding:0px;
	width: 100%;
	height: 100%;
	color:#555;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a img
{
	border:none;
}

A:link
{
	color: #000;
	text-decoration:underline;
}

A:visited 
{
	color: #000;
	text-decoration:underline;
}

A:active
{
	color: #000;
	text-decoration:underline;
}

A:hover
{
	color: #555;
	text-decoration:none;
}


/*****************************************************
	ID's
*****************************************************/

#container
{
	position:relative;
	width:1003px;
	height:628px;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
}

#header
{
	position:relative;
	width:1003px;
	height:87px;
	top:8px;
}

#teaser
{
	position:relative;
	width:1003px;
	height:215px;
}

#homeImgRotator
{
	float:left;
	width:313px;
	height:215px;
	padding-left:20px;
}

#navigation
{
	float:left;
	width:630px; /* Was 670 */
	margin-top:13px;
}

#teaserTextBox
{
	float:left;
	width:600px;
	height:128px;
	padding-left:40px;
	padding-top:30px;
}

#content
{
	position:relative;
	width:1003px;
	background-color:#FFF;
	background-image:url(../images/content_bg.jpg);
	background-repeat:repeat-x;
}

#contentLeft
{
	float:left;
	width:350px;
	margin-top:20px;
	background-color:#FFF;
}

#contentRight
{
	float:left;
	width:628px;
	margin-top:20px;
	padding-left:25px;
	background-color:#FFF;
}

#cLeftInner
{
	width:328px;
	min-height:192px;
	background-image:url(../images/long_middle_grad.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-left:20px;
}

#text{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

.heading{
	font-size:16px;
	color:#555;
}

.clearHome{
	clear:both;
	margin-top:50px;
}

.alignLeft{
	float:left;
}

.alignRight{
	float:right;
}

#cRightInner
{
	width:585px;
	min-height:192px;
	background-image:url(../images/long_middle_grad.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#cLeftInnerNoBg
{
	width:328px;
	min-height:192px;
	margin-left:20px;
}

#cRightInnerNoBg
{
	width:585px;
	min-height:192px;
}

#singleContent
{
	position:relative;
	width:943px;
	padding:30px;
	background-color:#FFF;
	background-image:url(../images/content_bg.jpg);
	background-repeat:repeat-x;
}


#singleInnerL
{
	float:left;
	width:571px;
	background-color:#fff;
}

#singleInnerR
{
	float:left;
	width:371px;
	background-color:#fff;
	text-align:center;
}

#footer
{	
	clear:both;
	position:relative;
	width:983px;
	height:137px;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
	font-size:10px;
	color:#CCC;
	padding-left:20px;
	padding-top:30px;
}

#footer a
{
	color:#2f398e;
}

#footerInner1
{
	float:left;
	width:333px;
}

#footerInner2
{
	width:500px;
	float:right;
	text-align:right;
}

#editPageSlide
{
	position:relative;
	left:15px;
	width:350px;
	padding-left:20px;
	padding-right:20px;
	background-color: #CCCCCC;
}

#addProductSlide
{
	position:relative;
	left:15px;
	width:350px;
	padding-left:20px;
	padding-right:20px;
	background-color: #CCCCCC;
}

#editProductSlide
{	
	position:relative;
	left:15px;
	width:350px;
	padding-left:20px;
	padding-right:20px;
	background-color: #CCCCCC;
}


/*****************************************************
	Classes's
*****************************************************/

.logo
{
	height:74px;
	width:277px;
	float:left;
	padding-left:20px;
}

.sa_login
{
	float:right;
	width:158px;
}

.teaserText
{
	color:#FFF;
	font-size:18px;
	font-weight:normal;
}

.error
{
	color:#FF0000;
}

.bgcolor{
	background-color:#CCCCCC;
	padding:10px;
	width:50%;
	border:1px dashed #555;
}

.bgcolorImportant{
	background-color:#CCC;
	padding:10px;
	width:50%;
	border:1px dashed #555;
}

h2
{
	font-size:16px;
	color:#555;
}

.opacity img
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}

.opacity:hover img
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

.caption
{
	float:right;
}

.left
{
	float:left;
	padding-right:10px;
}

.pdf
{
	background-color:#CCCCCC;
	display:block;
	padding:10px;
	width:301px;
	text-align:center;
}


/*****************************************************
	Navigation System
*****************************************************/

#navigation ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:12px;
}

#navigation ul li
{
	display:inline;
	float:left;
	margin-left:40px;
}

#navigation ul li a
{
	color:#FFF;
}

ul.subCat
{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:12px;
}

ul.subCat li
{
	display:inline;
	float:left;
	margin-left:40px;
}

ul.subCat li a
{
	color:#FFF;
	display:block;
	background-color:#278ACB;
	height:15px;
	width:auto;
	padding:10px;
	padding-top:10px;
	text-decoration:none;
}

ul.subCat li a:hover
{
	color:#FFF;
	display:block;
	background-color:#2F398E;
	height:15px;
	width:auto;
	padding:10px;
	padding-top:10px;
	text-decoration:none;
}

/*****************************************************
	Form Layout
*****************************************************/

.col1
{
	float:left;
	width:100px;
}

.col2
{
	float:left;
	width:175px;
}

.col3
{
	float:left;
	width:300px;
	color:#FF0000;
}

.col4
{
	float:left;
	width:300px;
	color:#FF0000;
	margin-left:255px;
}

.clear
{
	clear:both;
}

textarea
{
	font-size:12px;
	font-family:Arial, Tahoma;
}

.border
{
	border:1px solid #000;
}