/* --   Colors Reference 
==================================================================================================*/
/*	  	PE blue font color 		#33ccff;	
		yellow						#ffff00;	
		gold 							#ffc902;
		Light Blue					#add8e6; 	 		*/

	
/* ======  BASIC ELEMENTS ===========================  
-------------------------------------------------------------------------------------------*/
img {
	margin: 0;
	padding: 0;
	border: solid 1px;
	border-color: silver;
	}
	
img.aleft {float: left;}

img.aright {float: right;	border: none;}

img.none {border: none;}

.niche {float: right;}

img.promo {
	margin: 0; 
	padding: 20px 0;
	border: none;
	}

img.free {margin: 10px 0;	padding: 0;}

img.icon-top {margin: 5px 5px 0 5px; padding: 0;}
	
img.icon-mix {
	margin: 5px 15px; 
	padding: 0;
	}	
		
img.icon2 {margin: 5px 15px 0 15px; padding: 0;}

img.cps {margin: 10px 0 0 0;}	

/*
#pix {width: 880px;}
#pix2 {margin: 0;	padding: 0;}		 
*/

h1 { 
	font-size: 26px;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0;
	}		

h1.glass {margin: 10px 0 0 0;}	

h1.free-pat {
	margin: 50px 0 0 0;
	text-align: center;
	}	
	
h1.blue {color: #33ccff;}

h2 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
	}	


	
h2.section {
	width: 700px;
	font-size: 24px;
	margin:30px 0 0 0; 
	text-align: center;
	}		

h2.free-pat2 {
	margin: 50px 0 0 40px;
	text-align: left;
	text-decoration: underline;
	}	
	
h2.sign-me-up {
	margin: 10px 0 0 0;
	text-decoration: underline;
	}		

h2.archive {margin: 20px 0 0 0;}		
	
h2.privacy {margin: 20px 0 0 0;}		
	
h3 {
	font-size: 18px;
	margin: 0;
	padding: 10px 0 8px 0;
	}	

h3.pima {padding: 0 0 80px 0;}	

h3.view {margin: 10px 0 0 0;}	

h4 {
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 8px 0 0 0;
	}
	
h5 {
	font-size: 14px;
	margin: 0;
	padding: 8px 0 0 0;
	}
	
h6 {
	font-size: 14px;
	margin: 0;
	padding: 8px 0 0 0;
	}

	
a.large {font-size: 22px;}	

a:link {color: #add8e6;}
a:visited {color: gold;}
a:hover {color: red;}	

p {
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	margin: 10px 40px 0 40px; 
	padding: 0;
	}

p.private {
	text-align: right;
	margin: 20px 50px 30px 0; 
	padding: 0;
	}

p.return {
	text-align: right;
	margin: 10px 50px 0 0; 
	padding: 0;
	}	

p.gallery-move {
	text-align: center; 
	clear:both;
	margin: 0; 
	padding: 20px 0 0 0; 
	}
	
/*
p.mix {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin: 0; 
	padding: 5px 0 0 0; 
	}	
*/
	
/*	
p.gal7 {
	text-align: center; 
	margin: 0; 
	padding: 10px 0 0 0; 
	}
*/

p.cd {text-align: center;}	

p.bevel {
	margin: 10px 40px 0 80px; 
	padding: 0;
	}

p.bold {font-weight: bold; margin-top: 20px;}

p.red {
	color: red;
	font-weight: bold;
	margin-top: 20px;   
	}

p.quote {text-align: center;}	

	
/* ============ SHARED by ALL PAGES ==========   */
/* ====================================================================== */
body {
	margin:0; padding:0; border:0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	background:#333 url(../images/bg_panedexp.gif) repeat-y 50% 0;
	color:white;
	}

/* = WRAPPER -- wraps the whole page
==========================================================================*/
#wrapper {
	width:780px;
	margin:0 auto; 
	padding:0;
	background:transparent;
	}

/* = MASTHEAD -- branding and feature crane banner
==========================================================================*/
#masthead {
	width: 778px;
	margin: 0 auto;
	padding:0;
	text-align:center;
	height:188px;	
	background: url(../images/pe-logo-top-4.jpg) no-repeat;	
	}	

/* =======   CONTENT =========
=========================================================================  */
#content { 
	width: 750px;
	margin:0 auto; 
	padding: 0;	
	}

