/* Workshop Layout */
html, body { margin: 0; padding: 0; background-color: #000000; background-image: url(web-images/all/banner.png); background-repeat: repeat-x; }
#site-holder { width:960px; background-image: url(web-images/all/fade.png); background-repeat: repeat-y; height: auto; margin-top: 0px; margin-right: auto; margin-bottom: auto; margin-left: auto; }
#header { width:960px; height: auto; }
#workshop { width:960px; background-image: url(web-images/all/fade.png); background-repeat: repeat-y; height: 930px; margin-top: 8px; background-color: #000000; margin-left: 0px; }
#workshop-home { width:960px; background-image: url(web-images/all/fade.png); background-repeat: repeat-y; height: 1060px; margin-top: 8px; background-color: #000000; margin-left: 0px; }
#workshop-poster{ width:960px; background-image: url(web-images/all/fade.png); background-repeat: repeat-y; height: 1080px; margin-top: 8px; background-color: #000000; margin-left: 0px; }
#workshop-canvas{ width:960px; background-image: url(web-images/all/fade.png); background-repeat: repeat-y; height: 1450px; margin-top: 8px; background-color: #000000; margin-left: 0px; }
#workshop-banner{ width:960px; background-image: url(web-images/all/fade.png); background-repeat: repeat-y; height: 1350px; margin-top: 8px; background-color: #000000; margin-left: 0px; }
#workshop-shirt { width:960px; background-image: url(web-images/all/fade.png); background-repeat: repeat-y; height: 1650px; margin-top: 8px; background-color: #000000; margin-left: 0px; }
#workshop-roll { width:960px; background-image: url(web-images/all/fade.png); background-repeat: repeat-y; height: 1750px; margin-top: 8px; background-color: #000000; margin-left: 0px; }
#print_shop { width:660px; height: 40px; margin-top: 12px; margin-left: 235px; position: absolute; }
#menu { width: 205px; height: auto; position: absolute; margin-top: 12px; margin-left: 14px; }
#footer { width:940px; height: auto; margin-top: 23px; background-color: #0072C0; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 14pt; color: #FFFFFF; text-align: center }
#footer-home { width:940px; height: auto; margin-top: 1070px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 14pt; color: #FFFFFF; position: absolute; text-align: center; background-image: url(web-images/all/home-footer.png); background-repeat: no-repeat; }
/* Product layout */
#home-boxes { height: 276px; width: 700px; margin-top: 0px; margin-left: 225px; position: absolute; padding: 10px; padding-top: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 14pt; color: #FFFFFF;
text-decoration: none; text-align: justify;}
#home-boxes p {font-size: 90%;}
#product-description { height: 276px; width: 470px; margin-top: 60px; margin-left: 225px; border: 1pt solid #FFFFFF; position: absolute; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 14pt; color: #FFFFFF; text-decoration: none; text-align: justify; background-image: url(web-images/purchase-pages/all/description-background.png); }
#product-viewbasket { height: 43px; width: 194px; margin-top: 60px; margin-left: 732px; border: 1pt solid #FFFFFF; position: absolute; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 14pt;
color: #FFFFFF; text-decoration: none; text-align: justify; }
#product-image { height: 194px; width: 194px; margin-top: 141px; margin-left: 732px; border: 1pt solid #FFFFFF; position: absolute; padding: 10px; }
#product-order-holder { height: auto; width: 960px; margin-top: 373px; position: absolute; }
#product-order { height: auto; width: 700px; margin-left: 226px; border: 1pt solid #FFFFFF; background-image: url(web-images/all/orange-banner.jpg); background-repeat: repeat-x; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
#product-shop { height: 130px; width: 720px; margin-left: 226px; margin-top: 18px; }
/* Style */
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 14pt; color: #FFFFFF; text-decoration: none; }
.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 14pt; color: #FFFFFF; text-decoration: none; }
.text-footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; line-height: 14pt; color: #FFFFFF; text-decoration: none; }
.black-box { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #FFFFFF; background-color: #000000; border: 1pt solid #FFFFFF; }
.header-01 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #FFFFFF; }
.header-02 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #FFFFFF; }
.header-03 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #F37920; }
a:link { color: #F37920; text-decoration: none; }
a:visited { color: #F37920; text-decoration: none; }
a:active { color: #F37920; text-decoration: none; }
a:hover { color: #F37920; text-decoration: underline; }
a.footer:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; line-height: 9pt; color: #484545; text-decoration: none; }
a.footer:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; line-height: 9pt; color: #484545; text-decoration: none; }
a.footer:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; line-height: 9pt; color: #484545; text-decoration: none; }
a.footer:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; line-height: 9pt; color: #ffffff; text-decoration: none; }
#tooltip { position:absolute; border:1px solid #333; background:#acc9e5; padding:2px 5px; color:#333; display:none; }
/* Menu */
ul.menu, ul.menu ul { list-style-type:none; margin: 0; padding: 0; width: 205px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
ul.menu a { display: block; text-decoration: none; }
ul.menu li { margin-top: 1px; }
ul.menu li a { color: #fff; padding: 0.5em; background-color: #ff8e3b; background-image: url(web-images/all/menu-fade.png); background-repeat: repeat-y; }
ul.menu li a:hover { background-color: #8CC5E0; background-image: url(web-images/all/menu-fade-over.png); }
ul.menu li ul li a { background: #ccc; color: #000000; padding-left: 20px; }
ul.menu li ul li a:hover { background: #aaa; padding-left: 15px; border-left-width: 5px; border-left-style: solid; border-left-color: #287092; }
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
/* styling of header */
#top-header {background: url(web-images/banner-fill.gif) no-repeat; height: 135px; position: relative;font-family: Verdana, Arial, Helvetica, sans-serif;}
#top-header1 {width: 350px; height: 100px;position: absolute; top: 4px; left: 340px;}
#top-header2 {width: 270px; height: 100px;position: absolute; top: 4px; right: 0;}
#top-header h1 {font-size: 13px; font-weight: 800; line-height: 30px; margin-top: 0; padding-top: 0; color: #999;}