/* ----------------------------------------
   Service Graphics CSS Stylesheet
    Evolving Media Limited 2004
   www.evolvingmedia.co.uk
   ----------------------------------------
   Created by Paul Edmonds
   on 10-Jun-04 at 10:52 am
   ---------------------------------------- */


/* ---------------------------------------- */
/* HTML Prep                                */
/* ---------------------------------------- */


div
{
	border: red;
	border-width: 0px;
	border-style: solid;
}

h1, h2, h3, h4, h5, h6, p
{
	margin: 0px;
	padding: 0px;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, hr
{
	display: none;
}

hr {
	display: block;
	height: 1px;
	border-top: 1px solid #BBBBBB;
	border-left: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
	color: maroon;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color: #E2E4E4;
	font-family: Arial, Helvetica, Lucida Grande, Verdana, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
/*
	background-image: url(../images/siteback.gif);
	background-repeat: repeat-y;
	background-position: center;
*/}

img {
	position: relative;
}

.break {
	clear: both;
}

#corporateLogoFlash {
	width: 328px;
	height: 80px;
	float: left;
}

#corporateStraplineFlash
{
	width: 300px;
	height: 85px;
	float: right;
	margin-right: 2px;
}

#shoponline
{
	width: 156px;
	height: 75px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	top: 277px;
	left: -1px;
}

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

/* ---------------------------------------- */
/* Enquiry Number                            */
/* ---------------------------------------- */


#corporateEnquiry
{
/*
	background-image: url(/static/images/corporateEnquiry_phonenumber.gif);
*/	width: 215px;
	height: 17px;
	cursor: pointer;
	cursor: hand; /* For win ie */
	float: right;
	font-size: 18px;
	clear: both;
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px 0px 0px 30px;
}


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


/* ---------------------------------------- */
/* positional blocks                        */
/* ---------------------------------------- */

#box
{
	position: absolute;
	width: 750px;
	left: 50%;
	margin-left: -375px;
	border-color: #C5C7C9;
	border-width: 1px;
	border-style: solid;
}


#container
{
	height: 420px;
	position: absolute;
	width: 754px;
	left: 50%;
	margin-left: -377px;
}

#containerMax
{
	position: absolute;
	width: 755px;
	left: 50%;
	margin-left: -375px;
	border-color: #A7A9AC;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
}

#mainarea
{
/*if the layout fails - kill this*/
/*	height: 329px;*/
	border-color: #A7A9AC;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
/*if the layout fails - kill this*/
	position: absolute;
	width: 750px;
	top: 100px;
	left: 0px;
	z-index: 1;
	background: url(/static/images/mainarea_bg.gif) bottom left repeat-x;
}

#content
{
	background-color: #efefef;
	position: absolute;
	float: left;
	width: 595px;
	top: 0px;
	left: 155px;
}

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


/* ---------------------------------------- */
/* content area                             */
/* ---------------------------------------- */

#mainContentForm {
	float: left;
	position: relative;
	width: 390px;
	/*height: 100%;*/
}

/*
PE: Added to indent <p> on online quote form
*/

#mainContentForm p {
 	padding-left: 25px;
}

#mainContentForm table {
 	margin-left: 20px !important;
 	margin-top: 0;
 	padding-top: 0;
}

/*
PE: Added to reduce type size to avoid use of subscript
*/

#mainContentPortfolio #scrolltext p {
	font-size: 10px;
	line-height: 14px;
}

/*
PE: Added to protect scroller text in productsection
*/

#mainContentPortfolio .productSection #scrolltext p {
	font-size: 12px;
	line-height: 18px;
}

#mainContentPortfolio {
	float: left;
/*	position: relative;*/
	width: 205px;
	/*width: 195px;*/
	height: 250px;
	border-bottom:1px solid #A7A9AC;
	text-align:left;
}
#mainContentPortfolio a img{
	display:block;
	border:0px;
	padding:0px;
	margin:0px;
}
*html #mainContentPortfolio{
	height: 251px;
}

#mainContentText {
	/*float: left;*/
	position: relative;
	width: 595px;
	height: 250px;
}

#mainContentProducts {
	float: left;
	position: relative;
	width: 595px;
	padding: 0px 10px 0px 25px;
}

#mainContentProducts h3.productcat {
	font-size: 18px;
	padding: 25px 25px 10px 0px;
	float: left;
	position: relative;
	margin: 0px 0px 0px 0px;
}

