body {
	margin: 0px;
	padding: 0px;
	background: url(../images/backgrounds/topbackgroundrepeat.png) top left repeat-x ;
	background-color: #FCFCFC;
}

.Cleaner {
	clear: both;
}

.CleanerLeft {
	clear: left;
}

#Wrap {
	
}

#WebSite {
	margin: 0px auto;
	width: 970px;
	clear: both;
	padding: 0px 0px 0px 0px;
}

#Header {
	float: left;
	width: 950px;
	padding: 6px 0px 17px 0px;
	margin: 0px 10px 0px 10px;
}

#Menu {
	clear: both;
	margin: 0px 15px 4px 15px;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#A8A8A8), to(#FFFFFF));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #A8A8A8, #FFFFFF);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8A8A8, endColorstr=#FFFFFF, GradientType=0);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8A8A8, endColorstr=#FFFFFF, GradientType=0)";	
	height: 38px;
	
	background-color: #A8A8A8;
}

#Content {
	padding: 4px 4px 0px 4px;
	margin: 19px 0px 0px 0px;
}

#Footer {
	background: url(../images/footer/bottom_background.png) center top repeat-x;
	width: 100%;
}

/* --- Start of MainMenu Styles --- */

.MainMenu {
	background: url(../images/menu/mainmenu.png) no-repeat;
	width: 940px;
	height: 38px;
	font: bold 14px 'Arial', 'Arial';
	text-transform: uppercase;
}

#MainMenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

#MainMenu ul li {
	display: inline;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	background: url(../images/menu/menubullet.png) right center no-repeat;
	float: left;
}

#MainMenu ul li.last {
	background: none;
	padding-right:5px;
}
#MI7{
	padding-right:5px;
}
#MainMenu ul li a {
	display: block;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	
}

#MainMenu ul li a:hover {
	text-decoration: none;
	color: #808080;
}
































/* --- Start of Search form Styles --- */

#searchform {
	display: block;
	margin: 0px 6px 0px 0px;
	padding: 7px 0px 3px 3px;
	font-weight: bold;
	float: right;
}

#ArticleContent #searchform {
	float: left;
}


#searchform #s:focus {
	background: url(../images/forms/search_input_on.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
}


#searchform #s {
	background: url(../images/forms/search_input.png);
	background-repeat: no-repeat;
	border: none;
	padding: 3px 2px 3px 7px;
	width: 153px;
	font-family: Arial;
	font-size: 12px;
	margin: 0px -4px 5px 0px;
	height: 17px;
}


#searchform div {
	display: inline;
}

#searchform #searchsubmit {
	background: url(../images/buttons/search_butt.png) no-repeat;		
	width: 64px;
	padding: 5px 0px 5px 0px;
	border: 0px;
	font: 10px 'Arial', 'Arial';
	text-transform: uppercase;
	color: #808080;	
}

#searchform .screen-reader-text {
	display: none;
}

/* --- Start of DropDown form Styles --- */

.DropDown {
	background: url(../images/dropdown/dd_toprightline.png) right top no-repeat;
	/*width: 200px;*/
	display: none;
	position: absolute;
	left: 0px; 
	top: 0px;
	z-index: 3;
}

.DDTitle {
	background: url(../images/dropdown/dd_topleft.png) no-repeat;			
	padding:  6px 0px 14px 6px;
	font: bold 14px/14px Arial;
	color: #808080;
	text-transform: uppercase;
		
}

.DDTitleContent {
	background: url(../images/dropdown/dd_topright.png) right top no-repeat;			
	padding: 6px 8px 10px 0px;
	cursor: pointer;
	
}

.DDTitleContent a {
	text-decoration: none;
	
}

.DDContent {
	padding: 0px 0px 0px 6px;
	margin: 13px 0px 0px 0px;
	background: url(../images/dropdown/dd_bottomleft.png) left bottom no-repeat;			
	display: block;
}

