/************************************************************* Tag Styles/General Styles */

p, a, h1, h2,h3, input, img, form { border-style: none; margin: 0px; padding: 0px;}

p		{ font: 11px Verdana; color: #666; line-height: 16px; margin-bottom: 10px;}
a		{ font: 11px Verdana; text-decoration: none; color: #5581a0;}
a:hover { color: #f47d30;}
h1  	{ font: bold 13px Verdana; color: #f47d30; margin: 8px 0px 8px 0px;}
h2 		{ font: bold 12px Verdana; color: #427DA1; margin: 8px 0px 5px 0px;}
h3  	{ font: bold 13px Verdana; color: #f47d30; margin: 8px 0px 8px 0px;}
h4  	{ font: bold 12px Verdana; color: #427DA1; margin: 8px 0px 5px 0px;}
h5  	{ font: bold 13px Verdana; color: #f47d30; margin: 8px 0px 8px 0px;}
h6  	{ font: bold 16px Verdana; color: #f47d30; margin: 8px 0px 8px 0px;}
li 		{ font: 11px Verdana; color: #666; line-height: 16px; margin-bottom: 10px; list-style-image: url(/images/bullit.gif);}
b		{ font: bold 11px Verdana; color: #666; line-height: 16px;}

select, input { font: 11px monospace; color: #666;}
input {	padding: 3px; background: #FFF url(/images/inputShadow.gif) repeat-x left top; }


/************************************************************* Layout Styles */
	
body { 
	background: #5c86a4 url(/images/bg.gif) repeat-x;
	width: 1000px;
	margin: 0px auto;
	position: static;
}
	
#maskhead {
	background: url(/images/bodyBg.gif) repeat-y;
	width: 1000px;
	height: 88px;
	float: left;
	position: absolute;
	top: 0px;}
	
#navbar {
	height: 34px;
	width: 989px;
	position: absolute;
	top: 88px;
	float: left;
	padding: 4px 0px 0px 11px;
	background: url(/images/navBg.gif) no-repeat;}
	
#wrapper {
	width: 1000px;
	float: left;
	position: absolute;
	top: 126px;}
	
#contentWrapper {
	width: 1000px;
	background: url(/images/bodyBg.gif) repeat-y;
	float: left;}
	
#content {
	width: 670px;
	padding: 0px 0px 10px 40px;
	float: left;}
	
#content-search {
	float:left;
}

#contentAccount { float: right; width: 866px;}
	
#content-wc {
	width: 670px;
	padding: 0px 0px 10px 12px;
	float: left;}
	
.offices p {
	font: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #427DA1;}
	
.offices b {
	font: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #427DA1;}
	
#rightbar{
	width: 280px;
	float: right;
	padding: 5px 0px 10px 0px;}
	
	
#rightbar table {
	border-spacing: 0px 5px;
}

#rightbar tr {
	margin-bottom: 10px;
}


#rightbar tr td.left {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right:none;
  -webkit-border-radius: 6px 0px 0px 6px;
  -o-border-radius: 6px 0px 0px 6px;
  -moz-border-radius: 6px 0px 0px 6px;
  border-radius: 6px 0px 0px 6px;
  padding-right:0px;
}

#rightbar tr td.right {
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left:none;
  -webkit-border-radius: 0px 6px 6px 0px;
  -o-border-radius: 0px 6px 6px 0px;
  -moz-border-radius: 0px 6px 6px 0px;
  border-radius: 0px 6px 6px 0px;
  padding-left:0px;
  padding-right:2px;  
}
	
#microsites {
	width: 960px;
	height: 200px;
	clear: both;
	background: url(/images/micrositesBg2.gif) no-repeat;
	padding: 15px 20px 5px 20px;}
	
#foot {
	width: 1000px;
	height: 30px;
	text-align: center;}	
	
/************************************************************* Block Styles */

.block {
	padding: 5px 20px 10px 0px;
	width: 650px;
	position:static;
	float: left;}
	
.blockleft {
	padding: 0px 0px 10px 0px;
	width: 280px;
	float: left;}

.blockright {
	padding: 0px 30px 10px 0px;
	width: 340px;
	float: right;}

.blockAccount  { width: 866px; float: left; padding: 5px 20px 20px 20px;}
	
.viewing { padding: 0px 20px 0px 0px;}

/************************************************************* Maskhead */

#logo {
	margin: 0px 0px 0px 20px;
	float: left;}
	
