/****************************************************************************
 * Skin styles: these are used in the MasterPage.
 ****************************************************************************/
.skinheader {
	height: 125px;
	background: url(/image/skin-bkg-banner.png) no-repeat;
}
.skinheader a {
	text-decoration: none;
}
.skinmenu {
	float: left;
	width: 163px;
	height:460px;
	/*background: #eee;*/
	padding-right: 25px;
}
.skinmenubutton {
	height: 43px;
}
.skinfooterbar {
	width:610px;
	/*height:40px;*/
	margin:35px auto 0px;
	/*border:1px solid #ddd;*/
	font: 0.7em Verdana, sans-serif;
	color: #888;
}
.skinfootercell {
	float:left;
	width:100px;
	/*height:40px;*/
	margin: 0px 10px;
	border:1px solid #d8d8d8;
	background:#fff;
	/*vertical-align: middle;*/
	padding-top:0.75em;
	padding-bottom:0.75em;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.skinbodywrapper {
	float: right;
	width: 742px;
	/*background: cyan;*/
}
.skinbodywrapper h1 {
	color: #d71920;
	font-size: 2em;
	font-weight: normal;
	line-height: 1; /*.2;*/  /* These couple of lines are to deal with display */
	/*margin-top: -4px;  *//* in IE Compatibility mode                       */
}
.skinbodywrapper h2 {
	color: #d71920;
	font-size: 1.4em;
	font-weight: normal;
	padding-top: 0.8em;
	padding-bottom: 0.375em;
}
.skinbodywrapper h3 {
	color: #d71920;
	font-size: 1.18em;
	font-weight: normal;
	padding-top: 0.8em;
	padding-bottom: 0.375em;
}
.skinbodywrapper p, .skinbodywrapper li {
	padding-bottom: 0.625em;
	font-size: 0.9375em;
	line-height: 1.5;
}
.skinbodywrapper dt {
	color: #d71920;
}
.skinbodywrapper dd {
	padding-left: 3em;
	padding-bottom: 0.625em;
	font-size: 0.9375em;
	line-height: 1.5;
}
/****************************************************************************
 * Normal styles: these are used as a standard styles in most of the pages
 ****************************************************************************/
.normalheader {
	width:742px;
	height: 43px;
}
.normalleft {
	position: relative;
	float: left; 
	width:492px;
}
.normalright {
	float: left;
	width: 230px;
	margin-left: 20px;
	text-align: center;
	/*background: yellow;*/
}
.normalright img {
	float: right;
	padding: 3px;
	border: 1px solid #d8d8d8;
	text-align: right;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.normalright h3 {
	font-size: 0.8em;
	margin-top: 20px;
	padding: 0.4em 0 0.4em 0;
	background: #f0f0f0;
	color: #888;
	border: 1px solid #d8d8d8;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}
.normalright ul {
	padding: 0.2em 0 0.3em 0;
	color: #888;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
.normalright li {
	list-style: none;
	font-size: 0.8em;
	padding: 2px 0px 2px 0px;
}
.normalright a {
	text-decoration: none;
	color: #888;
}
.normalright a:hover {
	color: #d71920;
}
/****************************************************************************
 * This DIV is for "related links" lists on the right of (e.g.) product pages
 ****************************************************************************/
div.linklist {
	width: 230px;
	margin-left: 20px;
	margin-top: 10px;
	background: green;
	height: 300px;
}
/****************************************************************************
 * Text buttons used in various places; these have been imported from the old
 * version of the website and are due to be replaced with something better
 ****************************************************************************/
.textbutton {
	border: 0;
}
.textbutton a:link, .textbutton a:visited {
	background-color: #f0f0f0;
	color: #000;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	line-height: 15px;
	margin: 0px auto;
	width: 150px;
	display: block;
	border: 1px solid #d8d8d8;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
	padding-right: 5px;
}
.textbutton a:hover {
	background-color: #d71920;
	color: #fff;
}
.textbutton a:active {
	background-color: #d8d8d8;
	outline-style: none;
	outline-color: invert;
	outline-width: medium;
	color: #d71920;
}
p.textbuttoncaption {
	font-size: 0.8em;
	padding-top: 0.5em;
}
/****************************************************************************
 * The button block is used as a pretty container for Download text buttons
 ****************************************************************************/
 .buttonblock {
 	width: 450px;
	text-align: center;
	border: 1px solid #d8d8d8;
	margin-bottom: 1em;
	padding: 20px 20px 0px 20px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.buttonblockhalf {
	float: left;
	width: 210px;
}
.buttonblockcentre {
	float: left;
	width: 20px;
}
.buttonblockcell {
	float: left;
	width: 162px;
}
.buttonblockmiddle {
	float: left;
	width: 126px;
}
.buttonblockside {
	float: left;
	width: 144px;
}
/****************************************************************************
 * Download buttons display a graphic using the CSS sprites method
 ****************************************************************************/
.wrapper-download {
	width: 150px; 
	margin-left: auto;
	margin-right: auto;
}
.wrapper-download p a.button-download {
	display: block;
	width: 150px; height: 31px;
	background-image: url(/image/mmm-button.png);
	background-position: 0px 0px;
	text-indent: -9999px;
}
.wrapper-download p a.button-download:hover, .wrapper-download p a.button-download:focus {
	background-position: 0px -33px;
}
.wrapper-download p a.button-download:active {
	background-position: 0px 0px;
}
/****************************************************************************
 * Download buttons display a graphic using the CSS sprites method
 ****************************************************************************/
.button-wrapper {
	width: 150px; 
	margin-left: auto;
	margin-right: auto;
}
.button-wrapper p a.button {
	display: block;
	width: 150px; height: 31px;
	background-image: url(/image/mmm-button.png);
	background-position: 0px 0px;
	text-indent: -9999px;
}
.button-wrapper p a.button:hover, .button-wrapper p a.button:focus {
	background-position: 0px -33px;
}
.button-wrapper p a.button:active {
	background-position: 0px 0px;
}
a.no-outline { outline: none; }
/****************************************************************************
 * This is an outer container for the sidebar so the buttons will right-align
 ****************************************************************************/
.button-sidebar {
	float:right;
	width: 150px;
	margin: 0;
}
/****************************************************************************
 * The button box is used as a pretty container for the Download buttons
 ****************************************************************************/
 .buttonbox {
 	width: 450px;
	text-align: center;
	border: 1px solid #d8d8d8;
	margin-bottom: 1em;
	padding: 20px 20px 0px 20px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.buttonbox-half {
	float: left;
	width: 210px;
}
.buttonbox-gutter {
	float: left;
	width: 20px;
}
p.buttoncaption {
	font-size: 0.8em;
	padding-top: 0.5em;
}
/****************************************************************************
 * Possibly unused ... but I'm not sure
 ****************************************************************************/
.indented {padding-left: 3em}

.paddedoneline {padding-top: 1.5em}

p.smallfont {font-size: 0.75em;}
/****************************************************************************
 * The "News Headlines" and "Hightlights" boxes on the Home Page
 ****************************************************************************/
.shuknewsbox {
	float: left;
	width: 450px;
	height: 200px;
	padding: 3px;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*.shuknewsmarquee {
	height: 168px;
	margin: 4px 3px 0px 3px;
}*/
.shuknewsscroller {
	width: 440px;
	margin: auto;
}
.shuknewsitem {
	padding-bottom: 1.4em;
}
/*
.shuknewsmarquee p {
	margin-bottom: 1.4em;
}*/
.shukboxtitle {
	color: #d71920;
	height: 24px;
	font-size: 1.3em;
	padding-left: 3px;
	border: 1px solid #d8d8d8;
	background: #f0f0f0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d8d8d8'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d8d8d8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #d8d8d8); /* for firefox 3.6+ */
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
.shukfocusbox {
	float: right;
	width: 255px;
	height: 200px;
	padding: 3px;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.shukfocusbody {
	height: 131px;
	width: 253px;
	display: table-cell;
	vertical-align: middle;
}
.shukfocusfooter {
	height: 41px;
	border: 1px solid #d8d8d8;
	background: #f0f0f0;
	font-size: 0.81em;
	padding-left: 3px;
	overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/****************************************************************************
 * Contact Us page has boxes around the sales consultant details
 ****************************************************************************/
.shukcontact {
	margin: 0em 0.5em 0em 2em;
	padding: 5px 5px 0px 5px;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/****************************************************************************
 * The Glossary page
 ****************************************************************************/
/*.shukglossary dl {
}
.shukglossary dt {
	color: #d71920;
	padding-top: 0.2em;
}
.shukglossary dd {
	padding-left: 2em;
	padding-bottom: 0.625em;
}*/
/****************************************************************************
 * The Shamir Online FAQ page (also used on Glossary page)
 ****************************************************************************/
 /*
.shukfaq a {
	color: #000000;
	text-decoration: none;
}
.shukfaq a:active, .shukfaq a:hover, .shukfaq a:focus {
	color: #d71920;
	text-decoration: none;
}
.shukfaq-answer {
	margin-left: 1.2em;
	padding: 0.8em 1em 0.2em 1em;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 1em;
}*/
/*
dl.shukfaq dt {
	padding-top: 1em;
	padding-bottom: 0.4em;
}
*/
/*
dl.shukfaq dd {
	/*font-size: 0.8em;*//*
	padding-bottom: 0.8em;
	padding-left: 2em;
}
*//*
.shukfaq a.std,
.shukfaq a.std:link,
.shukfaq a.std:visited {
	color: #d71920;
}
*/

/****************************************************************************
 * The Shamir Online FAQ (new version 16/06/2010) also used on Glossary page
 ****************************************************************************/
.faqs {
	padding-top: 0px;
}
.faqs dt {
	color: #000;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.faqs dt:hover {
	cursor:pointer;
}
.faqs dd {
	font-size: 1em;
	margin-left: 1.2em;
	padding: 0.75em 1em 0.3em 1em;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 1em;
}
.faqs dd ul {
	padding-left: 2em;
}
.faqs .hover {
	color:#d71920;
	text-decoration:underline;
}
/****************************************************************************
 * Video pages.  The shockwave video of the PT factory has a large white area
 * above and below, so a special box is used to make the video appear centred
 ****************************************************************************/
.shukvideo {
	display: block;
	margin: 20px auto;
}
.shukvideobox {
	width: 740px;
	border: 1px solid #d8d8d8;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	text-align: center;
}
.shukvideoboxpt {
	width: 360px;
	padding-top: 30px;
	padding-left: 190px;
	padding-right: 190px;
	border: 1px solid #d8d8d8;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
/****************************************************************************
 * News pages: banner for the date at the top of the page
 ****************************************************************************/
p.newsdatebanner {
	font-size: 1.15em;
	padding: 0.25em;
	margin-bottom: 1em;
	color: white;
	background: #d71920;
}
/*****************************************************************************
 * Generic styles used across the website; these are placed at the end so that
 * they can be used to override styles defined above.
 *****************************************************************************/
img {border: 0}

img.centred {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
p.logo-caption {
	clear: both;
	margin-left: 20px;
	padding-top: 1.2em;
	text-align: center;
	font-size: 80%;
	color: #888;
}
p.footnote {
	font-size: 80%;
	color: #888;
}
.hidden {display: none}
.unhidden {display: block}
.mmmclear {clear: both}

strong {
	color: #d71920;
	font-weight: normal;
}
h2.firstline {
	padding-top: 0;
}