/* --  PAGE OPEN SECTION - TOP of CONTENT DIV
=================================================================*/
#pageopen { 
	float: left;    /* patterns & glass need this */
	width: 575px;	/* patterns & glass need this */
	margin: 0; 
	padding: 0;
	}

#pageopen-quote { 
	width: 740px;
	margin: 0;
	padding: 0 0 15px 0;
	border-bottom: solid 2px;
	border-bottom-color: Silver;
	text-align: center;
	}	
	
#pageopen-simple { 
	margin: 0 20px; 
	padding: 0;
	}	

#pageopen-simple p { 
	clear: both;
 	margin-left: 120px;
	margin-right: 0;
	padding-right: 0;
	}	

/* --  PAGE CLOSE SECTION -Bottom of CONTENT DIV
==========================================================================*/
#pageclose { 
	clear: left;
	width: 730px;	
	margin: 20px 0 10px 0; 
	padding: 15px 0 30px 10px;
	}


/* --  FOOTER -- Bottom of Page
==========================================================================*/
#footer {
	background: url(../images/pe-logo-footer-4.jpg) no-repeat;
	width: 778px;
	margin: 0 auto;
	text-align: center;
	line-height: 22px;
	height: 22px;
	}
	
#footer2 {
	width: 750px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	height: 42px;
	}

/*  ============ HyperArts Bug bottom of page =============== */	
#ha {margin-bottom: 15px;font-size:12px;}

		
/*  ============ TABLES ================================================== */	
table {margin: 0; padding:0;}

th {
	text-align: left;
	font-size: 20px;
	padding: 20px 0 0 0;
	}
	
th.gold {color: gold;text-decoration: underline;}
	
td {
	font-size: 16px;
	text-align: left;
	padding: 0 20px;
	}

th.first {padding: 0;}
td.left-first {padding: 10px 0 20px 0;}	
	
td.left {padding: 0;}		

td.cell-top {padding-top: 20px;text-align: center;}
td.cell-bottom {text-align: center;padding: 10px 0 0 0;}		
	

/* ====== INDIVIDUAL PAGES ===================================  */	 
/*   ==============================================================*/	
	
/* =========== HOME PAGE ===============  */	
img.koi {margin-top: 25px;}	
img.award {margin: 0 10px 0 0;}

p.first {margin-top: 25px;}
p.last {margin-bottom: 25px;}
p.begin {margin-top: 0;}
p.headline {margin-top: 20px;}	
	
	
/* =========== SHOP ================  */
p.shop {
	margin: 10px 40px 0 50px;
	padding: 0;
	}

table.shop-pe {
	width: 730px;
	margin: 0 auto;
	}
	
/* ================  GALLERY Page ===================  */
table.gallery { 
	float: left;
	margin: 30px 0;
	padding: 0;
	}

table.gallery td {
	padding: 0;
	line-height: 28px;
	}

table.gallery a {
	text-decoration: none;
	font-weight: bold;
	}


/* ================================= CUSTOM GLASS & PATTERNS Pages ========================  */
table.pattern-top {margin: 0 0 0 10px;}

table.pattern-bottom {clear: both;	margin: 10px 0 0 0;}

.faq {
	margin: 0; 
	padding: 10px 0 20px 0; 
	font-size: 16px;
	font-weight: normal;
	}

/* ================ CONTACT Page ===================== */	
#contact-top {
	margin: 30px 0 0 50px; 
	padding: 0;
	}	
	
#contact-bottom {
	margin: 40px 0 0 50px; 
	padding: 0;
	}	
	
h2.contact-us {margin: 0 0 0 40px; text-align: left;}
		
p.address {font-weight: bold;}		
	
#pageclose-contact { 
	width: 700px;
	margin: 40px 0 0 50px; 
	padding: 0;
	}

/* ----------  SEND A MESSAGE Form  ------------ */
#contacttable {
	margin: 15px auto;
	background: gray;	 
	border: 1px solid #33ccff;
	border-collapse:collapse;
	}

#contacttable th { 
 	font-family: 'Trebuchet MS', Verdana, sans-serif;	 
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	letter-spacing: 2px;
	background: url(../images/pe-logo-footer.jpg) no-repeat;
	padding: 0;
	text-transform:uppercase;
	}

