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

div#newsletter {
	display:block;
	float:left;
	width:304px;
	height:142px;
	background:#efefef url(../images/newsback.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	margin:15px 0px 0px 0px;
	}
form.subscribe_form {
	padding:0px;
	margin:0px;
	}
form.subscribe_form span {
	display:block;
	padding:2px 0px 9px 15px;
	margin:0px 0px 0px 0px;
	}
form.subscribe_form h3 {
	padding:5px 0px 4px 15px;
	margin:0px 0px 0px 0px;
	font-size:10pt;
	font-weight:normal;
	color:#00a9e9;
	}
input.subscribe_field {
	line-height:22px;
	font-family:Arial;
	font-size:11px;
	color:#444444;
	height:25px;
	display:block;
	width:185px;
	border:solid 1px #00a9e9;
	float:left;
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 5px;
	}
label.subscribe_label {
	color:#444444;
	border-left:solid 1px #00a9e9;
	border-top:solid 1px #00a9e9;
	border-bottom:solid 1px #00a9e9;
	display:block;
	float:left;
	height:20px;
	width:70px;
	background:#ffffff;
	padding:5px 0px 0px 5px;
	margin:0px 0px 3px 15px;
	}
	
#preloader {
Ê Ê /* Images you want to preload*/
Ê Ê background-image: url(../images/logo.gif);
Ê Ê background-image: url(../images/logo_over.gif);
Ê Ê width: 0px;
Ê Ê height: 0px;
Ê Ê display: inline;
}

/** PRODUCT SIZES LINK **/

p#product_size_link {
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	}

/* SITE CREDITS */

div#credits {
	text-align:center;
	color:#5e5e5e;
	width:1024px;
	height:20px;
	display:block;
	float:left;
	padding:12px 0px 10px 0px;
	}
/***** CSS FOR GRAPHIC LAMINATES ****/

body {
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:11px;
	color:#444444;
	background: #ffffff url(../images/backtile.gif);
	background-repeat:repeat-x;
	}
div#outer {
	/* overflow:hidden; */
	display:block;
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	}
div#inner {
	background:#ffffff;
	overflow:hidden;
	display:block;
	width:1024px;
	padding:0px;
	margin:20px auto 0px auto;
	}
	
/* HEADER */

div#header {
	background: #d7d7d7 url(../images/banner_tile.gif);
	background-repeat:repeat-x;
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	width:1024px;
	height:114px;
	}
div#header_left {
	padding:0px;
	margin:0px;
	width:6px;
	height:114px;
	display:block;
	float:left;
	background: url(../images/header_left.gif);
	background-repeat:repeat-x;
	}
div#header_right {
	padding:0px;
	margin:0px;
	width:29px;
	height:114px;
	display:block;
	float:right;
	background: url(../images/header_right.gif);
	background-repeat:repeat-x;
	}
div#banner {
	padding:0px;
	margin:0px;
	width:558px;
	height:114px;
	display:block;
	float:left;
	background: url(../images/banner.gif);
	background-repeat:no-repeat;
	background-position:right top;
	}
div#banner_right {
	padding:0px;
	margin:0px;
	width:160px;
	height:114px;
	display:block;
	float:left;
	background: url(../images/banner_right_tile.gif);
	background-repeat:repeat-x;
	}
div#logo_left {
	padding:0px;
	margin:0px;
	width:26px;
	height:114px;
	display:block;
	float:left;
	background: url(../images/logo_left.gif);
	background-repeat:repeat-x;
	}
div#logo {
	padding:0px;
	margin:0px;
	width:245px;
	height:114px;
	display:block;
	float:left;
	background: url(../images/logo_tile.gif);
	background-repeat:repeat-x;
	}
span#logo_block {
	padding:0px;
	margin:24px 0px 0px 0px;
	display:block;
	float:left;
	width:220px;
	height:70px;
	background: url(../images/logo.gif);
	}
span#logo_block:hover {
	padding:0px;
	margin:24px 0px 0px 0px;
	display:block;
	float:left;
	width:220px;
	height:70px;
	background: url(../images/logo_over.gif);
	}
	
/* CONTENT */

div#content	{
	background: #ffffff url(../images/content_tile.gif);
	background-repeat:repeat-x;
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	width:1024px;
	}
