/* Master Stylesheet for PrintON website by Jason Millward - www.jasonmillward.com - 11/05/2009 */
* { margin:0; padding:0;} /* set all padding and margins to 0 */
/* Set master styles */
html { font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; }
body { font-size:1.1em; color:#fff; background:url(../img/bg-body.jpg) repeat-x #071022; text-align:left; line-height:16px;}
img { border:none;}
a:link, a:visited, a:active { color:#00A4E8; text-decoration:underline; }
a:hover { text-decoration:none; }
p{ margin-bottom:10px;}
q { font-style:italic;}
h1 { width:618px; height:163px; text-indent:-99999px; margin-bottom:20px; }
h2 {font-size:1.6em; margin-bottom:15px;}
h3 ,h4 {margin-bottom:10px;}
.technical h3 {font-size:1.1em;}
.divider {margin:15px 0; height:1px; width:100%; background-color:#CDAF01;}
/* Set layout styles */
#wrapper { width:875px; margin: 0 auto; }
#left-column { width:257px; float:left; position:relative; }
#left-column .crnr-top-left { background:url(../img/corner-graphic.gif) no-repeat 0 0; width:17px; height:17px; position:absolute; top:17px; left:-17px;}
#right-column .crnr-top-right { background:url(../img/corner-graphic.gif) no-repeat -17px 0; width:17px; height:17px; position:absolute; top:17px; right:-17px;}

.header {width:257px; height:157px; }
.header h1 { position:relative; top:64px; left:14px; background:url(../img/logo.png) no-repeat; width:211px; height:78px; text-indent:-99999px; display:block;}
.header a.logo { position:relative; top:64px; left:14px; background:url(../img/logo.png) no-repeat; width:211px; height:78px; text-indent:-99999px; display:block;}
#right-column { width:618px; min-height:400px; float:right; padding:34px 0 30px 0; background:url(../img/right-content-top-border.jpg) repeat-x; position:relative;}
#content-left {float:left; padding:0 20px 0 10px; width:430px; }
#content-right {float:right; width:138px; padding-left:10px;}
#footer { clear:both; color:#1668B1; margin-top:30px!important; clear:both;width:875px; border-top:1px solid #1668B1; border-bottom:1px solid #1668B1; padding:10px 0; height:26px; position:relative;}
#footer .crnr-btm-right{ background:url(../img/corner-graphic.gif) no-repeat -17px -17px; width:17px; height:17px; position:absolute; bottom:-21px; right:-17px;}
#footer .crnr-btm-left { background:url(../img/corner-graphic.gif) no-repeat 0 -17px; width:17px; height:17px; position:absolute; bottom:-21px; left:-17px;}

.clearing { height:0; clear:both;}
/* Set Navigation and link styles */
ul.nav { width:322px; height:166px; list-style-type:none; position:relative; left:-72px; top:0; display:block;}
ul.nav li { width:322px; height:19px; margin-bottom:2px; }
ul.nav li a { width:322px; height:19px; display:block; text-indent:-99999px; overflow:hidden;}
ul.nav li.li-home a { background:url(../img/nav-home.png) no-repeat;}
ul.nav li.li-about a { background:url(../img/nav-about.png) no-repeat;}
ul.nav li.li-products a { background:url(../img/nav-products.png) no-repeat;}
ul.nav li.li-pricing a { background:url(../img/nav-pricing.png) no-repeat;}
ul.nav li.li-technical a { background:url(../img/nav-technical.png) no-repeat;}
ul.nav li.li-news a { background:url(../img/nav-news.png) no-repeat;}
ul.nav li.li-contact a { background:url(../img/nav-contact.png) no-repeat;}
ul.nav li.li-order a { background:url(../img/nav-order.png) no-repeat;}
ul.nav li a:hover { background-position:-322px;}
ul.nav li.li-sub { width:250px!important;  line-height:19px;margin-left:72px; margin-bottom:0; background-color:#173772; text-indent:none!important; color:#fff;}
ul.nav li.li-sub a {text-indent:0!important; color:#fff; padding-left:15px;width:235px;text-decoration:none!important;}
ul.nav li.li-sub a:hover { text-decoration:underline!important;}
ul.nav li.li-end {margin-bottom:0; }
/* Headers */
.about h1 { background:url(../img/h1-about.jpg) no-repeat;}
.pricing h1 { background:url(../img/h1-pricing.jpg) no-repeat;}
.contacts h1 { background:url(../img/h1-contacts.jpg) no-repeat;}
.news h1 { background:url(../img/h1-news.jpg) no-repeat;}
.technical h1 { background:url(../img/h1-technical-info.jpg) no-repeat;}
.products h1 { background:url(../img/h1-products.jpg) no-repeat;}
.how-to-order h1 { background:url(../img/h1-how-to-order.jpg) no-repeat; }
.header-content { font-size:1.2em; font-weight:bold;}
h2.about { background:url(../img/h2-about.png) no-repeat; width:351px; height:31px; text-indent:-99999px;}
h2.h2-address {background:url(../img/h2-address.png) no-repeat; width:74px; height:20px; text-indent:-99999px;}
h2.h2-team{ background:url(../img/h2-team.png) no-repeat; width:74px; height:20px; text-indent:-99999px;}
h2.h2-whatclientssay { background:url(../img/h2-whatclientssay.png) no-repeat; width:174px; height:20px; text-indent:-99999px;}
h2.h2-opportunities { background:url(../img/h2-opportunities.png) no-repeat; width:119px; height:20px; text-indent:-99999px;}
h2.h2-service-ethos { background:url(../img/h2-service-ethos.png) no-repeat; width:151px; height:20px; text-indent:-99999px;}
h2.h2-account { background:url(../img/h2-account.png) no-repeat; width:250px; height:20px; text-indent:-99999px;}
h2.h2-non-account { background:url(../img/h2-non-account.png) no-repeat; width:250px; height:20px; text-indent:-99999px;}
h2.h2-news1 { background:url(../img/h2-news1.png) no-repeat; width:318px; height:20px; text-indent:-99999px;}
h2.h2-news2 { background:url(../img/h2-news2.png) no-repeat; width:318px; height:20px; text-indent:-99999px;}
h2.h2-technical-info { background:url(../img/h2-technical-info.png) no-repeat; width:288px; height:31px; text-indent:-99999px;}
h2.h2-sending { background:url(../img/h2-sending.png) no-repeat; width:146px; height:20px; text-indent:-99999px;}
h2.h2-know { background:url(../img/h2-know.png) no-repeat; width:146px; height:20px; text-indent:-99999px;}
h2.h2-artwork { background:url(../img/h2-artwork.png) no-repeat; width:146px; height:20px; text-indent:-99999px;}
h2.h2-paper { background:url(../img/h2-paper.png) no-repeat; width:146px; height:20px; text-indent:-99999px;}
h2.h2-paper-sizes { background:url(../img/h2-paper-sizes.png) no-repeat; width:146px; height:20px; text-indent:-99999px;}
h2.h2-rebate { background:url(../img/h2-rebate.png) no-repeat; width:250px; height:20px; text-indent:-99999px;}
h2.h2-design-2 { background:url(../img/h2-design-2.png) no-repeat; width:250px; height:20px; text-indent:-99999px;}
h2.h2-stationery-2 { background:url(../img/h2-stationary-2.png) no-repeat; width:250px; height:20px; text-indent:-99999px;}
h2.h2-leaflets-2 { background:url(../img/h2-leaflets-2.png) no-repeat; width:250px; height:20px; text-indent:-99999px;}
h2.h2-posters-2 { background:url(../img/h2-posters-2.png) no-repeat; width:250px; height:20px; text-indent:-99999px;}
h2.h2-copying-2 { background:url(../img/h2-copying-2.png) no-repeat; width:250px; height:20px; text-indent:-99999px;}
h2.h2-sales-2 { background:url(../img/h2-sales-2.png) no-repeat; width:250px; height:20px; text-indent:-99999px;}
h2.h2-weddings-2 { background:url(../img/h2-wedding-2.png) no-repeat; width:250px; height:20px; text-indent:-99999px;}
h2.h2-comment-card { background:url(../img/h2-comment-card.png) no-repeat; width:250px; height:20px; text-indent:-99999px;}
h2.h2-history { background:url(../img/h2-history.png) no-repeat; width:151px; height:20px; text-indent:-99999px;}
h3.h3-track-record { background:url(../img/h3-track-record.png) no-repeat; width:159px; height:20px; text-indent:-99999px; margin-bottom:0;}
h3.h3-patricia { background:url(../img/h3-patricia.png) no-repeat; width:117px; height:20px; text-indent:-99999px; margin-bottom:0;}
h3.h3-alex { background:url(../img/h3-alex.png) no-repeat; width:117px; height:20px; text-indent:-99999px; margin-bottom:0;}
h3.h3-keith { background:url(../img/h3-keith.png) no-repeat; width:117px; height:20px; text-indent:-99999px; margin-bottom:0;}
h3.h3-matalan { background:url(../img/h3-matalan.png) no-repeat; width:95px; height:20px; text-indent:-99999px;}
h3.h3-tj-hughes{ background:url(../img/h3-tj-hughes.png) no-repeat; width:95px; height:20px; text-indent:-99999px;}
h3.h3-pets-at-home { background:url(../img/h3-pets-at-home.png) no-repeat; width:95px; height:20px; text-indent:-99999px;}
h4.h4-service { background:url(../img/h4-service.png) no-repeat; width:95px; height:20px; text-indent:-99999px;}
h4.h4-quality { background:url(../img/h4-quality.png) no-repeat; width:150px; height:20px; text-indent:-99999px;}
h4.h4-competitive { background:url(../img/h4-competitive.png) no-repeat; width:150px; height:20px; text-indent:-99999px;}
/* Homepage specific styles */
.homepage #right-column a {color:#fff;}
#left-column h2 { background:url(../img/h2-welcome.png) no-repeat bottom left; text-indent:-99999px; clear:both; width:239px; height:24px; display:block; padding:0 0 20px 0;}
#left-column p {font-size:1.2em; width:239px;  height:90px;display:block; text-indent:-99999px; background:url(../img/txt-welcome.png) no-repeat left top;}
.hp-left { width:404px; float:left; font-size:1.2em; height:220px; background:url(../img/bg-hp-col.jpg)  left -211px repeat-x;}
.hp-left h2 { background:url(../img/h2-hp.jpg) no-repeat left top; text-indent:-99999px; width:404px; height:26px; margin-bottom:0; }
.hp-img {margin-bottom:6px;}
.hp-text {  float:left; padding:6px 2px 0 8px; width:190px; line-height:14px;}
ul.hp-list { float:right; padding-top:15px; width:201px; list-style-type:none;}
ul.hp-list li {padding-left:10px; width:173px; height:17px; }
ul.hp-list li a {display:block; text-indent:-99999px;}
ul.hp-list li.one a {background:url(../img/hp-one.png) left top no-repeat; height:18px;}
ul.hp-list li.two a{background:url(../img/hp-two.png) left top no-repeat;}
ul.hp-list li.three a {background:url(../img/hp-three.png) left top no-repeat;}
ul.hp-list li.four a{background:url(../img/hp-four.png) left top no-repeat;}
.hp-right { width:203px; float:right;  height:220px; background:url(../img/bg-hp-col.jpg) left top  repeat-x; }
.hp-right h2 {background:url(../img/h2-hp.jpg) no-repeat -404px top; text-indent:-99999px; width:203px; height:26px;margin-bottom:0; }
.hp-right p { padding:10px 10px 0 10px; }
.hp-right form div { margin-botom:5px; width:203px;}
.hp-right form label { width:183px; padding:0 10px; margin-bottom:2px; float:left; color:#CBA2B6;}
.hp-right form .txt-box { margin:0 10px;width:177px; padding:2px; color:#fff; border:1px solid #CBA2B6; background:#CBA2B6; }
.hp-right form .btn { background:url(../img/btn-submit.jpg) no-repeat; width:71px; height:21px; text-indent:-99999px; display:block; border:none; float:right; margin:8px 10px 0 0; cursor:pointer;}
#slideshow1 { width:618px; height:289px; margin-bottom:10px;}
/* About us specific styles */
h3 span { font-weight:normal; font-size:0.9em;}
.team-pic {float:left; padding:0 10px 0 0;}
.pad-top-10 {padding-top:10px;}
/* Contact Specific styles */
dl {width:400px; display:block; margin-bottom:30px;}
dl dt, dl dd { float:left; display:inline;}
dl dt { width:300px;}
dl dd {width:100px;}
dl dt.contacts-list, dl dd.contacts-list {margin-top:20px; }
/* Products and Services Specific Styles */
.prod-svcs { width:303px; height:121px; float:left; display:block; line-height:13px; padding:0;}
.left { margin:0 5px 5px 0; }
.right { margin:0 0 5px 0;}
.cant-find { background:url(../img/bg-cant-find.jpg) repeat-y top left; overflow:hidden; padding:0 10px 0 15px; width:278px; }
.prod-txt {float:left; width:168px; padding:0 5px 0 15px;}
.prod-svcs  p { padding:0 1px 0 5px; margin-bottom:0;}
.prod-img {float:right; width:115px;  height:121px;}
.prod-svcs h2 { text-indent:-99999px; height:52px; margin-bottom:0; width:165px;}
.h2-des-studio { background:url(../img/h2-design-studio.png)no-repeat ; height:41px!important;}
.h2-stationary { background:url(../img/h2-stationary.png)no-repeat ;}
.h2-leaflets { background:url(../img/h2-leaflets.png)no-repeat ;}
.h2-posters { background:url(../img/h2-posters.png)no-repeat ;}
.h2-copying { background:url(../img/h2-copying.png)no-repeat ;}
.h2-sales { background:url(../img/h2-sales.png)no-repeat ; height:41px!important;}
.h2-wedding { background:url(../img/h2-wedding.png)no-repeat ;}
.h2-cant-find { background:url(../img/h2-cant-find.png)no-repeat ;}
table { border-top:1px solid #00709F; border-left:1px solid #00709F; border-collapse:collapse; margin-bottom:15px;}
.th {border-right: 1px solid #00709F; border-bottom:1px solid #00709F; }
.th-left { text-align:left; font-weight:bold; background-color:#0B1E4F; width:250px; padding:3px 10px;}
.th-right { text-align:left; font-weight:bold; background-color:#00A4E8; width:100px; padding:3px 10px;}
table td {padding:3px 10px; border-right: 1px solid #00709F; border-bottom:1px solid #00709F; }
#content-right ul { list-style-type:none;}
#content-right ul li { margin-bottom:10px; }
.products #right-column #content-left ul { margin-left:15px;}
.p-design { background:url(../img/bg-design-studio.jpg) repeat-y top left;}
.p-stationery { background:url(../img/bg-stationery.jpg) repeat-y top left;}
.p-leaflets { background:url(../img/bg-leaflets.jpg) repeat-y top left;}
.p-posters { background:url(../img/bg-posters.jpg) repeat-y top left;}
.p-copying { background:url(../img/bg-copying.jpg) repeat-y top left;}
.p-weddings{ background:url(../img/bg-weddings.jpg) repeat-y top left;}
.p-sales { background:url(../img/bg-sales.jpg) repeat-y top left;}
/* pricing */
.ul-pricing { margin-bottom:10px; }
/* news */
.news #right-column #content-left  ul {list-style-type:none;}
.news #right-column #content-left ul li { margin-bottom:7px;}
.news #right-column .copyshop-l {width:318px; padding:0; margin:0; float:left;}
.news #right-column .copyshop-r {width:290px; padding:0; margin:0; float:left;}
/* Technical */
#right-column #content-left ul {margin:0 0 15px 15px;}
.technical dl {width:360px; display:block; margin-bottom:30px;}
.technical dl dt, .technical dl dd { float:left; display:inline;}
.technical dl dt { width:180px;}
.technical dl dd {width:180px;}
.tech-info-1 {padding-right:123px; background:url(../img/tech-info-1.png) no-repeat top right; border-bottom:1px solid #6FB353; margin-bottom:10px;}
.tech-info-2 {padding-right:123px; background:url(../img/tech-info-2.png) no-repeat top right; border-bottom:1px solid #6FB353; margin-bottom:10px;}
.tech-info-3 {padding-right:123px; background:url(../img/tech-info-3.png) no-repeat top right; border-bottom:1px solid #6FB353; margin-bottom:10px;}
.tech-info-4 {padding-right:123px; background:url(../img/tech-info-4.png) no-repeat top right; border-bottom:1px solid #6FB353; margin-bottom:10px;}
.tech-info-5 {padding-right:123px; background:url(../img/tech-info-5.png) no-repeat top right; border-bottom:1px solid #6FB353; margin-bottom:10px;}
.tech-info-6 {padding-right:123px; background:url(../img/tech-info-6.png) no-repeat top right; margin-bottom:10px; min-height:120px;}
ul.ul-technical { margin:0 0 15px 15px;}
/* Footer */
#footer ul li { list-style-type:none; float:left; height:13px; line-height:13px; }
#footer ul.footer-left { float:left; width:500px; display:block; height:26px; }
#footer ul.footer-right { float:right; width:340px; display:block; height:26px; }