/* HEADER AREA OF PAGE */

#mainNav {
	margin: 0px;
	width:900px;
	position:absolute;
	top:55px;
	text-align:right;
	padding: 0px;

}
#mainNav a {
}
#mainNav li {
	display: inline;
	padding-left: 3px;
	padding-right: 6px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 80%;
}
#mainNav a {
	text-decoration: none;
}


#countryNav {
	
	padding: 0px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-decoration: none;
	font-size: 75%;
	width:860px;
	text-align:right;
}

#countryNav a {
	list-style-type: none;
	font-weight: normal;
		text-decoration: none;
}

#countryNav li {
	background-repeat: no-repeat;
	padding-left: 0px;
	display: inline;
	padding-top: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-position: 2px;
}



#dist {
	background-image: url();
}
#dist a {
	text-decoration: none;
}
#ukFlag {

}
#ukFlag a {
	text-decoration: none;
}
#usFlag a {
	text-decoration: none;
}
#usFlag {
	background-image: url();
}
#feed {

}
#feed a {
	text-decoration: none;
}

#worldFlag {

	margin-bottom: 3px;
}
#worldFlag a {
	text-decoration: none;
}














/*SPECIAL CLASSES*/
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearNone {
	clear: none;
}
.clearRight {
	clear: right;
}
.inLine
{ display:inline;
}


.leftFloat {
	float: left;
}
.rightFloat {
	float: right;
}
.margins {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
.whiteBar {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}





/*STANDARD REFORMATTING TAGS*/


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

p {
	margin-top: 0px;
	font-size: 12px;
	color: #333333;
}
h1 {
	font-size: 20px;
	color: #497AC2;
	font-weight: bold;
}
h2 {
	font-size: 15px;
	color: #317EC2;
	font-variant: small-caps;
	font-weight: bold;
}
h3 {
	font-size: 15px;
	color: #666666;
}
h4 {
	color: #990000;
	font-size: 12px;;
	margin: 3px;
	padding: 0px;
}


dd {
	color: #333333;
	font-size: 11px;
}
dt {
	color: #990000;
	font-weight: bold;
	font-size: 11px;
}

a { text-decoration:none   /*used to strip off underines from links in the content area*/
}

h3 a {
	font-size: 15px;
	color: #666666;
}

/*control the list types within the body copy area only */
#main ul {
	font-weight: normal;
	list-style:disc;

}
#main li {
	font-size: 11px;
	font-weight: normal;
	color:#666;
	margin-left:10px;
}

#main ol {
	font-size: 11px;
	font-weight: normal;
	list-style:disc;
	text-indent:5px;
}





