div#content_left {
	background: url(../images/content_left.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	width:6px;
	height:392px;
	}
div#content_center {
	background: #ffffff url(../images/content_tile.gif);
	background-repeat:repeat-x;
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	width:1012px;
	}
h2.more_info {
	letter-spacing:0.1em;
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
	background: url(../images/more_info.gif);
	background-repeat:no-repeat;
	background-position:left -25px;
	width:306px;
	display:block;
	float:left;
	margin:0px;
	padding:3px 0px 0px 0px;
	height:22px;
	}
h2.more_info:hover {
	letter-spacing:0.1em;
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
	background: url(../images/more_info.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:306px;
	display:block;
	float:left;
	margin:0px;
	padding:3px 0px 0px 0px;
	height:22px;
	}
h2.more_info a {
	text-decoration:none;
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
	width:291px;
	display:block;
	float:left;
	margin:0px;
	padding:0px 0px 0px 15px;
	height:25px;
	}

span.info_left_shell {
	width:304px;
	display:block;
	padding:0px;
	margin:0px;
	float:left;
	border-left:solid 1px #1786d2;
	border-right:solid 1px #1786d2;
	}

p.more_info_left {
	line-height:15px;
	font-size:11px;
	color:#444444;
	font-weight:normal;
	width:160px;
	display:block;
	float:left;
	margin:0px;
	padding:6px 119px 0px 15px;
	height:115px;
	}
p.more_info_bottom {
	background: url(../images/info_bottom.gif);
	background-repeat:no-repeat;
	font-size:11px;
	color:#444444;
	font-weight:normal;
	width:306px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	height:7px;
	}
h3.heading_info {
	font-weight:normal;
	font-size:13px;
	color:#9c9c9c;
	background:none;
	margin:0px;
	padding:9px 10px 0px 15px;
	display:block;
	float:left;width:279px;
	border-top:solid 2px #d8d8d8;
	}
div#content_full {
	background: #ffffff;
	display:block;
	float:left;
	padding:0px 25px 20px 25px;
	margin:0px;
	width:962px;
	vertical-align:top;
	}
/* div#content_full p {
	line-height:15px;
	background: #ffffff;
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	width:633px;
	vertical-align:top;
	}
*/
div#left_col {
	background: #ffffff;
	display:block;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 25px;
	width:306px;
	}
div#center_col {
	background: #ffffff;
	display:block;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 21px 20px 21px;
	width:306px;
	}
div#right_col {
	background: #ffffff;
	display:block;
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px 25px 20px 0px;
	width:306px;
	}
div#content_right {
	background: url(../images/content_right.gif);
	background-repeat:no-repeat;
	display:block;
	float:right;
	padding:0px;
	margin:0px;
	width:6px;
	height:392px;
	}
h2.longtitle {
	border-bottom:solid 1px #d5d5d5;
	letter-spacing:0.05em;
	font-size:20px;
	color:#2e93d4;
	font-weight:normal;
	width:962px;
	display:block;
	float:left;
	margin:15px 25px 14px 25px;
	padding:5px 0px 0px 0px;
	height:27px;
	}
h2.longtitle_home {
	border-bottom:solid 1px #d5d5d5;
	letter-spacing:0.05em;
	font-size:20px;
	color:#2e93d4;
	font-weight:normal;
	width:836px;
	display:block;
	float:left;
	margin:15px 0px 14px 25px;
	padding:5px 0px 0px 0px;
	height:27px;
	}
	
/* GALLERY */

div#gallery {
	float:right;
	display:block;
	width:622px;
	background:#ffffff;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
div#gallery_top {
	letter-spacing:0.05em;
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
	float:left;
	display:block;
	width:607px;
	height:22px;
	background: url(../images/gallery_top.gif);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 15px;
	}
div#gallery_bottom {
	letter-spacing:0.05em;
	font-size:2px;
	color:#ffffff;
	font-weight:normal;
	float:left;
	display:block;
	width:622px;
	height:7px;
	background: url(../images/gallery_bottom.gif);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
div#gallery_body {
	border-left: solid 1px #00a9e9;
	border-right: solid 1px #00a9e9;
	float:left;
	display:block;
	width:605px;
	background:#ffffff;
	margin:0px 0px 0px 0px;
	padding:20px 0px 15px 15px;
	}
