@import url(navigation.css);

/* CORE ------------------------------------------------------------------------------------------------------ */
body {
	margin:0;
	padding:0;
}

img.hand {
position:absolute;
left:0px;
bottom:0px;
}


#pageWrapper {
	width:960px;
	margin:0 auto 0 auto;
	padding:0;
	background-color:#000;
}

#header {
width:960px;
height:88px;
background-color:#000;
}

#contentWrapper {
padding:10px 0;
}

#breadCrumbs {
padding:5px;
margin:10px 0 10px 0;
background-image:url(../Images/bc_back.jpg);
background-repeat:repeat-y;
background-position:top-left;
font-size:10px
}

#footer {
text-align:center;
height:78px;
margin-top:-18px;
}

#footer img{
}

#mainContent {
background-color:#b26612;
background-image:url(../Images/inner_tile.jpg);
background-repeat:no-repeat;
background-position:top left;
padding:30px 30px 20px 30px;
}

#logo_slogan {
width:756px;
float:left
}

#mainlogo {
width:291px;
height:57px;
float:left;
margin:15px 0 0 20px;
background-image:url(../Images/picton_logo.gif);
background-repeat:no-repeat;
background-position:top left
}

#slogan {
width:444px;
height:17px;
margin:40px 0 0 312px;
background-image:url(../Images/easy_printing.gif);
background-repeat:no-repeat;
background-position:top left
}

#help_line {
width:203px;
height:70px;
margin:0 0 0 757px;
background-image:url(../Images/help_line.gif);
background-repeat:no-repeat;
background-position:top left
}

#internal_area {
width:674px;
min-height:720px;
background-image:url(../Images/internal_page_top.gif);
background-repeat:no-repeat;
background-position:top left;
padding-top:11px;
}

#internal_text {
background-image:url(../Images/internal_page_tile.gif);
background-repeat:repeat-y;
background-position:top left;
background-color:#f9c934;
padding:1px 30px 5px 30px;
color:#000;
margin:0
}

#internal_bot {
width:674px;
height:11px;
background-image:url(../Images/internal_page_bot.gif);
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0
}


#pagetitle {
padding:0;
height:40px
}

#pagetitle h2 {
color:#f39700;
font-size:30px;
font-weight:normal;
position:relative;
top:0;
left:0
}


#mainlogo h1,
h2.notext {
display:none
}

#homeTitle {
background-image:url(../Images/range_title.gif);
background-repeat:no-repeat;
background-position:top left;
width:500px;
height:40px
}

#leftCol {
width:685px;
float:left;
}

#rightCol {
width:196px;
margin-left:694px;
height:460px
}

#box1_2 {
width:484px;
padding:0;
float:left;
}

#box1 {
float:left;
width:216px;
height:261px;
background-image:url(../Images/yellow_box1.gif);
background-repeat:no-repeat;
background-position:top left;
padding:9px;
margin:0;
font-size:10px;
}

#box2 {
margin:0 0 0 244px;
width:216px;
height:261px;
background-image:url(../Images/yellow_box1.gif);
background-repeat:no-repeat;
background-position:top left;
padding:9px;
font-size:10px;
}

#homepic {
margin:0 0 0 488px;
}

#box3_4 {
width:484px;
float:left;
}

#box3 {
float:left;
width:218px;
height:144px;
background-image:url(../Images/yellow_box2.gif);
background-repeat:no-repeat;
background-position:top left;
padding:8px;
margin:0;
font-size:10px;
margin-top:8px;
}

#box4 {
width:218px;
height:144px;
background-image:url(../Images/yellow_box2.gif);
background-repeat:no-repeat;
background-position:top left;
padding:8px;
font-size:10px;
margin:0 0 0 244px;
margin-top:8px;
}

#promo1 {
margin-left:488px;
margin-top:8px;
padding:15px;
background-image:url(../Images/pink_box1.gif);
background-repeat:no-repeat;
background-position:top left;
width:167px;
height:130px;
}

#promo2 {
margin:31px 0 0 0;
padding:15px;
background-image:url(../Images/green_box1.gif);
background-repeat:no-repeat;
background-position:top left;
width:167px;
height:130px;
}

#promo1_internal {
margin-top:8px;
padding:15px;
background-image:url(../Images/pink_box1.gif);
background-repeat:no-repeat;
background-position:top left;
width:167px;
height:130px;
}

#promo2_internal {
margin-top:8px;
padding:15px;
background-image:url(../Images/green_box1.gif);
background-repeat:no-repeat;
background-position:top left;
width:167px;
height:130px;
}

