/*content base*/

html
{ padding:0;}

body         
{ 
background-image: url(bg.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
color: #292929; 
font-size:72%;
font-family:"Lucida Grande", verdana, arial, "bitstream vera sans", sans-serif; 
text-decoration: none; 
text-align: left; 
vertical-align: top; 
margin: 0; 
padding: 0; 
}

html>/**/body 
{
font-size: 12px; /* Except IE */
}
 
h1    
{ 
color: #6fad33; 
font-size: 190% ; 
font-weight: bold; 
line-height: 110%; 
}

h2   
{ 
color: #6fad33; 
font-size: 140% ; 
font-weight: bold; 
line-height: 110%; 
}

h3   
{ 
color: #6fad33; 
font-size: 120% ; 
font-weight: bold; 
line-height: 110%; 
}

hr 
{ 
height:1px; 
border:0; 
width:100%; 
background-image: url(hr_h.gif); 
background-repeat: repeat-x; 
background-position: 0 center; 
margin-top: 10px; 
margin-bottom: 10px; 
}

img{border: 0px;}

ul  { 
list-style: none; 
margin: 10px 0 10px 10px; 
padding: 0 ;
}

ul li  
{ 
margin-left: 5px; 
margin-top:5px;
padding-left: 15px; 
list-style-type: none; 
background-image: url(arrow.gif); 
background-repeat: no-repeat; 
background-position: 0 5px; 
}

ul.pdf  { 
list-style: none; 
margin: 10px 0 10px 10px; 
padding: 0 ;
}

ul.pdf li  
{ 
margin-left: 5px; 
margin-top:5px;
padding-left: 20px; 
list-style-type: none; 
background-image: url(page_white_acrobat.gif); 
background-repeat: no-repeat; 
background-position: 0 center; 
}

/*base layout*/
table.mainbox
{ 
background-color: #fff; 
width:800px; 
margin:30px 0 0 100px; 
}

td.header   
{ 
background-color: #fff; 
vertical-align: top; 
padding: 0; 
border-bottom: 10px solid #fff; 
}

td.header img
{ 
float: left; 
margin-right:5px; 
}

div#header_right
{ 
float:right; 
margin:0; 
padding-top: 10px; 
text-align:center;
}

div#header_right img
{ 
float: left; 
margin-bottom: 5px; 
margin-left: 5px; 
}

td.topmenu
{ 
text-align: right; 
padding: 10px; 
}

td.topmenu a
{ 
color: #333; 
font-weight: bold; 
text-decoration: none; 
text-transform: uppercase; 
padding: 0 10px; 
}

td.topmenu a:hover 
{ 
color: #6fad33; 
text-decoration: none; 
}

div#search
{ 
float: left; 
}

td.menubox
{ 
background-color: #333; 
clear: left; 
margin: 0; 
padding: 0; 
}

td.formbox
{ 
color: #fff; 
border-top: 10px solid #fff; 
padding:0; 
}

td.formbox h1
{ 
color: #fff; 
font-size: 120%; 
font-weight: bold;
margin-top:0; 
margin-bottom:10px; 
}

td.login
{ 
color: #fff; 
background-color: #358dbe; 
width: 50%; 
padding: 10px;
vertical-align: top; 
}

td.signin
{ 
color: #fff; 
vertical-align: top; 
background-color: #6fad33; 
width: 50%; 
padding: 10px; 
border-right: 12px solid #fff; 
}


td.login form,table.memberlogin,table.memberlogin input
{
margin:0;
padding:0;
}

table.memberlogin td
{
padding:0 5px;
text-align: left; 
}

td.maincontents   
{ 
text-align: left; 
vertical-align: top ; 
padding: 0; 
}

div#maincontents 
{ 
line-height: 160%; 
text-align: left; 
vertical-align: top ; 
padding: 20px; 
margin:0;
border-top: 1px solid #333; 
}

div#maincontents img
{margin:10px;}

table.indexbox
{
margin:0;
}

td.botimages
{ 
vertical-align: top; 
padding: 0; 
border-top: 10px solid #fff; 
border-bottom: 10px solid #fff; 
}

table.botimagesbox
{
margin:0;
}

table.botimagesbox td
{
margin:0;
}

td.rightline
{
padding-right:13px;
width:190px;
}

table.collection_top
{width:100%;}

table.collection_top td
{
text-align: center;
}

table.collection_top a img
{
background-color: #ccc;
padding:5px;
}


table.collection_top a:hover img
{
background-color: #6fad33;
padding:5px;
}

table.collection_top a
{
color: #292929; 
display: block; 
text-decoration: none; 
}

table.collection_top a:hover
{
color:#6fad33;  
text-decoration: underline; 
text-decoration: none; 
}


/*link*/

a     
{ 
color: #0099cc; 
text-decoration:none;
}

a:hover  
{ 
color: #474747; 
text-decoration: underline ; 
}

/*main menu*/

table.menubar{ margin: 0; }

table.menubar a
{ 
color: #fff; 
font-weight: bold; 
text-decoration: none; 
text-align: center; 
padding: 10px 0; 
display: block; 
}

table.menubar a:hover
{ 
color: #fff; 
background-color: #555; 
background-image: url(menu_hover.gif); 
background-repeat: no-repeat; 
background-position: center top;
text-decoration: none ;
}

#thispage,#toppage
{ 
background-image: url(menu_hover.gif); 
background-repeat: no-repeat; 
background-position: center top;
background-color: #686868; 
}

div.DMenu,div.DMenu table
{
color: #292929;
margin-top:0;
padding:0;
z-index: 100;
}

div.DMenu table
{
width:auto !important;
}

div.DMenu a
{
text-decoration: none; 
background-color: #3399cc;
text-align: left;
color: #fff;
padding:5px 10px;
border-top: solid 1px #63a2c7;
margin:0;
}

div.DMenu a:hover,div.DMenu #thispage
{
background-image:none;
text-decoration: none; 
color: #fff;
background-color: #28779f;
text-decoration: none ;
}


/*footer*/

td.footer 
{ 
font-size:90%;
text-align:center;
padding: 10px; 
border-top: 1px solid #333; 
}

td.footer a
{ 
color: #333; 
text-decoration: underline; 
margin-right: 7px; 
margin-left: 7px; 
}

td.footer a:hover
{ 
text-decoration: none; 
}


div.member_menu
{ 
padding:0px;
margin-bottom:10px;
width:170px;
display: block;
}

div.member_menu ul
{
border-top: 1px solid #ccc;
}

div.member_menu ul, div.member_menu li
{ 
background-image: none; 
list-style:none;
padding:0px;
margin:0px;
}

div.member_menu li
{ 
border-bottom: 1px solid #ccc; 
}

div.member_menu a
{
color: #292929; 
background-repeat: no-repeat; 
background-position: 15px center; 
padding: 30px;
display: block;
text-decoration: none;
}

div.member_menu a:hover
{ 
color: #292929;
background-color: #ccc; 
background-repeat: no-repeat; 
text-decoration: none; 
}

/*Catalog*/

/* fixed thumbnail height */
.CatalogProductThumbnail img {
height: 150px;
}

table.Catalog td {
padding:0; 
border: solid 0px #aaa;
vertical-align:top ;
}

table.Catalog h2
{
font-size: 100%; 
margin-top: 0px;
}

table.Catalog b a
{
display: block;
color: #fff; 
text-decoration:none;
font-weight: bold; 
font-size: 120%; 
padding:10px;
margin:0px;
background-color:#6fad33;
height:30px;
}


table.Catalog b a:hover
{
color: #ffff66; 
background-color:#588928;
text-decoration:none;
}

table.Catalog td
{
line-height: 120%;
}


div.CatalogSubCategory
{
width:300px;
}

div.CatalogSubCategory li
{
font-size:110%;
padding-top:10px;
padding-bottom:10px;
background-image: url(hr_gray.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom; 
}

div.CatalogSubCategory li a
{
color: #474747; 
}

div.CatalogSubCategory li a:hover
{
color: #993333; 
padding-left:10px;
}

div.CatalogProduct
{
background-image: url(collection_arrow.gif); 
background-repeat: no-repeat; 
background-position: 7px 185px;
background-color:#ccc;
height:230px;
width:165px;
margin-bottom:10px;
margin-right:15px;
padding:0 0 20px 0;
float:left;
}

div.CatalogProduct br
{
display:none;
}

span.CatalogCode
{
display:block;
}

div.CatalogProduct span
{
margin:0;
padding-bottom:2px;
padding-top:2px;
padding-left:20px;
line-height:110%;
display:block;
}

div.CatalogProduct table
{
margin:0;
padding:0;
}

div.CatalogProductThumbnail
{
padding:0;
margin:0;
text-align: center; 
background-color:#fff;
}

div.CatalogTitle
{
font-size:110%;
font-weight: bold;
margin-bottom:5px;
}

h2.ProductTitle
{
font-size:120%;
background-color:#ccc;
padding:5px;
color:#292929;
margin-bottom:5px;
}

div.ProductPrimaryImage
{
padding:0;
text-align: center; 
margin-right:20px;
margin-bottom:0;
font-size:90%;
}

td.primary_image,td.secondary_image
{
text-align: center;
vertical-align:top;
}

a.caption
{
font-size:90%;
display:block;
}

div.ProductPrimaryImage td
{
vertical-align:top;
padding:3px;
text-align:center;
}

div.ProductPrimaryImage td img
{
margin:0;
padding:0;
}

div.ProductPrimaryImage a img
{
border: 3px solid #fff; 
}

div.ProductPrimaryImage a:hover img
{
border: 3px solid #6fad33; 
}

div.CatalogProductThumbnail a img
{
border: 3px solid #fff; 
}

div.CatalogProductThumbnail a:hover img
{
border: 3px solid #6fad33; 
}

.ProductDetail {
margin:0;
padding:0;
}

.ProductDetail div 
{
padding:0;
margin:0;
}

.ProductDetail p 
{
padding:10px 0;
margin:0;
}

div.CatalogPrice
{
margin:0;
}

span.ProductPrice
{
margin:0;
padding:0;
}

span.ProductPrice span.CAD
{
padding:0;
margin-right:7px;
}

span.ProductPrice img
{
margin:0;
padding:0;
}

table.multi_options
{
width:270px;
border-top: solid 1px #ccc; 
margin:0;
}

table.multi_options td
{
border-bottom: solid 1px #ccc; 
padding:0;
}

div.CategoryProductWrapper {
width: 720px;
}

div.ProductOption input {
margin:3px;
}

div#custom_advanced_options
{
clear: left; 
float: left; 
width:250px; 
margin-top:10px; 
text-align:center;
}

div#product_relations
{
text-align:right;
}

div#product_relations h4
{
width:550px;
color:#292929;
padding:5px;
margin-left:auto;
font-size:120%;
background-color: #ccc; 
text-align:left;
}

div#product_relations table
{
width:550px;
margin-left:auto;
text-align:left;
}

div#product_relations td
{
text-align:left;
}

div#Gallery
{
margin: 0;
padding:0;
}

table.Gallery  {
margin-right:15px;
font-size:90%;
width:180px;
}

table.Gallery td {
line-height:90%;
padding:0;
}

table.Gallery br
{
display:none;
}

table.Gallery td a
{
margin: 0;
padding:0;
display:inline;
}

table.Gallery td img {
margin:0;
padding:0;
width:70px;
height:70px;
border: solid 3px #fff; 
display:inline;
}

table.Gallery td a:hover img
{
border: solid 3px #ccc; 
}

span.ProductAttachment 
{ 
display: block; border-top: solid 1pt #666; 
}
span.ProductAttachment table tr td  
{ 
font-size: 7pt; color:#666; 
}

div.ProductAttachmentImageWrapper 
{ 
clear:both;
overflow: auto; 
border-top: solid 1pt #666; 
width:530px;
}
div.ProductAttachmentDownloadWrapper 
{ 
clear:both;
overflow: auto; 
border-top: solid 1pt #666; 
width:530px;
}

div.ProductAttachment 
{ 
font-size: 7pt; 
text-align: center; 
float:left; color:#666; 
width:160px; 
padding: 3pt;
}

div.ProductAttachmentImageWrapper div.ProductAttachment
{ 
height: 200px;
}

span.CatalogCategoryDescription
{
padding-top:30px;
padding-left:50px;
}

span.CatalogCategoryDescription div
{
text-align:left; 
padding-left:30px;
}

tr#complimentary h4
{
font-size:110%;
text-align:left;
background-color:#ccc;
padding:5px 10px;
}

tr#complimentary table
{
margin:0;
width:100%;
}

tr#complimentary td
{
text-align:center;
font-size:90%;
}

a.button img
{
float:left;
}

table#quantity
{
font-size:90%;
margin:5px 0;
}


/*shopping cart*/

div.ShoppingCart h2,div.ShoppingCart h3
{
background-image: url(hr_gray.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom; 
padding-bottom:5px;
}

div.ShoppingCart td
{
padding:5px;
}

div.ShoppingCart table
{
margin:10px 0;
}

div.ShoppingCart th
{
background-color: #e1e1e1; 
padding:5px;
}

/*Agent page*/

table.agentbody
{
border-top: 1px solid #333; 
margin:0;
width:100%;
}

table.agentbody td
{
vertical-align:top ;
/* padding:15px; */
}

td.leftsidebar
{
padding-right:10px;
}

td.leftsidebar h1
{
color:#fff;
padding:10px;
margin:0;
font-size:120%;
background-color: #6fad33; 
border-bottom: 3px solid #fff; 
}

div.member_menu
{
border: solid 0px; 
}

div.member_menu li
{
margin:0;
padding:0;
display:inline;
}

div.member_menu li a
{
background-color:#ddd;
border-bottom: 3px solid #fff; 
text-decoration: none ;
display:block;
padding:10px;
margin:0;
}

div.member_menu li a:hover
{
text-decoration: none ;
background-color:#bbb;
}

table.myForm
{
border: 1px solid #ccc; 
}

table.myForm td
{
/* padding:10px; */
}

table.myForm h2
{
color: #6fad33; 
font-size:130%;
}

table.myForm td
{
vertical-align:middle ;
}

span.requiredPrompt, span.SurveyQuestionRequired
{
background-image: url(star.gif); 
background-repeat: no-repeat; 
background-position: right top; 
color: #6fad33; 
padding-right:10px;
}

/*My Account*/

div.profile
{
padding:0;
margin:0;
}

table.Report
{
width:100%;
}

table.Report table.Report
{
width:580px !important;
}


th.ReportTitle
{
text-align:left;
font-size:130%;
padding:10px;
}

table.Report td
{
text-align:left;
}

div#options_grid table.Report td,div#pricing_grid table.Report td
{
border-top: 1px solid #ccc; 
}

div#options_grid table.Report,div#pricing_grid table.Report
{
border-bottom: 1px solid #ccc; 
margin:5px 0;
}

div#options_grid h3,div#pricing_grid h3
{
margin:3px 0;
}

div#content_relations,div#content_relations td
{
margin:0;
padding:0;
text-align:right;
}

div#content_relations table
{
margin-left:auto;
}


th.label
{
text-align:left;
padding:10px;
width:30%;
}


div#login,div#login table.login,div#login input
{
padding:0;
margin:0;
}

div#login table.login td
{
text-align:left;
padding:3px 5px;
}

table.box td
{
padding:10px;
}


table.box h2
{
font-size:110%;
color:#fff;
background-color: #292929; 
padding:7px;
}

.info_popup
{
text-align: left;
}

/*------- table CSS -------*/

table.A
{
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
margin:10px 0;
}

table.A td,table.A th
{
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
padding:7px;
text-align:left;
}

/* Login Plugin */
span.Login a { padding: 0px; }

/*------- PVC Patches -------*/

table.Gallery td img 
{
border:3px solid #FFFFFF;
display:inline;
height:110px;
margin:0;
padding:0;
width:auto;
}


table.Gallery {
font-size:90%;
margin-right:15px;
width:100%;
}


table.Gallery td a:hover img
{
border: solid 3px #ccc; 
}

/*Home Page*/
table.recent_work_table
{
height:300px;
display:block;
}

td.recent_work
{
display:block;
height:300px;
}

td.recent_work div.Zine
{
display:block;
height:227px;
overflow-y:scroll;
overflow-x:hidden;
padding:0px 10px 0px 10px;
width:280px;
}

td.recent_work div.Zine h2
{
display:none;
}

td.recent_work div.Zine .ZineFooter
{
display:none;
}

td.recent_work div.Zine .ZineAbout
{
font-size:85%;
font-style:italic;
margin-top:-12px;
margin-bottom:10px;
}

div.mispost
{
text-align:center;
font-weight:bold;
font-size:9px;
margin-bottom:10px;
}

div.mispost a
{
color:orange;
text-decoration:underline;
}

div.mispost a:hover
{
color:#474747;
text-decoration:none;
}