div#gallery p {
	margin:0px;
	padding:0px;
	}

/* SUB MENU */

div#banner_right ul {
	list-style:none;
	float:left;
	padding:0px 0px 0px 0px;
	margin:70px 0px 0px 0px;
	}
div#banner_right ul li {
	float:left;
	padding: 0px 5px 0px 5px;
	border-right:solid 1px #ffffff;
	}
div#banner_right ul li a {
	color:#ffffff;
	text-decoration:none;
	}
div#banner_right ul li a:hover {
	color:#e2f3fe;
	text-decoration:none;
	}
div#banner_right ul li.ten {
	color:#ffffff;
	padding-left:0px;
	}
div#banner_right ul li.ten_selected a {
	color:#72c7ff;
	padding-left:0px;
	}
div#banner_right ul li.ten_selected {
	color:#72c7ff;
	padding-left:0px;
	}
div#banner_right ul li.eleven_selected a {
	color:#72c7ff;
	}
div#banner_right ul li.twelve {
	color:#ffffff;
	border-right:none;
	}
div#banner_right ul li.twelve_selected a {
	color:#72c7ff;
	border-right:none;
	}
div#banner_right ul li.twelve_selected {
	color:#72c7ff;
	border-right:none;
	}
	
/* INFO POPUPS */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail span h4 {
	margin:0px 0px 0px 0px;
	padding:4px 0px 2px 0px;
	float:left;
	display:block;
	background:#42abee;
	width:188px;
	font-weight:normal;
	font-size:12px;
	color:#ffffff;
	}
.thumbnail span h4:hover {
	margin:0px 0px 0px 0px;
	padding:4px 0px 2px 0px;
	float:left;
	display:block;
	background:#42abee;
	width:188px;
	font-weight:normal;
	font-size:12px;
	color:#ffffff;
	}
.thumbnail span p {
	margin:0px 0px 0px 0px;
	padding:7px 7px 9px 7px;
	float:left;
	display:block;
	background:#ffffff;
	width:172px;
	font-weight:normal;
	font-size:12px;
	color:#9c9c9c;
	border: 1px solid #b9b9b9;
	}
.thumbnail{
color:#8a8a8a;
text-decoration:none;
position: relative;
z-index: 0;
}

.thumbnail:hover{
color:#479cd5;
background-color: transparent;
z-index: 55;
}

.thumbnail span{ /*CSS for enlarged image*/
text-align:center;
width:170px;
font-size:9pt;
color:#a7a7a7;
position: absolute;
background-color: #ffffff;
padding: 0px 0px 9px 0px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -6px;
left: 120px; /*position where enlarged image should offset horizontally */

}

div#list {
	display:block;
	float:left;
	width:310px;
	padding:0px;
	margin:10px 0px 0px 0px;
	}
div#list_top {
	letter-spacing:0.1em;
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
	display:block;
	float:left;
	height:22px;
	width:295px;
	padding:3px 0px 0px 15px;
	margin:0px;
	background: url(../images/list_top.gif);
	background-repeat:no-repeat;
	}
div#text_top p {
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding: 5px 15px 5px 15px;
	display:block;
	float:left;
	width:278px;
	background:#ffffff;
	}
div#text_top {
	margin:0px 0px 0px 0px;
	padding: 14px 0px 0px 0px;
	display:block;
	float:left;
	width:308px;
	border-left: solid 1px #00a9e9;
	border-right: solid 1px #00a9e9;
	}
div#text_bottom p {
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding: 5px 15px 5px 15px;
	display:block;
	float:left;
	width:278px;
	background:#ffffff;
	}
div#text_bottom {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
	display:block;
	float:left;
	width:308px;
	border-left: solid 1px #00a9e9;
	border-right: solid 1px #00a9e9;
	}
div#list_bottom {
	display:block;
	float:left;
	height:7px;
	width:310px;
	padding:0px;
	margin:0px 0px 10px 0px;
	background: url(../images/list_bottom.gif);
	background-repeat:no-repeat;
	}
ul.content_list {
	/* list-style-image:url(../images/bullet.gif); */
	list-style:none;
	margin:0px 0px 0px 0px;
	padding: 13px 15px 4px 0px;
	display:block;
	float:left;
	width:293px;
	background:#ffffff;
	border-left: solid 1px #00a9e9;
	border-right: solid 1px #00a9e9;
	}
