/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline;border-style:none;}

/* HTML5 display-role reset for older browsers */
body {line-height: 1;}
ol,ul {list-style-type:none;}
li    {text-align:center;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse:collapse;border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
th, td, caption {font-weight: normal;text-align:left;}
a:focus,a:link,a:visited,a:hover,a:active{outline:0;}

html {
margin-top:0;  /*!important;*/
overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
}
/* HTML5 display-role reset for older browsers */
main,article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;margin:0;padding:0}


/* =PD Info -------------------------------------------------------------- */
body {margin:0; padding:0; background-color:#ffffff; background-image:url('../../img/bg-body.png');
      font-family:'Kreon',Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; color:#777777;}

h1 {margin:15px auto;font-weight:bold;font-size:28px;}
h2 {margin:10px auto;font-weight:bold;font-size:20px;}
h3 {margin:10px auto;font-weight:bold;font-size:18px;}
h4 {margin:10px auto 0 auto;font-weight:bold;font-size:16px;}
table th {font-weight:bold;}
table td {padding:1px;}
b     {font-weight:bold};
p.p10 {margin-top:10px;}

ul {font-family:Georgia, serif;}
ul li{
display: block;
padding-bottom: 8px;
padding-left: 15px;
color: #929292;
text-align:left;
background: url(../img/li-bullet.png) no-repeat 0px 7px;
line-height:1.75;
}
article img, aside img {
width: auto;
height: auto;
border: 1px solid #e0e0e0;  /* #f0f0f0 */
-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
background: none;
padding: 3px;
}
blockquote {width:90%; margin:15px auto; padding:15px; background:url('../img/bg-box.png'); border:1px solid #e0e0e0; border-radius:10px;}
div.clear   {clear:both;}

@media print{
  html, body   {height:99%; margin:0 0 0 0; color:#000; background:#fff !important;} /* 99%->no blank page */
  #container   {width:95%; margin:0 auto; padding:0; border:0 none #fff !important;}	
  #content     {width:95%; margin:0; padding:0; border:0 none #fff !important;}	
   /* Reports - No Print Buttons or Display Headers */
  .prtBtn  	  {display:none;}
  .noprt   	  {display:none; height:0;}
   span.noprt {display:none; height:0;}
}

/* =Fonts */
@font-face{
font-family: 'Kreon';
src: url('../../css/fonts/Kreon-Lite.ttf');
}

/* links */
a:link    {color:#3b3b3b;}
a:visited {color:#3b3b3b;}
a:hover   {color:#9f7019;}
a:active  {color:#3b3b3b;}
	      
/* layout */
div.wrapper  {width:1000px; margin:30px auto; padding:0; background-color:#ffffff;
 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
 -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;}

.content  {width: 860px; margin: 0 auto; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; text-align: center; 
		   background: #FFFFFF; font-size: 12px; color:#111111; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.main    {width: 100%; margin: 0 auto; font-size: 12px; color:#111111; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.subfoot  {margin:0 auto; background-color:#f9f9f9}
/*content { width: 880px; margin: 0 auto; padding: 0px; background-color:#ffffff;}*/

/*
table#carthead         { margin:0 auto; }
table#carthead .clogo  { width:100px; text-align:left}
table#carthead .cPD    { width:175px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; color: #267A48; font-weight: normal; text-align: left; 
                            margin:0;padding:0; }
table#carthead .cpdip  { color: #267A48; font-family: Arial, Helvetica, sans-serif; font-size: xx-small; text-align: left; display:block;}
table#carthead .ctag   { width:175px; font-size:14px; text-align:center;} 
*/

/*header */
header  {width:910px; margin:0 auto; padding-top:25px;}
header img {float:left;margin-right:10px;height:75px;}
header h1    {float:left; margin-bottom:8px; font-size:30px;}
header h1 span {display:block; font-size:12px; font-weight:normal;}
.home header h1 {margin-bottom:30px;}
nav    {float:right; width:590px; margin:40px 30px 0 0; padding:0px; text-align:right}
nav a { padding-left:15px; font-family:'Kreon',Georgia, serif; font-size:18px; font-weight:lighter; text-decoration:none;}
    
/* tag */
div.tag {width:900px; height:85px; margin:0 auto; background-image:url('../../img/tag-blue.png'); background-position:center;}
div.tagLt {float:left;}
div.tag p.tag{padding:24px 0 0 65px; font-family:Georgia, serif; font-weight:normal; font-size:22px;}
div.tagRt   {float:right;padding:37px 65px 0 0;}
div.tagRt.hasBtn   {padding-top:35px;}
div.tagRt.hasArrow {padding-top:32px;}  

/* breadcrumb */
div.tag p.breadcrumb {margin:5px 0 0 64px;color:#777777;font-family:Kreon,serif;font-size:12px;font-weight:300;}
div.tag p.breadcrumb a {font-size:12px;text-decoration:none;font-weight:lighter;}
.breadcrumb a:link     {color:#777777;}
.breadcrumb a:visited  {color:#777777;}
.breadcrumb a:hover    {color:#9f7019;}
.breadcrumb a:active   {color:#777777;}	

/* Cart */
table#customer    { border:0px; margin:0 auto 0 0; }
table#customer td { font-size:14px; text-align:left; padding:0px 5px;}

table.items      {margin:0 auto; width:860px; background-color:#FFFFFF; clear:both; border:1px #999999 solid;}
table.items td   {font-size:14px; font-weight:bold; border:1px #999999 solid; padding:5px; text-align:center; vertical-align:top;}
table.items th   {font-size:16px; font-weight:bold; text-align:center; background-color:#bad7db;}
table.items th.desc {width:205px;}
table.items th.qty  {width:105px;}
table.items th.each {width:75px;}
table.items th.tot  {width:75px;text-align:right;padding-right:5px;}
table.items .tl  {text-align:left;}
table.items .tr  {text-align:right;}
table.items .nor {font-weight:normal;}
table.items .pix {width:75px; border-right-style:hidden;}

.cartimg	 {width:65px; border:1px solid #e0e0e0; text-align:left; vertical-align:text-top; padding:3px;}
.cctag       {margin-top:15px;font-size:10px; text-align:center;}

/* Ship/Bill Info */
/*.lic     { font-size:16px; margin: 1px 0 0 0; }*/
.lic     { font-size:16px; text-align:left; margin:2px 0 10px 20px;}
.cc      { font-size:16px; text-align:left; margin:2px 0 10px 50px;}
.same    { float:left; margin:0px 5px; }
.samebtn { position:relative; top:-3px; }

div.shipinfo   {width:428px; margin:0; padding:0;}

table.shipadr         { margin:0 auto; clear:both; float:left; }
table.shipadr td      { padding:5px 7px 0 0;font-size:12px; text-align:left; }
table.shipadr td.lbl    {width:105px}
table.shipadr td.payLbl {width:150px}
table.shipadr select  { font-size:12px;  text-align:left;}
table.shipadr input   { font-size:12px;  display:inline;} 
table.shipadr label   { font-size:12px;  text-align:left;}

table.shipadr2        { margin:0 auto; float:left;}
table.shipadr2 td     { padding:5px 0;font-size:12px; text-align:left;}
table.shipadr2 td.lbl    {width:105px}
table.shipadr2 td.payLbl {width:115px}
table.shipadr2 select { font-size:12px;  text-align:left;}
table.shipadr2 input  { font-size:12px; display:inline;}
table.shipadr label   { font-size:12px;  text-align:left;} 

/* Order Page */
div.order    { width:400px; float:left; text-align:left; margin: 0 0 5px 0;}
div.shThank  { width:400px; float:left; padding-top:48px;}
div.dl table.pwid    {margin:10px auto;}
div#dl table.pwid td {padding-bottom:10px}
div#dl td.col1 {color:#bc2742;;font-size:16px; text-align:left; padding: 0 10px 0 0;}
div#dl td.col2 {color:#bc2742;;font-size:16px; text-align:left; padding:0px; letter-spacing:1px;}
table.dlorder    {width:850px;margin:0 auto;padding:3px 5px 3px 5px;border:1px solid #929292;}
table.dlorder th {padding:3px 5px 3px 5px;border:1px solid #929292;}
table.dlorder td {padding:3px 5px 3px 5px;border:1px solid #929292;}
table.dlorder th.oqty {width:52px}
table.dlorder th.oeach {width:50px}
table.dlorder th.otot {width:55px;}
table.dlorder td.pix {width:75px;}


/* Download Page */
.tkp 	{padding:10px; text-align:center; font-size:14px; font-weight:bold;}
.tkrow  {padding:5px; text-align:left; font-size:14px; font-weight:normal; border:1px #999999 solid;vertical-align:middle;}

.AZ    { font-size: 36px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.text  { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline;}
.box   { font-size: 14px; padding: 0px 5px 0px 5px; text-align: center; font-weight: bold;}  
.boxDk { font-size: 14px; padding: 0px 5px 0px 5px; text-align: center; font-weight: bold; color: #DFE0C1;} 
input  { display:block;  vertical-align: middle;  margin: 0 auto; } 

.m5    { margin: 5px;} 

.arial {font-family: Arial, Helvetica, sans-serif;}
.tiny  { font-size: 8pt; font-family: Arial, Helvetica, sans-serif;}
.xx    { font-size: xx-small;}
.fp6   { font-size: 6pt; } 
.f8    { font-size: 8px; }
.f10   { font-size: 10px; }
.f12   { font-size: 12px; }
.f14   { font-size: 14px; }
.f16   { font-size: 16px; }
.f18   { font-size: 18px; }
.f20   { font-size: 20px; }
.f24   { font-size: 24px; }
.f36   { font-size: 36px; }
.b     { font-weight: bold; }
.n     { font-weight: normal; }
.dlblue {color: #5d869e; font-weight: bold;}   
.ltblue {color: #749FA5; font-weight: bold;}
.greenDL {color:#267A48;}
.hotDL   {color:#CC1366;}
.red     {color:#bc2742;}
.black   {color:#000000;}

.p0    { padding: 0px;}  
.p2    { padding: 2px; }
.p5    { padding: 5px; }
.p10   { padding: 10px; }
.p15   { padding: 15px; }
.p20   { padding: 20px; }
.p20L  { padding-left: 20px; }
.p5l   { padding-left: 5px; }

.left       {margin:0 auto 0 0;} 
.right      {margin:0 0 0 auto;}
.center     {margin:0 auto;} 
.fl  		{float:left;}
.fr         {float:right;}
.cb         {clear:both;}

.vm	   { vertical-align:middle;}
.din   { display: inline;}
.dbk   { display: block;}
.inblk { display:inline-block;}
.vv    { visibility:visible;}
.vh    { visibility:hidden;}
.tc    { text-align: center;}
.tl    { text-align: left; padding-left: 10px;} 
.tr    { text-align: right; padding-right: 10px;} 
.vtb   { margin-left:5px;vertical-align:text-bottom;}

.disp	{display:inline;}
.nodisp {display:none;} 

a:link     {color: #000000}
a:visited  {color: #000000}
a:hover    {color: #008000}
a:active   {color: #000000; outline: none;}

a.tk:link     {color: #008000; font-weight:bold; text-decoration:underline;}
a.tk:visited  {color: #008000; font-weight:bold; text-decoration:underline;}
a.tk:hover    {color: #DFE0C1; font-weight:bold; text-decoration:underline;}
a.tk:active   {color: #008000; font-weight:bold; text-decoration:underline; outline: none;}


/* footer */
footer    { width: 900px; margin: 0 auto; padding: 15px; text-align: center;}
footer ul { list-style-type: none; margin: 0px; padding: 0px;}
footer ul li { display:inline; font-size:18px; margin-left:35px; padding:5px; background:none; color:#3b3b3b;}
footer a  { font-family:'Kreon', Georgia, serif; font-size:18px; font-weight:lighter; color:#3b3b3b; text-decoration:none;}
/*
footer a:link    {color:#3b3b3b;}
footer a:visited {color:#3b3b3b;}
footer a:hover   {color:#9f7019;}
footer a:active  {color:#3b3b3b;}
*/	
	      
/* buttons */
.btn {
  font-family: Georgia, "Times New Roman", Times, serif;;
  color: #333333;
  font-size: 12px;
  line-height:1;
  text-decoration: none;
  padding: 3px 8px 4px 8px;
  border:1px;
  outline:none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;	
  background: #f3f3f3;
  background-image: -webkit-linear-gradient(top, #f3f3f3, #dedede);
  background-image: -moz-linear-gradient(top, #f3f3f3, #dedede);
  background-image: -ms-linear-gradient(top, #f3f3f3, #dedede);
  background-image: -o-linear-gradient(top, #f3f3f3, #dedede);
  background-image: linear-gradient(to bottom, #f3f3f3, #dedede);
}

.btn:hover {
  color: #9f7019;
  background: #dedede;
  background-image: -webkit-linear-gradient(top,#dedede,#c3c3c3);
  background-image: -moz-linear-gradient(top,#dedede,#c3c3c3);
  background-image: -ms-linear-gradient(top,#dedede,#c3c3c3d);
  background-image: -o-linear-gradient(top,#dedede,#c3c3c3);
  background-image: linear-gradient(to bottom,#dedede,#c3c3c3);
}
.btnPDCart {
  font-size: 11px;
  font-weight: bold;
  color:#000000 !important;
  padding: 3px 7px 3px 5px;  /*3px 11px 3px 5px*/	
 -webkit-box-shadow: 3px 3px 3px #999999;
  -moz-box-shadow: 3px 3px 3px #999999;
  box-shadow: 3px 3px 3px #999999;	
  background: #bad7db;
  background-image: -webkit-linear-gradient(top, #bad7db, #95b5ba);
  background-image: -moz-linear-gradient(top, #bad7db,#95b5ba);
  background-image: -ms-linear-gradient(top, #bad7db, #95b5ba);
  background-image: -o-linear-gradient(top,#bad7db, #95b5ba);
  background-image: linear-gradient(to bottom, #bad7db, #95b5ba);
}
.btnDLCart {
  font-size: 11px;
  font-weight: bold;
  color: #000000 !important;
  padding: 3px 5px;	
  -webkit-box-shadow: 3px 3px 3px #999999;
  -moz-box-shadow: 3px 3px 3px #999999;
  box-shadow: 3px 3px 3px #999999;	
  background: #d0e38c;
  background-image: -webkit-linear-gradient(top, #d0e38c, #98cb31);
  background-image: -moz-linear-gradient(top, #d0e38c,#98cb31);
  background-image: -ms-linear-gradient(top, #d0e38c, #98cb31);
  background-image: -o-linear-gradient(top,#d0e38c, #98cb31);
  background-image: linear-gradient(to bottom, #d0e38c, #98cb31);
}