#logo-wc {
	margin: 0px 0px 0px 11px;
	float: left;}
	
#contactDetails {
	width: 270px;
	height: 88px;
	float: right;
	text-align: right;
	padding: 0px 23px 0px 0px;
	background: url(/images/phone.gif) no-repeat;}
	
#LiveHelpStatus { margin-bottom: 10px;}
	
/************************************************************** Nav */

#nav 		{ float: left; width: 700px;}
#nav a		{ font: 11px verdana; color: #cadae6; float:left; padding: 2px 12px 6px 12px;}
#subnav a	{ font: 11px verdana; color: #FFF; float:left; padding: 2px 12px 6px 12px;}

ul.dropdown ul{display:none;}
ul.dropdown li:hover>ul{display:block;}
ul.dropdown ul{position: absolute; left:-1px; top:100%;}

ul.dropdown,ul.dropdown ul {
	margin:0px;
	padding:0px;
	list-style:none;}

ul.dropdown {
	margin: 0px;
	display:block;
	float: left;}
	
ul.dropdown ul{
	width:160px;
	background-color:#5581a0;
	background-repeat:repeat;}
	
ul.dropdown li{
	display:block;
	margin:0px;
	font-size:0px;}
	
ul.dropdown a:active, ul.dropdown a:focus {
outline-style:none;}

ul.dropdown a, ul.dropdown li.dis a:hover, ul.dropdown li.sep a:hover {
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	padding:0px;
	cursor:pointer;}
	
ul.dropdown span{
	overflow:hidden;}
	
ul.dropdown li {
	float:left;}
	
ul.dropdown ul li {
	float:none;}
	
ul.dropdown ul a {
	text-align:left;
	white-space: nowrap;}
	
ul.dropdown li:hover{
	position:relative;}
	
#nav a:hover,
.sectionIndex #index,
.sectionNews #news,
.sectionAbout #about,
.sectionSchemes #schemes,
.sectionProducts #products,
.sectionArtwork #artwork,
.sectionContact #contact,
.sectionTerms #terms {
	color: #FFF; 
	background: #638ca8; 
	border-top: solid 1px #7399b2;
	border-right: solid 1px #4d7794;
	border-bottom: solid 1px #4d7794;
	border-left: solid 1px #7399b2;
	padding: 1px 11px 5px 11px;}
	
#subnav a:hover { text-decoration: underline;}

/************************************************************** Search */

#search 		{ width: 238px; float: right; height: 30px; padding: 3px 22px 0px 20px;}	
#search input 	{ margin-right: 12px; padding: 2px;}
#search a 		{ font: bold 11px verdana; color: #FFF;}
#search a:hover { text-decoration: underline;}

/************************************************************** Images */

.featImage { float: left; margin-right: 10px;}
#indexImage { float: right;}
.aboutImage { float: right; margin: 0px 0px 20px 20px}

/************************************************************** Cats */

#catlist { 
	float: left;
	background: #5581a0 url(/images/catsBg.gif) no-repeat;
	width: 260px;
	padding: 10px 0px 0px 13px;}
	
#catlist a { 
	font: bold 11px Verdana ;
	float: left;
	display: block;
	width: 100%;
	color: #cadae6;
	padding: 0px 0px 6px 0px;}
	
#catlist a:hover { color: #FFF;}
	