ul.content_list li a {
	display:block;
	float:left;
	background:none;
	width:245px;
	height:17px;
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 0px;
	}
ul.content_list li a:hover {
	display:block;
	float:left;
	background:none;
	width:245px;
	height:17px;
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 0px;
	}
ul.content_list li {
	height:19px;
	background: url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position: left 1px;
	border-bottom:solid 1px #dbdbdb;
	color:#8a8a8a;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 10px;
	}
ul.content_list li:hover {
	height:19px;
	background: #f6f6f6 url(../images/bullet_over.gif);
	background-repeat:no-repeat;
	background-position: left 1px;
	border-bottom:solid 1px #dbdbdb;
	color:#8a8a8a;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 10px;
	}
ul.content_list li.hidden_list {
	visibility:hidden;
	height:0px;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:0px;
	}
ul.content_list li.hidden_list a, li.hidden_list a:hover {
	visibility:hidden;
	height:0px;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:0px;
	}
b.state {margin:0px 0px 0px 3px;padding:0px;color:#dc4800;}

/* PAPER SIZES */

td.left_paper {
	display:block;
	float:left;
	width:40px;
	height:18px;
	border-left:solid 1px #d6d6d6;
	border-bottom:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
	padding:3px 0px 0px 10px;
	margin:0px;
	}
td.paper_right {
	display:block;
	float:left;
	width:120px;
	height:18px;
	border-left:none;
	border-bottom:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
	padding:3px 0px 0px 10px;
	margin:0px;
	}
table.paper_sizes {
	border-top:solid 1px #d6d6d6;
	width:183px;
	margin:0px;
	padding:0px;
	}
td.left_print {
	display:block;
	float:left;
	width:320px;
	height:18px;
	border-left:solid 1px #d6d6d6;
	border-bottom:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
	padding:3px 0px 0px 10px;
	margin:0px;
	}
td.print_right {
	display:block;
	float:left;
	width:160px;
	height:18px;
	border-left:none;
	border-bottom:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
	padding:3px 0px 0px 10px;
	margin:0px;
	}
td.print_full_col {
	display:block;
	float:left;
	width:491px;
	height:18px;
	border-left:solid 1px #d6d6d6;
	border-bottom:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
	padding:3px 0px 0px 10px;
	margin:0px;
	}
table.print_widths {
	border-top:solid 1px #d6d6d6;
	width:503px;
	margin:0px;
	padding:0px;
	}
	
td.left_digital {
	display:block;
	float:left;
	width:320px;
	height:18px;
	border-left:solid 1px #d6d6d6;
	border-bottom:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
	padding:3px 0px 0px 10px;
	margin:0px;
	}
td.digital_right {
	display:block;
	float:left;
	width:160px;
	height:18px;
	border-left:none;
	border-bottom:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
	padding:3px 0px 0px 10px;
	margin:0px;
	}
table.digital_requirements {
	border-top:solid 1px #d6d6d6;
	width:503px;
	margin:0px;
	padding:0px;
	}
/* CONTACT STYLES */

form#EmailForm {
	font-size:11px;
	color:#444444;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	}
input.textfield {
	line-height:22px;
	font-family:Arial;
	font-size:11px;
	color:#444444;
	height:25px;
	display:block;
	width:180px;
	border:solid 1px #00a9e9;
	float:left;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 10px;
	}
form#EmailForm input.button_contact {
	height:26px;
	display:block;
	width:130px;
	float:left;
	outline:none;
	margin:3px 0px 7px 100px;
	padding:0px 0px 0px 0px;
	}
form#EmailForm input.button_contact:hover {
	height:26px;
	display:block;
	width:130px;
	float:left;
	outline:none;
	margin:3px 0px 7px 100px;
	padding:0px 0px 0px 0px;
	}
form#EmailForm span.select {
	font-family:Arial;
	font-size:11px;
	color:#444444;
	height:20px;
	display:block;
	width:180px;
	border:solid 1px #00a9e9;
	float:left;
	margin:0px 0px 7px 0px;
	padding:5px 0px 0px 5px;
	}