#mainContent {
	float: left;
	width: 390px;
	height: 100%;
}

#pageNav
{
	width: 595px;
	height: 28px;
	float: left;
	/*float: left;*/
	/* background: url(/static/images/button_viewbasket_light.gif) top right no-repeat #A7A9AC; */
	background: #A7A9AC;
/*
	border-color: #C5C7C9;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
*/
}
* html #pageNav{
	height: 29px;
}
.emailLink{
	float: left;
	width: 153px;
	height: 28px;
}
.emailLink a{
	display: block;
	background: url(/static/images/emailUsNow.gif) 0 0 no-repeat;
	float: left;
	width: 150px;
	height: 28px;
}

#pageNav ul, #pageNav li
{
	margin: 0;
	display: inline;
	list-style-type: none;
	font-size: 1em;
}

#pageNav a {
	display: block !important;
	float: right !important;
	margin-left: 400px;
}

#pageNav img {padding: 0; border: 0; margin: 0; }

#pageNav a:link, #pageNav a:visited
{
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin:0px;
	text-decoration: none;
	color: #eee;
}

#pageNav a:link#current, #pageNav a:visited#current, #pageNav a:hover
{
	color: #ddd;
}

#breadcrumbs div, #breadcrumbs a.nav {
	float: left !important;
	display: block;
	padding: 8px 0px 0px 0px;
	line-height: 15px;
	font-weight: bold;
	margin: 0px 2px 4px 0px;
	text-decoration: none;
	color: #eee;
	border: 0px solid pink;
}

#breadcrumbs div a:link, #breadcrumbs div a:visited, #breadcrumbs div a:link, #breadcrumbs div a:visited
{
	text-decoration: underline;
	padding: 0;
	margin: 0px 3px 0px 0px;
}

a#cartIcon {
	float: right !important;
	margin: 0px !important;
	padding: 0px 0px 0px 0px !important;
}

a#loginLink {
	float: right !important;
	padding: 0px !important;
	margin: 8px 10px 0px 0px !important;
}



#pageNav #breadcrumbs a:link#current, #pageNav #breadcrumbs a:visited#current, #pageNav #breadcrumbs a:hover, #pageNav #breadcrumbs2 a:link#current, #pageNav #breadcrumbs2 a:visited#current, #pageNav #breadcrumbs2 a:hover
{
	color: #ddd;
}

#breadcrumbs
{
	margin: 0px 0px 0px 10px;
}

#navlist a:hover { color: #fff; }

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

/* ---------------------------------------- */
/* Make prducts are have minimum 250px      */
/* ---------------------------------------- */

.indent h3 {
	padding: 2px 2px 2px 25px;
}

.indent p {
	line-height: 18px;
	padding: 10px 2px 2px 25px;
}

.prop {
	float:right;
	width:1px;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}


.min220px {
	height:220px;
}

.min250px {
	height:249px;
}


#productsSpacer
{
	margin: 0px -50px 0px 0px;
	float: right;
	width: 1px;
	height: 250px;
	border-color: aqua;
	border-width: 0px;
	border-style: dotted;
	position: relative;
	clear: right;
}

#productsClear {
	float: left;
	clear: both;
	height: 1px;
	overflow: hidden;
	width: 100%;
}

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

/* ---------------------------------------- */
/* table                                    */
/* ---------------------------------------- */

#content table
{
	border: 0px;
	padding: 10px;
	margin: 10px;
	width: 100%;
}

#content td
{
	font-size: 11px;
	padding: 5px;
	vertical-align: top;
}

#content input, #content textarea, #content select
{
	background-color: #fff;
	border-color: gray silver silver gray;
	border-width: 1px;
	border-style: solid;
	width: 200px;
}

#content input.file, #content input.checkbox, #content input.radio
{
	/* background-color: transparent; */
	width: auto;
	/* border: 0px none; */
}

#content .checkbox
{
	width: 30px;
}

#content small
{
	font-size: 10px;
	color: #333;
}

#content h3, #mainContentForm h1
{
	font-size: 18px;
	padding: 25px 25px 10px 25px;
}
#content h1
{
	font-size: 18px;
}
#content h2
{
	font-size: 14px;
}

#mainContentStretch
{
	float: left;
	padding: 25px;
	position: relative;
	width: 545px;
/*
	background-color: #fff;
*/}

#mainContentStretch h3
{
	font-size: 18px;
	padding: 0px;
}