#catleft {
	width: 129px;
	float: left;
	padding: 0px 5px 5px 0px;}

#catright {
	width: 116px;
	float: right;
	padding: 0px 5px 5px 5px;}
	
#catfoot {
	width: 280px;
	clear: both;
	height: 29px;
	background: url(/images/catsFoot.gif) no-repeat;
	margin: 0px 0px 5px 0px;}

#catfoot2 {
	text-align: center;
	width: 280px;
	clear: both;
	height: 29px;
	background: url(/images/catsFoot.gif) no-repeat;
	margin: 0px 0px 5px 0px;}

#catfoot2 a { 
	font: bold 11px Verdana ;
	float: left;
	display: block;
	width: 100%;
	color: #FFF;
	padding: 6px 0px 0px 0px;}
	
#catfoot2 a:hover { color: #FFF;}
	
#fullList {
	width: 180px;
	float: left;
	padding: 6px 0px 0px 25px;}
	
#go {
	width: 52px;
	float: right;
	padding: 6px 0px 0px 8px;}
	
#go a { color: #FFF; font: bold 12px verdana;}
#go a:hover { text-decoration: underline;}

/************************************************************** Foot */

#foot p 		{ color: #cadae6;}
#foot a 		{ color: #FFF;}
#foot a:hover 	{ color: #FFF;}

/************************************************************** Microsites */

#promota 		{ margin: 10px 0 0 30px;}
#PSI, #BPMA  	{ margin: 10px 0 0 15px;}
#certificates 	{ margin-left: 28px;}
#microsites .top, #microsites .btm { width: 680px; float: left; clear: both; margin: 8px 0px;}
#microsites div .micro { 
	width: 198px; 
	float: left; 
	text-align: center; 
	margin-left: 20px; 
	line-height:11px;  /* Needed to explicitly specify this when changed doctype on some pages to HTML5 */
}

#microsites div .micro a {
	line-height:11px;  /* Needed to explicitly specify this when changed doctype on some pages to HTML5 */
}

/************************************************************** Index Products, Search Results and Featured Products */

#content>table.sttb {
	margin-bottom:13px;
}

table.sttb {
  -webkit-border-radius: 6px 6px;
  -o-border-radius: 6px 6px;
  -moz-border-radius: 6px / 6px;
  border-radius: 6px / 6px;
}

div.stdv div.stdv {
	display:table-cell;
	vertical-align:middle;
	background: #fff url(/images/block.gif) repeat-x;
	height:26px;
  -webkit-border-radius: 0px 0px 6px 6px;
  -o-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
}

#recent_items .itemThumb {
	padding:4px;
}

.resultsItem {
	width: 150px;
	padding: 5px 5px 5px; 
	float: left; 
/*	height: 186px; */	
	text-align: center;
}

.resultsItem {
	height:186px;
}

.resultsItem.listview {
	height:inherit;
	min-height:150px;
	height:auto !important;
}

.resultsItem a 		{ font-size: 10px;}	
.resultsItem img	{ margin-bottom: 3px; }	

.productBlock {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	width: 645px;
	background: url(/images/tabBg.gif) no-repeat;
	float: left;
	height: 187px;}
	
.productBlock2 {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 15px 0px;
	width: 645px;
	background: url(/images/tabBg-2.gif) no-repeat;
	float: left;
	height: 187px;}
	