form#EmailForm textarea {
	font-family:Arial;
	font-size:11px;
	color:#444444;
	height:100px;
	max-height:100px;
	display:block;
	width:180px;
	max-width:180px;
	border:solid 1px #00a9e9;
	float:left;
	margin:0px 0px 7px 0px;
	padding:5px 5px 5px 5px;
	}
form#EmailForm select {
	font-family:Arial;
	font-size:11px;
	color:#444444;
	width:175px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 0px;
	}
form#EmailForm option {
	font-family:Arial;
	font-size:11px;
	color:#444444;
	margin:0px 0px 0px 0px;
	padding:2px 5px 2px 5px;
	}
form#EmailForm span.select_outer {
	font-family:Arial;
	font-size:11px;
	color:#444444;
	height:25px;
	display:block;
	width:185px;
	border:solid 1px #00a9e9;
	float:left;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 5px;
	}
form#EmailForm label {
	height:19px;
	display:block;
	width:130px;
	border-left:solid 1px #00a9e9;
	border-top:solid 1px #00a9e9;
	border-bottom:solid 1px #00a9e9;
	float:left;
	margin:0px;
	padding:6px 0px 0px 10px;
	}
form#EmailForm label.label_message {
	height:19px;
	display:block;
	width:130px;
	border-left:solid 1px #00a9e9;
	border-right:none;
	border-top:solid 1px #00a9e9;
	border-bottom:solid 1px #00a9e9;
	float:left;
	margin:0px;
	padding:6px 0px 0px 10px;
	}
div.errors{ 
    color:#F00;
    background: #FFFFDF;
    float:right;
    display:block;
    width:215px;
    margin:0px 15px 0px 0px;
    padding:10px 10px 10px 10px;
    border:solid 1px #F00;
}
#EmailForm .invalidValue{ background: #FFDFDF; border:1px solid #F00; }
#EmailForm .requiredValue{ background: #FFFFDF; border:1px solid #F00; }
/* GENERAL */

h3 {
	font-weight:normal;
	font-size:13px;
	color:#949494;
	padding:5px 0px 5px 0px;
	margin:0px;
	}
h3.left_sub {
	font-weight:normal;
	font-size:13px;
	color:#949494;
	padding:5px 0px 5px 15px;
	margin:0px;
	}
a {
	outline:none;
	text-decoration:none;
	color:#0098d2;
	}
a:link {
	text-decoration:none;
	color:#0098d2;
	}
a:visited {
	text-decoration:none;
	color:#0098d2;
	}
a:active {
	text-decoration:none;
	color:#0098d2;
	}
a:hover {
	text-decoration:none;
	color:#bcbcbc;
	}
hr.small_hr {
	margin:2px 15px 5px 15px;
	padding:0px 0px 0px 0px;
	float:left;
	height:1px;
	width:278px;
	/* border-top:1px solid #d6d6d6; */
	border:none;
	background:#d6d6d6;
	}
/* GALLERY */

span.gallery_pic {
	border:solid 1px #d6d6d6;
	width:126px;
	height:118px;
	display:block;
	margin:0px;
	padding:0px;
	}
span.gallery_pic:hover {
	background:url('http://www.graphiclaminates.co.za/test/assets/templates/graphic_laminates/images/thumb_over.png');
	border:solid 1px #d6d6d6;
	width:126px;
	height:118px;
	display:block;
	margin:0px;
	padding:0px;
	}
span.thumb_title {
	text-align:center;
	width:126px;
	height:20px;
	display:block;
	margin:93px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	background:#ffffff;
	}
ul.thumbs li span.thumb_title:hover {
	text-align:center;
	width:126px;
	height:20px;
	display:block;
	margin:93px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	background:#ffffff;
	}
/* MAP CONTACT*/

span#map {
	display:block;
	float:left;
	width:278px;
	height:95px;
	margin:5px 15px 10px 15px;
	padding:35px 0px 0px 0px;
	background:#f6f6f6 url('../images/map_small.jpg');
	background-repeat:no-repeat;
	text-align:center;
	color:#9a9a9a;
	}
div#map {
	text-align:center;
	display:block;
	float:left;
	padding:15px 0px 0px 0px;
	margin:15px 15px 15px 15px;
	height:460px;
	width:570px;
	background:#ffffff;
	}