﻿/********************************************************************************************************
Stylesheet
 ********************************************************************************************************/

/* Supergroups */

.cables			{ background-color: #2257D5 }
.educational	{ background-color: #C60000 }
.electrical		{ background-color: #7C7C7C }
.electronic		{ background-color: #930FA5 }
.office			{ background-color: #348C35 }
.tools			{ background-color: #F95602 }

/* Homepage */

.homepageBlue			{ color: #D3DBE3 }
.homepageBlueBox		{ border: solid 1px #D3DBE3 }
.homepageOrange			{ background-color: #FDE9DE }
.promoFiller			{ color: White; font-size:1.2em; }

/* Top Navigation */

#topNav 				{ float: left; width: 100%; background: url("../uk-printing-embroidery-company-images/topnav/topnavback.gif") }
#topNav ul				{ margin: 0; padding: 0; list-style: none; }
#topNav li				{ float: left; list-style: none; background: url("../uk-printing-embroidery-company-images/topnav/topnavdivider.gif") no-repeat left top;
						  margin: 0; padding: 0 0 0 2px; font-family: Verdana; color: black; }
#topNav a				{ display: block; background: url("../uk-printing-embroidery-company-images/topnav/topnavback.gif"); padding:5px 6px 4px 6px; 
						  text-decoration: none; font-weight: bold; color: black; }
#topNav a:hover			{ background: url("../uk-printing-embroidery-company-images/topnav/topnavhilite.gif") }

#topNav li.cables a				{ background: url("../uk-printing-embroidery-company-images/topnav/topNavCables.gif") }
#topNav li.cables a:hover		{ background: url("../uk-printing-embroidery-company-images/topnav/topNavCables.gif") }

#topNav li.educational a		{ background:url("../uk-printing-embroidery-company-images/topnav/topNavEducational.gif") }
#topNav li.educational a:hover	{ background:url("../uk-printing-embroidery-company-images/topnav/topNavEducational.gif") }

#topNav li.electrical a			{ background:url("../uk-printing-embroidery-company-images/topnav/topNavElectrical.gif") }
#topNav li.electrical a:hover	{ background:url("../uk-printing-embroidery-company-images/topnav/topNavElectrical.gif") }

#topNav li.electronic a			{ background:url("../uk-printing-embroidery-company-images/topnav/topNavElectronic.gif") }
#topNav li.electronic a:hover	{ background:url("../uk-printing-embroidery-company-images/topnav/topNavElectronic.gif") }

#topNav li.office a				{ background:url("../uk-printing-embroidery-company-images/topnav/topNavOffice.gif") }
#topNav li.office a:hover		{ background:url("../uk-printing-embroidery-company-images/topnav/topNavOffice.gif") }

#topNav li.tools a				{ background:url("../uk-printing-embroidery-company-images/topnav/topNavTools.gif") }
#topNav li.tools a:hover		{ background:url("../uk-printing-embroidery-company-images/topnav/topNavTools.gif") }

/* Left Navigation */

#leftNav				{ width:158px; }
#leftNav dd				{ display:inline; list-style-type:none; padding: 0; margin: 0; }
#leftNav dl 			{ margin: 0 0 2px 0; padding: 0; }
#leftNav dt				{ margin: 0; padding: 0; }

#leftNav dt a			{ font-family: Verdana; color:#000; display:block; 
						  font-weight:bold; padding:2px 0 4px 2px; text-decoration:none; }
										
#leftNav dd a			{ border-top:1px solid #FFFFFF; color:#000; display:block; font-family: Verdana; 
						  margin:0; padding:2px 0 2px 11px; text-align:left; text-decoration:none; font-weight:normal; }
										
#leftNav dl.cables					{ border:1px solid #2257D5;}
#leftNav dl.cables dt a				{ background: url("../uk-printing-embroidery-company-images/leftNav/cablesBack.gif") }
#leftNav dl.cables dd a 			{ background: url("../uk-printing-embroidery-company-images/leftNav/cablesArrow.gif") no-repeat 2px 6px; background-color:#B2C4F0}
#leftNav dl.cables dd a:hover		{ background-color: #7A9AE6;}

#leftNav dl.educational 			{ border:1px solid #C60000;}
#leftNav dl.educational dt a		{ background: url("../uk-printing-embroidery-company-images/leftnav/educationalBack.gif") }
#leftNav dl.educational dd a		{ background: url("../uk-printing-embroidery-company-images/leftnav/educationalArrow.gif") no-repeat 2px 6px; background-color:#EEACB3}
#leftNav dl.educational dd a:hover	{ background-color: #DD6666;}
									
#leftNav dl.electrical 		 		{ border:1px solid #7C7C7C;}
#leftNav dl.electrical dt a			{ background: url("../uk-printing-embroidery-company-images/leftnav/electricalBack.gif") }
#leftNav dl.electrical dd a			{ background: url("../uk-printing-embroidery-company-images/leftnav/electricalArrow.gif") no-repeat 2px 6px; background-color:#D1D1D1; }
#leftNav dl.electrical dd a:hover	{ background-color: #B0B0B0;}

#leftNav dl.electronic 				{ border:1px solid #930FA5;}
#leftNav dl.electronic dt a			{ background: url("../uk-printing-embroidery-company-images/leftnav/electronicBack.gif") }
#leftNav dl.electronic dd a			{ background: url("../uk-printing-embroidery-company-images/leftnav/electronicArrow.gif") no-repeat 2px 6px; background-color:#D9ABE0}
#leftNav dl.electronic dd a:hover	{ background-color: #BE6FC9;}

#leftNav dl.office 					{ border:1px solid #348C35;}
#leftNav dl.office dt a				{ background: url("../uk-printing-embroidery-company-images/leftnav/officeBack.gif") }
#leftNav dl.office dd a				{ background: url("../uk-printing-embroidery-company-images/leftnav/officeArrow.gif") no-repeat 2px 6px; background-color:#B8D7B8}
#leftNav dl.office dd a:hover		{ background-color: #85BA86;}

#leftNav dl.tools 					{ border:1px solid #F95602;}
#leftNav dl.tools dt a				{ background: url("../uk-printing-embroidery-company-images/leftnav/toolsBack.gif") }
#leftNav dl.tools dd a				{ background: url("../uk-printing-embroidery-company-images/leftnav/toolsArrow.gif") no-repeat 2px 6px; background-color:#FDC4A7}
#leftNav dl.tools dd a:hover		{ background-color: #FB9A67;}

div.quickTitle a		{ font-family: Verdana; color:#003366; cursor: hand; width:152px; 
						  height:15px; padding:2px; background-repeat:no-repeat; background-color: #BECCDA; display:block; }
div.quickTitle a:hover	{ background-color: #A5B6C8; text-decoration:none; }

/* Welcome Back */

.bigRed					{ font-family:Verdana; font-size:2em; color:#CC0000; font-weight:bold; }

/* Override */

body					{ font-family:Verdana; font-size:.65em; }

a						{ font-family:Verdana; color:#5B5B5B; text-decoration:none; }
a:hover					{ text-decoration:underline; }

a.pale{ font-family:Verdana; color:#cccccc; text-decoration:none; }
a.pale:hover{ font-family:Verdana; color:#cccccc; text-decoration:underline; }
td						{ font-family:Verdana; color: #5B5B5B; }
select, input, textarea				{ font-family:Verdana; color: black; font-size:.95em;}
ul						{ padding-left:0px; text-indent:0px; margin-left:16px; margin-bottom:0px; margin-top:10px;}
li						{ list-style-type: disc; }

/* Common */
h1						{ margin:0; elevation:0; padding:0px; line-height:normal;  font-family:Verdana; font-size:1.6em; color:#3C5386; font-weight:bold; font-style:italic;}
.title					{ font-family:Verdana; font-size:1.6em; color:#3C5386; font-weight:bold; font-style:italic;}
.title2					{ font-family:Verdana; font-size:1.1em; color:#003366; font-weight:bold;}

.dark					{ background-color:#0E4379; color:#ffffff;}
.mid					{ background-color:#D9E1E8; color:#000000;}
.light					{ background-color:#E5EAEF; color:#000000;}
.palegrey				{ background-color:#CCCCCC; color:#000000;}

.blue					{ font-family: Verdana; color:#003366; font-weight:normal; }
.blueBold				{ font-family: Verdana; color:#003366; font-weight:bold; }

a.breadcrumb:link		{ text-decoration:none; font-weight:bold; }
a.breadcrumb:visited	{ text-decoration:none; font-weight:bold; }
a.breadcrumb:hover		{ text-decoration:underline; font-weight:bold; }

a.white					{ color: white; text-decoration:none; }
a.white:hover			{ color: white; text-decoration:underline; }

a.blue					{ color: #003366; font-size:1.1em }
a.blue:hover			{ color: #003366; text-decoration:underline; }

a.bluelink:link			{ color: #0F81F7; text-decoration:underline; }
a.bluelink:visited		{ color: #0F81F7; text-decoration:underline; }
a.bluelink:hover		{ color: #0F81F7; text-decoration:underline; }

a.bold					{ text-decoration:none; }
a.bold:hover			{ text-decoration:underline; }

.XMLHeading				{ font-family:Verdana; color:#003366; font-weight:normal; font-weight:bold; }

.f9						{ font-size:0.80em; }

/* Print Product Info */

.printtitle				{ font-size:1.2em; color:#000000; font-weight:bold; }
.printbox				{ border:solid 1px #000000; }

/* Others */

.white		{ color: white; }
.white11b	{ font-family:Verdana; font-size:1em; font-weight:bold; color: white; }

.menutitle	{ font-family: Verdana; color:#000000; font-weight:bold; cursor: hand; width:154px; height:13px; padding:2px; background-repeat:no-repeat; }

.bigTitle	{ font-family: Verdana; font-size:1.15em; color:#003366; font-weight:bold; height:22px; padding:2px; background-repeat:no-repeat; background-color: #BECCDA; }

.line		{ background-color:#D5D5D5}
.submenu	{ padding-bottom: 2px; }
.button		{ border:solid 1px #789DBA; background-color:#ffffff; color:#000000;cursor:hand }
.bluebox	{border: solid 1px #789DBA} 
.lightbluebox{ background-color:#CEDDF4; border: solid 1px #81A9E4;}

.darkblue	{color:#003264}

.box	{ border:solid 1px #D0D9E3; }
.darkbox { border:solid 1px #003366; }
radio { color:#ffffff; vertical-align:text-bottom}

.tb{ width:228px}
.dd{ width:234px}

div.greenroundcorner {
	   background: url(../uk-printing-embroidery-company-images/top-green.gif) no-repeat top left;
	   height:100%;
	   
	   
	}
	
div.greenroundcorner div {
	background: url(../uk-printing-embroidery-company-images/bottom-green.gif) no-repeat bottom right;
	height:100%;
	   
}

div.pinkroundcorner {
	   background: url(../uk-printing-embroidery-company-images/top-pink.gif) no-repeat bottom left;
	   height:100%;
	   
	   
	}
	
div.pinkroundcorner div {
	background: url(../uk-printing-embroidery-company-images/bottom-pink.gif) no-repeat bottom right;
	height:100%;
	   
}

div.yellowroundcorner {
	   background: url(../uk-printing-embroidery-company-images/top-yellow.gif) no-repeat bottom left;
	   height:100%;
	   
	   
	}
	
div.yellowroundcorner div {
	background: url(../uk-printing-embroidery-company-images/bottom-yellow.gif) no-repeat top right;
	height:100%;
	   
}

div.tanroundcorner {
	   background: url(../uk-printing-embroidery-company-images/top-tan.gif) no-repeat top right;
	   height:100%;
	   
	   
	}
	
div.tanroundcorner div {
	background: url(../uk-printing-embroidery-company-images/bottom-tan.gif) no-repeat bottom left;
	height:100%;
	   
}

div.blueroundcorner {
	   background: url(../uk-printing-embroidery-company-images/top-blue.gif) no-repeat top right;
	   height:100%;
	   
	   
	}
	
div.blueroundcorner div {
	background: url(../uk-printing-embroidery-company-images/bottom-blue.gif) no-repeat top left;
	height:100%;
	   
}

div.jaderoundcorner {
	   background: url(../uk-printing-embroidery-company-images/top-jade.gif) no-repeat top left;
	   height:100%;
	   
	   
	}
	
div.jaderoundcorner div {
	background: url(../uk-printing-embroidery-company-images/bottom-jade.gif) no-repeat bottom right;
	height:100%;
	   
}