#mainContentStretch h4
{
	font-size: 16px;
	padding: 20px 0px 0px 0px;
}

#mainContentStretch p
{
	line-height: 18px;
	padding: 10px 0px 0px 0px;
}

#mainContentStretch .newsDate
{
	float: left;
	font-size: 10px;
	color: #A7A9AC;
	width: 100%;
}

#mainContentStretch ul
{
	width: 450px;
	padding-top: 5px;
	padding-left: 16px;
}

#mainContentStretch li
{
	width: 450px;
	list-style: disc;
	list-style-position: outside;
	padding: 2px 0px 0px 0px;
	margin-bottom: 5px;
	position: relative;
}

#content a:link, #content a:visited, #content a:active {
	color:#444;
	text-decoration:none;
}
#content a:hover
{
	color:#444;
	text-decoration:underline;
}

#mainContentStretch .newsMore
{
	text-align: right;
	font-size: 11px;
	letter-spacing: 1px;
	border-color: #A7A9AC;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	margin-bottom: 0;
/*	clear: both; */
	/*
	width: 100%;
*/
}
#mainContentStretch .newsMore:first-child {
/*	clear: none;*/
}

#mainContentStretch .newsMore a
{
	font-weight: bold;
	background-color: maroon;
	color: white;
	padding: 2px 4px 3px 4px;
}

#pagination
{
	width: 532px !important;
	margin: 10px 0px 10px 0px !important;
	padding: 0px !important;
}

#pagination td
{
	vertical-align: middle;
	padding-left: 0px;

}

#pagination td#pageOf
{
	width: 75px;
	text-align: center;
}

#pagination td.right
{
	text-align: right;
}

#pagination td.right input
{
	vertical-align: middle;
	padding: 2px 0px 0px 0px;
	width: 21px;
}

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

/* ---------------------------------------- */
/* listmenu system                          */
/* ---------------------------------------- */


/* old version, tweaked for Rob@SG
#siteNav
{
	margin: 28px 0px 0px 0px;
	border-color: #A7A9AC;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
}

*/

#siteNavTop
{
	height: 28px;
	width: 155px;
	margin: 0;padding:0;
	float: left;
	background-color: #A7A9AC;
	z-index: 11;
	/*background-image: url(../images/enquirylinenumber_bg.gif);
	background-repeat: no-repeat;*/
}
#siteNavTop .siteNavPhone{
	color: white !important;
	font-weight: bold !important;
	padding-top: 7px;
	padding-left: 5px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, Lucida Grande, Verdana, sans-serif;
	height: 1;
	float: left;
}
#siteNav
{
	clear: both;
	width: 155px;
	margin-top:0px;
/*
	border-color: #A7A9AC;
	border-width: 28px 0px 0px 0px;
	border-style: solid;
*/	position: relative;
	z-index: 10;
}

#siteNav #nav li
{
	border-color: #A7A9AC;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	padding: 4px 0px 4px 0px;
	text-indent: 4px;
}

#siteNav #nav li:first-child
{
	border-width: 0px 0px 0px 0px;
}

ul
{
	/* all lists */
	padding: 0px;
	margin: 0;
	list-style: none;
/*	font-size: 14px;*/
}

li { /* all list items */
	padding: 0px 0px 10px 0px;
	position: relative;
	width: 154px;
}

li a, div a {
	color: #000000;
	text-decoration: none;
}

li a:hover, div a:hover {
	color: #656565;
	text-decoration: none;
}

#underline {
	text-decoration: underline;
	font-weight: bold;
}

/* second-level lists
li div
{
	display: none;
	position: absolute;
	top: 0px;
	left: 155px;
	z-index: 10;
	background-color: #D1D3D4;
	background-repeat: repeat;
	padding: 25px;
} */

/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left
li>div {
	top: 50px;
	left: 80px;
} */

/* lists nested under hovered list items
li:hover div, li.over div {
	display: block;
	position: absolute;
	top: 0px;
	left: 155px;
	z-index:10;
} */

#navNewsPR
{
	position: absolute;
	top: -10px;
	left: 155px;
	z-index:10;
}

#siteNav .level1
{
	position: absolute;
	width: 170px;
	top: 28px;
	left: 154px;
	z-index: 20;
	display: none;
/*
	background-color: #EFEFEF;
*/	background-color:#FFF;
	background-repeat: repeat;
}

