/*COOKERS - New Website style
	COLOURS: 
		Dark Blue: #3950B3
        Orange: #FFC211
*/	
	
body {
	margin: 0;
	font-family: Verdana, Arial, Sans Serif;
    line-height:20px;
   font-size:12px;
	}
.container{
	width: 100%;
	height: 100%;
	}

/*USED for Product Title in View Item Page*/
h1 {font-size: 18px; color: #3950B3; margin-left:10px; letter-spacing: -1px;}

/*USED for Sub Headings for Product Specs in View Item Page*/
h2 {font-family: Tahoma,Verdana,Arial,Helvetica,Sans-serif,sans-serif; font-size: 14px; color: #000; letter-spacing: 1px; font-weight:bold;}

h3 {font-family: Tahoma,Verdana,Arial,Helvetica,Sans-serif,sans-serif; font-size: 11pt; color: rgb(96,123,153);}
h4 {font-family: Tahoma,Verdana,Arial,Helvetica,Sans-serif,sans-serif; font-size: 10pt; color: rgb(96,123,153);}
h5 {font-family: Tahoma,Verdana,Arial,Helvetica,Sans-serif,sans-serif; font-size: 9pt; color: rgb(96,123,153);}
h6 {font-family: Tahoma,Verdana,Arial,Helvetica,Sans-serif,sans-serif; font-size: 8pt; color: rgb(96,123,153);}

/*USED for "Welcome to Cookers" in Home Page*/
h1.welcome {font-size: 18px; color: #3950B3; padding-top:10px; margin-left:10px; margin-bottom:-8px; letter-spacing: -1px;}

h1.nomarg {font-size: 18px; color: #3950B3; padding-top:10px; margin-left:0px; margin-bottom:-8px; letter-spacing: 1px;}

h1.seohead {
	color:#FFF; 
	font-size:9px; 
	font-weight:normal; 
	margin-top:0px;
	letter-spacing: 0px;
	padding-top:0px;
}

 /* -----BASE TABLE--------  */ 
table  { 
	margin-left: auto;
	margin-right: auto;
	}
td {
	vertical-align:top;
	padding: 0;
	margin: 0;
	/*border-style:solid;
	border-width: 0px;
	font-size:12px;*/
	}
.shadowright{
	background-image: url(images/Right-ShadowL.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

.shadowleft{
	background-image: url(images/Left-ShadowL.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	}


.backgroundTruck{
	background-image: url(images/Truck-Background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:0;
	margin: 0;
	background-color: #FFEE54;
	}
.BlueFill{
	background: #3950B3;
	}

  /* -----END BASE TABLE--------  */

  /*--# HEADER CLASSES  #--*/

#cookersLogo {
	margin-left:20px;
}

.searchDiv {
	padding-top:12px; height:22px; width:189px; float:right; text-align:center;
}


.searchTBox {
	padding-top:0px; height:20px; float:left;
}


.searchIcon {
	padding-top:0px; padding-right:5px; height:20px; float:left;
}

.credAppDivCont {
	margin-top:18px; height:40px; width:400px; padding-right:20px; float:right; text-align:right;
}

.credAppDiv {
	height:100%; width:140px; float:right; text-align:right;
}


.whitearrDiv {
	padding-top:0px; padding-right:5px; float:left;
}


.whitearrDiv2 {
	padding-top:8px; padding-right:5px; margin-bottom:10px; margin-left:-5px; float:left;
}


.credApTxtDiv {
	margin-top:-2px; height:15px; float:left;
}


.accredTxtDiv {
	margin-top:5px; margin-bottom:10px; height:15px; float:left;
}


#tollNumDiv {
	margin-top:25px; margin-right:20px; width:430px; float:right; text-align:right;
}


.topnavdiv {
	width:940px; 
	margin-left:25px;
	margin-right: 5px;
	background-image:url(images/topmenubg.jpg); 
	background-repeat:repeat-x;
}

td.padleft {
   padding-left:10px;
   height: 20px;
   width: 115px;
}

td.padleft2 {
   height: 20px;
   width: 500px;
}

/*--# CONTENT CLASSES  #--*/

/*can also be used for the other inside pages*/ 
#genericRadDiv {
	margin-top:20px; 
	margin-left:25px;
	margin-bottom:20px;
	/*padding: 10px;
	float: left;*/
	width:100%; 
	min-height:40px;
	/* Controls radius */
	border-radius: 15px;
	background-image:url(images/TransarentWhiteBackground.png); 
}

#genericRadDivCont {
	margin-top:20px; 
	margin-left:25px;
	margin-bottom:20px;
	width:100%; 
	min-height:400px;
	padding-left:10px;
	padding-top:15px;
    padding-bottom:15px;
	/* Controls radius */
	border-radius: 15px;
	background-image:url(images/TransarentWhiteBackground.png); 
}


#newsDiv {
	margin-top:20px; 
	margin-left:25px;
	margin-bottom:20px;
	clear: both;
	/*float: left;*/
	width:100%; 
	/* Controls radius */
	border-radius: 15px;
	background: #FFF;
}

#announceDiv {
	margin-top:20px; 
	margin-left:25px;
	margin-bottom:20px;
	clear: both;
	/*float: left;*/
	width:100%; 
	/* Controls radius */
	border-radius: 15px;
	background: #FFF;
	padding-bottom:10px;
}

#nutritDiv {
	margin-top:0px; 
	margin-left:0px;
	margin-bottom:20px;
	/*float: left;*/
	width:100%; 
    height:100%;
	/* Controls radius */
	border-radius: 15px;
	background: #FFF;
    text-align:center;
    padding:10px;
}

#prodImageDiv {
	margin-top:0px; 
	margin-left:10px;
	margin-bottom:20px;
    margin-right:10px;
	/*float: left;*/
	width:96%; 
    height:100%;
	/* Controls radius */
	border-radius: 15px;
	background: #FFF;
    text-align:center;
    padding:10px;
}


