/* CSS Document */

body
{	
	margin:0px;
	padding:0px;
	background-image:url(http://images.garmentprinting.co.uk/topgray_bg.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#626366;
	line-height:18px;
}

.gplogo
{
	height:90px;
	color:#878787;
}

.topcall
{	font-size:13px;
	color:#C5C5C5;
	vertical-align:top;
	border-bottom:1px dotted #000000;
	padding:0px;
}
#homeheader
{
	background-image:url(http://images.garmentprinting.co.uk/home_headerbg.jpg);
	height:422px;
	background-repeat:repeat-x;
}
#homeheader h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:55px;
	color:#0098AA;
	line-height:55px;
	font-weight:normal;
	margin:30px 0 10px 0;
	letter-spacing:-3px;
	padding:0;
}

#homeheader ul
{

	color:#000000;
	font-weight:normal;
	margin:-15px 0 0 0;
	padding:0;
}

#homeheader li
{
	font-size:17px;
	color:#686868;
	line-height:25px;
	font-weight:normal;
	list-style-image:url(http://images.garmentprinting.co.uk/listarrow.png);
	margin:0px 0 0 25px;
	padding:0px 0;
}

.cquote
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	font-weight:normal;
	letter-spacing:-0.5px;
	color:#626366;
}
.testhead
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	letter-spacing:-0.5px;
	color:#626366;
}
.cname
{
	font-weight:normal;
	font-size:12px;
	color:#626366;
	text-decoration:none;
}