/*PRODUCT RANGE IN BODY COPY ON PRODUCT PAGE*/
.productRange {
	color: #FFFFFF;
	background-image: url(../images/productRange.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-left: 33px;
	padding-bottom: 7px;
}
.productRangeList {
	font-size: 86%;
	list-style-type: square;
	color: #3F8E0F;
	line-height: 23px;
}
.productRangeList a {
	text-decoration: none;
	color: #346C9A;
}



/*LIST ITEMS IN STANDARD GALLERY LISTING*/
.row {
	list-style-type: none;
}





/* THREE COLUMN PICTURE WITH BG items per line style for home page*/
#gallerylist3
{
width: 390px;
display: block;
list-style: none;
}
#gallerylist3 ul
{
padding:0px;
margin:0px;
float:right;
}
#gallerylist3 li
{
	display: block;
	float: left;
	padding: 1px;
	width: 118px;
	margin-left: 6px;
	margin-bottom:7px;
}
#gallerylist3 li a
{
	display: block;
	background-color: #5188C8;
	text-decoration: none;
	padding: 1px; /*this sets the thickness of border around the adge of the picture*/
	width: 118px;

}
#gallerylist3 li a:hover
{
    background-color:#FF0000;
	padding: 1px; /*this sets the thickness of border around the adge of the picture*/
}









/* FOUR COLUMN gallery for spec pages only*/
#specGallery
{
width: 250px;
display: block;
list-style: none;

float:left;
margin:0px;
padding:0px;
}
#specGallery ul
{
padding:0px;
margin:0px;
float:left;
}
#specGallery li
{
	display: block;
	float: left;
	padding: 1px;
	width: 50px;
	margin-left: 4px;
	margin-bottom:7px;
}
#specGallery li a
{
	display: block;
	background-color: #5188C8;
	text-decoration: none;
	padding: 1px; /*this sets the thickness of border around the adge of the picture*/
	width: 50px;

}
#specGallery li a:hover
{
    background-color:#FF0000;
	padding: 1px; /*this sets the thickness of border around the adge of the picture*/
}









/* TWO COLUMN PICTURE WITH BG items per line style for home page*/
#gallerylist
{
width: 269px;
display: block;
list-style: none;
}
#gallerylist ul
{
padding:0px;
margin:0px;
float:right;
}
#gallerylist li
{
	display: block;
	float: left;
	padding: 1px;
	width: 118px;
	margin-left: 6px;
	margin-bottom:7px;
}
#gallerylist li a
{
	display: block;
	background-color: #5188C8;
	text-decoration: none;
	padding: 1px; /*this sets the thickness of border around the adge of the picture*/
	width: 118px;

}
#gallerylist li a:hover
{
    background-color:#FF0000;
	padding: 1px; /*this sets the thickness of border around the adge of the picture*/
}






/* SINGLE PICTURE WITH BG items per line style for home page*/
#gallerylistSinglePic
{
width: 295px;
display: block;
list-style: none;
margin:0px;
float:left;
}


#gallerylistSinglePic ul
{
padding:0px;
margin:0px;
float:left;
}

#gallerylistSinglePic li
{
	display: block;
	float: left;
	padding: 1px;
	width: 295px;
	margin-left: 0px;
	margin-top:0px;
}

#gallerylistSinglePic li a
{
	display: block;
	background-color: #5188C8;
	text-decoration: none;
	padding: 1px; /*this sets the thickness of border around the adge of the picture*/
	width: 295px;

}


#gallerylistSinglePic li a:hover
{
    background-color:#FF0000;
	padding: 1px; /*this sets the thickness of border around the adge of the picture*/
}







/* FULL WIDTH ANIMATED OR PIC SPACE 590*/
#gallerylistFull
{
	width: 300px;
	display: block;
	list-style: none;
	margin:0px;
	float:right;
	font-size: 80%;
}


#gallerylistFull ul
{
padding:0px;
margin:0px;
float:left;
}

#gallerylistFull li
{
	display: block;
	float: left;
	padding: 1px;
	width: 300px;
	margin-left: 0px;
	margin-top:0px;
}

#gallerylistFull li a
{
	display: block;
	/*background-color: #5188C8;*/
	text-decoration: none;
	padding: 1px; /*this sets the thickness of border around the adge of the picture*/
	width: 300px;

}


#gallerylistFull li a:hover
{
    /*background-color:#FF0000;*/
	padding: 1px; /*this sets the thickness of border around the adge of the picture*/
}







/* 3 column text list*/
#gallerylist3Columns
{
width: 560px;
display: block;
list-style: none;
background-color:#CCCCCC
}

#gallerylist3Columns li
{
	display: block;
	float: left;
	padding: 01px;
	padding: 1px;
	width: 150px;
	margin-left: 2px;
	margin-top:3px;

}

#gallerylist3Columns li a
{
	font-size: 84%;
	display: block;
	background-color: #5188C8;
	text-decoration: none;
	padding: 1px; /*this sets the thickness of border around the adge of the picture*/
	width: 150px;

}


#gallerylist3Columns li a:hover
{
    background-color:#FF0000;
	padding: 1px; /*this sets the thickness of border around the adge of the picture*/
}



/* TWO COLUMN SPECIST WITH BG items per line style for home page*/
.speclist
{
	background-image:url(images/spec-bot-sice.gif);
	background-position:bottom;
	float:left;
	width: 300px;
	display: block;
	padding-top: 8px;
	padding-bottom: 2px;
	margin:0px;
	font-size:75%;
	padding-left: 0px;
	padding-right:0px;
}
.speclist ul
{
	margin:0px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
}
.speclist li
{
	display: block;
	float: left;
	padding: 1px;
	width: 143px;
	margin-left: 0px;
	margin-bottom:0px
}
.speclist strong {
	color: #1145A6;
	padding-left: 6px;
}














/*PRODUCT SPEC PAGE*/
#rightCol300px {
	float: right;
	margin: 0px;
	padding: 0px;

}
#rightCol369px { /*HOLDS FASH ANIMATION ON PRODUCT RANGE PAGE*/
	float: right;
	width: 369px;

}

#leftCol210px {
	width: 210px;
	background-color:#FFFFFF
}

.dotted {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
}
.smallFeatureList {
	font-size: 76%;
	list-style-type: square;
	color: #3F8E0F;
	line-height: 23px;
	padding: 0px;
	width:140px;
	list-style-position: inside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.smallFeatureList a {
	text-decoration: none;
	color: #346C9A;
}
.specBox{
	background-image:url(images/spec-bot-sice.gif);	
	background-position:bottom;
	padding-top: 8px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom: 2px;
	margin:0px;

}
.topSlice{
	background-image:url(images/spec-top-slice.gif);
	height: 18px;
	text-align:center;
	color:#FFFFFF;
	border-bottom:solid;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	padding-top: 12px;
	padding-bottom: 2px;
	margin:0px;
}
.botSlice{
	background-image:url(images/spec-bot-slice.gif);
	height: 18px;
	text-align:center;
	color:#FFFFFF;
	border-bottom:solid;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	padding-top: 12px;
	padding-bottom: 2px;
	margin:0px;
}


#leftNestedColumn li {
	width: 190px;
	float: left;
	background-color: #99FF33;
	padding: 3px;
}







/* CONTACT FORM PAGE */
#rightCol250px {

	float: right;
	width: 250px;
	margin: 0px;
	padding: 0px;
}
.searchButton {
	background-color: #EBECF5;
	border: 1px solid #007BC4;
	font-size: 76%;
}
.smallFeatureList-nowidth {

	font-size: 76%;
	list-style-type: square;
	color: #317EC2;
	line-height: 23px;
	padding: 0px;

	list-style-position: inside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}


.magGlass {
	position: absolute;
	padding-top: -5px;
	padding-left: -5px;
	text-align: right;
}































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

******            THIS IS CSS FOR SPRY VERTICAL FLYOUT MENU              *******

********************************************************************************
 *******************************************************************************/
 
@charset "UTF-8";
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
}


/**********************************************************************************
SOCIAL BOOKMARKS CSS 
**********************************************************************************/
#social {width: 200px;}
#social ul {margin:2px; list-style: none;float:left;}
#social li {margin:2px; list-style: none;float:left;width:155px;}
#social img {padding:0 3px;}
.thumbsBox {
	font-size: 10px;
	width: 120px;
	padding-left: 4px;
	color: #666666;
	font-weight: normal;
	text-align: center;

	height: 160px;
	background-color: #FFFFFF;
}
.marginBot4 {
	margin-bottom: 4px;
}
.marginTop4 {
	margin-top: 4px;
}