#whiteRadDiv {
	margin-top:10px; 
	margin-left:20px;
	margin-bottom:20px;
	/*float: left;*/
	width:75%; 
    min-height:400px;
	/* Controls radius */
	border-radius: 15px;
	background: #FFF;
    text-align:left;
    padding:10px;
}

#whiteRadDivCred {
	margin-top:10px; 
	margin-left:20px;
	margin-bottom:20px;
	/*float: left;*/
	width:94%; 
    height:800px;
	/* Controls radius */
	border-radius: 15px;
	background: #FFF;
    text-align:left;
    padding:10px;
}

#contactRadDiv {
	margin-top:10px; 
	margin-left:20px;
	margin-bottom:20px;
	/*float: left;*/
	width:68%; 
    min-height:600px;
	/* Controls radius */
	border-radius: 15px;
	background: #FFF;
    text-align:left;
    padding:10px;
}

#ofcRadDiv {
	margin-top:10px; 
	margin-left:20px;
	margin-bottom:20px;
	/*float: left;*/
	width:85%; 
    min-height:100px;
	/* Controls radius */
	border-radius: 15px;
	background: #FFF;
    text-align:left;
    padding:20px;
}

.ofcImageDiv {
    border:solid #666 1px; 
    text-align:center; 
    padding:3px;
    width: 255px;
}


