/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : WH Skinner Stylesheet
Author : EQ MEDIA Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
html {
		height: 100%;
	}
	
body {
	margin:0;
	padding:0;
	background:#dfdfe6;
	text-align:center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #666666;
}
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
.jqueryslidemenu ul li a/* ----- IDS ----- */
 { display:none;}
#container {
	width:918px;
	margin:0 auto;
	text-align:left;
	font-size:110%;
}   
#container #header { width:918px; height:117px; background:url(../images/header-bg.gif) top left no-repeat; position:relative;}
#container #header #logo { position:absolute; top:12px; left:25px; width:220px; height:75px;}
#container #header #telephone { position:absolute; top:24px; left:719px; width:165px; height:21px;}
#container #header #email { position:absolute; top:52px; left:677px; width:207px; height:17px;}
#innerContainer { width:900px; margin: 0 9px;}
.jqueryslidemenu  ul li ul li a { width:900px; height:6px; display:block; background:url(../images/content_top_bg.gif) top left no-repeat; line-height:1px; font-size:1px;}
#innerContainer #bottom { width:900px; height:6px; display:block; background:url(../images/content_bottom-bg.gif) top left no-repeat; line-height:1px; font-size:1px;}
/*#content { background: #ffffff url(../images/dots-v.gif) 690px 0px repeat-y; border-top:15px solid #ffffff; border-bottom:15px solid #ffffff; font-size:12px; line-height:18px;}*/
#content {
	border-top:15px solid #ffffff;
	border-bottom:15px solid #ffffff;
	font-size:12px;
	line-height:18px;
	background-color: #ffffff;
}
#content #leftCol { width:690px; float:left;}
#content #leftCol .padding { padding:0 25px 230px 25px;}
#content #leftCol .productList { width:153px; height:175px; float:left;  margin: 0 45px 8px 0; display:inline;}
#content #leftCol .productThumb { width:145px; height:145px; padding:3px; border:1px solid #cccccc;}
#content #leftCol .productTitle { padding:2px 0 0 0; text-align:center; width:153px;}
#content #leftCol #imageThumbs { float:right; padding:0 0 10px 10px; border:1px solid #cccccc; width:238px; margin: 0 0 25px 25px; background:#eeeeee;}
#content #leftCol #imageThumbs .imageThumb { padding:3px; border: 1px solid #cccccc; background:#FFFFFF; float:left; display:inline; margin: 10px 10px 0 0;}
#content #leftCol #imageThumbsHoriz { padding:0 0 10px 10px; border:1px solid #cccccc; margin:0; background:#eeeeee; margin-bottom:25px;}
#content #leftCol #imageThumbsHoriz .imageThumb { padding:3px; border: 1px solid #cccccc; background:#FFFFFF; float:left; display:inline; margin: 10px 17px 0 0;}
#content #leftCol .newsItem { background:url(../images/dots-h.gif) bottom left repeat-x; padding:15px 0px;}
#content #leftCol .newsItem .newsTitle { padding-bottom:7px;}
#content #leftCol ul { margin:0 0 15px 0; padding:0; list-style:none;}
#content #leftCol li { background:url(../images/bullet.gif) 2px 7px no-repeat; display:block; padding:4px 0px 4px 20px;}
#content #leftCol ul ul { margin-top:15px;}
#content #rightCol { width:210px; float:left;}
#content #rightCol .box { width:163px; height:163px; margin: 0px 0px 3px 25px; position:relative;}
#content #rightCol .box a { display:block; text-decoration:none; cursor:pointer; color:#FFFFFF; font-weight:normal;}
#content #rightCol .box .image { width:145px; height:130px; position:absolute; top:8px; left:9px;}
#content #rightCol .box .text { width:145px; position:absolute; top:140px; left:10px; text-align:center; color:#FFFFFF; font-weight:normal;}
#content #rightCol .box.orange { background:url(../images/jump-orange.gif) top left no-repeat;}
#content #rightCol .box.purple { background:url(../images/jump-purple.gif) top left no-repeat;}
#content #rightCol .box.green { background:url(../images/jump-green.gif) top left no-repeat;}




/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; margin:0 0 15px 15px; padding:3px; border:1px solid #cccccc;}
.image_right_no { float:right; margin:0 0 15px 15px; padding:3px; border:0px solid #cccccc;}

.image_left { float:left; margin:0 15px 15px 0; padding:3px; border:1px solid #cccccc; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1 {
	margin:0;
	padding:0 0 12px 0;
	font-size:22px;
	font-weight:bold;
}
h2 {
	margin:0;
	padding:0 0 12px 0;
	font-size:18px;
	font-weight:normal;
	color:#2C538B;
	line-height: 24px;
}
h3 {
	margin:0;
	font-size:16px;
	font-weight:bold;
	color:#EE951B;
	padding-top: 24;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
h4, h5, h6 {
	margin:0;
	padding:0 0 12px 0;
	font-size:120%;
	font-weight:bold;
	color:#5E914C;
}
.pageTitle {
	color:#5e914c;
	font-weight:normal;
	font-size:22px;
}
.subTitle {}
p {
	padding:0 0 11px 0;
	margin:0;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	}


/* ----- TOP NAVIGATION ----- */
#topNav { width:900px; height:63px; margin: 0 9px; background:url(../images/top-nav-bg.gif) top left no-repeat;}

#topNav ul { margin:0; padding:0 0 0 7px; list-style:none;}
#topNav li { display:block; float:left;}
#topNav a {
	color:#2C538B;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
	display:block;
	float:left;
	padding:9px 20px;
}
#topNav a:hover { text-decoration:underline;}
#topNav .active a { text-decoration:underline;}

/* ----- FOOTER ----- */
#footer {
	width:900px;
	margin:0 auto;
	position:relative;
	font-size: 13px;
}
#footer .padding { padding:10px 5px 5px 25px;}
#footer a {
	font-weight:normal;
	text-decoration:none;
	color:#666666;
}
#footer a:hover { text-decoration:underline;}
#footer #validCSS { position:absolute; top:13px; left:710px;}
#footer #validXHTML { position:absolute; top:13px; left:805px;}
#footer #contentImage { position:absolute; top:-233px; left:25px;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#5e914c; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#5e914c;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none; background:#5e914c; padding:0px; color:#FFFFFF; font-weight:bold;}

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }
ul {
	font-size: 14px;
}

#content #singleCol {
	width:900px;
	float:left;
}
#content #singleCol .padding {
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 230px;
	padding-left: 25px;
}
#content #galleryArea {
	width:850px;
	float:left;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	height: 800px;
	padding-top: 36px;
}
#content #galleryArea .padding {
	padding-top: 25;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}

/* GALLERY */

#flashcontent {
	height: 550px;
	padding: 0px;
	margin: 0px;
	width: 850px;
	}

/* MENUS */

#breadcrumb {
	font-size: 11px;
	padding-bottom: 18px;
}