/*Reset code*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100.01%;font-style:normal;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
blockquote,q{quotes:none;}
/*
Safari doesn't support the quotes attribute,so we do this instead.
*/
blockquote:before,blockquote:after,q:before,q:after{/*
CSS 2;used to remove quotes in case "none" fails below.
*/
content:"";/*
CSS 2.1;will remove quotes if supported,and override the above.
User-agents that don't understand "none" should ignore it,and
keep the above value. This is here for future compatibility,
though I'm not 100% convinced that it's a good idea...
*/
content:none;}
textarea{overflow:auto;}
input{border:0px solid white;margin:0;padding:0;}
/*End reset code*/

/*Begin Wyke CSS*/

body {
}

strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

input {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body {
	background: #cccdcb url(../images/bg-gradient.png) repeat-x;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 50px;
	color: #333;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
}

#content_wrapper {
	margin: 0 auto;
	width: 960px;
}

#content {
	position: relative;
	padding-top: 21px;
	clear: both;
	background: #fff;
	overflow: hidden;
}

#container { padding: 0 7px; }

#page_header {
	height: 107px;
	overflow: hidden;
	margin-bottom: 20px;
}

#wyke_printers_logo {
	width: 115px; height: 107px;
	float: left;
	padding-right: 20px;
}

#details_nav {
	margin-top: 6px;
	font-size: 11px;
}

.info_nav li {
	display: inline;
}

.info_nav a {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #a70240;
}

.info_nav a.last {
	border-right: 0;
}

.info_nav a:hover, .info_nav a.selected {
	text-decoration: underline;
	color: #b00240;
}

#book_appointment {
	font-size: 1em;
	margin: 20px 0 14px 0;
	position: relative;
	left: 0;
	height: 18px;
}

#book_appointment span
{
	background: url(../images/book-appointment.png) no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
}

#book_appointment address {
	display: inline;
	color: #a70240;
}

#page_nav li {
	float: left;
}
           
#page_nav a:hover,
#page_nav li a.selected
{
	background: url(../images/nav-button.png) -3px top no-repeat;
	color: #fff;
	text-decoration: none;
}
#page_nav .first a:hover,
#page_nav li.first a.selected
{
	background: url(../images/nav-button.png) left top no-repeat;
}
#page_nav .last a:hover {
	background: url(../images/nav-button.png) right top no-repeat;
}
#page_nav a {
	display: block;
	width: 134px;
	background: url(../images/nav-button.png) no-repeat left bottom;
	height: 39px;
	color: #333;
	overflow: hidden;
	line-height: 35px;
	text-align: center;
	font-size: 11px;
	background-position: -3px bottom;
	border-right: 1px solid #f2f2f2;
}

#page_nav .first a {
	background-position: 0 bottom;
}

#page_nav .last a {
	background-position: -8px bottom;
	border-right: 0;
}

#page_footer,
#page_footer a
{
	color: #555;
}
#page_footer,
#policies {
	font-size: 11px;
	clear: both;
	line-height: 1.3;
	padding: 10px 0 15px 0;
	text-align: center;
}

#bpif-footer {
	margin: 0 auto;
	text-align: center;
}

#main-footer .info_nav {
	margin-bottom: 20px;
	margin-top: 10px;
}

#main-footer td {
	vertical-align: top;
	font-size: 11px;
	line-height: 1.2;
}

#bpif-member-small {
	margin-bottom: 5px;
}

#fsc-small {
	margin-left: 10px;
	margin-right: 3px;
}

ul.dashed_list li {
	text-indent: -11px;
	margin-left: 11px;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	height: 158px;
	background: transparent url(../images/support/terms-popup.png) no-repeat top left;
	width: 242px;
	border: none;
	color: #fff;
	padding: 19px 19px 5px 17px;
	font-size: 11px;
}
#tooltip h3
{
	margin-bottom: 11px;
}
#tooltip div { margin: 0; }