#siteNav .level2 {
	background-color: #E2E4E4;
}

#siteNav a:hover, #sitenav div a:hover {
	color: #656565;
	text-decoration: none;
}

#siteNav div a
{
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 2px 10px 2px 10px;
}

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


/* ---------------------------------------- */
/* scrolling area                           */
/* ---------------------------------------- */

#copyArea
{

	position: absolute;
	z-index: 100;
	top: 40px;
	left: 400px;
	width: 195px;

}

.scrollers
{
	float: right;
}

#scrollTextClipping
{
	position: absolute;
	z-index: 1;
	top: 20px;
	width: 160px;
	height: 200px;
	visibility: visible;
	clip: rect(0px, 160px, 200px, 0px);
}

#scrollText
{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 160px;
	visibility: visible;
}

#buymeText
{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 185px;
	visibility: visible;
}

#scrollText h3, #buymeText h3
{
	font-size: 18px;
	line-height: 22px;
	padding: 0px 0px 10px 0px;
}

#scrollText p
{
	font-size: 10px;
	line-height: 14px;
	padding: 0px 0px 10px 0px;
}

#buymeText p
{
	line-height: 18px;
	padding: 0px 0px 25px 0px;
}

#buymeText p b
{
	font-size: 32px;
	line-height: 18px;
}

#scrollText small,  #buymeText small
{
	font-size: 10px;
	line-height: 12px;
}

/* ------- */

/* ---------------------------------------- */
/* Pauls Annoying ScrollerHack              */
/* ---------------------------------------- */

#mainContentText #copyArea
{
	position: absolute;
	z-index: 1;
	top: 12px;
	left: 25px;
	width: 570px;

}

#mainContentText #scrollTextClipping
{
	position: absolute;
	z-index: 1;
	top: 20px;
	width: 525px;
	height: 200px;
	visibility: visible;
	clip: rect(0px 525px 200px 0px);
}

#mainContentText #scrollText
{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 525px;
	visibility: visible;
}

#mainContentText #scrollText img
{
	float: left;
	padding: 0px 10px 5px 0px;
}

/* ------- */

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


/* ---------------------------------------- */
/* portfolio rollovers                      */
/* ---------------------------------------- */

#mainImage {
	position: relative;
	float: left;
	width: 390px;
	height: 250px;
	background: #444444;
	/*background-image: url(/static/images/currentimage_sample.jpg);*/ 
	margin: 0px;
	padding: 0px;
	border-bottom:1px solid #A7A9AC;
}
#mainImage #bigimg {
	border-bottom:1px solid #A7A9AC;
	position: absolute;
	/*display: none;*/
}

#portfolioIcons {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 127px;
	height: 250px;
}

.portfolioIcon {
	position: relative;
	padding: 3px;
	float: left;
	cursor: pointer;
	cursor: hand; /* For win ie */
	z-index: 5;
	padding-left:4px;
	padding-right:4px;
}

#portfolioIconHolder {
	position: absolute;
	background-color: #efefef;
	left: 244px;
	width: 146px;
	height: 250px;
	z-index: 4;
	display: none;
}

#portfolioIconControls {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 19px;
	height: 250px;
	background-color: #4d4d4e;
}

#mainImage #closeimg {
	position: absolute;
	top: 0px;
	left: 0px;
}

#mainImage #nextimg {
	position: absolute;
	top: 125px;
	left:0px;
}

#portfolioMore {
	position: absolute;
	left: 371px;
	width: 19px;
	z-index: 3;
}

img.cms_img-l,img.cms_img{
	f-loat: left;
	c-lear:left;
}

a img.cms_img-l, a img.cms_img{
	f-loat: left;
	c-lear:left;
}


.cms_img-r {
	float: right;
}
#productMore {
	position: absolute;
	left: 371px;
	width: 19px;
	z-index: 3;
}

#portfolioLoading {
	position: absolute;
	top: 80px;
	left: 80px;
	display: none;
	/* width: 140px; */
}

#portfolioChoose {
	position: absolute;
	top: 5px;
	left: 5px;
	/* width: 140px; */
}

.clickable {
	cursor: pointer;
	cursor: hand; /* For win ie */
}

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

/* ---------------------------------------- */
/* productSection                           */
/* ---------------------------------------- */

#productImage1
{
	width: 250px;
	height: 250px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#enlargeContainer {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 87px;
	height: 39px;
	/* width: 140px; */
}