#login_text {
background-image:url(../Images/client_login_text.gif);
background-repeat:no-repeat;
background-position:top left;
width:178px;
height:20px
}

#client_log_in {
height:150px
}

#login_back {
width:178px;
height:91px;
padding:8px;
margin:0;
font-size:12px;
background-image:url(../Images/client_login.gif);
background-repeat:no-repeat;
background-position:top left;
}


#box1 h3,
#box2 h3,
#box3 h3,
#box4 h3 {
margin:0;
padding:0;
}

#box1 p,
#box2 p,
#box3 p,
#box4 p {
margin:0 0 3px 0;
}

#box1 h3 a,
#box2 h3 a,
#box3 h3 a,
#box4 h3 a {
display:block;
padding:3px 0 0 5px;
margin:0 0 7px 0;
font-size:11px;
font-weight:bold;
width:213px;
height:17px;
letter-spacing:1px;
text-decoration:none;
color:#000
}

#box1 h3 a:hover,
#box2 h3 a:hover,
#box3 h3 a:hover,
#box4 h3 a:hover {
color:#fff;
text-decoration:none
}

#box1 h3 a{
background-image:url(../Images/ep_back.gif);
background-repeat:no-repeat;
background-position:top left;
}

#box2 h3 a{
background-image:url(../Images/pd_back.gif);
background-repeat:no-repeat;
background-position:top left;
}

#box3 h3 a{
background-image:url(../Images/cp_back.gif);
background-repeat:no-repeat;
background-position:top left;
}

#box4 h3 a{
background-image:url(../Images/opm_back.gif);
background-repeat:no-repeat;
background-position:top left;
}

#box1 h4,
#box1 h4 a,
#box2 h4,
#box2 h4 a,
#box4 h4,
#box4 h4 a {
padding:2px 0 0 0;
margin:0;
color:#990000;
font-weight:bold;
font-size:10px;
text-decoration:none
}

#box3 .buttonLeft h4,
#box3 .buttonLeft h4 a {
padding:0;
margin:0 0 0 0;
color:#243284;
font-weight:bold;
font-size:10px;
text-decoration:none
}

#box3 .buttonRight h4,
#box3 .buttonRight h4 a,
#login_back .buttonRight h4,
#login_back .buttonRight h4 a {
padding:0;
margin:3px 0 0 0;
color:#990000;
font-weight:bold;
font-size:10px;
text-decoration:none
}

#fast_links {
background-image:url(../Images/fast_links_text.gif);
background-repeat:no-repeat;
background-position:top left;
width:178px;
height:20px
}

.buttonRight {
text-align:right;
padding:0;
margin:0
}

.buttonLeft {
float:left;
padding:0;
margin:0
}

.buttonLeft h4 a{
color:#243284
}

#box1 h4 a:hover,
#box2 h4 a:hover,
#box3 h4 a:hover,
#box4 h4 a:hover,
#login_back h4 a:hover {
text-decoration:underline
}

#box1 ul,
#box2 ul,
#box3 ul,
#box4 ul {
padding:0;
margin:3px 0 3px 0
}

#box1 li,
#box2 li,
#box3 li,
#box4 li {
margin-left:14px
}

#box1 ul li a,
#box2 ul li a,
#box3 ul li a,
#box4 ul li a{
color:#000;
text-decoration:none;
font-weight:normal;
padding:1px
}

#box1 ul li a:hover,
#box2 ul li a:hover,
#box3 ul li a:hover,
#box4 ul li a:hover{
color:#990000;
background-color:#f7d970;
text-decoration:none
}

.wb_button a {
display:block;
width:140px;
height:27px;
padding:6px;
margin:5px 0 4px 0;
background-image:url(../Images/wb_btn_off.gif);
background-repeat:no-repeat;
background-position:top left;
color:#243284;
text-decoration:none;
font-weight:bold;
font-size:10px
}

.wb_button a:hover {
background-image:url(../Images/wb_btn_on.gif);
text-decoration:none
}

span.none {
display:none
}

#quicklinks ul {
list-style-type:none;
margin:0;
padding:0;
}

#quicklinks ul li {
margin:0 0 7px 0;
padding:0;
}

#quicklinks ul li a {
display:block;
height:17px;
width:196px;
text-decoration:none;
color:#000;
font-weight:bold;
font-size:10px;
padding:2px 0 0px 4px
}

#quicklinks ul li a:hover {
color:#fff;
text-decoration:none
}

#quicklinks ul li.qlgrey a{
background-image:url(../Images/ql_b1.gif);
background-repeat:no-repeat;
background-position:top left;
}

#quicklinks ul li.qlorange a{
background-image:url(../Images/ql_b2.gif);
background-repeat:no-repeat;
background-position:top left;
}