#tooltip.large {
	height: 230px;
	background-image: url(../images/support/terms-popup-large.png);
}

#tooltip.viewport-right {
	background-image: url(../images/support/terms-popup-reverse.png);
}

#tooltip.large.viewport-right {
	background-image: url(../images/support/terms-popup-large-reverse.png);
}



/* Homepage CSS */
#home_about_wyke
{
	background: #fff;
	position: relative;
	width: 902px;
	margin: 0 auto;
	font-size: 2.8em;
	height: 300px;
}

#home_about_wyke p {
	padding: 20px;
	position: relative;
	width: 38%;
	margin-bottom: 100px;
	overflow: hidden;
}

#home_about_wyke span
{
	background: transparent url(../images/at-wyke-printers.png) no-repeat 20px 20px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#home_nav_buttons {
	overflow: hidden;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
}

#home_nav_buttons li {
	float: left;
	overflow: hidden;
	width: 204px;
	height: 127px;
	padding-right: 31px;
	position: relative;
}

#home_nav_buttons li.last {
	padding-right: 0;
}

#home_nav_buttons a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/home-nav-buttons.jpg) no-repeat;
	overflow: hidden;
	text-indent: 2px;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 44px;
}

#home_nav_buttons a:hover {
	text-decoration: none;
}

#home_nav_buttons li span {
	color: #999;
	position: absolute;
	bottom: 10px;
	border-bottom: 1px solid #fff;
	font-size: 11px;
	left: 2px;
	text-transform: uppercase;
}

#home_nav_buttons a.support {
	background-position: 0 0;
}
#home_nav_buttons a.submit {
	background-position: -406px 0;
}
#home_nav_buttons a.news {
	background-position: -609px 0;
}
#home_nav_buttons a.accreditations {
	background-position: -203px 0;
}

#home_sliders_wrapper {
	position: relative;
	left: 115px;
	width: 770px;
}

#home_sliders {
	position: relative;
	margin-top: -275px;
	height: 300px;
	overflow: hidden;
}

#home_sliders li.open {
	height: 297px;
}
#home_sliders li.closed {
	height: 64px;
}

#home_sliders div.view {
	color: #fff;
	position: absolute;
	top: 245px;
	left: 50px;
	width: 71px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}

#home_sliders div.view-hover {
	background: url(../images/home-sliders-view-hover.png) no-repeat;
}

#home_sliders .litho div.view-hover
{
	background-position: 0 -20px;
}
#home_sliders .digital div.view-hover
{
	background-position: 1px -40px;
}
#home_sliders .finishing div.view-hover
{
	background-position: 1px -60px;
}

#home_sliders li {
	background: url(../images/home-sliders.png) no-repeat;
	overflow: hidden;
	width: 170px;
	float: left;
	cursor: pointer;
	line-height: 1.3em;
	position: absolute;
	bottom: 0;
	border-bottom: 2px solid #777;
}

#home_sliders li.press {
	background-position: 0 0;
	left: 0px;
	color: #cecece;
}
#home_sliders li.litho {
	background-position: -177px 0;
	left: 180px;
	color: #9cc8e1;
}
#home_sliders li.digital {
	background-position: -353px 0;
	left: 360px;
	color: #fbd4a5;
}
#home_sliders li.finishing {
	background-position: -529px 0;
	left: 540px;
	width: 171px !important;
	color: #98daad;
}

#home_sliders li p {
	padding: 10px;
	text-align: center;
	line-height: 1.3em;
	padding-top: 15px;
}

#slider_footers {
	position: relative;
	height: 25px;
}

#slider_footers li {
	background: url(../images/home-sliders.png) no-repeat;
	position: relative;
	width: 170px;
	height: 100%;
	float: left;
	margin-right: 10px;
}

#slider_footers li.press {
	background-position: 0 -300px;
}
#slider_footers li.litho {
	background-position: -177px -300px;
}
#slider_footers li.digital {
	background-position: -353px -300px;
}
#slider_footers li.finishing {
	background-position: -530px -300px;
}