#enlargeContainer img {
	_visibility: hidden;
}

#smallerImages
{
	float:left;
	width: 140px;
	height: 250px;
	border: 0px none;
}

#productImage2, #productImage3
{
	width: 140px;
	height: 125px;
	margin: 0px;
	padding: 0px;
	float: left;
	border: 0px none;
}

#productInfo
{
	width: 595px;
	float: left;
}

#productInfo h3
{
	padding: 4px 0px 5px 0px;
	margin: 0px;
	width: 100%;
	float: left;
	background-color: #727272;
	/*background-color: #424242;*/
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-indent: 8px;
}

#productInfo h4, #productInfo .h
{
	padding: 16px 0px 8px 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
}

#productIntroCopy
{
	float: left;
	width: 100%;
	line-height: 180%;
	padding: 15px 0px 15px 0px;
}

#productIntroCopy p
{
	padding: 0px 15px 5px 15px;
}

#productInfoCopy
{
	padding: 15px 8px 20px 8px;
	width: 342px;
	float: right;
	line-height: 180%;
}

#productInfoSamples
{
	padding: 25px 0px 20px 8px;
	width: 210px;
	float: left;
	line-height: 180%;
	text-align: right;
}

#productInfoSamples p
{
	padding: 0px 0px 10px 0px;
	font-size: 10px;
	line-height: 12px;
	clear: both;
}

#productInfoSamples img
{
	border-color: gray;
	border-width: 1px;
	border-style: solid;
	margin: 0px 0px 35px 5px;
}

#productInfoPDF
{
	border-color: #999;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	width: 595px;
	background-color: #acacac;
	float: left;
	text-align: right;
}

#scrollText table
{
	padding: 0px;
	margin: -5px 0px 5px 0px;
	border-width: 0px;
	width: 140px;
	clear: both;
	border-style: none;
}

#scrollText td
{
	padding: 1px;
}

.productSection #scrollText td+td
{
	font-weight: bold;
	text-align: right;
}

.productWarning
{
	font-weight: bold;
	color: red;
	margin: 10px 0px 4px 0px;
}

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



/* ---------------------------------------- */
/* products                                  */
/* ---------------------------------------- */

#productData
{
	/* width reducted from 560 to fix MacIE layout bug - 14/12/2005 TA */
	width: 559px;
	/* clear: left; */
	float: left;
	position: relative;
	border-color: #ADADA7;
	border-width: 0px;
	border-style: solid;
}

.productCatdesc
{
	width: 500px;
	clear: left;
}

/* added 28/6/2005 TA */
p.productCatdesc
{
	margin: 0px 0px 10px 0px;
}

.productContainer
{
	width: 184px;
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
}

.productItem
{
	font-size: 10px;
	line-height: 11px;
	height: 150px;
	position: relative;
	float: left;
	padding: 10px 25px 0px 0px;
	border-color: #ADADA7;
	border-width: 0px;
	border-style: solid;
}

.productItem p
{
	padding: 5px 0px 10px 0px;
	font-size: 11px;
	width: 111px;
	color: #3D4146;
	font-weight: bold;
}

.productItemRow
{
	clear: both;
}


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


/* ---------------------------------------- */
/* signoff                                  */
/* ---------------------------------------- */

#endNav
{
	float: right;
}

#copyright
{
	float: left;
	padding-left: 10px;
	color:#646466;
}

#signoff
{
	padding: 10px 0px 5px 0px;
	width: 595px;
	float: left;
	background-color: #E2E4E4;
	font-size: 80%;
}

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

#productPurchaseCopy
{
	float: left;
	width: 100%;
	line-height: 180%;
	padding: 15px 0px 10px 0px;
}

#productPurchaseCopy p
{
	padding: 0px 15px 5px 15px;
}

#content input.purchase_input
{
	width: auto;
}

table#purchase_options
{
	width: 525px;
	padding: 0px;
	margin: 0px 0px 15px 35px;
	background: url(/static/images/purchase_fade.gif) top left repeat-x #B7B8C0;
}

#purchase_options tr
{
	padding: 0px;
	margin: 0px;
}

#purchase_options td
{
	padding: 0px;
	margin: 0px;
}

#purchase_options td.purchase_productname
{
	background: url(/static/images/purchase_headfade.gif) top left repeat-x #595860;
	color: #fff;
	font-weight: bold;
	padding: 3px 20px 3px 10px;
	font-size: 12px;
	line-height: 18px;
}