.stepcarousel{
position: relative; /*leave this value alone
border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 400px; /*Width of Carousel Viewer itself*/
height: 422px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
text-align:center;
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px 0px 0 0px; /*margin around each panel*/
width: 420px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.contentbg
{
	background-image:url(http://images.garmentprinting.co.uk/content_shade_bg.jpg);
	background-repeat:repeat-x;
}
.footer
{
	background-image:url(http://images.garmentprinting.co.uk/bottom_bg.jpg);
	background-repeat:repeat-x;
	background-color:#3A3C3E;
	padding:20px 10px 20px 10px;
	color:#ffffff;
	font-size:11px;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:48px;
	color:#0098AA;
	line-height:50px;
	font-weight:normal;
	margin:0px;
	letter-spacing:-1pt;
	padding:0;
}


h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#000000;
	line-height:25px;
	font-weight:bold;
	padding:0;
	margin:0 0 5px 0;
}

.dotline
{
	border-bottom:1px dotted #B7B7B7;
	padding:10px 0 15px 0;
}

.listtxt
{	font-size:17px;
	color:#686868;
	line-height:25px;
	font-weight:normal;
}

.vright{text-align:right; vertical-align:top;}
.vtop{vertical-align:top}
.vbtm{vertical-align:bottom}
.aright{text-align:right;}
.acenter{text-align:center}
.aleft{text-align:left}


/*------- New Classes ----------*/

#top_nav
{
	width:100%;
	text-align:right;
	float:right;
	font-size:12px;
	padding:0px 0 0 0;	
	color:#A3A0A0;
}

#top_nav li
{
	display:inline;
	padding:0 4px 0 4px;
	text-align:center;
}

#top_nav li a
{
	color:#ffffff;
	text-decoration:none;
	text-align:left;
	font-weight:normal;
}
#top_nav li a:hover
{
	color:#6DC0DE;
	text-decoration:none;
	text-align:left;
	font-weight:normal;
}
#top_nav li a.select
{
	color:#6DC0DE;
	text-decoration:none;
	text-align:left;
	font-weight:normal;
}

/*---------- New Style ---------- */

.wtxt_mid
{	font-size:14px;
	color:#ffffff;
	vertical-align:top;
	text-decoration:none;
	font-weight:normal;
}

.wtxt_sml
{	font-size:10px;
	font-family:"Trebuchet MS";
	color:#ffffff;
	word-spacing:0px;
	vertical-align:top;
	text-decoration:none;
	font-weight:normal;
}

.wtxt_big
{	font-size:24px;
	color:#ffffff;
	vertical-align:top;
	text-decoration:none;
	font-weight:normal;
}

.grntxt_big
{	font-size:14px;
	color:#D9E56A;
	vertical-align:top;
	text-decoration:none;
	font-weight:bold;
}

.bluetxt_big
{	font-size:14px;
	color:#209CB2;
	vertical-align:top;
	text-decoration:none;
	font-weight:bold;
}

.bluetxt_blog
{	font-size:20px;
	color:#209CB2;
	vertical-align:top;
	text-decoration:none;
	font-weight:bold;
}

.bldivider
{
	border-top:1px solid #8FCDD8;
	height:1px;
}

.blog_cate
{
	font-size:12px;
	color:#6D6E70;
	font-weight:normal;
}
.blog_cate ul
{
	padding:0px;
	margin:10px 0 15px 10px;
}
.blog_cate li
{
	list-style:none;
}

.blog_cate li a
{
	font-size:12px;
	color:#6D6E70;
	font-weight:normal;
	text-decoration:none;
}

.blog_cate li a:hover
{
	font-size:12px;
	color:#209CB2;
	font-weight:normal;
	text-decoration:none;
}

.blue_txt
{	font-size:13px;
	color:#209CB2;
	vertical-align:top;
	text-decoration:none;
	font-weight:normal;
}

.blk_hd
{	font-size:14pt;
	color:#000000;
	vertical-align:top;
	text-decoration:none;
	font-weight:bold;
}

.black_text
{	
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

.blk_subhd
{	font-size:13pt;
	color:#000000;
	vertical-align:top;
	text-decoration:none;
	font-weight:bold;
}

.comment_box
{	font-size:11px;
	color:#6D6E70;
	vertical-align:top;
	padding:15px;
	background-color:#B2E2E7;
	text-decoration:none;
	font-weight:normal;
	border-bottom:10px solid #ffffff;

}

.comment_box a:link.clink
{	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
.comment_box a:hover.clink
{	font-size:11px;
	color:#6D6E70;
	text-decoration:none;
	font-weight:normal;
}

.comment_box_hd
{
font-size:12px;
font-weight:bold;
color:#00A0AF}

.wr_comment_box
{	font-size:11px;
	color:#6D6E70;
	vertical-align:top;
	padding:15px;
	background-color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	border:5px solid #B2E2E7;

}

.f_table
{border:1px solid #A8B3CD;
font-size:12px;
color:#000000;
font-weight:normal;
}

.f_table a.flinks
{	
	font-size:10px;
	color:#B0AC9F;
	text-decoration:none;
	font-weight:bold;
}
.f_table a:hover.flinks{
	font-size:10px;
	color:#686868;
	text-decoration:none;
	font-weight:bold;
}

.f_boxtd
{background-color:#F1F3F7;
border-bottom:1px solid #E0E5ED;
padding:10px;}

.imgborder
{border:1px solid #E3E4E4;
margin:5px;}

.footerline
{
	border-bottom:1px solid #4B4A4A;
	border-top:1px solid #4B4A4A;
	padding:20px 10px 20px 5px;
	text-align:left;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
}

.footerdivbox
{width:14%;
float:left;
padding:0px;
margin:0 0px 0 0;}

.footerdivbox ul
{padding:0px;
margin:0 0 0 0px;}

.footerdivbox li
{padding:0px;
line-height:20px;
list-style:none;
margin:0;}

.testimonial_box
{
	background-color:#F4F8D4;
	color:#626366;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	padding:5px 20px 5px 20px;
}

.testi_text
{	color:#626366;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:13px;
}
.blk_smltxt
{	
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#sitemap
{
font-size:13px;
color:#000000;
line-height:22px;
font-weight:normal;
}

#sitemap a
{	
	font-size:14px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#sitemap a:hover{
	font-size:14px;
	color:#686868;
	text-decoration:none;
	font-weight:bold;
}

#sitemap a.sublinks
{	
	font-size:13px;
	color:#0AA2B0;
	text-decoration:underline;
	font-weight:normal;
}
#sitemap a:hover.sublinks{
	font-size:13px;
	color:#0AA2B0;
	text-decoration:none;
	font-weight:normal;
}


.gpimgs
{border:1px solid #8B8989;
padding:4px;
margin:0 5px 0 0px;}


table.gptble {
	border-width: 0px;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	border-style: solid solid solid solid;
	border-color: #BABABA;
	/*background-color: white;*/
}
table.gptble th {
	border-width: 1px;
	padding:2px 3px;
	font-size:14px;
	height:30px;
	font-weight:bold;
	color:#000000;
	border-style: solid solid solid solid;
	border-color: #BABABA;
	text-align:left;
	/*background-color: white;
	-moz-border-radius: 5px 5px 5px 5px;*/
}
table.gptble td {
	border-width: 1px 1px 1px 1px;
	font-size:11px;
	padding:4px 4px 4px 4px;
	vertical-align:top;
	line-height:15px;
	border-style: solid solid solid solid;
	border-color: #BABABA;
/*	background-color: white;
	-moz-border-radius: 5px 5px 5px 5px;*/
}

.tdrow
{background-color:#F2FAFB;}


.accordion_toggle {
			display: block;
			height: 30px;
			width: 680px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }
.red-text{color:#FF0000; font-weight:normal; font-size:11px; text-decoration:none; line-height:14px;padding-left:5px;}

.sa-button {
    background:url(http://images.garmentprinting.co.uk/button-bg.jpg) left top repeat-x;
	padding:0px 6px; line-height:20px;
	font-size:12px;	color:#616163;
	font-weight: normal; cursor:pointer;
	}
.sa-button a{
	padding:0px 6px; line-height:20px;
	font-size:12px;	color:#616163;
	font-weight:normal; cursor:pointer;	
	}
.sa-button a:hover{
 	font-size:12px;	color:#616163;
	font-weight: normal;
	}
	
	
	.tu-button {
    background:url(http://images.garmentprinting.co.uk/button-bg.jpg) left top repeat-x;
	padding:0px 6px; line-height:20px;
	font-size:12px;	color:#616163;
	font-weight: normal; cursor:pointer;
	}

#aff_box
{
	background-color:#F6F5F5;
	border-left:4px solid #00A0AF;
	border-right:4px solid #00A0AF;
	padding:25px 35px;
}