.DDContent ul {
	margin: 0px;
	display: block;
	list-style-type: none;
	background: url(../images/dropdown/dd_bottomright.png) right bottom no-repeat;			
	padding: 0px 7px 10px 0px;
	float: left;
}

.DDContent ul li ul {
	background: none;
	padding: 0px;
	float: left;

}

.DDLink{
	color:#808080;
	font: bold 11px Arial;
	padding: 6px 5px 6px 20px;
	margin: 0px;
	background: url(../images/dropdown/ddbullet.png) no-repeat;
	display: block;
	text-decoration: none;
	text-transform: uppercase;		
	width: 160px; /* width of a column */
}

.DDLink:hover {
	background: url(../images/dropdown/ddbullet.png) no-repeat #808080;
	color: #FCFCFC;
}

/* --- Start of Buttons Styles --- */

.Button {
	font: 10px 'Arial', 'Arial';
	text-transform: uppercase;
	text-decoration: none;
	background: url(../images/buttons/buttl.png) left top no-repeat transparent;
	padding: 7px 0px 6px 10px;
	color: #808080;	
}

a.Button:hover {
	background: url(../images/buttons/buttl_on.png) left top no-repeat transparent;
	color: #E3E3E3;
}

.Button span {
	padding: 7px 10px 6px 0px;
	background: url(../images/buttons/buttr.png) right top no-repeat transparent;
}

a.Button:hover span {
	background: url(../images/buttons/buttr_on.png) right top no-repeat transparent;
	color:#808080!important;
}

/* --- End of Buttons Styles --- */


/* --- Start of Header styles --- */

#Header .Logo {
	float: left;
	white-space:nowrap;
}

#Header .Logo img {
	float: left;

	float: left;
	padding: 0px 10px 0px 19px;	
}

#Header .Motto {
	color: #FFFFFF;
	font: bold 11px 'Arial', 'Arial';
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000000;
	filter: Shadow(Color=#000000, Direction=135, Strength=1);	

	float: left;
	padding: 5px 0px 1px 0px;
	vertical-align: middle;
}

.Twitter {
	color: #FFFFFF;
	font: bold 11px 'Arial', 'Arial';
	float: right;
	white-space:nowrap;
	vertical-align: middle;
	padding: 15px 19px 2px 25px;
}


.Facebook {
	color: #FFFFFF;
	font: bold 11px 'Arial', 'Arial';
	display: block;
	float: right;	
	padding: 15px 10px 2px 25px;
	margin: 0px 10px 0px 0px;
	white-space:nowrap;
	vertical-align: middle;
}


.Twitter a, .Facebook a {
	color: #FFFFFF;
}

/* --- Start of Footer styles --- */

.FooterText {
	width:960px;
	color: #A8A8A8;
	font: 11px 'Arial', 'Arial';
	text-align: center;
	display: block;
	padding: 65px 0px 15px 0px;
	margin: 0px auto;
}

.WebsiteFooterLink, .FooterText a {
	background-color: none;
	color: #A8A8A8;
	font-family: 'Arial', 'Arial';
}

.WebsiteFooterLink:hover, .FooterText a:hover {
	background-color: #FCFCFC;
	color: #A8A8A8;
	text-decoration: none;
}

.SmallLogo {
	background: url(../images/logos/logosmall.png) no-repeat;			
	height: 25px;
	padding: 10px 80px 0px 0px;
	display: inline;
	margin-left:2px;
}
#footlinkbox{
	line-height:25px;
}
/* --- End of Footer styles --- */


img.alignleft,img.alignright{
	border:1px solid #e3e3e3;
	background:#f7f7f7;
	padding:7px;
}

img.alignleft{
	float:left;
	margin: 5px 5px 5px 0;
}

img.alignright{
	float:right;
	margin: 5px 0 5px 5px;
}


strong{
	font-weight:bold!important;
}

em{
	font-style:italic!important;
}
.clear{
	clear:both!important;
}

#productlinks li{
	background-image:none!important;
}
#productlinks li{
	list-style:none!important;
}
#productlinks li img{
	background:none repeat scroll 0 0 #F7F7F7;
	border:1px solid #E3E3E3;
	padding:7px;
}