#purchase_options td.purchase_productkey
{
	background: url(/static/images/purchase_headfade.gif) top left repeat-x #595860;
	color: #fff;
	font-weight: normal;
	padding: 5px 5px 5px 15px;
}

#purchase_options td.purchase_productitem
{
	color: #000;
	font-weight: bold;
	padding: 5px 0px 5px 15px;
}

#purchase_options td.purchase_productacc
{
	color: #000;
	padding: 5px 0px 5px 15px;
}

table#purchase_optionssubmit
{
	width: 525px;
	padding: 0px;
	margin: 0px 0px 15px 35px;
}

#purchase_optionssubmit td
{
	padding: 0px;
}

#purchase_optionssubmit td p
{
	padding: 0px 0px 10px 0px;
}

#purchase_optionssubmit td p b
{
	font-size: 15px;
	line-height: 20px;
}

table#purchase_discounts
{
	width: 160px;
	padding: 0px;
	margin: 2px;
	background: url(/static/images/purchase_fade.gif) top left repeat-x #B7B8C0;
	font-size: 13px;
}

#purchase_discounts td.purchase_productkey
{
	background: url(/static/images/purchase_headfade.gif) top left repeat-x #595860;
	color: #fff;
	font-weight: normal;
	padding: 5px 5px 5px 15px;
}


#productInfo h3.basket
{
	padding: 4px 0px 5px 0px;
	margin: 0px;
	width: 100%;
	float: left;
	background: url(/static/images/button_viewbasket.gif) top right no-repeat #727272;
	/*background-color: #424242;*/
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-indent: 8px;
}

table#shopping_basket
{
	width: 520px;
	padding: 0px !important;
	margin: 15px 0px 15px 0px !important;
	background: url(/static/images/purchase_fade.gif) top left repeat-x #B7B8C0;
}

#shopping_basket tr
{
	padding: 0px;
	margin: 0px;
}

#shopping_basket td
{
	padding: 0px;
	margin: 0px;
}

#shopping_basket td.purchase_productname
{
	background: url(/static/images/purchase_headfade.gif) top left repeat-x #595860;
	color: #fff;
	font-weight: bold;
	padding: 3px 20px 3px 10px;
	font-size: 12px;
	line-height: 18px;
}

#shopping_basket td.purchase_productkey
{
	background: url(/static/images/purchase_headfade.gif) top left repeat-x #595860;
	color: #fff;
	font-weight: normal;
	padding: 5px 0px 5px 15px;
}

#shopping_basket td.purchase_productitem
{
	color: #000;
	font-weight: bold;
	padding: 10px 0px 5px 15px;
}

#shopping_basket td.purchase_productitem2
{
	color: #445;
	font-weight: bold;
	padding: 10px 0px 5px 15px;
}

#shopping_basket td.basket_total
{
	background: url(/static/images/purchase_headfade.gif) top left repeat-x #595860;
	color: #fff;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	font-size: 12px;
	line-height: 18px;
}

#content table.shopping_nextstep
{
	width: 520px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}

#content table.shopping_nextstep td
{
}

#shopping_basket td.purchase_update
{
	color: #333;
	font-weight: normal;
	padding: 5px 0px 10px 15px;
}

#viewbasket
{
	float: right;
	margin-top: 10px;
}

#content input.login
{
	width:150px;
}

#content input.register
{
	width:200px;
}

#content textarea.loginarea
{
	width:200px;
	height:85px;
}

table.formtable
{
	background: #e8e8eb;
	width: 330px !important;
	padding: 0px !important;
	margin: 15px 0px 10px 0px !important;
	z-index: 1000;
}

table.formtable td
{
	vertical-align: middle !important;
}

table.tablesummary
{
	width: 248px !important;
	background: #e8e8eb;
	padding: 0px !important;
	margin: 0px !important;
}

table.tablesummary td
{
	vertical-align: middle !important;
	margin: 0px !important;
}

table.tablesummary td.tableheading
{
	padding-left: 5px !important;
}

table.tablesummary td.detaillabel
{
	width: 60px;
	text-align: right;
	padding-left: 5px !important;
}

table.reset
{
	padding: 0px 0px 16px 0px !important;
	margin: 0px !important;
}

table.reset td
{
	margin: 0px 0px 0px 0px !important;
	padding: 5px 10px 5px 0px !important;

}

