@charset "UTF-8";
/* CSS Document For PANDA PENCIL */

/* OVERALL LAYOUT */

body {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-image: url(/PDGCommTemplates/HTN/images/Panda_layout2_02.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

body
{
	line-height:1.22em;
}

#yui-main a:link, #yui-main a:visited
{
	color: #006699;
}

#yui-main a:hover, #yui-main a:active
{
	color: #0099FF;
}


strong, b
{
	font-weight: bold;
}

emphasis, i
{
	font-style: italic;
}

#custom-doc 
{ 
	width:77.54em;
	*width:75.67em;
	min-width:1008px; 
	margin:auto; 
	text-align:left; 
} 

.header {
	height: 115px;
	margin-top: 30px;
	margin-left: 40px;
	margin-bottom: 20px;
	background-image: url(/PDGCommTemplates/HTN/images/line.png);
	background-repeat: no-repeat;
	background-position: 2.5em bottom;
	*background-position: 2.1em bottom;
	
}

div.header img {
	margin-left: 2.3em;
	float:left;
}

/* top menu */

.text800
{
	float: right;
	width: 38.5em;
	*width: 37.5em;
	margin-left: 0;
	margin-right: 4.5em;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	text-align: right;
}

/* home page search box */

#searchbox td
{
	padding-right: 5px;
	padding-left: 5px;
}


#homepage
{
	float: right;
	width: 35em;
	margin-left: 0;
	margin-right: 4.7em;
	*margin-right: 5.7em;
	padding: 1px;
	background-image: url(/PDGCommTemplates/HTN/images/buttonback.png);
	border: 1px solid #00B0BD;
}

#homepage table
{
	width:100%;
}


#homepage table td#button
{
	text-align:right;
}

#homepage table td#input
{
	text-align:left;
}

/* main top menu */ 

div.header ul#homemenu
{
	padding-top: .4em;
}


div.header ul
{
	float: right;
	width: 38.5em;
	*width: 37.5em;
	margin-left: 0;
	margin-right: 1.6em;
	height: 4.7em;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
div.header ul li
{
	list-style: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 92%;
	font-weight: bold;
	text-transform: capitalize;
	margin: 2px;
	padding: 2px;
	float: left;
	width: 8.846em;
	color: #333333;
	background-color: AFDFE5;
	text-align: center;
	border: 1px solid #00B0BD;
	background-image: url(/PDGCommTemplates/HTN/images/buttonback.png);
	background-repeat: repeat-x;
}
div.header ul li a:link, div.header ul li a:visited, div.header ul li a:hover, div.header ul li a:active
{
	text-decoration: none;
}

div.header ul li a:link, div.header ul li a:visited
{
	color: black;
	text-decoration: none;
}

div.header ul li a:hover, div.header ul li a:active
{
	color: #00B0BD;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}



#bd.padding {
	margin-left: 5.5em;
	margin-top: 0em;
}

/* right column */

.righttableback {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	background-image: url(/PDGCommTemplates/HTN/images/righttableback.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 6px;
	float: left;
	width: 13.461em;
	margin-bottom: 15px;
	border: 1px solid #00B0BD;
	text-align:center;
}

div.righttableback H2
{
	color: #000000;
	background-color: #FF9966;
	padding: 2px;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

.righttableback a:link, .righttableback a:visited
{
	color: #006699;
}

.righttableback a:hover, .righttableback a:active
{
	color: #0099FF;
}


/*  PDG search results  */

table.pdgmain
{
	margin-bottom: 0px;
	width: 100%;
}

table.pdgmain tr td, table.pdgmain tr th
{
	padding: 0.2em;
}

table.pdgmain td
{
	margin: .2em;
}

table.pdgmain tr
{
	background-color: #FFF5F0;
}

#basket
{
	background-color: #FFF5F0;
}


table.pdgmain hr
{
	width: 100%;
	margin: 0px;
}

table.pdgmain a:link, table.pdgmain a:hover, table.pdgmain a:visited, table.pdgmain a:active
{
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	color: #333333;	
}

table.pdgmain a:hover, table.pdgmain a:active
{
	color: #003399;
}

/* ADV search results */

div.searchResult alt1, div.searchResult
{
	background-color: #FFF0F0;
	width: 48%;
	min-height: 185px;
	margin-top: 2px;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-top: 0.7em;
	padding-right: 0.2em;
	padding-bottom: 1em;
	padding-left: 0.2em;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 5px;

}

div.searchResult alt1, div.searchResult
{
	float:left;
	text-align:center;
}

div.searchResult a:link, div.searchResult a:visited
{
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	color: #333333;	
}

div.searchResult a:hover, div.searchResult a:active
{
	color: #003399;	
}


/* Shipping Options Table */

#ChooseDelivery
{
	padding: 4px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}

#ChooseDelivery h3
{
	color:#FF0000;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 140%;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(/PDGCommTemplates/HTN/images/checkmark.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-align: left;
	text-indent: 30px;
}

#ChooseDelivery ul
{
margin-bottom: 5px;
}

#ChooseDelivery li
{
margin-bottom: 4px;
}

/* forms */



table.layout td.content input[type="text"], table.layout td.content input[type="password"], table.layout td.content select
{
	padding:.1em, 0, .1em, 0;
	width:200px;
}

table.layout td.content table.pdgmain td.pdgmain input[type="text"]
{
	width:50px;
}

/* contact form */

table.righttableback#contact
{
	float: right;
	width: 250px;
	padding: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/* elements and forms for interior pages */


.content-bold
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.content-bold-u
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}

.content-ital
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
}

.content-ital-b
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}

p.content
{
	margin-top: 10px;
	margin-bottom: 10px;
}

content-sm
{
	font-size: 75%;
	font-weight: bolder;
	background-color: #996633;
}

#inset
{
	padding-left: 35px;
}

p.TextCaps
{
	font-size: 80%;
	color: #666666;
	margin-top: 15px;
}
span.SmText
{
	font-size: 80%;
	color: #666666;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

rightcolsalestext
{
	float: right;
	width: 100px;
	margin-left: 10px;
}

form.item * table
{
	margin-top: 10px;
	margin-bottom: 10px;
}
form.item * table tr
{
	vertical-align: top;
}
form.item * table tr th
{
	font-weight: bold;
	padding-right: 0.5em;
	text-align: right;
}
form.item * input[name="qty"], form.item * input[name="visibleqty"], input.qty
{
	text-align: center;
	width: 4em;
}

form.item * #shoppingDisabled
{
	color: red;
	font-weight: bold;
}
form.item * td.imprint input
{
	font-family: "Courier New", Courier, monospace;
	text-align: center;
}

.initiallyHidden 
{
    display: none;
}

th.quickSet 
{
    border: 1px solid #00b0bd; 
    margin: 6px 0; 
    padding: 6px;
}


.center {
	text-align: center;
}
.leftnav {
	padding: 5px;
	width: 225px;
}
.invisible
{
	display: none;
}

/* form text alignment */

.infotable th
{
	text-align: right;
}

h1
{
	font-size:138.5%;
	font-weight:bold;
	background-color:#999999;
	padding:.3em;
	line-height:25px;
}

h2
{
	font-size:150%;
	font-weight:bold;
	line-height:125%;
}

h3
{
	font-size:125%;
	font-weight:bold;
	line-height:130%;
}

td.options
{
	text-align:center;
}

/* home page table */ 

table#home 
{
	height: 355px;	
}

table#home td#main 
{
	height: 350px;
	width: 350px;	
}

#description
{	
	padding: 20px;
	height: 60px;
	display:none;
}

#context {
	line-height: 160%;
	text-transform: uppercase;	
	display:none;
}

#home td 
{
	text-align: center;
	background-repeat: no-repeat;
	vertical-align:top;
}

#home td a
{
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 80% !important;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

#home td img
{
	border: none;
}

#home td a:link, #home td a:visited
{
	color: #96C7CF;
	text-decoration:none;	
}

#home td a:hover, #home td a:active
{
	color: #0099FF;
}


/*  home page footer menu */ 

#ft p
{
	font-size: 75%;
	color:#666666;
}

div.footerline
{
	height: 1em;
	background-image: url(/PDGCommTemplates/HTN/images/line_black.png);
	background-repeat: no-repeat;
	background-position: 5.6em bottom;
	*background-position: 4.9em bottom;
}

div.footermenu
{
	padding-bottom: 15px;
	*margin-bottom: 5px;
	height: 3em;
	*margin-top: 25px;
	margin-top: 15px;
	margin-left: auto;
	*margin-left: 4.9em;
	float: none;
	margin-right: auto;
}


div.footermenu ul li
{
	list-style: none;
	display: inline;
	*margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	float: none;
}

div.footermenu ul li a:link, div.footermenu ul li a:visited, div.footermenu ul li a:hover, div.footermenu ul li a:active 
{
	text-decoration: none;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
	color: #000000;
}

div.footermenu ul li a:hover, div.footermenu ul li a:active 
{
	color:#666666;
}



/* yui menu */

div.yuimenu li.selected, div.yuimenubar li.selected
{
	background-color: #00B0BD;
	color:#333333;
}


#ft 
{
	background-image: url(/PDGCommTemplates/HTN/images/line.png);
	background-repeat: no-repeat;
	background-position: 5.6em top;
	*background-position: 4.9em top;
	padding-top: 15px;
	*margin-top: 20px;
	margin-top: 15px;
	margin-bottom: 15px; 
} 

/*   smarty template styles - error messages and search windows  */ 
/*  SMARTY Upload Formating */

div.errorMessage
{
	width:485px;
	height:275px;
	text-align:center;
	background-color: #FFFFFF;
	background-image: url(/PDGCommTemplates/HTN/images/righttableback.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 15px;
	border: 1px solid #00B0BD;
}

div.errorMessage#uploader
{
	 height:500px; 
}

formats
{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}

#uploader p
{
	margin-top: 10px;
	padding-left:5px;
	padding-right:5px;
}

#uploader th
{
	text-align:right;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}


div.content
{
	padding-bottom:14em;
}

.right
{
	text-align: right;
}

/* general table settings */
table
{
	width: auto;
}
table tr
{
	vertical-align: top;
}
table tr td, table tr th
{
	padding: 0.2em;
}
table tr th
{
	font-weight: bold;
	text-align: center;
}

textarea#PASSOrderComments
{
	height: 10em;
	width: 100%;
}