.NutTH {background-image:url(images/CookersMed.jpg);color:#FFF; font-size:12px;width:120px;padding: 3px 2px 3px 5px}
.NutTd {background-image:url(images/CookersLight.jpg);color:#333; text-align:center; padding: 3px 0px}

p.intro {
	color: #000;
	font-size: 12px;
	padding: 10px 10px 0 10px;
	line-height: 18px;
}

p.news {
	color: #000;
	font-size: 12px;
	padding: 0px 15px 5px 43px;
	margin-top: -5px;
	line-height: 18px;
	/*background-color: red;*/
}

p.right {
	text-align:right;
	padding: 0 20px 20px 0;
	margin-top: -5px;
}

.glideCont {
	margin:20px 0px 20px 40px;
}

#glidetable{
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #FFF;
	padding: 2px 2px 0px 2px;
	width: 90%;
	height: 100%;
	background: #FFF;
	}
    
.custLinksDiv {
   float: right; 
   min-width:100px; 
   margin: 40px 25px 0 0;
}


.OrangeDark {font-style:italic; color:#DD8000;}
.RequiredForm {color:#DD8000; background-color:#F5F5F5;}
.requiredDiv {color:#DD8000; background-color:#F5F5F5;  padding: 5px 25px 5px 5px; font-weight:bold; font-style:italic; margin-left:10px; width:95%;}
ul.ulBox {list-style-image:url("images/checkimage.gif");}

.tradeTd {background-color:#FFCC99; padding:3px; text-transform:uppercase;font-weight:bold; }
.tradeTd2 {padding:3px; }
.prodListing {width:25%; vertical-align:bottom;}

/*--# FOOTER CLASSES  #--*/

.footerShadow {
	background-image:url(images/Footer-Shadow.jpg); background-repeat:no-repeat;
	height: 12px;
}

.footDiv {
	padding:5px 0 0 5px;  /*DO NOT CHANGE this setting as it affects the bottom shadow*/
}

.FooterFill{
	background-image: url(images/Footer-Background.jpg);
	background-repeat: repeat-x;
	vertical-align: top;
	height: 27px;
	padding:0;
	margin: 0px;
	font-size: 10px;
	color: white;
	line-space: 0px;
	text-align: center;
	}

.SEObottom{
	font-size: 9px;
	color: #969696;
	text-align: right;
	padding-right: 18px;
	}
  
/*--# LINK CLASSES  #--*/

a.white:link {color:#FFF; font-size: 12px; text-decoration:none;}
a.white:visited {color: #FFF; font-size: 12px; text-decoration:none;}
a.white:active {color: #FFF; font-size: 12px; text-decoration:none;}
a.white:hover {color: #FFF; font-size: 12px; text-decoration:underline;}

a.blue:link {color:#3950B3; font-size: 11px; text-decoration:none;}
a.blue:visited {color: #3950B3; font-size: 11px; text-decoration:none;}
a.blue:active {color: #3950B3; font-size: 11px; text-decoration:none;}
a.blue:hover {color: #3950B3; font-size: 11px; text-decoration:underline;}

a.custLink:link {color:#C47500; font-size: 12px; text-decoration:underline;}
a.custLink:visited {color: #C47500; font-size: 12px; text-decoration:underline;}
a.custLink:active {color: #C47500; font-size: 12px; text-decoration:underline;}
a.custLink:hover {color: #C47500; font-size: 12px; text-decoration:none;}

a.footlink:link {color:#FFF;font-size:9px;text-decoration:none;}
a.footlink:hover {color:#DDD;font-size:9px;text-decoration:none;}
a.footlink:active {color:#FFF;font-size:9px;text-decoration:none;}
a.footlink:visited {color:#FFF;font-size:9px;text-decoration:none;}

a.FF9900:link {color:#FF9900; font-size: 13px;}
a.FF9900:visited {color: #FF9900; font-size: 13px;}
a.FF9900:active {color: #FF9900; font-size: 13px;}
a.FF9900:hover {color: #CC9900; font-size: 13px;}

a.black:link {color:#000; font-size: 12px; text-decoration:underline;}
a.black:visited {color: #000; font-size: 12px; text-decoration:underline;}
a.black:active {color: #000; font-size: 12px; text-decoration:underline;}
a.black:hover {color: #000; font-size: 12px; text-decoration:none;}