table#register
{
	background: #e8e8eb;
	width: 330px;
	padding: 0px;
	margin: 15px 0px 10px 0px;
}

#innerindent
{
	padding: 5px 20px 5px 20px;
}

.ordernotes
{
	width: 500px;
	font-size: 10px;
}

#content input.submitbut
{
	width:100px;
}

input.checkbox
{
	width:20px;
}

#shopping_basket td.dotme
{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #666;
}

table.formtable td.tableheading, table.tablesummary td.tableheading, table#register td.tableheading
{
	background: #dddddf;
	font-weight: bold;
	font-size: 14px !important;
}

span.error
{
	color: #aa0000;
	font-weight: bold;
}

/* ---------------------------------------- */
/* Upload styles                            */
/* ---------------------------------------- */

#copyArea #uploadform
{
	margin: 0px;
	padding: 0px;
}

#copyArea #uploadtable
{
	padding: 0px;
	margin: 10px 15px 10px 35px;
}

#copyArea #uploadtable td
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border: 1px red solid;
}

#copyArea #uploadform input.text, #copyArea #uploadform input.file
{
	width: 200px;
}

#copyArea #uploadform textarea
{
	width: 200px;
	height: 65px;
}

#uploadbox
{
	position: absolute;
	top: 65px;
	left: 400px;
	background: #fff;
	border: 1px #444 solid;
	font-size: 10px;
	margin: 0px;
	padding: 8px 0px 3px 0px;
	line-height: 14px;
	width: 185px;
	z-index: 100;
}

#uploadbox p
{
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 5px 0px;
}

#uploadimage
{
	position: relative;
}

#uploadimage img
{
	position: absolute;
	top: 20px;
	left: 42px;
	z-index: 100;
	display: none;
}

/* ---------------------------------------- */
/* Offices map and addresses                */
/* ---------------------------------------- */

#offices table
{
	font-size: 10px;
	line-height: 14px;
}

#offices table td
{
	padding: 0px 0px 10px 20px;
}

#offices table tr.table-top td
{
	padding: 5px 0px 8px 0px;
}

#offices table span.h2
{
	font-weight: bold;
	font-size: 13px;
}

#offices table td a
{
	color: blue !important;
	text-decoration:underline !important;
}
#offices table td a:visited{
	color: purple !important;
}

#offices table td b a
{
	color: #444 !important;
	text-decoration:none !important;
}
#offices table td b a:visited{
	color: #444 !important;
}
#mainContentStretch p a{
	color: blue !important;
	text-decoration:underline !important;
}
#mainContentStretch p a:visited{
	color: purple !important;
}
#mainContentStretch p.newsMore a{
	color:#FFF !important;
	text-decoration:none !important;
}

div ul li ul ul li ul li ul li{
	margin-left:10px;
}
div.sitemap ul li{
	padding:0px;
	margin:10px;
}
div.sitemap ul li ul li{
	padding:0px;
	margin:5px;
	margin-left:15px;
}
div.sitemap ul li ul li ul li{
	padding:0px;
	margin:5px;
	margin-left:15px;
}
div.sitemap ul li ul li ul li ul li{
	padding:0px;
	margin:5px;
	margin-left:15px;
}

#imageIcons{
	text-align:right;
	width:197px;
	margin:1px;
}

#imageIcons #scrollTextClipping{
	position: absolute;
	z-index: 1;
	top: 0px;
	width: 250px;
	height: 200px;
	visibility: visible;
	clip: rect(0px, 250px, 200px, 0px);
}
#offices td h2 a, #offices td h2 a:visited{
	text-decoration:none !important;
	color:#000 !important;
}
#contactsBox{
	font-size:9px;
	padding-top:10px;
	height:40px;
	border:0;
	color:#646466;
	float:left;
	/*
	top:320pt;*/
	position:absolute;
	
	line-height:12px;
	text-align:left;
	left:1;
}

.error {
	color: red;
}

.okmessage {
	color: #00aa00;
	margin: 10px 0px 0px 30px;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	background: #d9e5da;
}

#groupLinks{
	margin-top:15px;
}

#groupLinks div{
	margin-left:20px;
	margin-top:12px;
}

#errorCopy{
	margin-top:20px;
	margin-bottom:20px;
}

.companyContact{
	width: 200px;
}



/* 


/* ---------------------------------------- */
/*  Evolving Media Limited 2004            */
/* ---------------------------------------- */