.productTop 	{ width: 625px; float: left; height: 20px; padding: 3px 10px 0px;}
.productTop a	{ color: #FFF; float: right;}
.productTop a:hover	{ text-decoration: underline;}
.productTop a:visited  { color:#FFFFFF;}
.productTop b	{ color: #FFF;}

.showing div	{
	float:left;
	text-align:	center;
	position: relative;
	margin: 0px 0px 10px 0px;
	width: 658px;
	height: 32px;}
	
.showing p	{ font: normal 11px Verdana; color: #fff; margin: 0px;}

.showing #perpage { width: 120px; }
.showing #pagelink { width: 237px; margin-top:1px; }
.showing #sortby { width: 227px; }
.showing #formatlink { width: 74px; margin-top:-4px; }

.showing a {
	color:#ddd;
}

.showing a:hover {
	color: #fff;
}

.info 				{ float: left;}

.similar a  {
	font: 10px verdana; 
	color: #cadae6; 
	background: #638ca8; 
	border-top: solid 1px #7399b2;
	border-right: solid 1px #4d7794;
	border-bottom: solid 1px #4d7794;
	border-left: solid 1px #7399b2;
	margin: 0px 1px 1px 0px;
	padding: 3px 0px;
	float: left;
	width: 127px;}
	
.similar a:hover  { 
	color: #fff;}
	
.similar { 
	background: #799db5;
	text-align: center;
	width: 650px;
	position:static;
	float: left;}
	
body#searchresults #content > h1, body#searchresults p.similarSearches {
  position: relative;
  margin-top: 0px;
  padding: 7px 0px 0px 10px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  background-image: url(/images/title-bar.gif);
  background-repeat: no-repeat;
  width: 658px;
  height:32px;
  float:left;
}

body#searchresults p.similarSearches {
  width: auto;
  margin-top: -26px;
  border: 0px;
}

body#searchresults .similarSearches {
	width: 93%;
	clear: both;
	padding: 0px 0px 0px 0px;
	border: 1px solid #FF6014;
    -webkit-border-radius: 6px 6px;
    -moz-border-radius: 6px / 6px;
    border-radius: 6px / 6px;
}

body#searchresults #text-block {
	width: 890px;
/*	bottom: 275px; */
	position:static;
	float:left;
/*	left: 40px; */
	margin: 10px 0px 0px 40px;
	padding: 0px 10px 0px 20px;
	border: 1px solid #FF6014;
    -webkit-border-radius: 4px 6px;
    -moz-border-radius: 4px / 6px;
    border-radius: 4px / 6px;
}

body#searchresults #cat-content {
	width: 1000px;
	background: url(/images/bodyBg.gif) repeat-y;
/*	min-height:879px; */
	float: left;
	padding-bottom:20px;
}

body#searchresults .resultsItem {
	margin: 0px 5px 5px 0px;
	width: 140px;
	border: 1px solid #CCC;
    -webkit-border-radius: 6px 6px;
    -o-border-radius: 6px 6px;
    -moz-border-radius: 6px / 6px;
    border-radius: 6px / 6px;
}

body#searchresults .resultsItem {
	position: relative;
	margin: 0px 5px 5px 0px;
	width: 140px;
	border: 1px solid #CCC;
    -webkit-border-radius: 6px 6px;
    -moz-border-radius: 6px / 6px;
    border-radius: 6px / 6px;
}

body#searchresults .resultsItem.listview {
	width: 611px;
	text-align: left;
}

body#searchresults .resultsItem.listview div.listimage {
	float:left;
	width:140px;
	height:100%;
	position:relative;
	text-align:center;
	margin-right:18px;
}

body#searchresults .resultsItem.listview div.listdetails {
	float:left;
	width:74%;
/* 	height:100%; */
}

body#searchresults .resultsItem.listview div.listdetails li {
	margin-left:15px;
}