#productlinks li a{
	color:#808080;
}


#page{
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	background-color: #eee;
	color: #444;
	font-size: 75%;
}
#page a{
	
	text-decoration: none;
}
#page a:focus, a:hover, a:active {
	text-decoration: underline;
}
#page p, #page li {
	line-height: 1.8em;
}
#page h1, #page h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 0 0 10px 0;
	letter-spacing:-1px;
}
#page h1 {
	padding: 0;
	font-size: 3em;
	color: #333;
}
#page h2 {
	padding-top: 10px;
	font-size:2em;
}
#page pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}
div#page {
	width: 630px;
	background-color: #f7f7f7;
	margin: 0 auto 20px auto;
	text-align: left;
	border: 1px solid #ddd;
	
}
div#container {
	padding: 20px;
}
div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}
div#footer {
	clear: both;
	color: #777;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
}

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content wont display unless javascript is enabled. */
	display: none;
	float: right;
	width: 464px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 464px; /* This should be set to be at least the height of the largest image in the slideshow */
	background:#fff;
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("loader.gif");
	background-repeat: no-repeat;
	background-position: center;
	width: 460px;
	height: 460px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 460px;
	height: 460px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 460px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
 	height: 100px;
 }
span.image-caption {
	display: block;
	position: absolute;
	width: 460px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles wont be applied unless javascript is enabled. */
}
ul.thumbs {


	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	background-image:none!important;
	
	float: left;
	padding: 0!important;
	margin: 5px 10px 5px 0;
	list-style: none!important;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	margin-bottom:2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
.gal_pid{
	font-size:0.8em;
	color:#A8A8A8;
	white-space:nowrap;
}

.prodpagelist li{
	background-image:none;
	font-size:1.2em;
	margin:10px 0;d
}
a:visited,#ArticleContent a{
	color:#808080;
}

#celltext
	{
	position:relative;
	
	}

#cellb table.colours {
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	background-color: #c0c0c0;
	line-height: 14px;
	border-spacing: 0 0;
	border-collapse: collapse;
	width: 650px;
	border: 1px solid;
	border-color: #808080;	
}


#cellb td.colours {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight:bold;
	color: #000000;
	line-height: 14px;
	border-spacing: 0 0;
	border-collapse: collapse;
	border: 1px solid;
	border-color: #e0e0e0;
	padding:10px 5px 10px 5px;
}	

#cellb td.coloursinfo {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	background-color: #ffffff;
	line-height: 14px;
	border-spacing: 0 0;
	border-collapse: collapse;
	border: 1px solid;
	border-color: #e0e0e0;
	padding: 2px 0px 2px 3px;
}

#cellb table.sizes {
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	line-height: 14px;
	border-spacing: 0 0;
	border-collapse: collapse;
	width: 450px;
	border: 1px solid;
	border-color: #808080;
}

#cellb td.sizes {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align:middle;
	font-weight:bold;
	color: #000000;
	line-height: 14px;
	background-color: #c0c0c0;
	border-spacing: 0 0;
	border-collapse: collapse;
	border: 1px solid;
	border-color: #e0e0e0;
	padding:10px 5px 10px 5px;
}	

#cellb td.sizesinfo {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align:middle;
	color: #000000;
	background-color: #ffffff;
	line-height: 14px;
	border-spacing: 0 0;
	border-collapse: collapse;
	border: 1px solid;
	border-color: #e0e0e0;
	padding:5px 0px 5px 0px;

}	

#cellb-space	{
	position: relative;
	height: 25px;
	}
	
#homelogo	{
	position: absolute;
	top: 150px;
	right: 0px;
	}

#seohead	{
	position:relative;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	
	}

#seohead h1	{
	position:relative;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #444;
	}

#seohead h2	{
	position:relative;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #444;
	}

#seobod	{
	position:relative;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform: none;
	}

#seobod h2	{
	position:relative;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform: none;
	}