/*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; 
}

ul.pdf li.link
{ 
margin-left: 5px; 
margin-top:5px;
padding-left: 20px; 
list-style-type: none; 
background-image: url(arrow.gif); 
background-repeat: no-repeat; 
background-position: 0 5px; 
}

/*base layout*/
table.mainbox
{ 
width:800px; 
margin:30px 0 0 100px; 
}

td.header   
{ 
vertical-align: top; 
padding: 0; 
border-bottom: 0px solid #fff; 
padding-bottom:7px;
}

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; 
background-color:white;
}

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; 
background-color:white;
}

div#maincontents img
{margin:10px;}

div#maincontents table.collection_top img
{
margin:2px;
}

table.indexbox
{
margin:0;
}

td.botimages
{ 
vertical-align: top; 
padding: 0; 
border-top: 0px solid #fff; 
border-bottom: 0px solid #fff; 
}

table.botimagesbox
{
margin:0;
background-color:white;
}

table.botimagesbox td
{
margin:0;
vertical-align: top;
}

td.rightline
{
padding-right:13px;
width:190px;
}

table.collection_top
{width:auto;}

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; 
}

/********** Main Menu **********/

ul.CMenu
{
list-style:none;
display:table;
width:100%;
padding:0px;
}

ul.CMenu li
{
background:none;
display:table-cell;
float:none;
text-align:center;
width:auto;
padding:0;
margin:0;
}

ul.CMenu li a.menu
{
color:#fff;
text-decoration:none;
line-height:110%;
text-transform:uppercase;
width:auto;
padding:10px 5px;
min-width:100px;
border-right:1px solid #666;
}

ul.CMenu li a.menu:hover
{
background-color: #555; 
color:#fff;
text-decoration:none;
}


ul.CMenu li#thispage a.menu
{
background-color: #555; 
color:#fff;
text-decoration:none;
}

ul.CMenu li ul li
{
height:auto;
display:block;
text-align:left;
}

ul.CMenu li ul li a.menu,ul.CMenu li#thispage ul li a.menu
{
padding:5px 10px;
border-right:0px solid #8bc7e5;
border-bottom:1px solid #8bc7e5;
background: #3399cc;
color:#fff;
text-decoration:none;
text-transform:none;
height:auto;
line-height:110%;
width:170px;
display:block;
}

ul.CMenu li ul li a.menu:hover, ul.CMenu li#thispage ul li a.menu:hover
{
background: #28779f;
color:#fff;
}

ul.CMenu ul ul
{
margin-left:15px;
}

ul.CMenu li li.mItem li a.menu
{
border-bottom:1px solid #3399cc;
color: #fff;
background: #28779f;
}

ul.CMenu li li.mItem li a.menu:hover
{
color: #d1ecfa;
background:#2b7ea8;
}


/*IE 7*/

*+html ul.CMenu
{
background-color:#666;
display:block;
}

*+html ul.CMenu li
{
float:left;
position:relative;
text-align:center;
width:auto;
}

*+html ul.CMenu li a.menu
{
border-right:1px solid #666;
padding:15px 20px;
display:block;
float:left;
}


*+html ul.CMenu ul
{
width:180px;
clear:both;
}

/*IE 6*/

*html ul.CMenu
{
list-style:none;
display:block;
}

*html ul.CMenu li
{
display:inline; 
float:left;
}

*html ul.CMenu li a.menu
{
width:140px;
}

*html ul.CMenu ul
{
width:180px;
}


/*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;
}

table.B
{
border-bottom: 1px solid #ccc; 
margin:10px 0;
}

table.B td
{
border-top: 1px solid #ccc; 
padding:5px 10px;
text-align:left;
}

/*------------member login ------------*/

.Login
{
margin:0;
width:auto;
float:right;
padding:0 0 0 5px;

}

.LoginForm
{
text-align:center;
}

.LoginForm table
{
margin:0 auto;
}

.LoginForm td
{
text-align:left;
padding:0 3px;
}

.LoginForm td input[type="text"],.LoginForm td input[type="password"]
{
width:175px;
padding:3px;
margin:0 0 3px 0;
}

.LoginForm td input[type="checkbox"]
{
float:right;
}


/*------- 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;
}

/****************Twitter***************/

h2.twitter-title
{
display:none;
}

h2.twitter_title
{
font-size:120%;
margin-top:5px;
background-image:url(bird.jpg);
background-position:right -2px;
background-repeat:no-repeat;
margin-bottom:5px;
line-height:22px;
border-bottom:1px solid #00529B;
color:#00529B;
font-family: Century Gothic;
font-weight: normal;
}

div#twitter_div ul
{
margin:0px;
}

div#twitter_div
{
height:110px;
font-size:85%;
overflow-y:auto;
margin-top:-3px;
}

td.twitter
{
width:190px;
padding-right:5px;
}

iframe.twitter-follow-button
{
width:185px !important;
}

img.sg_thumb {
width: 100px;
}