.ps-sprite {
    background: url("/images/icons/ps3.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    vertical-align: top;
}

.ps-sprite-show-list-view {
   background-position: -45px -21px;
}

.ps-sprite-show-grid-view {
   background-position: -1px -21px;
}

.ps-sprite-list-view, .ps-sprite-grid-view, .ps-sprite-show-list-view, .ps-sprite-show-grid-view {
   height: 21px;
   vertical-align: middle;
   width: 21px;
}

.ps-sprite-grid-view {
   background-position: -23px -21px;
}

.ps-sprite-list-view {
   background-position: -67px -21px;
}

img.magnify {
	position: absolute;
	bottom: -3px;
	right: 0px;
}

div.resultsItem.listview img,magnify {
	top:133px;
	left:137px;
}

/************************************************************** News */

.box 			{ width: 250px; padding: 4px 20px 0px 10px;}
.box a			{ color: #f47d30;}
.box a:hover	{ color: #5581a0;}
.box b			{ color: #427DA1;}

/************************************************************** Livehelp */

#floatLayer {
	position: fixed; 
	left: 0px; 
	top: 0px; 
	visibility: hidden; 
	z-index: 5000;
	float: left;}
	
#InitiateText {
	position: relative; 
	left: 30px; 
	top: 125px; 
	width: 275px; 
	height: 35px; 
	z-index: 5001; 
	text-align: center; 
	font: 14px bold Verdana;}
	
/************************************************************************************* Products Page */

.prodColumns { width: 22%;  float: left; padding-left: 2%;}	
.prodColumns a { font: 11px Verdana; color: #666; width: 100%; margin: 3px 0px; float: left;}
.prodColumns a:hover { color: #00bce4;}

/************************************************************* Skinsite Page */

#skinSites { margin-left: 20px;  float: right;}	

/************************************************************************************* Login Page */

.sectionLogin table p { margin-bottom: 0px;}
.block50Left    { width: 44%; float: left; padding: 10px 3% 10px;}
.block50Right   { width: 44%; float: left; padding: 10px 3% 10px;}
.Print p, .Print h2 { margin-left: 170px;}

.whiteText  { font: 9px Verdana; color: #FFF; padding: 7px 0px 7px 1px;}
.blackText  { font: 9px Verdana; color: #000; padding: 7px 0px 7px 1px;}

/************************************************************************************* Artwork Pages */

.sectionArtwork table p { margin-bottom: 0px;}
.block50Left    { width: 44%; float: left; padding: 10px 3% 10px;}
.block50Right   { width: 44%; float: left; padding: 10px 3% 10px;}
.Print p, .Print h2 { margin-left: 170px;}

.whiteText  { font: 9px Verdana; color: #FFF; padding: 7px 0px 7px 1px;}
.blackText  { font: 9px Verdana; color: #000; padding: 7px 0px 7px 1px;}

.printImg   { float: left;}
.file_type  { float: right; width: 550px;}	
.artImage 	{ width: 111px; height: 191px; float: left; margin-right: 5px;}

.print 		{ background: url(/images/artwork_dept/print.jpg);}
.file 		{ background: url(/images/artwork_dept/file.jpg);}
.fonts 		{ background: url(/images/artwork_dept/fonts.jpg);}
.pantone 	{ background: url(/images/artwork_dept/pantone.jpg);}

/************************************************************************************** Contact */

#contactBox 		{ width: 97%; float: left; padding: 2% 0% 2% 2%; border: 1px dotted #CCC;}
#contactBox div		{ float: left; width: 48%; padding: 15px 0px 0px 1%;}	
#contactBox input 	{ margin: 0px 5px 10px 0px; border: 1px solid #7f9db9;}

#contact-Go { width: 92%; float: left; clear: both; text-align: right; font: bold 16px Verdana; padding-top: 5px;}
#submit { float: right; border-style: none; margin: 0px; padding: 0px;}

#address 		{ float: left; width: 100%; margin-top: 30px;}
#address div	{ float: left; width: 25%;}

#dateImage { float: left; margin: 1px 0px 0px 10px;}

.popCalendar {
	visibility: visible;
	z-index: 999;
	position: absolute;
	left: -500px;
	top: 0px;
	width: 174px;
	height: 189px;
	border-style: none;}
	
/************************************************************************************** Brochure Request */

#brochureRequest #contactBox div {
	padding: 15px 4% 0px 0px;
	width: 46%;
}

#brochureRequest #contactBox input[type=text], #brochureRequest #contactBox textarea, #brochureRequest #contactBox select {
	width : 100%;
	margin: 3px 0px;
}

#brochureRequest #submit {
	margin-right: 30px;
}

#brochureRequest textarea {
	resize: vertical;
}

#brochureRequest #contactBox input[type='checkbox'], #brochureRequest #contactBox input[type='radio'] {
	margin:0px 10px 0px 0px;
	vertical-align:middle;
}
	

/************************************************************************************** Survey */

#surveyBox 				{ width: 97%; float: left; padding: 2% 0% 2% 2%; }
#surveyBox div		{ float: left; padding: 20px 0px 0px 1%;}
#surveyBox td			{ padding: 10px 10px 0px 0px; font: 11px Verdana; color: #666; }	
#surveyBox input 	{ margin: 0px 5px 10px 0px; border: 1px solid #7f9db9;}

/**************************************************************************************** Item Page */

#itemImage { float: left; margin-bottom: 20px;}
#itemThumb { margin: 5px; float: left;}
#itemInfo { width: 360px; float: right; text-align: left;}
.request { border-style: none; padding:0px; margin: 10px 0px;}

.altProducts {
	width: 110px;
	margin: 4px 3px;
	padding: 5px;
	float: left;
	border: 1px dotted #CCC;
	text-align: center;}
	
.altProducts img{ margin-bottom: 4px;}
	
/***************************************************************************************** Quick Quote */
	
#QQ         { width: 250px; height: 172px; background: url(/images/QQ-bg.gif) no-repeat; float: left; padding: 30px 0px 0px 0px; margin-bottom: 20px; clear: left;}
#QQ p		{ color: #FFF;}
#QQ div		{ float: left; width: 42%; padding: 0% 0% 0% 5%;}
#QQ span a 	{ color: #FFF; font: bold 16px Verdana; float: right; margin: 18px 8px 0px 0px;}
#QQ input 	{ margin: 0px 5px 2px 0px; padding: 2px;}


/***************************************************************************************** Tag Cloud */

#TagCloud {
width:238px;
float:left;
margin: 0px 0px 12px 0px;
padding: 10px 12px 20px 12px;
background:#172225;
text-align:center;
}

#TagCloud p {
font-family:Verdana, "Times New Roman", Times, serif;
font-size:15px;
font-weight:bold;
line-height:25px;
color:#b9b09d;
}

#TagCloud span {
color:#ceebeb;
background:#172225;
font: Verdana,Arial,Helvetica,sans-serif;
}