#contacttable td { 
	text-align:left;
	line-height:15px;
	padding: 4px 2px 8px 8px;
	vertical-align:top;
	font-size:12px;
	color:white;
	}
	
.cellright {
	text-align:right !important;
	vertical-align:middle !important;
	font-weight:bold;	
	text-transform:uppercase;	
	}
	
.cellcenter {
	text-align:center !important;
	font-weight:bold;
	}

.cellsubmit {border-top:1px solid #666;}	

#submitbtn {
	width: auto;
	margin:1px;
	border-top:1px solid #4c94b7;
	border-left:1px solid #4c94b7;
	border-bottom:1px solid #00486b;
	border-right:1px solid #00486b;
	background: black;
	text-align:center;
	padding:0 5px;
	color:#fff;
	font-size:9px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	}	
	
/* ========================================================    
    Glass Gallery Pages and  Custom Pattern Gallery Page 
===========================================================   */
/*     --------    GALLERY TABLES     -----------    */	
table.gallery-top {
	float: left;
	margin: 0;
	padding: 0;
	}

table.gallery-top th {
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	margin: 0;
	padding: 0;
	}		
	
table.gallery-top3 {
	float: left;
	margin: 10px 0 0 30px;
	padding: 0;
	width: 500px;
 	}

table.gallery-top3 td {
	margin: 0;
	padding: 0;
	text-align: center;
	}	

table.gallery-top3 th {
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	margin: 0;
	padding: 10px 0 0 0;
	}
	
table.gallery-big2 {
	clear: both;
	width: 750px;
	margin: 0 auto;
	padding: 0;
	}

table.gallery-big2 td {
	padding: 30px 0 0 0;
	text-align: center;
	}
	
table.gallery-big2 th {
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	margin: 0;
	padding: 10px 0 0 0;
	}

table.gallery-big2 th.cat {padding: 0px 40px;}	
	
	
/* ================ CUSTOM GLASS SERVICE Page ===================== */		
#glass-service {
	clear: both;
	margin: 0;
	padding: 25px 20px 0 50px;
	}

ul.custom {margin-top: 5px;}

ul.custom li {
	text-align: left;
	font-size: 16px;
	margin: 5px 0 0 50px;
	list-style: disc;
	}	
		

/* ======  PATTERN CD CATALOGUE Page  ======  */	
table.cd-cover3 { 
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	}
	
table.cd-cover3 td { 
	width: 170px;
	text-align: center;
	padding: 30px 0 0 0;
	}

table.cd-cover3 p { 
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 0;
	}			

table.cd-cover4 { 
	clear: both;
	margin: 0;
	padding: 0 0 0 15px;
	}

table.cd-cover4 td { 
	font-size: 16px;
	text-align: center;
	padding: 30px 0 0 0;
	}
	
#full-library {
	margin: 0;
	padding: 0 0 90px 0;
	}	
	
/* ==================================================================================    
    INDIVIDUAL CD Pattern Library Pages  
==================================================================================   */
.cd-library-head {margin:0;padding:0;}
	
.cd-library-head h1 {
	margin: 0 0 7px 0;
	padding:0;
	}

.cd-library-head h3 {
	font-size: 16px;
	text-align: center;
	margin: 0 0px 7px 0;
	padding:0;
	}


/* ---------  Section Headings     -----------------  */
th h2.cd-lib-section {
	font-size: 24px;
	text-align: left;
	margin: 0; 
	padding: 15px 0 0 0;
	}	


/* -----  Common Tables    ----------------   */	
table.cd-library2 { 
	float: left;
	margin: 0 0 0 20px;
	padding:0;
	}

table.cd-library2 td {
	text-align: center;
	padding: 20px 0 0 0;
	width: 280px;
	}
	
table.cd-library2 th {
	font-size: 14px;
	text-align: center;
	padding: 5px 0 0 0;
	}	
	
table.cd-library3 {
	float: left; 
	margin-left: 20px;
	}

table.cd-library3 td {
	text-align: center;
	padding: 20px 0 0 0;
	width: 175px;
	}
	
table.cd-library3 th {
	font-size: 14px;
	text-align: center;
	padding-top: 5px;
	}	
	
table.cd-library3c { 
	clear: both;
	margin: 0 auto;
	padding:0;
	}

