/*
------------------------------------------------------------------------------------------
This file contains top level style elements (Styles which determine text styles / fonts etc...)
Some Of these are over-ridden by classes in layout.
------------------------------------------------------------------------------------------
*/


/*
------------------------------------------------------------------------------------------
Image Headings for each section (box) these are the grey picture headings
------------------------------------------------------------------------------------------
*/
.catHead1 {  background-image:url(../images/blankh-536-25.jpg); background-repeat:no-repeat;
			height:21px;  font-size:13px; line-height:23px; font-weight:bold; color:#e5e5e5; padding-left:6px; }
			
			
.catHead2 {  background-image:url(../images/blankh-196-25.jpg); background-repeat:no-repeat;
			height:21px;  font-size:13px; line-height:23px; font-weight:bold; color:#e5e5e5; padding-left:6px; }
		


.catHead3 {  background-image:url(../images/blankh-738-25.jpg); background-repeat:no-repeat;
			height:21px;  font-size:13px; line-height:23px; font-weight:bold; color:#e5e5e5; padding-left:6px; }



/*
------------------------------------------------------------------------------------------
Top Level Styles
------------------------------------------------------------------------------------------
*/

p {  margin:0px; }

body {  text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;
background-color:#A6C4E1; margin:10px;
background-image:url(../images/pback.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
}

img { 
border:0px;
}

hr { 
border:0px; width:100%; height:1px; background-color:#CCCCCC; color:#CCCCCC;
}

a:link {  color:#6699CC;	text-decoration:none; }
a:visited { 	font-size: 12px; color: #6699CC; text-decoration:none; }
a:hover {  color:#3974AE; text-decoration:underline;	/*background-color:#F2F9FF;*/ }
a:active { 	color:#6699CC;	text-decoration:none; }


/*
------------------------------------------------------------------------------------------
Over-Elements
------------------------------------------------------------------------------------------
*/

A.whitelink:link {  color:#ffffff;	text-decoration:none; }
A.whitelink:visited {  color:#ffffff; text-decoration:none;	/*background-color:#F2F9FF;*/ }
A.whitelink:hover{ 	color:#f7f7f7; text-decoration:underline; }
A.whitelink:active { 	color:#cccccc;	text-decoration:underline; }

A.grey:link {  color:#999999;	text-decoration:none; font-weight:bold; line-height:inherit; }
A.grey:visited {  color:#999999; text-decoration:none; font-weight:bold;  line-height:inherit;  	/*background-color:#F2F9FF;*/ }
A.grey:hover{ 	color:#999999; text-decoration:none; font-weight:bold;   line-height:inherit;  }
A.grey:active { 	color:#999999;	text-decoration:none; font-weight:bold;   line-height:inherit;  }

/*  Obsolute */
.rollover {  display: block; } /* Allow setting widths and heights */
.rollover img {  width: 100%; height: 100%; border: 0px; } /* only set width and height once */
.rollover:hover {  visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img {  visibility: hidden; } /* 'rolls over' the image */



A.top:link {  color:#e5e5e5;	text-decoration:none; font-weight:bold;  font-size:16px;   font-family:Arial; }
A.top:visited {  color:#e5e5e5; text-decoration:none;  font-weight:bold;  font-size:16px;  font-family:Arial; 	 }
A.top:hover{ 	color:#e5e5e5; text-decoration:none;    font-weight:bold; font-size:16px; font-family:Arial;  }
A.top:active { 	color:#e5e5e5;	text-decoration:none;   font-weight:bold; font-size:16px;  font-family:Arial;  }

.listnone  li {  list-style-type: none; margin:0px 0px 0px -15px; text-indent:0px; }

td ul {  list-style-type: circle; padding:0px 5px 0px 5px; margin:0px 5px 0px 10px; text-align:left; text-indent:5px; }

/* Form Rollovers, Error Highlights */
.focus {  border:1px solid #006633; }
.normal {  border:1px solid #7f9db9;  }
.error {  border:1px solid #ff3300}

form {  margin:0px; padding:0px; }



/*
---------------------------------------------------------------------------
Headings: 
Heading colours sizes, line heights
---------------------------------------------------------------------------
*/

/* h1 */

.h1_BlendBlue {  font-size:18px; color:#476B8F; margin:0px ; padding:0px ;  }
.h1_BloodRed {  font-size:18px; color:#C52121; margin:0px;  padding:0px; }
.h1_Gold {  font-size:18px; color:#CCBB66; margin:0px; padding :0px; }
.h1_Black {  font-size:18px; color:#000000; margin:0px; padding :0px; }
.h1_Grey {  font-size:18px; color:#AEAEAE; margin:0px; padding :0px; }
.h1SL {  line-height:8px; }

.h2_BlendBlue {  font-size:15px; color:#476B8F; margin:0px ; padding:0px;  }
.h2_BloodRed {  font-size:15px; color:#C52121; margin:0px;  padding :0px;  }
.h2_Gold {  font-size:15px; color:#CCBB66; margin:0px; padding :0px; }
.h2_Black {  font-size:15px; color:#000000; margin:0px; padding :0px; }
.h2_Grey {  font-size:15px; color:#AEAEAE; margin:0px; padding :0px; }
.h2_White {  font-size:15px; color:#ffffff;  margin:0px;  padding:0px; }


.h_Bold {  font-weight:bold;  }
.h_Italic {  font-style:italic;  }
.h_Underline {  text-decoration:underline; }
.h_Center {  text-align:center; }
.h_Justify {  text-align:justify; }
.h_Right {   text-align:right; }
.h_Left {   text-align:left; }

/* h3 */
.h3_BlendBlue {  font-size:14px; color:#476B8F; margin:0px ; padding:0px ;   }
.h3_BloodRed {  font-size:14px; color:#C52121; margin:0px;  padding :0px; }
.h3_Gold {  font-size:14px; color:#CCBB66; margin:0px; padding :0px; }
.h3_Black {  font-size:14px; color:#000000; margin:0px; padding :0px; }
.h3_Grey {  font-size:14px; color:#AEAEAE;  margin:0px; padding :0px; }
.h3_White {  font-size:14px; color:#ffffff;  margin:0px;  padding:0px; }
.h3SL {  line-height:7px; }


/* normal colourd */
.normal_BlendBlue {  font-size:12px; color:#476B8F;  margin:0px ; padding:0px; line-height:10px;  }
.normal_BloodRed {  font-size:12px; color:#C52121;  margin:0px;  padding:0px; }
.normal_White {  font-size:12px; color:#ffffff;  margin:0px;  padding:0px; }

.normal_Gold {  font-size:12px; color:#CCBB66; margin:0px; padding:0px; }
.normal_Black {  font-size:12px; color:#000000;  margin:0px; padding:0px; }
.normal_Grey {  font-size:12px; color:#AEAEAE; margin:0px; padding:0px;   }
.normal_White {  font-size:12px; color:#ffffff; margin:0px; padding:0px;   }
.normalSL {  line-height:6px; }


/*
------------------------------------------------------------------------------------------
Shadows at bottom of Boxes
------------------------------------------------------------------------------------------
*/
.bottom { 
background-image:url(../images/bottom.jpg);
background-repeat:repeat-x;
height:7px;
margin-bottom:1px;
 }


/*
------------------------------------------------------------------------------------------
Box Styles (White boxes)
------------------------------------------------------------------------------------------
*/
.whiteBack {  
width:auto; height:auto; 
padding:4px 4px 4px 4px;
background-color:#FFFFFF; border:1px solid #999999;
visibility:visible;
background-repeat:no-repeat;
line-height:normal;

}
p.whiteBack {
color:#333333;
}
div.whiteBack {
color:#333333;
}

.whiteBack ul { 
list-style-type: circle;
padding:0px 5px 0px 5px;
margin:0px 5px 0px 10px;
text-align:left;
text-indent:5px;
}

.wb2 {  padding:0px 0px 0px 0px; }
.wb2 p {  padding:8px; }

/* index col */
.wb3 {  padding:0px 0px 0px 0px; background-image:url(../images/indexB.gif); background-position:right top;
background-repeat:no-repeat; visibility:visible; width:534px; height:402px; }

.wb3 h1 {  padding:10px 8px 0px 8px;  }
.wb3 h2 {  padding:5px 8px 0px 8px;  }
.wb3 p {  padding:0px 8px 0px 8px; display:block; width:306px; }

.wb3 hr {
width:306px;
margin-left:10px;
}

.td wb3 {
color:#333333;
}

/* Cart and catalogue */
.wb4 {  width:727px;  height:auto; visibility:visible; padding:0px; width:735px;  background-image:url(../catalogue/images/catBack.gif); background-repeat:repeat-y;  }


.wb6 {  width:727px;  height:auto; visibility:visible; padding:0px; width:735px;  }


.wb5 { padding:5px 8px 0px 8px; }


.padd { padding:4px;  } 


/*
------------------------------------------------------------------------------------------
Additional Classes
------------------------------------------------------------------------------------------
*/

/* Stops contents & pictures from flowing out of there boxes */
.clearing {  clear:both; height:1px;  width:100%; }

.none {  visibility:hidden; display:none; }

.pPad20 {  padding-bottom:20px; padding-top:0px; margin:0px; }

.strip {  border-top:1px solid #cccccc; width:100%; }

.strip div {  text-align:right; line-height:9px; font-weight:bold; color:#e0e0e0; }

/* Confirmation Box */
.confirm { 	padding-left:30px;	padding-right:30px;	padding-bottom:10px; padding-top:10px;
	background-color:#FFFFFF;	border:2px solid #333333;	color:#000000;	font-size:14px;
	text-align:center;
	margin-top:auto;	margin-bottom:auto;	margin-left:auto;	margin-right:auto; }

.dis { 
		padding:5px 5px 5px 5px;
		border:1px solid #CCCCCC;
		color:#FF3300;
		background-color:#fefefe;
		}

.formH {  width:100%;
border:1px solid #333333;
color:#ffffff;
background-color:#9a9a9a;

}


/* list

/* = number of items in a column * height of each item */
.item6, .item11
{
	margin-top: -6em;
}

/* horizontal positioning: */
.item1, .item2, .item3, .item4, .item5
{
	margin-left: 0em;
}
.item6, .item7, .item8, .item9, .item10
{
	margin-left: 20em;
}
.item11, .item12, .item13, .item14, .item15
{
	margin-left: 25em;
}