#home_sliders .header {
	position: relative;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	z-index: 10000;
	line-height: 52px;
}
#home_sliders .span {
	position: absolute;
	background: url(../images/home-sliders-blank.png) no-repeat;
	display: block;
	z-index: 9999;
	width: 100%;
	height: 65px;
}
#home_sliders li.press .span {
	background-position: 0 0;
}
#home_sliders li.litho .span {
	background-position: -177px 0;
}
#home_sliders li.digital .span {
	background-position: -353px 0;
}
#home_sliders li.finishing .span {
	background-position: -529px 0;
}


#content .sb-inner { background:#fff }

/* Begin Prepress software */
#left-navigation {
	float: left;
	width: 136px;
	font-size: 11px;
	margin-left: 1px;
}

#left-navigation .title {
	background: url(../images/sub-nav.png) no-repeat -10px top;
	height: 30px;
	line-height: 30px;
	width: 107px;
	color: #fff;
	padding-left: 7px;
	margin-bottom: 5px;
}

#sub-nav {
	display: inline;
	position: relative;
	background: url(../images/sub-nav.png) no-repeat;
	float: right;
	height: 32px;
	line-height: 27px;
	padding: 0 23px;
	right: 13px;
	overflow: hidden;
}

#sub-nav span {
	position: absolute;
	background: url(../images/sub-nav.png) top right no-repeat;
	height: 32px;
	width: 3px;
	top: 0;
	right: 0;
}

#sub-nav li {
	float: left;
	font-size: 11px;
	margin: 0;
}

#sub-nav li.last a {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

#sub-nav a {
	color: #888;
	border-right: 1px solid #fff;
	padding-right: 11px;
	margin-right: 11px;
}

#sub-nav a:hover,
#sub-nav a.selected
{
	text-decoration: none;
	color: #fff;
}

#main-content {
	padding: 0 0 0 30px;
	width: 758px;
	height: 563px;
	float: left;
	margin-bottom: 21px;
}

#content-header {
	clear: both;
	margin-bottom: 20px;
}


#pre_press-left_nav a { color: #333 }
#pre_press-left_nav ul li a.selected { color: #333 }
#pre_press-left_nav ul li a { color: #999 }

#litho-left_nav a { color: #0079be }
#litho-left_nav ul li a.selected { color: #333 }
#litho-left_nav ul li a { color: #999 }

#digital-left_nav a { color: #f69913 }
#digital-left_nav ul li a.selected { color: #333 }
#digital-left_nav ul li a { color: #999 }

#finishing-left_nav a { color: #009920 }
#finishing-left_nav ul li a.selected { color: #333 }
#finishing-left_nav ul li a { color: #999 }

#left-navigation ul li a.selected
{
	font-weight: normal;
	text-decoration: none;
}
#left-navigation ul li a {
	font-weight: normal;
}

#left-navigation .border {
	display: block;
	width: 115px;
	height: 2px;
	background-color: #ccc;
	margin: 5px 0;
	overflow: hidden;
}

#left-navigation ul {
	width: 115px;
}
#left-navigation li {
	padding-left: 7px;
	line-height: 1.3;
}
#left-navigation .section {
	display: block;
	padding-left: 7px;
	line-height: 1.3;
}

#left-navigation a.selected {
	text-decoration: underline;
}

.mybutton {
	position: relative;
	float: left;
	display: block;
	background: url(../images/sub-nav.png) no-repeat left top;
	height: 32px;
	line-height: 30px;
	color: #fff;
	padding: 0 20px;
}

.mybutton span {
	position: absolute;
	right: -1px;
	top: 0;
	background: url(../images/sub-nav.png) no-repeat right top;
	height: 32px;
	line-height: 30px;
	width: 4px;
	color: #fff;
}

.hideme {
	position: absolute;
	top: -6000px;
	height: -1px;
	overflow: hidden;
}