table.cd-library3c td {
	text-align: center;
	padding: 20px 0 0 0;
	width: 240px;
	}
	
table.cd-library3c th {
	font-size: 14px;
	text-align: center;
	padding: 5px 0 0 0;
	}	
	
table.cd-library4 { 
	clear: both;
	margin: 0 auto;
	padding:0;
	}

table.cd-library4 td { 
	text-align: center;
	padding: 20px 0 0 0;
	width: 175px;
	}
	
table.cd-library4 th {
	font-size: 14px;
	text-align: center;
	padding-top: 5px;
	}	

/* -------------- Shopping Cart Buttons - Bottom of Page  -----------  */
table.cd-library-cart { 
	clear: both;
	margin: 0 auto;
	padding: 0;
	}

table.cd-library-cart td { 
	text-align: center;
	padding: 60px 0 0 0;
	width: 175px;
	}
	
/* ---------------   BEBEVELED Page    ------------------------  */
table.am-bevel {clear: both;	margin: 0 auto;}

table.am-bevel td {
	text-align: center;
	padding: 8px 0px;
	}

table.am-bevel th {
	font-size: 16px;
	text-align: center;
	padding:0;
	}

/* ======== PATTERN FAQ PAGE  ============ */
#faq-top {
	font-weight: bold;
	margin: 0; 
	padding: 0;
	}
	
#faq-top p.q {color: #66ffff;}	
	
#faq-qa {
	font-weight: bold;
	margin: 0; 
	padding: 0;
	}

#faq-qa p {
	margin: 10px 10px 0 0; 
	padding: 0;
	}	

#faq-qa p.q {
	color: #66ffff;
	margin-top: 20px;	
	}		
	
#faq-qa p.cd-note {
	font-size: 14px;
	margin: 5px 40px 0 20px; 
 	}				

#faq-qa ol {
	text-align: left;
	font-size: 14px;
	margin: 0 0 0 60px; 
	padding: 0;
	}	
	
/* ========== CUSTOM PATTERN SERVICE PAGE  ============ */
#pattern-service {
	clear: both;
	margin: 0;
	padding:10px 0 0 0;	
	}	

#pattern-service p {font-size: 15px;}	

#pattern-service ul {
	text-align: left;
	font-size: 16px;
	list-style: disc;
	line-height: 22px;
	margin: 0 20px 0 90px;
	padding:0;	
	}	
	

/* ============   FREE PATTERN Page   ===============  */	
table.download { 
	margin: 0 0 0 20px;
	padding: 0;
	}

table.download td {padding: 0 0 0 20px;}
table.download td.free-left {padding: 10px 0 0 0;}
	
table.download th {
	font-size: 16px;
	font-style: normal;
	padding: 15px 0 0 0;
 	}	
	
#ppal-cart {
	margin: 20px 0 0 0;
	padding: 0;
	}

table.mon-archive {
	margin: 0;
	padding: 0 0 0 40px;
	}
	
#sign-up {
	width: 375px;
	margin: 0 auto;
	padding: 0;
	border: solid 2px;
	border-color: silver;
	margin-top: 15px;	
	}	
	
#sign-up p {
	text-align: center;
	margin: 5px 0px;
	padding: 0;
	}	

#pat-serv-banner {
	margin: 40px 0 0 0;
	padding: 0;
	}
	
table.crossword { 
	margin: 0;
	padding: 0;
	}

table.crossword td {padding: 0 0 0 20px;}
table.crossword td.left {padding: 5px 0 0 0;}
	
table.crossword th {
	font-size: 24px;
	text-decoration: underline;
	padding: 50px 0 0 0;
	}	
	
	
/* ========  FREE PATTERN ARCHIVE Page  ===============  */	
table.archive-top {
	float: left;
	margin: 0;
	padding: 0;
	}

table.archive-top td {
	text-align: center;
	padding: 20px 0 0 0;
	width: 175px;
	}

table.archive-top th {
	font-size: 14px;
	text-align: center;
	padding: 5px 0 0 0;
	}	

table.archive3 {
	clear: both;
	width: 740px;
	margin: 0 auto;
	padding: 0;
	}

table.archive3 td {
	text-align: center;
	padding: 30px 0 0 0;
	}
	
