/* Shawpak Systems CSS */
/* Dean Chu */
/* www.deanchu.ca */

body {margin: 0px 0px 0px 0px; background: #ECE9D8}

body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}

a{
color: #006699;
font-weight: normal;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

a.readmore{
color: #006699;
font-size: 11px;
font-weight: normal;
text-decoration: none;
font-style:italic;
}

a.readmore:hover{
text-decoration: underline;
}

a.order{
color: #006699;
font-weight: normal;
text-decoration: none;
}

a.order:hover{
text-decoration: none;
color:#FFFFFF;
background-color:#569AFF;
padding: 3px 10px 3px 10px;
}

a.menu{
font-family: "Verdana", Arial, Helvetica, sans-serif;
text-decoration: none;
color: #0066FF;
font-size: 13px;
font-weight: bold;
text-indext: 25px;
}

a.menu:hover{
text-decoration: underline;
}

a.fine{
font: "Tahoma", Arial, Helvetica, sans-serif;
text-decoration: none; 
color: #9F9FFF; 
font-size: 11px; 
font-weight:100;
}

a.breadcrumb{
text-decoration: none; 
color: #9F9FFF; 
font-size: 11px; 
font-weight:100;
}

a.breadcrumb:hover {
color: #5555FF;
}

a.base{
padding: 0px 5px 0px 5px;
text-decoration: none; 
color: #999999; 
font: "Tahoma", Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: 100;
}

a.base:hover {
color: #0066FF;
}

a.base2{
padding: 0px 5px 0px 5px;
text-decoration: none; 
color: #8080FF; 
font: "Tahoma", Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: 100;
}

a.base2:hover {
}

a.fine{
font: "Tahoma", Arial, Helvetica, sans-serif;
text-decoration: none; 
color: #9F9FFF; 
font-size: 11px; 
font-weight:100;
}

a.finenormal{
padding: 0px 0px 0px 10px;
text-decoration: none; 
color: #006699; 
font-size: 10px;
font-weight: normal;
}

a.finenormal:hover {
text-decoration: underline;
}

a.finebold{
padding: 0px 0px 0px 5px;
text-decoration: underline; 
color: #006699; 
font-size: 10px;
font-weight: bold;
}

a.finebold:hover {
text-decoration: underline;
}

hr {color: #DDDDFF;}
ul {list-style-image: url(../pictures/misc/bullet.gif); margin-top: 0}
h1 {margin: 0; margin-bottom: 0; font-size: 24px; color: #DDDDFF; font-weight:bold; font-variant: small-caps}
h2 {margin: 0; margin-bottom: 0; font-size: 11px; color: #9F9FFF; font-weight:100}
h3 {margin: 0; margin-bottom: 0; font-size: 12px; color: #5555FF; font-weight:100}

.address {font: "Tahoma", Arial, Helvetica, sans-serif; font-size: 11px; color: #9F9FFF;}
.spacing {padding: 0px 5px 0px 5px;}
.menu-title {padding-left: 2px; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-variant:small-caps; font-weight: bold; letter-spacing: 1px; color: #0066FF;}
.pic-title {padding-left: 2px; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-variant:small-caps; font-weight: bold; letter-spacing: 1px; color: #9F9FFF; background-image: url(../pictures/misc/dot.jpg); padding: 5px 5px 5px 5px}
.RFI-heading {padding-left: 2px; font-family: 'Arial', Helvetica, sans-serif; font-size: 12px; font-variant:small-caps; font-weight: bold; letter-spacing: 1px; color: #FFFFFF; background: #999999}
.main-title {font-size: 24px; color: #0066FF; font-variant:small-caps; font-weight: lighter;}
.category-title {display:block; font-size: 12px; color: #006699; font-variant:small-caps; font-weight: bold; padding: 3px 3px 2px 8px; border-bottom: 1px solid #E2E2E2;}
.thanks-title {font-size: 16px; color: #0066FF; font-variant:small-caps; font-weight: lighter;}
.banner-title {font-size: 16px; font-variant:small-caps; font-weight:bold;}
.gray {color: #999999; font-size: 9px;}
.fine-red {color: #FF0000; font-size: 9px;}
.font-10 {font-size: 10px;}
.bold {font-weight: bold}
.applications {font-style: italic; color: #006699}
.thumb-text {color: #9F9FFF; font-size: 11px;}
.image-text {color: #9F9FFF; font-size: 11px;}
.fine-print {font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 11px; color: #9F9FFF;}
.textbox {border: 1px dotted #006699; font-weight: normal}
.textbox2 {background-color: #569AFF; color: #FFFFFF; padding: 0px 5px 0px 5px; font-weight: bold}
.textbox-RFI {border: 1px solid #CCCCCC; font-family: Tahoma, Arial, Helvetica, SansSerif;  font-size: 12px; font-weight: normal; color:#006699}
.white {color:#FFFFFF}

#metal-detector-1 {
background: url(../metal-detectors/metal_detectors-3_r3_c1.jpg);
background-repeat: repeat-y;
}

#metal-detector-2 {
background: url(../metal-detectors/metal_detectors-3_r3_c16.jpg);
background-repeat: repeat-y;
}

#metal-detector-3 {
background: url(../metal-detectors/metal_detectors-3_r5_c2.jpg);
background-repeat: repeat;
}

#metal-detector-4 {
background: url(../metal-detectors/metal_detectors-3_r6_c2.jpg);
background-repeat: repeat-x;
}

#metal-detector-b0 {
background: url(../pictures/misc/button-bg.jpg);
background-repeat: repeat-x;
}

#metal-detector-b1 {
background: url(../pictures/misc/button-bg.jpg);
background-repeat: repeat-x;
}

#metal-detector-b2 {
background: url(../pictures/misc/button-bg.jpg);
background-repeat: repeat-x;
}

#metal-detector-b3 {
background: url(../pictures/misc/button-bg.jpg);
background-repeat: repeat-x;
}

#metal-detector-b4 {
background: url(../pictures/misc/button-bg.jpg);
background-repeat: repeat-x;
}

#metal-detector-b5 {
background: url(../pictures/misc/button-bg.jpg);
background-repeat: repeat-x;
}

#metal-detector-b6 {
background: url(../pictures/misc/button-bg.jpg);
background-repeat: repeat-x;
}

#metal-detector-b7 {
background: url(../pictures/misc/button-bg.jpg);
background-repeat: repeat-x;
}

#metal-detector-b8 {
background: url(../pictures/misc/button-bg.jpg);
background-repeat: repeat-x;
}

#metal-detector-b9 {
background: url(../pictures/misc/shawpak.jpg) bottom;
background-repeat: repeat-x;
}

#metal-detector-button-tags {
background: url(../metal-detectors/metal_detectors-3_r1_c3.jpg);
background-repeat: repeat-y;
}

#metal-detector-base-shadow {
background: #FFFFFF url(../pictures/misc/base-shadow.jpg);
background-repeat: repeat-x;
}

#metal-detector-base-shadow2 {
background: #FFFFFF url(../pictures/misc/base-shadow-2.jpg) bottom;
background-repeat: repeat-x;
}

#metal-detector-vertical-shadow {
background: #FFFFFF url(../pictures/misc/dot.jpg);
background-repeat: repeat-y;
background-position: center;
}

#metal-detector-vertical-dot {
background: #FFFFFF url(../pictures/misc/dot.jpg);
background-repeat: repeat-y;
background-position: center;
}

#metal-detector-horizontal-dot {
background: #FFFFFF url(../pictures/misc/dot.jpg);
background-repeat: repeat-x;
background-position: top;
}

#metal-detector-title-shadow {
background: url(../pictures/misc/title-shadow.jpg);
background-repeat: no-repeat;
}

#metal-detector-swoosh {
background: #FFFFFF url(../pictures/misc/25-years.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#main-shawpak {
background: #FFFFFF url(../pictures/logos/shawpak-up.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

#main-alpha {
background: #FFFFFF url(../pictures/logos/alphacheckweighers-up.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

#main-attec {
background: #FFFFFF url(../pictures/logos/attec-itec-up.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

#main-exact {
background: #FFFFFF url(../pictures/logos/exact-equipment-up.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

#main-safeline {
background: #FFFFFF url(../pictures/logos/safeline-up.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

#main-swoosh {
background: #FFFFFF url(../pictures/logos/swooshes.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

/*Denoted InActive Menu Items*/

a.menu-category-IA{
			display:block;
			font-size: 12px;
			font-weight: bold;
			color: #999999;
			letter-spacing: 0px;
			font-variant:small-caps;
			font-family: 'Arial', Helvetica, sans-serif;
			border-bottom: 1px solid #E2E2E2;
			padding: 3px 3px 2px 8px;
			}
			
a.menu-category-IA:hover{
			background: url(../pictures/buttons/glossyback2.gif) center repeat-x;
			text-decoration: none;
			color: #FFFFFF;
			/*text-indent: 10px;
			color: #0051CA;*/
			}
			
a.menu-item-IA{
			display:block;
			font-size: 11px;
			font-weight: bold;
			color: #999999;
			letter-spacing: 0px;
			font-variant:small-caps;
			font-family: 'Arial', Helvetica, sans-serif;
			border-bottom: 1px solid #E2E2E2;
			padding: 2px 3px 1px 8px;
			}
			
a.menu-item-IA:hover{
			background: url(../pictures/buttons/glossyback2.gif) center repeat-x;
			text-decoration: none;
			color: #FFFFFF;
			/*text-indent: 10px;
			color: #0051CA;*/
			}
			
a.menu-sub-item-IA{
			display:block;
			font-size: 11px;
			font-weight: bold;
			color: #999999;
			letter-spacing: 0px;
			font-variant:small-caps;
			font-family: 'Arial', Helvetica, sans-serif;
			border-bottom: 1px solid #E2E2E2;
			padding: 2px 3px 1px 8px;
			}
			
a.menu-sub-item-IA:hover{
			background: url(../pictures/buttons/glossyback2.gif) center repeat-x;
			text-decoration: none;
			color: #FFFFFF;
			/*text-indent: 10px;
			color: #0051CA;*/
			}
	
/*Main Side Menu*/

a.menu-category{
			display:block;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: 0px;
			font-variant:small-caps;
			font-family: 'Arial', Helvetica, sans-serif;
			border-bottom: 1px solid #E2E2E2;
			padding: 3px 3px 2px 8px;
			}
			
a.menu-category:hover{
			background: url(../pictures/buttons/glossyback2.gif) center repeat-x;
			text-decoration: none;
			color: #FFFFFF;
			/*text-indent: 10px;
			color: #0051CA;*/
			}
			
a.menu-item{
			display:block;
			font-size: 11px;
			font-weight: bold;
			letter-spacing: 0px;
			font-variant:small-caps;
			font-family: 'Arial', Helvetica, sans-serif;
			border-bottom: 1px solid #E2E2E2;
			padding: 2px 3px 1px 8px;
			}
			
a.menu-item:hover{
			background: url(../pictures/buttons/glossyback2.gif) center repeat-x;
			text-decoration: none;
			color: #FFFFFF;
			/*text-indent: 10px;
			color: #0051CA;*/
			}
			
a.menu-sub-item{
			display:block;
			font-size: 11px;
			font-weight: bold;
			letter-spacing: 0px;
			font-variant:small-caps;
			font-family: 'Arial', Helvetica, sans-serif;
			border-bottom: 1px solid #E2E2E2;
			padding: 2px 3px 1px 8px;
			}
			
a.menu-sub-item:hover{
			background: url(../pictures/buttons/glossyback2.gif) center repeat-x;
			text-decoration: none;
			color: #FFFFFF;
			/*text-indent: 10px;
			color: #0051CA;*/
			}