#TagCloud a:link, a:visited{
color:#427DA1;
background-color: inherit;
text-decoration:none;
}

#TagCloud a:hover, a:active{
text-decoration:underline;
}

/************************************************************* Reqister for Skinsite ****************************************************/
	
#RS { 
	width: 213px; 
	height: 146px; 
	background: url(/images/RS-bg.gif) no-repeat; 
	float: left; 
	padding: 45px 20px 10px 20px; 
	margin: 10px 0px 0px 0px; 
	text-align: right;}	
	
#RS p		{ color: #FFF; margin-bottom: 8px;}		 
#RS input 	{ }

/***************************************************************************************** Price Matrix Styles */

.price_matrix 		{ width: 100%; margin: 5px 0px; float: left; background: #FFF;}
.price_matrix  b	{ font: bold 11px verdana; color: #FFF;}
.price_matrix  p	{ font: bold 11px verdana; color: #427DA1; margin-bottom: 0px;}
.matrix_box         { float: left; border: solid 1px #FFF;}
.matrix_quantity	{ text-align: center; background: #427DA1; width: 55px; padding: 5px; border-bottom: 1px solid #FFF;}
.matrix_price 		{ text-align: center; background: #d6e1ea; width: 55px; padding: 5px;}
.matrix_header 		{ width: 100%; float: left; padding: 3px;}



/************************************************************* leftblock ****************************************************/

.prepand1{padding-top:5px;}
.prepand2{padding-top:10px;}
.prepand3{padding-top:15px;}
.prepand4{padding-top:20px;}
.text1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#F37E2F;}
.text2, .text2 a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#5481A0;}
.text3, .text3 a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#5481A2;}
.text4, .text4 a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#FFFFFF;}
.text5, .text5 a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#245273;}
.text6, .text6 a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#00BF00;}
.text7, .text7 a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#0F6BF0;}

.left_block{
			width:681px;
			float:left;
			position:relative;
			padding-left:24px;
			margin-top:10px;
			padding-bottom:30px;
			}
			
.left_field{
			width:681px;
			float:left;
			position:relative;
			margin-top:25px;
			}
			
			
.left_box_field{
			width:679px;
			float:left;
			position:relative;
			background-color:#ECF1F5;
			border-left:1px solid #AAC0CE;
			border-right:1px solid #AAC0CE;
			}
			
.left_part{
		width:673px;
		float:left;
		position:relative;
		background-color:#ECF1F5;
		border-bottom:1px solid #FFFFFF;
		padding:10px 3px;
		}
			
			
.artwork_approval_block{
						width:679px;
						float:left;
						position:relative;
						background-color:#5580A0;
						padding:15px 0px;
						}
						
.artwork_left{
			width:310px;
			float:left;
			position:relative;
			padding-left:30px;
			}
						
.artwork_left h2{font-size:16px; font-weight:normal; color:#FFFEFF; padding:0px; margin:0px;}

.artwork_left_field{
			width:310px;
			float:left;
			position:relative;
			padding-top:5px;
			color:#FFFEFC;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
			}
			
.artwork_left_field_l{
			width:150px;
			float:left;
			position:relative;
			padding-right:5px;
			text-align:right;
			}
			
.artwork_left_field_r{
			width:150px;
			float:left;
			position:relative;
			padding-left:5px;
			}
			
.print_block{
			width:619px;
			float:left;
			position:relative;
			padding:30px;
			border-bottom:1px solid #FFFFFF;
			}
			
.print_img_block{
			width:391px;
			float:left;
			position:relative;
			padding-left:220px;
			margin-top:20px;
			}
			
.print_img{
			width:50px;
			float:left;
			position:relative;
			margin-right:10px;
			}
			
.print_field{
			width:619px;
			float:left;
			position:relative;
			margin-top:20px;
			}
			
.print_img img{border:1px solid #A0BAC9; }		

.comments{
			width:425px;
			float:left;
			position:relative;
			padding-top:15px;
			}
			
.comments_submit{
			width:180px;
			float:left;
			position:relative;
			padding-top:15px;
			}
			
						
.artwork_right{
				width:210px;
				float:left;
				position:relative;
				}
				
				
.artwork_right_product{
				width:188px;
				float:left;
				position:relative;
				border:1px solid #A9C0D2;
				background-color:#FFFFFF;
				padding:10px;
				}
.click_view{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; width:208px; float:left;padding-top:5px;}
.click_view a{color:#FFFFFF;}






.welcome_block{
					width:274px;
					float:right;
					position:relative;
					padding-right:8px;
					}
					
.welcome_field{
					width:232px;
					float:right;
					position:relative;
					border-left:1px solid #AAC0CE;
					border-right:1px solid #AAC0CE;
					background-color:#ECF1F5;
					padding:10px 20px;
					}
					
.welcome_view{
					width:270px;
					float:right;
					position:relative;
					padding-right:8px;
					padding-left:4px;
					padding-top:5px;
					}
										
.deliver_block{
				width:260px;
				float:left;
				position:relative;
				padding-right:25px;
				}
				
.deliver_field{
				width:230px;
				float:left;
				position:relative;
				padding:15px;
				background-color:#FFFFFF;
				margin-top:5px;
				}
				

				