table.archive3 th {
	font-size: 14px;
	text-align: center;
	padding: 5px 0 0 0;
	}	

/*
table.archive-mix {
	clear: both;
	margin: 0;
	padding: 0;
	}

table.archive-mix td {
	text-align: center;
	padding: 20px 0 0 0;
	}
*/

	
#glass-eye { 
	text-align: center;
	margin: 50px 40px 0 40px;
	padding: 0;
	}

#glass-eye h2 {
	text-align: left;
	text-decoration: underline;
	margin: 0;
	padding: 0 0 0 10px;
	}

#glass-eye p {
	margin: 0;
	padding: 5px 0 5px 10px;
	}
	
/* ==== DISTRIBUTOR PAGE  === */
#distrib {
	text-align: left;
	font-size: 18px;
	margin: 30px 0 0 0; 
	padding: 0;
	}
	
#distrib ul {list-style: disc;}
	
#distrib li.lead {font-size: 22px;}
	
/* ==== CROSSWORD PUZZLE  PAGE  === */		
#puzzle {margin: 0 auto;}		
		
	
/* ========   CUSTOM GLASS and PATTERN QUOTE PAGES ==================  */
table.q-basic { 
	margin: 20px 0 0 0;
	padding: 0;
	width: 700px;
	}

table.q-basic td {
	padding: 7px 0 0 0;
	}
	
table.q-basic td.q-left {width: 165px;}	

table.q-basic td.q-left2 {
	width: 200px;
	font-weight: bold;
	}	
	
table.q-basic td.q-left3 {padding: 0 0 0 20px;}		
table.q-basic td.q-left4 {padding: 0 0 0 80px;}		
	
table.q-basic td.q-red {
	padding: 0 0 0 20px;
	font-weight: normal;
	font-size: 18px;
	color: red; 
	}
		
table.q-basic td.q-bold {font-weight: bold;}		
	
table.q-basic td.q-note {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 14px;
	font-weight: bold;
	}	
		
table.q-basic td.q-blue {
	color: #33ccff;
	font-size: 14px;
	padding: 0 20px 0 10px;
	}	
	
table.q-basic td.textarea {
	text-align: center;
	padding: 15px 0 0 0;
	}	
	
table.q-basic th {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 16px;
	}	

table.q-basic th.q-bold {font-weight: bold;}	

table.q-basic1 { 
	margin: 0;
	padding: 0;
	width: 700px;
	}

table.q-basic1 td {padding: 5px 0 0 0;}
	
table.q-basic1 td.q-left {
	margin: 0;
	padding: 0 0 0 70px;
	}	
	
table.q-basic1 td.q-bold {font-weight: bold;}	
	
table.q-basic1 td.q-red {
	color: red;
	font-weight: bold;
	font-size: 14px;
	}	
	
table.q-basic1 th {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 16px;
	}
	
table.q-basic2 { 
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 300px;
	}

table.q-basic2 td { 
	padding: 0;
	text-align: center;	
	}	

table.q-basic2 td.q-first { 
	margin: 0;
	padding: 20px 0 0 0;
	}		

/* ======  THANK YOU Pages  ======  */
#thankyou {
	margin: 0;
	padding: 0 40px 0 50px;
	}		
	
/* ==== LINKS PAGE  === */
#print-eye {
	margin: 0;
	padding:20px 0 15px 0;	
	border-bottom: solid 2px;
	border-bottom-color: Silver;
	}	
	
#print-eye p.gold {color: #ffff00;}	

#link {
	margin: 0;
	padding: 15px 0px;	
	border-bottom: solid 2px;
	border-bottom-color: Silver;
	}			

#link p.large {font-size: 20px; text-align: center;}		
#link p.green {color: #80ff00; font-weight: bold;}		

img.center {margin: 0 0 50px 140px; padding: 0;}
img.none {border: none;}
		
	
/* ==== SITEMAP PAGE  === */	
#sitemap {text-align:left; margin-top:30px; margin-left:50px;}		

#sitemap a {text-decoration:none;}		

#sitemap ul {margin-left:70px;}		

#sitemap ul li {margin-top:15px; font-size:16px; list-style:square;}		
	
#sitemap ul li ul li {margin-top:5px;}		

#sitemap ul li ul li ul li {margin-top:3px;}