#quicklinks ul li.qlpink a{
background-image:url(../Images/ql_b3.gif);
background-repeat:no-repeat;
background-position:top left;
}

#quicklinks ul li.qlblue a{
background-image:url(../Images/ql_b4.gif);
background-repeat:no-repeat;
background-position:top left;
}

#quicklinks ul li.qlgreen a{
background-image:url(../Images/ql_b5.gif);
background-repeat:no-repeat;
background-position:top left;
}

.white_text_left {
float:left;
color:#fff;
font-size:10px;
margin-left:5px;
width:400px
}

.white_text_right {
text-align:right;
margin-right:15px;
color:#fff;
font-size:10px;
}

#internal_area ul {
list-style-type:none;
margin:0 0 0 30px;
padding:0
}

#internal_area ul li{
padding:5px 0 5px 0
}

#internal_area ul li a{
background-image:url(../Images/bullet1.gif);
background-repeat:no-repeat;
background-position:center left;
padding-left:15px
}

#login {
}

#cncLogo {
}

#news {
}

#search {
}

#disclaimer {
}

#disclaimer a {
}

#disclaimer a:hover {
}

.intro {
color:#fff;
font-weight:bold;
line-height:20px;
padding-bottom:15px;
padding-right:20px
}

.separator {
padding:0 0 20px 0;
border-bottom:1px dotted #990000;
}

/* SITE UNIQUE STYLES ---------------------------------------------------------------------------------------- */

table.ezyprint {
width:610px;
margin:20px 0;
background-color:#000
}

table.ezyprint tr {
background:url(../Images/tbl_ezp_back2.jpg) repeat-x top left;
color:#000;
padding:5px 10px 5px 10px;
font-weight:normal;
text-align:left;
}

table.ezyprint tr th.stock,
table.ezyprint tr th.size {
background-color:#000;
color:#fff;
text-align:right;
}

table.ezyprint tr th.colour,
table.ezyprint tr th.title {
background-color:#000;
color:#fff;
text-align:left;
font-size:18px;
}

table.ezyprint tr th.quantity {
background-color:#edab7e;
color:#000;
text-align:left;
}

table.ezyprint tr th {
background-color:#de5709;
color:#fff;
background-image:none;
text-align:center;
}

table.ezyprint tr.secondary th {
background-color:#713b15;
color:#fff;
background-image:none;
text-align:center;
}

table.ezyprint tr td {
text-align:center
}

table.downloads th {
background-color:#de5709;
color:#fff;
background-image:none;
text-align:left;
}

table.downloads tr.download1 {
background-color:#fee678;
color:#000;
background-image:none;
text-align:left;
}

table.downloads tr.download2 {
background-color:#fcd959;
color:#000;
background-image:none;
text-align:left;
}





/* CORE ELEMENTS --------------------------------------------------------------------------------------------- */
ul {
}
li {
}

.clear {
	clear:both;
}


/* NAVIGATION - Please refer to navigation.css --------------------------------------------------------------- */
 #mainNav {

}

/* FONTS ----------------------------------------------------------------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../Images/tile2.gif);
	background-repeat:repeat-x;
	background-color:#7e4406
}

p {
margin:10px 0 10px 0
}

#mainContent a {
color:#990000;
text-decoration:none;
font-weight:bold
}
a:link {
}
a:visited {
}
#mainContent a:hover {
text-decoration:underline;
}
a:active {
}

h1 /* Website title */ {
}

h2 /* Section title */ {
font-size:20px;
font-weight:bold;
margin:0
}

h3 /* Page title */ {
font-size:16px;
color:#990000;
font-weight:bold;
margin:0;
padding:15px 0 10px 0
}

h4 {
font-size:14px;
color:#000;
font-weight:bold;
margin:0;
padding:5px 0 10px 0
}

h5 {
font-size:12px;
color:#990000;
font-weight:bold;
margin:0;
padding:5px 0 10px 0
}

h6 {
}

h2.orange,
h2.pink,
h2.green,
h2.blue,
h2.glass {
width:574px;
height:40px;
padding:13px 20px 0 20px;
color:#000;
background-repeat:no-repeat;
background-position:top left;
letter-spacing:1px;
font-size:20px;
margin:0
}

h2.orange {
background-image:url(../Images/h2_orange_back.gif);
}

h2.pink {
background-image:url(../Images/h2_pink_back.gif);
}

h2.green {
background-image:url(../Images/h2_green_back.gif);
}

h2.blue {
background-image:url(../Images/h2_blue_back.gif);
}

h2.glass {
background-image:url(../Images/h2_glass_back.gif);
}