body { margin: 0 0 10px 0; padding: auto; color:#666666 ;  background-color: white; text-align: center;  font-style: Roman; font-family: Myriad Web, Arial, Helvetica, Geneva, Swiss;}
div.hr { height: 0px; border-bottom:1px solid #666666; margin:0px; padding:0px; line-height:0px; font-size:0px;}
table {border-collapse: collapse; width:100%}
td {vertical-align: top; padding: 0px; font-style: Roman; font-family: Myriad, Arial, Helvetica, Geneva, Swiss;}
form { padding:0px; margin:0px; }   
 .normal-input{background-color:white}
 .required-input{background-color:yellow}

#wrapper { width: 1024px; margin:auto; }
#maincontent {	border-bottom : 1px solid #616463; 	border-left : 1px solid #616463;	border-right : 1px solid #616463;width: 1024px; }


a {  color: #666666; text-decoration: none; }
a:hover  { color: #006699; text-decoration: none }

 .alert {color: #DD0000; }
 .detail { font-size: 12px;}
 .detail2 {  font-size:15px; }
 .detail3 {  font-size:13px; line-height:18px; color:#000;}
 .detail4 {  font-size:16px; }
 .detail5 {  font-size:16px; color:#e1a403;}
 .whitetxt { font-size:16px; color:#fff; padding-top:4px; font-weight:bold;}
 .sub { font-size: 14px; font-weight: bold; }
 .sub2 {  font-size:15px; font-weight: bold; }
 .header { font-size: 18px;  font-weight: bold; }
 .header2 { font-size:16px; font-weight: bold; }
 .header3 { font-size: 20px;  font-weight: bold;}
 .mainheader{ font-size: 27px;  font-weight: bold;}
 .mainheader2{ font-size: 35px;  font-weight: bold;}
 .lineht {padding-top:7px; font-size: 14px;}
 .linehtsm {padding-top:7px; font-size: 13px;}

 .blue-button{ background-color: #7BAECC;  color: White;  font-weight: bold; font-size : 13px; 	border-bottom-color: Black;	border-left-color: #BCD5ED;	border-right-color: Black;	border-top-color: #BCD5ED;  }
 .blue-button-alt{background-color: #006699; color: #B4C5D5;  font-weight: bold;	font-size : 13px; border-bottom-color: Black;	border-left-color: #779EC8;	border-right-color: Black;	border-top-color: #779EC8; }

 .adminlinks{  text-align:left; font-size:12px; font-weight: normal; padding:10px; }


#productheadertable {position:absolute; border-bottom: 1px solid #616463; width: 1024px; padding-bottom:10px;vertical-align:bottom; text-align:center;}
#productheadertable #horizontalproductlist{padding:0px 20px 0px 20px;}
#productheadertable #horizontalproductlist table { width: 984px;}
#productheadertable #horizontalproductlist .detail2 {   text-align: right; }

#headertable { border-bottom: 1px solid #616463; border-left: 0px #616463; border-right: 0px #616463; width:100%; padding-bottom:10px;vertical-align:bottom;}
#headertable #headerpic {  height: 95px; margin-left: 20px; text-align:left;}
#headertable #headertextmain {  width: 430px; float: right; text-align:right; padding-right:20px; padding-top:65px; color: #666666;}
#headertable #headertextmain2 {  width: 430px; float: right; text-align:right; padding-right:20px; padding-top:26px; color: #666666;}

#headertable #headertext {  width: 442px; float: right; text-align:right; padding-top:65px; color: #666666; vertical-align:bottom;}
#headertable #headertext a { color: #666666;  padding-left: 10px; padding-right: 10px; text-decoration: none;}
#headertable #headertext a:hover { color: #006699; text-decoration: none;}
#headertable #headertext img{ vertical-align: middle; margin-left: 20px;  margin-right: 20px; }

#headertable #headertext2 {  width: 442px; float: right; text-align:right; padding-top:30px; color: #666666; vertical-align:bottom;}
#headertable #headertext2 a { color: #666666;  padding-left: 10px; padding-right: 10px; text-decoration: none;}
#headertable #headertext2 a:hover { color: #006699; text-decoration: none;}
#headertable #headertext2 img{ vertical-align: middle; margin-left: 20px;  margin-right: 20px; }


#sideproductlist { color: #666666; background-color: #D9E8F0; width: 135px;  height: 100%;  padding: 40px 20px 40px 20px; }
#sideproductlist .header { padding-bottom:12px;}
#sideproductlist .sub { padding-top:10px; }
#sideproductlist .list {padding: 5px 0px 10px 0px;}
#sideproductlist a { color: #666666; font-size: 12px; text-decoration: none;}
#sideproductlist a:hover { color: #f3c200; font-size: 12px;  text-decoration: none;}

#sideproductlist td { text-align:center; vertical-align:middle; background-color: #006699; border: 4px solid #006699; height: 60px;}
#sideproductlist #nav a { color: #ffffff; font-weight: bold; text-decoration: none; }
#sideproductlist #nav a:hover { color: #f3c200; font-weight: bold; text-decoration: none; }
/*#sideproductlist .Blue_Column_URL a { background-color: #D9E8F0;color: #666666; font-size: 14px; font-weight: bold; text-decoration: none;}
#sideproductlist .Blue_Column_URL a:hover { color: #f3c200; font-size: 14px; text-decoration: none;}*/

#midcontent {  width: 100%; padding-left:20px; }

#navcontainer {  width: 870px; line-height: 20px; font-size:13px; }
#navcontainer #navoff {  line-height: 20px; font-size:13px;  color: #006699;}
#navcontainer #navoff a { color: #006699; padding-left: 10px;  padding-right: 10px; text-decoration: none;}
#navcontainer #nav {vertical-align:top; width: 510px;  background-image: url(images/link_box.gif);  color: #ffffff; line-height: 20px; font-size:13px;  background-repeat: repeat-x; }
#navcontainer #nav a { color: #ffffff; font-weight: bold; padding-left: 25px; padding-right: 25px; text-decoration: none; }
#navcontainer #productmenulist{ z-index: +9999; border-top: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666;position:absolute; margin-left:125px; margin-top:18px;}
#navcontainer #productmenulist a {display:block; border-bottom: 1px solid #666666; background-color:white; width:160px;padding:2px; font-weight:bold; text-decoration: none; font-size:12px;}

#adcontainer {  height: 217px;  margin-top:10px; }
#adcontainer #adtext { width: 345px;  height:217px;   background-color: #7BAECC; color: #ffffff; }
#adcontainer #adtext #adinfo {  margin:30px 30px 0px 30px; line-height:20px; }
#adcontainer #adtext #adinfo .header3 { padding-bottom:5px;}
#adcontainer #adtext #adinfo .detail { font-size:17px;}
#adcontainer #adpiccontainer { height: 217px; width:500px;}
#adcontainer #adpiccontainer #scroller {  overflow: hidden; width:500px; height:217px; position:absolute; }
#adcontainer #adpiccontainer #scroller .scrollobj{  width:500px; height: 217px; }

#horizontalproductlist { margin-top: 15px; }
#horizontalproductlist #cat { padding-left:10px; padding-right:20px; height: 160px;  border-left : 1px dotted #6D7795; color:#666666}

#footernav {  padding-top: 40px; margin-bottom: 20px; text-align: center; color: #747776; font-size: 15px;  line-height: 21px;}
#footernav a {  color: #747776; font-size: 15px; text-decoration: none; }
#footernav a:hover {  color: #006699; font-size: 15px; text-decoration: none; }

#footercontainer { vertical-align:bottom; padding: 33px 10px 12px 20px; color: #666666;}
#footercontainer td {text-align:left;vertical-align:bottom;padding:2px; color: #666666;}
#footercontainer .sub2 { color: #006699; }
#footermail a { color: #006699; font-size: 15px; text-decoration: none; }
#footermail a:hover { color: #A0D500; font-size: 15px; text-decoration: none; }

/* main page */

#mainhighlights {  padding-top: 45px;}
#mainhighlights .highlight {  border-left : 1px dotted #6D7795; color:#666666; padding-left:15px; padding-right:15px; }
#mainhighlights .highlight .header {color: #7baecc; white-space: nowrap; }   
#mainhighlights .highlight .more a {color: #7baecc; white-space: nowrap; font-weight: bold; }
#mainhighlights .highlight .more a:hover  { color: #CCFF66; text-decoration: none }


/* Getting Started Page */ 
#startcontainer { height: 188px; padding-top:0px; }
#startcontainer #starttext { width: 346px; height: 188px; float: left; background-color: #82BBD3; color: #ffffff; }
#startcontainer #starttext #startinfo { margin:30px 30px 0px 30px; line-height:22px; text-align: left; }
#startcontainer #starttext .header3 { padding-bottom:10px; font-size: 26px; }
#startcontainer #starttext .detail2 { padding-bottom:10px; font-size: 18px; }
#startcontainer #startpiccontainer { height: 188px; float: right; }
#gettingstarted table {margin-top:20px; width:1020px;}
#gettingstarted td{ width:33%; padding:20px; color:#747776;}
#gettingstarted td .mainheader2{ color:#006699; padding-bottom:15px; }
#gettingstarted td .header{ color:#7BAECC; padding-bottom:20px; }
#gettingstarted td.left{ border-right: 1px dotted #747776;}
#gettingstarted td.center{ border-right: 1px dotted #747776;}
#gettingstarted td image{ margin-right:12px; }



/* order page */;
#productscontainer {  }
#productscontainer .header2{ color: #747776; }
#productscontainer .header2 a{ color: #006699; text-decoration:none;}
#productscontainer .header2 a:hover{ color: #A0D500; text-decoration:none;}
#productscontainer .mainheader{ color: #747776; text-align:center; padding-bottom:10px;}
#productscontainer .header{ color: #747776; }
#productscontainer .questioncontainer { margin-bottom: 15px; margin-top:15px;}
#productscontainer .questioncontainer td.prodimage{ width:300px; padding:0px 0px 5px 10px; }

#productscontainer .questioncontainer .header2 {  font-family: Helvetica;  color: #747776; }
#productscontainer .questioncontainer td.mainheader {  width:170px; }
#productscontainer .questioncontainer td.basicprintingheader {  width:170px; }
#productscontainer .questioncontainer td.basicprinting {  padding-right:20px; }
#productscontainer .questioncontainer .sub {  padding-top:10px; font-family: Helvetica; color: #747776;  }
#productscontainer .questioncontainer .segment{ padding-right: 30px; padding-bottom:5px;}
#productscontainer .questioncontainer .inline{ padding-left:20px; padding-top:5px;}
#productscontainer .questioncontainer .note { font-size:12px; color: #747776;}
#productscontainer .questioncontainer a.note { font-size:12px; color: #747776; background-repeat : no-repeat;}
#productscontainer .questioncontainer .linknote { padding-left: 20px; font-size:12px; color: #747776; background-repeat : no-repeat;}
#productscontainer .questioncontainer a:hover.note { color: #006699;}

#orderlefttop { width: 300px; padding-left: 10px; padding-bottom: 20px; text-align:center; border-bottom : 1px solid #616463; }

#orderrighttop {border-bottom: 1px solid #616463;  padding: 35px 20px 10px 30px; }
#orderrighttop .options { margin-left:170px;}
#orderrighttop table { width:450px;  }

#orderleftbottom {color: #747776; width: 300px; padding-left: 10px;  text-align:center;}
#orderleftbottom .header2{ padding:20px 0px 20px 0px; }

#orderrightbottom{ padding: 35px 20px 10px 30px;  }
#orderrightbottom .hr {height: 8px; background-image: url(images/hr_tile.gif); background-repeat : repeat-x; clear:both; border:0px;}
#orderrightbottom .questioncontainer .mainheader { color:#82BBD3; text-align:left; }
#orderrightbottom .questioncontainer td.header2 { text-align:right; width:170px; padding-right:10px;}
#orderrightbottom .questioncontainer td.label { text-align:right; width:170px; padding-right:10px;}
#orderrightbottom .questioncontainer td#submitleft { text-align:right; vertical-align: bottom;}
#orderrightbottom .questioncontainer td#submitright { text-align:center; vertical-align: bottom; padding-top:30px;}
#orderrightbottom .questioncontainer td#submitright input {margin:30px;}
#orderrightbottom .questioncontainer td#submitright #order_progress { padding-left:20px; padding-right:20px;}
#progressbar{ width:0%; height:12px; background-color:#006699; margin-top:30px; margin-bottom:30px;}


/* top_products  */

#topproducts{ padding: 30px; text-align:center;}
#topproducts .mainheader {text-align:left; color:#7BAECC; padding-bottom:20px;}
#topproducts table { width:962px; border-bottom: 1px solid #747776;}
#topproducts td.left { width:50%; border-top: 1px solid #747776; border-right: 1px dotted #747776; padding:30px;}
#topproducts td.right { border-top: 1px solid #747776; padding:30px;}
#topproducts td img { margin-right:30px; }
#topproducts td .header { color: #747776 }

/* login */
#logincontainer{ padding:50px; text-align:left; }
#logincontainer table { width:400px;}
#logincontainer td.left{ text-align:right; }
#logincontainer td.submit{ text-align:center; }

/* about us */
#aboutuscontainer td{ padding:35px; }
#aboutuscontainer .mainheader{ padding-bottom:35px; }

/* contact us */
#contactcontainer{ padding:35px; text-align:left;}
#contactcontainer .mainheader{ padding: 15px;  text-align:left; background-image: url(images/contact_text.gif);  background-repeat : no-repeat; }

/* real people */
#peoplecontainer { }
#peoplecontainer td{ padding:35px; }
#peoplecontainer td.right{ padding-top:150px; }
#peoplecontainer .mainheader{ padding-bottom:15px; }

/* thank you */
#thankyoumain{  text-align: center; padding-top:35px;}
#thankyoutop { width:685px; height:512px; background-image: url(images/thanks_topbg.jpg); background-repeat:no-repeat;margin-left:auto; margin-right:auto; }
#thankyoutopCN { width:685px; height:512px; background-image: url(images/Canadian_ThankYou.jpg); background-repeat:no-repeat;margin-left:auto; margin-right:auto; }
#logocontainer { text-align:right; padding:350px 0 0 0; }
#tytextcontainer { width:685px; height:176px; background-image: url(images/ty_left_tile.gif);margin-left:auto; margin-right:auto;  }
#tytext { width:630px; text-align:center; margin-left:50px;  color:#000; font-family:Helvetica; font-size:13px; }

/* help */
#helpcontainer {  margin:0 30px 0 30px; text-align:left;}
#helpcontainer table{  width: 535px;}
#helptext {  padding: 20px 0 20px 60px; text-align:left;}
#helptextindent { margin: 0 0 20px 120px; text-align:left;}
 .helpfieldtext { font-family: Helvetica; font-size: 12px; text-align: right; padding: 3px 15px 3px 15px;  width: 175px; color: #000000;  }
 .helptextfields { width: 360px;  text-align:left;}
 .helptextfields input { width: 350px; }
 .helptextfields textarea { width: 350px; height: 115px;}
 .helpbutton { padding:15px 0 0 10px; text-align:center; }

#customquote{  padding:20px 30px 0px 30px; text-align:left; } 
#customquote table{  width: 850px;}
 .formlabel {text-align: right; vertical-align: middle; padding: 3px 15px 3px 0px;  width: 250px;  }
 .forminput { padding: 3px 15px 3px 0px; vertical-align: middle; text-align:left;} 
 input.formtextinput  { width: 370px; }
 select.formtextinput  { width: 215px; }
 textarea.formtextinput  { width: 370px; height:90px;}
 .formbutton { padding:15px 0 0 10px; text-align:center; }