/* Personal Technologies */



body {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #333333; background-image:url(images/bkg-body-grid.gif); margin: 0px;}



td {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #333333;}

p {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #333333;}

a:link {color: #333333; text-decoration: underline;}
a:visited {color: #333333; text-decoration: underline;}
a:active {color: #333333; text-decoration: underline;}
a:hover {color: #128ab0; text-decoration: underline;}



/* Main divs for home page */
#container-top {
   background-color:#e7e7e7;   }

#container-top-contents {
   margin: 0 auto;
   width:815px;
   padding-top:4px;
   background-color:#e7e7e7;   }



#container {
   margin: 0 auto;
   width:813px;
   background-color:#ffffff;   }
   
   
 
 #bkg-xxx  { background-image:url(images/bkg-xxx.jpg); background-repeat:no-repeat; background-position: top right;   }

#home-bkg-shadow  { background-image:url(images/home-bkg-shadow.gif); background-repeat:repeat-x; }


#top_nav_box { background-color:#e7e7e7; text-align:center;  padding: 4px 0px 4px 0px;}
.toplink {  font-size: 13px; line-height: 1.5em; color: #666666; margin:2px 10px 0 0;}
.toplink A    {color: #666666; text-decoration: none;}
.toplink A:visited {color: #666666; text-decoration: none;}
.toplink A:hover  {color: #128ab0; text-decoration: none;}


#upper_nav_box { background-color:#858585; text-align:center;  padding: 4px 0px 4px 0px;}
.topnavlink 					{font-size: 16px;color: #ffffff; line-height: 1.5em;  margin:2px 10px 0 0;}
.topnavlink A    			{font-size: 16px;color: #ffffff; text-decoration: none;}
.topnavlink A:visited 	{font-size: 16px;color: #ffffff; text-decoration: none;}
.topnavlink A:hover  		{font-size: 16px;color: #7dbce9; text-decoration: none;}

.navlink {  font-size: 16px; line-height: 1.5em; color: #c20c01;}
.navlink A    {color: #c20c01; text-decoration: none;}
.navlink A:visited {color: #c20c01; text-decoration: none;}
.navlink A:hover  {color: #128ab0; text-decoration: underline;}
.navlinkon A  {font-size: 16px; color: #128ab0; text-decoration: none;}



#greenbox-top        { background-image:url(images/solutions-greenbox-top.gif);       background-repeat:no-repeat; background-position: top left;  height:33px;  }
#greenbox-bottom  { background-image:url(images/solutions-greenbox-bottom.gif); background-repeat:no-repeat; background-position: top left;  height:13px;  }
#greenbox-middle   { background-color:#d8f2ab; }


.floatrightbox {float:right;background-color:#e7e7e7;
                border: 1px solid #000000;
                width:250px;padding:10px;margin:8px;}

#coglink-sidebar { padding: 22px 0px 0px 0px;}


#footer2 {
   margin: 0 auto;
   width:815px; }

.footertext {font-size: 13px; line-height: 1.5em; color: #ffffff;}
.footertext A {color: #ffffff; text-decoration: underline;}
.footertext A:visited {color: #ffffff; text-decoration: underline;}
.footertext A:hover {color: #ffffff; text-decoration: underline;}

.footertextlg {font-size: 14px; line-height: 1.5em; color: #ffffff;}
.footertextlg A {color: #ffffff; text-decoration: underline;}
.footertextlg A:visited {color: #ffffff; text-decoration: underline;}
.footertextlg A:hover {color: #ffffff; text-decoration: underline;}

.footertextb {font-size: 12px; line-height: 1.5em; color: #ffffff; font-weight:bold;}
.footertextb A {color: #ffffff; text-decoration: underline;}
.footertextb A:visited {color: #ffffff; text-decoration: underline;}
.footertextb A:hover {color: #ffffff; text-decoration: underline;}

.footertextsm {font-size: 10px; line-height: 1.5em; color: #ffffff;}
.footertextsm A {color: #ffffff; text-decoration: underline;}
.footertextsm A:visited {color: #ffffff; text-decoration: underline;}
.footertextsm A:hover {color: #ffffff; text-decoration: underline;}


.homelinks 					{font-size: 14px; font-weight:bold; color: #666; text-transform:uppercase;font-size: 12px;text-decoration: none;}
.homelinks A 				{font-size: 14px; font-weight:bold; color: #666; text-transform:uppercase;text-decoration: none;}
.homelinks A:visited 	{font-size: 14px; font-weight:bold; color: #666; text-transform:uppercase;text-decoration: none;}
.homelinks A:hover 		{font-size: 14px; font-weight:bold; color: #666; text-transform:uppercase;text-decoration: underline;}

.none A                                  {text-decoration:none;}


.blue											{color: #0A2669;}
.blue A, .blue A:visited 				{color: #0A2669;}
.blue A:hover 							{color: #333333;}

.lightblue											{color: #128AB0;}
.lightblue A, .lightblue A:visited 		{color: #128AB0;}
.lightblue A:hover 							{color: #333333;}

.white										{color: #fff;}
.white A, .white A:visited 			{color: #fff;}
.white A:hover 							{color: #333333;}

.black										{color: #000;}
.black A, .black A:visited 			{color: #000;}
.black A:hover 							{color: #333333;}

.gray											{color: #666;}
.gray A, .gray A:visited 				{color: #666;}
.gray A:hover 							{color: #333333;}

.darkgray											{color: #333;}
.darkgray A, .darkgray A:visited 		{color: #333;}
.darkgray A:hover 							{color: #128ab0;}

.red									{color: #b33c36;}
.red A, .red A:visited 		{color: #b33c36;}
.red A:hover 						{color: #b33c36;}





.bold {font-weight:bold;}
.italic {font-style:italic}


.size9 {font-size:9px;}
.size10 {font-size:10px;}
.size11 {font-size:11px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size14 {font-size:14px;}
.size15 {font-size:15px;}
.size16 {font-size:16px;}
.size17 {font-size:17px;}
.size18 {font-size:18px;}
.size19 {font-size:19px;}
.size20 {font-size:20px;}
.size21 {font-size:21px;}
.size22 {font-size:22px;}









/* MM template styles.*/

.sbtestimonialheads {  font-size: 11px; font-weight: bold; line-height: 1.5em; color: #ffffff;}

.sbtestimonialtext {  font-size: 11px; line-height: 1.5em; color: #ffffff;}

.searchwords {  font-size: 10px; line-height: 1.5em; color: #ffffff;}

.sidebarheads {  font-size: 15px; font-weight:bold; color: #2853a1; text-decoration: none;} /*Product Category name*/

.search {  font-size: 12px; color: #ffffff; text-decoration: none;} /*next to the search box*/

.navlinks1 {  font-size: 12px; color: #ffffff; text-decoration: none;}
.navlinks1 A    {color: #ffffff;text-decoration: underline;}
.navlinks1 A:visited {color: #ffffff; text-decoration: underline;}
.navlinks1 A:hover  {color: #333333;text-decoration: underline;}/*main sidebar links*/

.navlinks2 {  color: #ffffff; font-size: 12px;text-decoration: none;}
.navlinks2 A    {  color: #ffffff;text-decoration: underline;}
.navlinks2 A:hover  {  color: #cc0000;text-decoration: underline;}/*links under the masthead if used*/

.sidebarclickhere {  font-size: 10px; line-height: 1.5em; color: #ffffff;}
.sidebarclickhere A    {color: #333399; text-decoration: underline;}
.sidebarclickhere A:visited {color: #333399; text-decoration: underline;}
.sidebarclickhere A:hover  {color: #333333; text-decoration: underline;}

.siteby {  font-size: 10px; line-height: 1.5em; color: #ffffff;}
.siteby A    {color: #333399; text-decoration: underline;}
.siteby A:visited {color: #333399; text-decoration: underline;}
.siteby A:hover  {color: #333333; text-decoration: underline;}



/*index template styles*/

.welcome {  margin-bottom: 8px; font-size: 24px; font-weight: bold; line-height: 1.1em; color: #333333} /*this is the home page title*/

.intro {  font-size: 13px; line-height: 1.5em; color: #000000;}
.intro A    {text-decoration: underline;}
.intro A:hover  {text-decoration: underline;} /*intro paragraph*/

.featuredtitle {  font-size: 15px; font-weight:bold; color: #2853a1; text-decoration: none;}/*title above the featured items*/

.featuredhead {font-size: 14px; color: #333333; text-decoration: none; font-weight:bold;}
.featuredhead A    { color: #333333; text-decoration: none;}
.featuredhead A:visited    { color: #333333; text-decoration: none;}
.featuredhead A:hover  { color: #ffffff; text-decoration: underline;}/*featured product name*/

.featuredtext {  font-size: 10px; line-height: 1.5em; color: #ffffff;}
.featuredtext A    {color: #333399; text-decoration: underline;}
.featuredtext A:visited {color: #333399; text-decoration: underline;}
.featuredtext A:hover  {color: #333333; text-decoration: underline;}

.featuredclickhere {  font-size: 10px; line-height: 1.5em; color: #ffffff;}
.featuredclickhere A    {color: #333399; text-decoration: underline;}
.featuredclickhere A:visited {color: #333399; text-decoration: underline;}
.featuredclickhere A:hover  {color: #333333; text-decoration: underline;}

.announcementhead {font-size: 14px; color: #333333; text-decoration: none; font-weight:bold;}
.announcementhead A:visited    {text-decoration: none;}
.announcementhead A    {text-decoration: none;}
.announcementhead A:hover  {text-decoration: underline;}/*item name*/

.announcementtext {  font-size: 10px; line-height: 1.5em; color: #ffffff;}
.announcementtext A    {color: #333399; text-decoration: underline;}
.announcementtext A:visited {color: #333399; text-decoration: underline;}
.announcementtext A:hover  {color: #333333; text-decoration: underline;}

.announcementclickhere {  font-size: 10px; line-height: 1.5em; color: #ffffff;}
.announcementclickhere A    {color: #333399; text-decoration: underline;}
.announcementclickhere A:visited {color: #333399; text-decoration: underline;}
.announcementclickhere A:hover  {color: #333333; text-decoration: underline;}



/*Category and Product list, cell and details pages*/

h1 {  margin-bottom: 8px;  font-size: 20px; font-weight: bold; line-height: 1.1em; color: #128AB0;}

h2 {  margin-bottom: 4px;  margin-top:10px; font-size: 16px; font-weight: bold; line-height: 1.1em; color: #128AB0;}

h2 A {  margin-bottom: 4px;  margin-top:10px; font-size: 16px; font-weight: bold; line-height: 1.1em; color: #128AB0;text-decoration:none;}

h2 A:link {  margin-bottom: 4px;  margin-top:10px; font-size: 16px; font-weight: bold; line-height: 1.1em; color: #128AB0;text-decoration:none;}

h2 A:visited {  margin-bottom: 4px;  margin-top:10px; font-size: 16px; font-weight: bold; line-height: 1.1em; color: #128AB0;text-decoration:none;}

h2 A:hover {  margin-bottom: 4px;  margin-top:10px; font-size: 16px; font-weight: bold; line-height: 1.1em; color: #333333;text-decoration:underline;}


h3 {  margin-bottom: 2px; margin-top: 10px; padding:0; font-size: 14px; font-weight: bold; line-height: 1.5em; color: #333333}

h4 {  margin-bottom: 2px; font-size: 12px; font-weight: bold; line-height: 1.2em; color: #333333}

li {   line-height: 1.3em; list-style-type: disc; list-style-position: outside; 
       color: #333333;
       font-size:12px;
       margin-bottom:8px;}

ul.homepage { list-style-image: url('images/home-greenbutton2.gif'); list-style-position: outside; margin-top:0px;  }



.detailcategory {  margin-bottom: 8px; margin-top: 0px; font-size: 18px; font-weight: bold; line-height: 1.1em; color: #333333} /*category name on detail pages*/

.detailproduct {  margin-bottom: 8px; margin-top: 0px; font-size: 18px; font-weight: bold; line-height: 1.1em; color: #333333} /*product name on detail pages*/

.sku {font-size: 11px; color: #000000; text-decoration: none; font-weight:bold;}

.cellheader {font-size: 14px; color: #333333; text-decoration: none; font-weight:bold;}
.cellheader A:visited    {text-decoration: none;}
.cellheader A    {text-decoration: none;}
.cellheader A:hover  {text-decoration: underline;}/*cat name or product name, depending on which cell*/

.celltext {  font-size: 11px; line-height: 1.5em; color: #000000;}
.celltext A    {text-decoration: underline;}
.celltext A:hover  {text-decoration: underline;}

.testimonialcellheader {font-size: 14px; color: #333333; text-decoration: none; font-weight:bold;}
.testimonialcellheader A:visited    {text-decoration: none;}
.testimonialcellheader A    {text-decoration: none;}
.testimonialcellheader A:hover  {text-decoration: underline;}/*item name on the testimonial product list page*/

.testimonialcelltext {  font-size: 12px; line-height: 1.5em; color: #000000;}
.testimonialcelltext A    {text-decoration: underline;}
.testimonialcelltext A:hover  {text-decoration: underline;}

.highlight {  font-size: 12px; font-weight:bold; text-decoration: none;}
.highlight A    {text-decoration: underline;}
.highlight A:hover  {text-decoration: underline;}

.freeship {  font-size: 12px; font-weight:bold; color: #339900; text-decoration: none;}
.freeship A    {color: #333399;text-decoration: underline;}
.freeship A:hover  {color: #333333;text-decoration: underline;}


.multiheader {  margin-bottom: 8px; margin-top: 0px; font-size: 18px; font-weight: bold; line-height: 1.1em; color: #333333} /*multilist header*/

.insertlist1 { font-size: 11px; color: #339900; text-decoration: none;}
.insertlist1 A    {color: #333399;text-decoration: underline;}
.insertlist1 A:hover  {color: #333333;text-decoration: underline;} /*youarehere links*/

.nextprev {  font-size: 10px; line-height: 1.5em; color: #128AB0;}
.nextprev A    {color: #128AB0; text-decoration: underline;}
.nextprev A:visited {color: #128AB0; text-decoration: underline;}
.nextprev A:hover  {color: #128AB0; text-decoration: underline;}

.gotocart {  font-size: 10px; line-height: 1.5em; color: #b33c36;}
.gotocart A    {color: #b33c36; text-decoration: none;}
.gotocart A:visited {color: #b33c36; text-decoration: none;}
.gotocart A:hover  {color: #b33c36; text-decoration: underline;} /*for viewcart links*/

.cellclickhere {  font-size: 10px; line-height: 1.5em; color: #ffffff;}
.cellclickhere A    {color: #333399; text-decoration: underline;}
.cellclickhere A:visited {color: #333399; text-decoration: underline;}
.cellclickhere A:hover  {color: #333333; text-decoration: underline;}

.jumplinks {font-size: 12px; line-height: 1.5em; color: #ffffff;} /*used on faq page*/

.clickhere {  font-size: 10px; line-height: 1.5em; color: #ffffff;}
.clickhere A    {color: #333399; text-decoration: underline;}
.clickhere A:visited {color: #333399; text-decoration: underline;}
.clickhere A:hover  {color: #333333; text-decoration: underline;} /*back to top links*/



/*Cart pages and shipping*/

th {  font-size: 12px; line-height: 1.2em; color: #000000}

.instructions {  font-size: 12px; line-height: 1.5em; color: #333399;}
.instructions A    {text-decoration: underline;}
.instructions A:hover  {text-decoration: underline;} /*instructions under the page title*/

.instructions2 {  font-size: 11px; font-weight: bold; line-height: 1.5em; color: #333399;}
.instructions2 A    {text-decoration: underline;}
.instructions2 A:hover  {text-decoration: underline;} /*instructions under the cart sections; ie, shipping*/

.cartproduct {font-size: 14px; color: #000000; text-decoration: none;font-weight:bold;}
.cartproduct A    {text-decoration: underline;}
.cartproduct A:hover  {text-decoration: underline;} /*products in the cart*/

.cartsmall {  font-size: 10px; line-height: 1.5em; color: #000000;} 
.cartsmall A    {color: #000000; text-decoration: underline;}
.cartsmall A:visited {color: #000000; text-decoration: underline;}
.cartsmall A:hover  {color: #000000; text-decoration: underline;}/*main options line in cart*/



/*Miscellaneous*/

input {margin-top: 0px; margin-bottom: 0px; margin-left: 0px;}

form {margin-top: 0px; margin-bottom: 0px; }

table {margin-top: 0px; margin-bottom: 0px; }

table.price_table th {
	background-color: #ffcc66;
	color: #000000;
	list-style-type: disc;
	list-style-position: inside;
	border: 1px outset #ffcc66;
	font-weight: bold;
	font-size: 10px;
}

table.price_table td {
	background-color: #ffffff;
	border-style: outset #D1D1CD 1px;
}


table.pmt_table th {
	background-color: #ffcc66;
	color: #000000;
	list-style-type: disc;
	list-style-position: inside;
	border: 1px outset #ffcc66;
	font-weight: bold;
	font-size: 10px;
}

table.pmt_table td {
	background-color: #ffffff;
	border-style: outset #D1D1CD 1px;
}

.label {  font-size: 11px; line-height: 1.2em; font-weight: bold; color: #333333;}

.attribute {  font-size: 11px; line-height: 1.2em; color: #000000;}


.errormessage {font-size: 14px; color: #333333; font-weight:normal; text-decoration: none;}
.errormessageA    {text-decoration: underline;}
.errormessage A:hover  {text-decoration: underline;}


.fancybutton {background:#2853a1;  color:#ffffff; font-size:12px; font-weight:bold;}

.fancybutton2 {background:#ffffff; color:#666666; font-size:11px;font-family:verdana,sans-serif;border:1px solid #dddddd;}

.fancybutton3 {background:#2853a1; color:#ffffff; font-size:16px; font-weight:bold; }

.fancybuttondotted {background: #db962f; color: #ffffff;font-family: helvetica, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; border-top: 2px dotted #80c4bf;border-bottom: 2px dotted #80c4bf;border-left:none; border-right:none;padding:2px; margin:4px;}