@charset "UTF-8";
/* CSS Document */

pre {
	text-indent: 20px
}
#specSizeText {
	height: 180px;
	width: 250px;
	font-size: 80%;
}
.specTemplates {
	float: right;
	height: 88px;
	width: 200px;
	line-height: 30px;
	text-align: left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	font-size: 80%;
}
.specTemplates2 {
	float: right;
	height: 88px;
	width: 80px;
	line-height: 40px;
}
.specTemplates3 {
	float: right;
	height: 88px;
	width: 200px;
	line-height: 30px;
	text-align: left;
	font-size: 80%;
}
	
#tabmenu {
	color: #000;
	z-index: 1;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 592px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none; }
#tabmenu a , a.active   {
	border: 1px solid black;
	padding: 2px 5px 0px 5px;
	margin: 0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	background-color: #d5d3ec;
	color: #4438c8;
}

#tabmenu a.active {
	background-color: #4438c8;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #4438c8;
	color: #ececf6;
}

#tabmenu a:hover {
	color: #ececf6;
	background-color: #4438c8;
}

#tabmenu a:visited {
	}

#tabmenu a.active:hover {
	background: #ABAD85;
	color: #0e0887;
	}
.specColumn {
	width: 270px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
#specContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	border: 1px solid black;
	border-top: none;
	z-index: 2;
	float: left;
	background-image: url(../images/webLayout/specificationImages/topBar.gif);
	background-repeat: repeat-x;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	width: 580px;
}

.centreSplitAlignLeft {
	width: 320px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.centreSplit  {
	width: 340px;
	float: left;
	text-align: center;
	vertical-align: bottom;
}
#greenKey {
	border: 1px solid #0033FF;
	float: left;
	height: 37px;
	width: 200px;
	margin-bottom: 30px;
	padding: 3px;
	margin-top: 50px;
}
#orangeKey {
	border: 1px solid #0033FF;
	float: left;
	height: 37px;
	width: 200px;
	margin-bottom: 30px;
	padding: 3px;
}
#redKey {
	border: 1px solid #0033FF;
	float: left;
	height: 50px;
	width: 200px;
	padding: 3px;
}
#finishedKey {
	border: 1px solid #0033FF;
	float: left;
	height: 35px;
	width: 200px;
	margin-top: 120px;
	padding: 3px;
}


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


#tabResourceMenu
{
	list-style: none;
	width:585px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 90%;
}
#tabResourceMenu ul {
	margin: 0px;
	padding: 0px;
}

#tabResourceMenu ul li 
{
	float: left;
	display: block;
	position: relative;
	height: 87px;
	list-style-type: none;
}

#tabResourceMenu ul li a 
{
	display: block;
	height: 87px;
	text-align: center;
	padding-top: 3px;
	font-size: 88%;
}

/* ------------------ Start rollover effect ----------------------*/

#tabMenu_bleed a:hover, #tabMenu_resolution a:hover, #tabMenu_size a:hover, #tabMenu_formats a:hover, #tabMenu_quality a:hover, #tabMenu_artwork a:hover, #tabMenu_templates a:hover {
	text-decoration: underline;
	color:#FFFFFF;
}

#tabMenu_bleed a:link, #tabMenu_resolution a:link, #tabMenu_size a:link, #tabMenu_formats a:link, #tabMenu_quality a:link, #tabMenu_artwork a:link, #tabMenu_templates a:link {
	color:#FFFFFF;
}

#tabMenu_bleed a, #tabMenu_resolution a, #tabMenu_size a, #tabMenu_formats a, #tabMenu_quality a, #tabMenu_artwork a, #tabMenu_templates a {
	width: 80px;
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
}

#nav_bleed, #nav_resolution, #nav_size, #nav_format, #nav_quality, #nav_artwork, #nav_templates, #nav_download, #nav_contact, #nav {
	position: absolute;
	left: 50%;
	margin-left: -187px;
	width: 580px;
	height: 87px;
	z-index: 100;
	margin-top: 7px;
}

#tabMenu_bleed a {
	background-image: url(../images/webLayout/specificationImages/Tabs/bleed.gif);
}

#tabMenu_resolution a {
	background-image: url(../images/webLayout/specificationImages/Tabs/resolution.gif);
}

#tabMenu_size a {
	background-image: url(../images/webLayout/specificationImages/Tabs/size.gif);
}

#tabMenu_formats a {
	background-image: url(../images/webLayout/specificationImages/Tabs/formats.gif);
}

#tabMenu_quality a {
	background-image: url(../images/webLayout/specificationImages/Tabs/type.gif);
}

#tabMenu_artwork a {
	background-image: url(../images/webLayout/specificationImages/Tabs/artwork.gif);
}

#tabMenu_templates a {
	background-image: url(../images/webLayout/specificationImages/Tabs/template.gif);
}

#nav_bleed #tabMenu_bleed a, #nav_resolution #tabMenu_resolution a, #nav_size #tabMenu_size a, #nav_format #tabMenu_formats a, #nav_quality #tabMenu_quality a, #nav_artwork #tabMenu_artwork a, #nav_templates #tabMenu_templates a{
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFFFFF;
	text-decoration: none;
}
#nav_bleed #tabMenu_bleed a {
	background-image: url(../images/webLayout/specificationImages/Tabs/selectBleed.gif);
}

#nav_resolution #tabMenu_resolution a {
	background-image: url(../images/webLayout/specificationImages/Tabs/selectResolution.gif);
}

#nav_size #tabMenu_size a {
	background-image: url(../images/webLayout/specificationImages/Tabs/selectSize.gif);
}

#nav_format #tabMenu_formats a {
	background-image: url(../images/webLayout/specificationImages/Tabs/selectFormats.gif);
}

#nav_quality #tabMenu_quality a {
	background-image: url(../images/webLayout/specificationImages/Tabs/selectType.gif);
}

#nav_artwork #tabMenu_artwork a {
	background-image: url(../images/webLayout/specificationImages/Tabs/selectArtwork.gif);
}

#nav_templates #tabMenu_templates a {
	background-image: url(../images/webLayout/specificationImages/Tabs/selectTemplate.gif);
}

#resourceBottom {
	background-image: url(../images/webLayout/specificationImages/Tabs/bottomTab.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 587px;
}
#resourceMiddle {
	background-color: #DDDEF6;
	width: 565px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A9AAB3;
	border-left-color: #A9AAB3;
	padding: 10px;
	text-align: justify;
}
#resourceTop {
	background-image: url(../images/webLayout/specificationImages/Tabs/topTab.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 587px;
	margin-top: 68px;
}
#resExample1 {
	background-image: url(../images/webLayout/specificationImages/resolutionExample1.jpg);
	background-repeat: no-repeat;
	width: 160px;
	float: left;
	margin-left: 10px;
	padding-top: 160px;
}
#resExample2 {
	background-image: url(../images/webLayout/specificationImages/resolutionExample2.jpg);
	background-repeat: no-repeat;
	width: 160px;
	float: left;
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 160px;
}
#resExample3 {
	background-image: url(../images/webLayout/specificationImages/resolutionExample3.jpg);
	background-repeat: no-repeat;
	width: 160px;
	float: left;
	padding-top: 160px;
}
#page_resources #specPage #resourceMiddle fieldset {
	font-size: 80%;
}