/*
------------------------------------------------------
RESET ALL ELEMENTS FOR STYLING
------------------------------------------------------
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;border:0;}
fieldset,img{border:0;}
cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
/*
------------------------------------------------------
SET BASE FONT VALUES
------------------------------------------------------
*/
body{font:11px 'Trebuchet MS', Verdana, Arial, Helvetica,sans-serif;*font-size:small;*font:x-small;line-height:1em;}
table{font-size:inherit;font:100%;}
select,input,textarea{font:99% verdana,sans-serif;}
div, span{font-size:11px;}
#main-content-bg, #content-container{
 line-height: 1.5em;
}

/*
------------------------------------------------------
GLOBALS
------------------------------------------------------
*/
body { 
 background: url(../_img/main_bg.jpg) repeat top left;
 color: #666;
}
p { margin: 0 0 10px 0;}
.inline { display: inline; }
.left { float: left; }
.right { float: right; }
.none { float: none; }
.center { text-align: center; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.small { font-size: 10px; }
.hide { display: none; }
ul { margin: 10px; list-style: disc; }
ol { margin: 10px; list-style: decimal; }
ul li, ol li { margin-left: 20px; }
ul.no-bullets { list-style: none; }
.clear { clear: both; display: block; height: 1px; font-size: 1px; line-height: 1px; }
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*
------------------------------------------------------
FORM STYLES
------------------------------------------------------
*/
input, select, textarea, label {
}
.inputbox, textarea {
 padding: 2px;
 background-color: #e5e5e5;
 border: none;
 border-top: 1px solid #ccc;
}
select {
 background-color: #fff;
}
.button {
 background-color: #e5e5e5;
 border: 1px solid #ccc;
 font-weight: bold;
 text-transform: uppercase;
}
.row {
 clear: both;
 margin-bottom: 10px;
}
label, .label {

}
label.no-style {
 float: none;
 margin-bottom: 0;
 width: auto;
}
.field {
 float: left;
 font-weight: normal;
}
#butt-submit {
 display: block;
 width: 67px;
 height: 27px;
 background: url(../_img/shared/butt_send.gif) no-repeat;
}
#butt-submit:hover {
 background-position: 0 -27px;
}
.errFld {
 border-top: 1px solid #f00 !important;
} 
.errMsg { 
 font-size: 11px;
 color: #f00;
} 
.onstate-vcf { 
 display: block; 
} 
/*
------------------------------------------------------
FONT STYLES
------------------------------------------------------
*/
em {
 font-style: italic;
}
sup {
 font-size: 8px;
}
strong {
 font-weight: bold;
}
.text-block {
 margin: 0px 20px 10px 20px;
 }
.home-page {
 width: 235px;
 }
.header {
 background-color: #bf2828;
 color: #FFF;
 font-weight: bold;
 height: 20px;
 }
.cells {
 background-color: #FFF;
 padding: 3px 0px 5px 0px;
 margin-bottom: 1px;
 }
/*
------------------------------------------------------
LIST STYLES
------------------------------------------------------
*/

/*
------------------------------------------------------
LINK STYLES
------------------------------------------------------
*/
a:link {
 color: #7e2525;
 text-decoration: underline;
}
a:visited {
 color: #7e2525;
 text-decoration: underline;
}
a:hover { 
 text-decoration: none;
}

/*
------------------------------------------------------
HEADERS STYLES
purple - #49166D
green - #6c0
------------------------------------------------------
*/
.title {
 text-indent: -5000px;
 margin: 10px 0px 10px 0px;
 height: 40px;
 }
.turnstyle-vending {
 background: url(../_img/ttl_homepage_turnstyle_vending.gif) no-repeat top left;
 }
.start-vending {
 background: url(../_img/ttl_homepage_start_vending.gif) no-repeat top left;
 }
.vending-benefits {
 background: url(../_img/ttl_homepage_vending_benefits.gif) no-repeat top left;
 } 

h1 { 
 font-size: 24px;
 color: #666;
 margin-bottom: 5px;
 font-weight: bold;
}
h2 { 
 font-size: 16px;
 color: #666;
 margin-bottom: 5px;
 font-weight: bold;
}
h3 { 
 font-size: 14px;
 color: #666;
 margin-bottom: 5px;
 font-weight: bold;
}
h4 { 
 font-size: 12px;
 color: #666;
}
h5 { 
 font-size: 12px;
 color: #666;
}
h6 { 
 font-size: 18px;
 color: #666;
}
h7 { 
 font-size: 26px;
 color: #666;
 padding-bottom: 10px;
}

.clearfloat {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}


/*
------------------------------------------------------
LAYOUT STYLES
------------------------------------------------------
*/

img {
 border: none;
}

.hidden{
 display:none;
}

.img-replace { 
 text-indent: -9999px; 
 overflow: hidden; 
}

.abs{
 position: absolute;
}

#wrap {
 background: url(../_img/img-main-bg.jpg) repeat-x top left;
 height: 34px;
 padding-top: 42px;
 }

#mainContainer {
 width: 780px;
 margin: 0px 0px 0px 20px;
}
 
.maincol{
 min-height:433px;
}

#footer-spacer{
 height: 40px; 
 display:block; 
 clear:both; 
 margin:0; 
 padding:0;
}

/*
------------------------------------------------------
TOPBAR STYLES
------------------------------------------------------
*/
#topbar {
 height: 28px;
 display: block; 
 position: relative;
}

#topbar #util-nav{
 width: 480px;
 position: absolute;
 left: 330px; 
}

#topbar #util-nav a{
 text-transform: uppercase;
 color: #666;
 text-decoration: underline;
}

#topbar #util-nav #util-nav-left{
 background: url(../_img/utility-nav-bg-left.gif) no-repeat top left;
 width: 20px;
 height: 28px;
 display: block;
 float: left;
 
}

#topbar #util-nav #util-nav-mid{
 background-color: #fff;
 float: left;
 width: 420px;
 height: 28px;
 display: block;
 position: relative;
}

#topbar #util-nav #util-nav-mid .util-top-space{
 padding: 9px 0px 0px 0px;
}

#topbar #util-nav #util-nav-mid .flag-spacer{
 margin: 0px 0px 0px 2px;
}

#topbar #util-nav #util-nav-mid #flag-left{
 margin: 0px 0px 0px 6px;
}
 
#topbar #util-nav #util-nav-mid #util-shipping{
 width: 240px;
 position: absolute;
 top: 0px;
 left: 184px;
}

#topbar #util-nav #util-nav-mid #util-status{
 width: 170px;
}

#topbar #util-nav #util-nav-mid #util-status a{
 font-weight: bold;
}

#topbar #util-nav #util-nav-mid #util-nav-mid-spacer{
 float: left;
 margin: 0;
}

#topbar #util-nav #util-nav-right{
 background: url(../_img/utility-nav-bg-right.gif) no-repeat top left;
 width: 10px;
 height: 28px;
 display: block;
 float: left;
}

/*
------------------------------------------------------
MENU STYLES
------------------------------------------------------
*/

#menu-items {
 position: relative;
 z-index: 100;
 height: 52px;
}

#menu-items ul {
 list-style: none;
 height: 37px; 
 display: block;
 padding: 0px;
 margin: 0px;
 position: absolute;
 left: 72px;
}

#menu-items li {
 text-indent: -5000px; 
 display: block;
 float: left; 
 padding: 0; 
 margin: 0;
}

#menu-items li a {
 display: block; 
 height: 34px;
 background: url(../_img/nav-main.gif) 0 0px no-repeat;
}

#menu-items a#mainmenu-home {
 background-position: 0 0;
 width: 54px;
}

#menu-items a#mainmenu-home:hover {
 background-position: 0px -34px;
}

#menu-items a#mainmenu-home:active, #menu-items a#mainmenu-home.selected {
 background-position: 0px -68px;
}

#menu-items a#mainmenu-products {
 background-position: -54px 0;
 width: 82px;
}

#menu-items a#mainmenu-products:hover {
 background-position: -54px -34px;
}

#menu-items a#mainmenu-products:active,#menu-items a#mainmenu-products.selected {
 background-position: -54px -68px;
}

#menu-items a#mainmenu-templates {
 background-position: -136px 0;
 width: 87px;
}

#menu-items a#mainmenu-templates:hover {
 background-position: -136px -34px;
}

#menu-items a#mainmenu-templates:active, #menu-items a#mainmenu-templates.selected{
 background-position: -136px -68px;
}

#menu-items a#mainmenu-news {
 background-position: -228px 0;
 width: 55px;
}

#menu-items a#mainmenu-news:hover {
 background-position: -228px -34px;
}

#menu-items a#mainmenu-news:active, #menu-items a#mainmenu-news.selected {
 background-position: -228px -68px;
}


#menu{
 height: 42px;
 display: block;
 background-color: #fff; 
 padding: 10px 0px 0px 0px;
 position: relative;
}

#menu #menu-bg{
 height: 37px;
 display: block;
 background: url(../_img/nav-bg.gif) 0px 0px repeat-x;
 background-color: #fff; 
 width: 772px;
}


#logo {
 position: absolute;
 top: -60px;
 left: -20px; 
 width: 116px;
 height: 148px;
 z-index: 99;
}

#menu-items-right{
 position: absolute;
 left: 410px;
 width: 410px;
 top: 10px;
}

#menu-items-right p, #menu-items-right a{
 float: left;
 font-weight: bold;
 font-size: 11px;
 text-transform: uppercase;
 margin: 0px 10px 0px 0px;
 color: #666;
}

#menu-items-right a.selected{
 color: #842424;
}




#content-header img{
 margin: 0px 0px 0px 8px;
}


#flash-intro, #swfmovie{
 z-index: 50;
 padding: 0;
 margin: 0; 
}

.tweet-date {
 color: #999;
}
.twitter-follow {
 _zoom: 1;
 position: relative;
 margin: 10px 0 -18px;
}

#main-content{
 background-color: #fff;
}

#main-content .inner-bg{
 background-color: #fff;
}

#main-content #left-col{
 width: 532px;
 margin: 0px 8px 0px 8px;
 float: left;
 display: inline;
 position: relative;
}

#main-content #left-col #more-buttons{
 position: absolute;
 z-index: 99999;
 bottom: 18px;
 right: 5px;
 /*display: block !important;*/
}

#main-content #left-col #flash-intro,#main-content #left-col #flash-intro-swf{
 z-index: 10;
 position: relative;
}



#main-content .full-col{
 width: 764px !important;
}

#main-content #right-col{
 width: 224px;
 float: left;
 display: inline;
 
}

#main-content #right-col #quick-quote{
 width: 224px;
 height: 168px;
 display: block;
 position: relative;
 background: url(../_img/quick-quite-bg-1.gif) 0px 0px no-repeat; 
}

#main-content #right-col #custom-packaging{
 margin: 10px 0px 0px 0px;
}

#main-content #right-col #custom-packaging #cp-img{
 margin-bottom: 0;
 padding-bottom:0;
}

#main-content #right-col #custom-packaging #cp-text{
 
}

#main-content #right-col #custom-packaging #cp-text p{
 
}

#main-content #right-col #makeyourown{
 width: 224px;
 height: 180px;
 display: block;
 background: url(../_img/home-makeyourown.gif) 0px 0px no-repeat;
 margin: 10px 0px 50px 0px;
 position: relative;
}

#main-content #right-col #vending{
 width: 224px;
 height: 230px;
 display: block;
 background: url(../_img/home-vending.gif) 0px 0px no-repeat;
 margin: 10px 0px 0px 0px;
 position: relative;
}

#main-content #right-col #vending-blurb{
 width: 130px;
 margin: 0px 10px 0px 10px;
 position: absolute;
 top: 42px;
}
#main-content #right-col #vending-blurb ul{
 margin: 10px 0;
}
#main-content #right-col #vending-blurb ul li{
 margin: 0 0 0 15px;
}

#main-content #main-content-bg{ 
 background: url(../_img/home-bg.gif) 0 -50px repeat-x; 
}

.right-content-wrap{
 margin: 0px 10px 0px 10px;
}

#left-col-split{
 width: 532px;
 position: relative;
}

#left-col-split #left-col-split-left{
 width: 262px;
 margin: 0px 8px 0px 0px;
 float: left;
 left: 0px;
 position: absolute;
}

#left-col-split #left-col-split-right{
 width: 262px;
 left: 270px;
 display: block;
 position: absolute;
}

#left-col-split #left-col-split-left #button-of-the-month #bom-img{
 position: absolute;
 left: 150px;
 top: 25px;
}

#left-col-split #left-col-split-left #button-of-the-month{
 background: url(../_img/button-of-month-driver-bg-262-gray.gif) 0 0 no-repeat; 
 width: 246px;
 height: 132px;
 display: block;
 position: relative;
 padding: 0px 10px 0px 10px;
}

#left-col-split #left-col-split-left #button-of-the-month p{
 color: #666;
 font-weight: bold;
 width: 155px;
 height: 70px;
 display: block;
 padding: 30px 0px 0px 0px;
 margin: 0;
}

#left-col-split #left-col-split-left #button-of-the-month a{
 color: #666;
 font-weight: bold;
}

#left-col-split #left-col-split-left #mailing-list{
 width: 242px;
 min-height: 110px;
 border-bottom: 1px solid #b8b8b8; 
 display: block;
 position: relative;
 padding: 0px 10px 0px 10px;
 margin: 8px 0px 0px 0px;
 background: url(../_img/join-our-list-bg-top.gif) 0 0 no-repeat; 
}

#left-col-split #left-col-split-left #mailing-list p{
 color: #666;
 font-weight: bold;
 padding: 26px 0px 0px 0px;
}


/*
------------------------------------------------------
QUICK QUOTE
------------------------------------------------------
*/


#main-content #right-col #quick-quote #qq-step-3 #shipping-timeline{
 display: none;
}

#main-content #right-col #quick-quote{
 position: relative;
 padding-top: 30px;
}

#main-content #right-col #quick-quote #qq-step-1{
 border: #cc0406 2px solid;
}

#main-content #right-col #quick-quote #qq-step-2{
 border: #cc0406 2px solid;
}

#main-content #right-col #quick-quote #qq-step-3{
 border: #cc0406 2px solid;
 font-weight: bold;
}

#main-content #right-col #quick-quote #qq-step-3 label,#main-content #right-col #quick-quote #qq-step-3 .row{
 margin: 0;
 padding 0;
}

#main-content #right-col #quick-quote .row{
 width: 182px;
}

#main-content #right-col #quick-quote #qq-step-3 h4{
 color: #cc0406;
 font-weight: bold;
 text-transform: uppercase;
}


#main-content #right-col #quick-quote #qq-step-3 #shipping-timeline{
 clear: both;
}

#st-container{
 padding: 5px 0px 0px 0px;
}

#st-container #st-icon{
 float: left;
}

#st-container #st-text{
 float: left;
 margin: 0px 0px 0px 5px;
}

#main-content #right-col #quick-quote .qq-box{
 margin: 0px 10px 3px 10px;
 background-color: #fff; 
 padding: 10px;
 width: 182px;
 min-height: 96px;
 border: 1px solid #b9b9b9;
}

#main-content #right-col #quick-quote #proceed-container{
 width: 204px;
 margin: 0px 10px;
 position: relative;
}

#main-content #right-col #quick-quote #proceed-container div{
 float: left; 
}

#main-content #right-col #quick-quote #proceed{
 position: absolute;
 left: 120px;
}

#main-content #right-col #quick-quote #previous-img{
 padding: 2px 3px 0px 0px; 
}


#main-content #right-col #quick-quote #previous{
 position: absolute;
 width: 80px;
 margin: 2px 0px 0px 0px;
}

#main-content #right-col #quick-quote #previous img{
 margin: 2px 0px 0px 0px;
}




/*
------------------------------------------------------
BUTTONS
------------------------------------------------------
*/

a.driver-button-moreinfo{
 width: 77px;
 height: 24px;
 display: block;
 background-image:url(../_img/butt-more-info.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 background-position: 0px 0px;
}

a.driver-button-moreinfo:hover {
 background-position: 0px -24px;
}

a.driver-button-moreinfo.whitebg{
 position: absolute;
 bottom: 10px;
 background-image:url(../_img/butt-more-info-whitebg.gif);
}

a.driver-button-viewmore{
 width: 85px;
 height: 23px;
 display: block;
 background-image:url(../_img/butt-view-more-whitebg.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 background-position: 0px 0px;
}

a.driver-button-viewmore:hover {
 background-position: 0px -23px;
}

a.driver-button-addtocart{
 width: 92px;
 height: 24px;
 display: block;
 background-image:url(../_img/butt-add-to-cart.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 background-position: 0px 0px;
}

a.driver-button-addtocart:hover {
 background-position: 0px -24px;
}

a.driver-button-proceed{
 width: 85px;
 height: 25px;
 display: block;
 background-image:url(../_img/butt-proceed.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 background-position: 0px 0px;
}

a.driver-button-proceed:hover {
 background-position: 0px -25px;
}

a.driver-button-proceed-red{
 width: 83px;
 height: 24px;
 display: block;
 background-image:url(../_img/butt-proceed-red.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 background-position: 0px 0px;
}

a.driver-button-proceed-red:hover {
 background-position: 0px -24px;
}

a.driver-button-calculate-shipping{
 width: 124px;
 height: 24px;
 display: block;
 background-image:url(../_img/butt-calculate-shipping.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 background-position: 0px 0px;
}

a.driver-button-calculate-shipping:hover {
 background-position: 0px -24px;
}

a.driver-button-add-file{
 width: 83px;
 height: 24px; 
 display: block;
 background-image:url(../_img/butt-add-file.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 background-position: 0px 0px;
}

a.driver-button-add-file:hover {
 background-position: 0px -24px;
}




/*
------------------------------------------------------
FOOTER STYLES
------------------------------------------------------
*/
#footer {
 background-image:url(../_img/footer-bottom.gif);
 background-repeat: no-repeat;
 background-position: 0px 75px; 
 background-color: #fff;
 height: 120px;
 padding: 10px 8px 10px 8px; 
}

#footer .left{
 padding: 3px 0 0 0; 
}


#footer p {
 margin: 0px;
 padding: 0px;
}
#footer p.footer-links {
 padding-top: 5px;
}

.footer-links {
 font-weight: bold;
 font-size: 10px;
 margin: 0px;
 padding: 0px;
 text-transform: uppercase; 
}

.footer-links a{
 text-decoration: underline;
 padding: 0px 4px 0px 4px;
 color: #8c8c8c;
}

.footer-links a:visited{
 text-decoration: underline;
 padding: 0px 4px 0px 4px;
 color: #8c8c8c;
}

.footer-links a:hover{
 color: #842424;
 text-decoration: underline;
}

#footer .footer-text { 
 font-weight: normal;
 font-size: 10px;
 padding: 5px 0px 0px 4px;
}

#footer .footer-text a {
 text-decoration: underline;
 color: #8c8c8c;
}

#footer .footer-text a:visited{
 text-decoration: underline;
 color: #8c8c8c;
}

#footer .footer-text a:hover {
 color: #842424;
 text-decoration: underline;
}


#footer #credit-cards{
 float: right;
 margin: 20px 10px 0px 0px;
}





#cart-total{
 color: #cc0000;
 font-weight: bold;
}



#phone-number {
 float: right;
 display: block;
 width: 195px;
 height: 13px;
 }

#view-cart {
 float: right;
 width: 250px;
 height: 25px;
 padding-bottom: 6px;
 }
 
#view-cart #textcontent {
 padding-top: 5px;
 width: 175px;
 text-align: right;
 float: left;
 font-size: 10px;
 font-weight: bold;
}

#view-cart #butcontent {
 float: right;
 width: 68px;
} 

/*
------------------------------------------------------
MAIN BODY STYLES
------------------------------------------------------
*/
#leftcol {
 float: left;
 width: 209px;
 }
#rightcol {
 float: left;
 width: 460px;
 background: url(../_img/content-bg-tile.gif) repeat-y top left;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 }

#leftcol-img, #banner-img {
 margin: 0;
 padding: 0;
 line-height: 0;
 } 

#main-nav {
 background: url(../_img/menu-bg.gif) no-repeat top left;
 margin: 0px;
 height: 60px;
 padding: 0px 0px 0px 10px;
 }

#products-sub-nav {
 background: url(../_img/products-subnav-bg.gif) no-repeat top left;
 height: 43px;
 margin: 0px 0px 10px 0px;
 padding: 12px 0px 0px 40px;
 }

#capsule-driver {
 float: right;
 width: 138px;
 height: 138px;
 margin-right: 30px;
 }

.driver {
 width: 136px;
 float: left;
 margin-right: 5px;
 }
 
#product-container {
 padding: 0px 20px 0px 20px;
 }
.return-top {
 width: 420px;
 height: 8px;
 }
 
.main-content{
 padding: 20px 20px 20px 20px;
}

/*
------------------------------------------------------
PRODUCT MENU STYLES
------------------------------------------------------
*/

#pmenu-items {
 position: relative;
 z-index: 100;
 height: 26px;
}

#pmenu-items ul {
 list-style: none;
 height: 26px; 
 display: block;
 padding: 0px;
 margin: 0px;
 position: absolute;
 left: 72px;
}

#pmenu-items li {
 text-indent: -5000px; 
 display: block;
 float: left; 
 padding: 0; 
 margin: 0;
}

#pmenu-items li a {
 display: block; 
 height: 26px;
 background: url(../_img/menu_products.gif) 0 0px no-repeat;
}

#pmenu-items a#pmenu-products-buttons {
 background-position: 0 0;
 width: 140px;
}

#pmenu-items a#pmenu-products-buttons:hover,#pmenu-items a#pmenu-products-buttons.selected {
 background-position: 0px -26px;
}

#pmenu-items a#pmenu-products-custom_packaging {
 background-position: -140px 0;
 width: 156px;
}

#pmenu-items a#pmenu-products-custom_packaging:hover,#pmenu-items a#pmenu-products-custom_packaging.selected {
 background-position: -140px -26px;
}

#pmenu-items a#pmenu-products-vending_machines {
 background-position: -423px 0;
 width: 142px;
}

#pmenu-items a#pmenu-products-vending_machines:hover,#pmenu-items a#pmenu-products-vending_machines.selected {
 background-position: -423px -26px;
}

#pmenu-items a#pmenu-products-do_it_yourself {
 background-position: -296px 0;
 width: 127px;
}

#pmenu-items a#pmenu-products-do_it_yourself:hover,#pmenu-items a#pmenu-products-do_it_yourself.selected {
 background-position: -296px -26px;
}

/*
------------------------------------------------------
BACK TO TOP
------------------------------------------------------
*/


#back-to-top{
 clear: both;
 height: 32px;
 display: block;
 padding: 14px 0px 0px 10px;
 margin: 0;
 text-transform: uppercase;
 background: url(../_img/bg-bot.gif) 0 0px repeat-x; 
}

#back-to-top #btt-arrow{
 float: left;
 margin: 3px 5px 0px 8px;
}

#back-to-top #btt-link{
 float: left;
 color: #666;
}


/*
------------------------------------------------------
SOCIAL MEDIA
------------------------------------------------------
*/

#menu-social {
 height: 50px;
 width: 760px;
 margin: 0px 0px 0px 0px; 
}

#menu-social ul {
 margin: 0px 0px 0px 5px;
 float: left;
}

#menu-social h3 {
 float: left;
 margin: 12px 0px 0px 20px;
 line-height: 1.2em;
 font-size: 12px;
 width: 400px;
}

#menu-social li {
 list-style: none;
 text-indent: -5000px;
 display: block;
 float: left;
 margin: 0px 0px 0px 0px;
}

#menu-social li a {
 display: block;
 height: 50px;
 background: url(../_img/logos_scp_social.gif) 0 0px no-repeat;
}

#menu-social a#ms-twitter {
 background-position: 0 0;
 width: 45px;
}

#menu-social a#ms-twitter:hover, #menu-social a#ms-twitter.selected {
 background-position: 0 -50px;
}

#menu-social a#ms-facebook {
 background-position: -45px 0;
 width: 54px;
}

#menu-social a#ms-facebook:hover, #menu-social a#ms-facebook.selected {
 background-position: -45px -50px;
}


#menu-social a#ms-flickr {
 background-position: -100px 0;
 width: 54px;
}

#menu-social a#ms-flickr:hover, #menu-social a#-flickr.selected {
 background-position: -100px -50px;
}

#menu-social a#ms-yelp {
 background-position: -153px 0;
 width: 52px;
}

#menu-social a#ms-yelp:hover, #menu-social a#ms-yelp.selected {
 background-position: -153px -50px;
}

#menu-social a#ms-etsy {
 background-position: -205px 0;
 width: 53px;
}

#menu-social a#ms-etsy:hover, #menu-social a#ms-etsy.selected {
 background-position: -205px -50px; 
}

#menu-social a#ms-wordpress {
 background-position: -258px 0;
 width: 46px;
}

#menu-social a#ms-wordpress:hover, #menu-social a#ms-wordpress.selected {
 background-position: -258px -50px; 
}


.formify .row{
 clear: both;
 float: left;
 width: 290px;
 margin: 0px 0px 4px 0px;
}

.formify .twocol label{
 width: 95px;
 float: left; 
 font-weight: bold;
 color: #999;
 margin: 3px 0px 0px 0px;
}

.formify .twocol label.error{
 margin: 2px 0px 2px 95px;
 color: #c00;
 font-weight: bold;
 width: 190px;
}


.formify .twocol input, .formify textarea, .formify select{
 float: left;
 font-family: "MS Trebuchet", Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #999;
 border: 1px solid #c4c4c4;
 background-color: #f8f8f8;
 padding: 3px 0px 0px 0px;
 margin: 2px 0px 0px 0px;
}

.formify .twocol select.single-line{
 height: 22px;
}

.formify textarea{
 width: 190px;
 height: 100px;
}

.formify .twocol .single-line {
 padding: 2px 0px 0px 0px;
 height: 18px;
}

.formify .multi-line{
 margin: 0px 0px 0px 0px;
}



.formify .question-container .question-text{ 
 color: #666;
}

.formify .submit-button{
 width: 70px;
 color: #fff;
 background-color: #66cc00;
 font-weight: bold;
 height: 30px;
 border: 1px solid #fff;
 font-size: 11px;
}



#form-comment #captcha{
 width: 65px;
 float: left;
 margin: 0px 0px 0px 5px;
}

#form-comment #captcha-img{
 float: left;
}


#quick-quote .twocol label{
 width: 70px;
}

#quick-quote .twocol select{
 width: 112px;
 padding: 0;
}

#quick-quote .twocol input{
 width: 110px;
 padding: 0;
}

#quick-quote #ship-row{
 margin: 2px 0px 0px 0px;
}

#quick-quote #qq-ship-radio-container{
 width: 110px;
 float: left;
 margin: 2px 0px 0px 0px;
}

#quick-quote #qq-ship-radio-container label{
 width: 45px;
}

#quick-quote #lbl-ship{
 width: 70px;
 color: #999;
 font-weight: bold;
}

/***************************
CONTACT SECTION
***************************/
#form-comment input,#form-comment textarea{
 font-family: "MS Trebuchet", Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666;
 border: 1px solid #c4c4c4;
 background-color: #f8f8f8;
 padding: 3px 0px 3px 0px;
 margin: 2px 0px 0px 0px;
}

#form-comment input{
 width: 190px;
}

#form-comment #form-comment-submit{
 width: 97px;
 height: 24px;
 border: none;
 margin: 0;
 padding: 0;
}

/***************************
SUMMMARY SECTION
***************************/



.summary-input label{
 width: 95px;
 float: left; 
 font-weight: bold;
 color: #666;
 margin: 3px 0px 0px 0px;
}

.summary-input label.error{
 margin: 2px 0px 2px 0px;
 color: #c00;
 font-weight: bold;
 width: 190px;
}


.summary-input input, .summary-input textarea, .summary-input select{
 float: left;
 font-family: "MS Trebuchet", Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666;
 border: 1px solid #c4c4c4;
 background-color: #f8f8f8;
 padding: 3px 0px 3px 0px;
 margin: 2px 0px 0px 0px;
}

.summary-input input{
 width: 145px;
}

.summary-input select{
 width: 147px;
}


.summary-input select.single-line{
 height: 22px;
}

.summary-input textarea{
 width: 394px;
 height: 100px;
}

.summary-input .si-left{
 float: left;
 width: 245px;
}

.summary-input .si-left-lg{
 float: left;
 width: 335px;
}

.summary-input .si-right{
 float: right;
 width: 245px;
}

.summary-input .si-right-aux{
 float: left;
 width: 245px;
 position: relative;
}


.summary-input .si-row{
 clear: both;
 margin: 0px 0px 5px 0px;
}

.summary-input .si-row .form-text{
 width: 80px;
 float: left;
 display: block;
}

.summary-input .si-row .form-input{
 float: left;
 display: block;
 width: 150px;
}

.summary-input select.two-select-left{
 margin-right: 7px;
}

.summary-input select.two-select{
 width: 70px;
 float: left; 
}

/*
------------------------------------------------------
Telus Form
------------------------------------------------------
*/

form.tsv-form{
 font-size: 10px;
 font-family: "Verdana";
 clear:both;
}

form.tsv-form textarea, form.tsv-form input, form.tsv-form select{
 padding: 0;
 margin: 0;
}

form.tsv-form {
 width: 378px;
 clear:both;
 padding: 0;
 margin: 0;
}

form.tsv-form label{
 width: 175px;
 padding: 0;
 margin: 0;
}

form.tsv-form label.error{
 width: 96%;
 height: 7px;
 color: #c02729;
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
 
}

form.tsv-form input{
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
 border-left: 1px solid #999;
 border-right: 1px solid #999;
 background: #fff;
 color: #666;
 height:16px;
 width: 98%;
}

form.tsv-form input, form.tsv-form select{
 margin: 0px 0px 3px 0px;
}

form.tsv-form input.error, form.tsv-form select.error { 
 border: 1px dotted #c02729; 
}

form.tsv-form input.submitBtnInput {
}

form.tsv-form div.formBtns {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}


form.tsv-form .submitBtnInput{
 margin
}

form.tsv-form .submitBtnInput input{
 display: block;
 padding: 5px 4px 0px 0px;
 background: transparent;
 float: right;
 width: 124px;
 height: 34px;
 border: none;
}

form.tsv-form p{
 margin: 0px 0px 3px 0px;
 padding: 0px 0px 0px 0px;
 clear: both;
}

form.tsv-form .half-left{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 49%;
 float: left;
 clear: none;
}

form.tsv-form .half-right{
 width: 49%;
 float: right;
 clear: none;
 margin-left: 5px;
}

form.tsv-form input#fname, form.tsv-form input#lname,form.tsv-form input#b-fname, form.tsv-form input#b-lname,
form.tsv-form input#sFriendLastName,form.tsv-form input#sFriendName
{
 width: 96%;
}

form.tsv-form input#iCCPasscode{
 width: 76%;
}

form.tsv-form .eighty-left{
 width: 79%;
 float: left;
}

form.tsv-form .twenty-right{
 width: 18%;
 float: left;
 margin-left: 5px;
}

form.tsv-form input#add1, form.tsv-form input#add2{
 
}

form.tsv-form select{
 background-color: #fff;
 border: 1px #999 solid;
 height: 18px;
 color: #666;
}

form.tsv-form select#iCCExpiryMonth, form.tsv-form select#iCCExpiryYear{
 width: 96%;
}

form.tsv-form #prov,form.tsv-form #b-prov, form.tsv-form #sCCType{
 width: 98%;
 background-color: #fff;
 border: 1px #999 solid;
 height: 18px;
 color: #666;
}

form.tsv-form textarea{
 width: 98%;
 background-color: #fff;
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
 border-left: 1px solid #999;
 border-right: 1px solid #999;
}

form.tsv-form .clearfloat {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}

form.tsv-form .asterisk {
 color: #c02729;
 float: left;
}

form.tsv-form div.denotes{
 padding-top: 6px;
 font-size: 10px;
}



form.tsv-form input.radiobutton{
 width: 20px;
}

form.tsv-form .form-separator{
 color:#e5e5e5;
 background: #fff;
 border: 0;
 height:1px;
 margin:10px 0px 16px 0px;
 width: 99%;
 float: left;
 clear both;
}

form.tsv-form h2{
 margin: 20px 0px 20px 0px;
 padding: 10px 0px 10px 0px;
 border-bottom: 1px solid #e6e2d7;
 border-top: 1px solid #e6e2d7;
}

form.tsv-form #bSameAsShipping{
 padding-top: 4px;
 width: 30px;
 border: none;
 background-color: transparent; 
}


.sub-product{
 margin: 40px 0px 0px 10px;
}

.sp-top-header{
 margin-top: 10px;
}

.sp-blurb{
 margin: 10px 10px 30px 10px;
}

#previous-link{
 display:none;
}

#message-err{
 background-color: #fae5e5;
 border: 1px solid #eb9999;
 color: #cc0000;
 font-weight: bold;
 padding: 8px;
 margin: 0px 0px 8px 0px;
 display: none;
}

#message-success{
 background-color: #eaf5ea;
 border: 1px solid #add6ad;
 color: #339933;
 font-weight: bold;
 padding: 8px;
 margin: 0px 0px 8px 0px;
 display: none;
}

#main-content hr{
 margin: 0px 0px 8px 0px;
 color:#e0e0e0; 
 background: #e0e0e0; 
 border: 0; 
 height:1px;
 position: relative;
 clear: both;
}

#main-content hr.hr-nospace{
 margin: 10px 0px 0px 0px;
 padding: 0;
}


#main-content #main-content-bg-inner{ 
 background: url(../_img/bg-inner.gif) 0 0px repeat-x; 
 background-color: #ececec;
}



#content-container{ 

}

#content-container .checkout-step{
 float: right;
 margin: 8px 8px 0px 0px;
}



#left-content-container{
 margin: 10px;
}

#form-subscribe #submit-container{
 width: 68px;
}

#form-subscribe #email{
 width: 130px;
}

#form-subscribe div{
 float: left;
}

#form-subscribe #input-container{
 width: 140px;
 position: relative;
 padding: 4px 0px 4px 4px;
}

#form-subscribe #busy-container{
 padding: 2px 0px 0px 0px;
}

#form-subscribe label.error{
 color: #c00;
 font-weight: bold;
 width: 140px;
 display: block;
}

.grey-grid {
 width: 100%;
 padding: 0;
 margin: 0;
 background-color: #fff;
 margin: 0px 0px 30px 0px;
}


.grey-grid th {
 color: #616B76;
 background: #D9E2E1;
 border-right: 1px solid #e0e0e0;
 border-bottom: 1px solid #e0e0e0;
 border-top: 1px solid #e0e0e0;
 padding: 0;
 margin: 0;
}

.grey-grid td {
 border-right: 1px solid #e0e0e0;
 border-bottom: 1px solid #e0e0e0;
 padding: 0;
 margin: 0;
 text-align: center;
 color: #666;
 font-weight: bold;
}

.grey-grid .top td{
 line-height: 0;
}



.grey-grid td.endcell {
 border-bottom: none;
}

.grey-grid td.rightcell {
 border-right: none;
 width: 96px;
}

.grey-grid td.rightcellnw {
 border-right: none;
}

.grey-grid .product-quantity{
 width: 86px;
 margin: 0px 0px 5px 0px;
}

.grey-grid .r-1 td {
 height: 81px;
}

.grey-grid .r-2 td{
 height: 91px;
}

.grey-grid .r-3 td{
 height: 111px;
}

.grey-grid .r-4 td{
 height: 129px;
}

.grey-grid .r-5 td{
 height: 165px;
}

.grey-grid .r-6 td{
 height: 220px;
}

.grey-grid .r-7 td{
 height: 126px;
}


/*
------------------------------------------------------
PRODUCTS
------------------------------------------------------
*/

#product-menu{
 height: 36px;
} 

#buttons-items{
 width: 112px;
 padding: 0; 
 margin: 0;
}

#buttons-items ul {
 padding: 0; 
 margin: 0;
}

#buttons-items li {
 text-indent: -5000px; 
 display: block;
 padding: 0; 
 margin: 0;
}

#buttons-items #bu-100{
 width: 112px;
 height: 83px;
 background: url(../_img/products/butt-1.jpg) 0 0px no-repeat;
}

#buttons-items #bu-100:hover{
 background: url(../_img/products/butt-1.jpg) 0 -83px no-repeat;
}

#buttons-items #bu-125{
 width: 112px;
 height: 93px;
 background: url(../_img/products/butt-125.jpg) 0 0px no-repeat;
}

#buttons-items #bu-125:hover{
 background: url(../_img/products/butt-125.jpg) 0 -93px no-repeat;
}

#buttons-items #bu-150{
 width: 112px;
 height: 111px;
 background: url(../_img/products/butt-15.jpg) 0 0px no-repeat;
}

#buttons-items #bu-150:hover{
 background: url(../_img/products/butt-15.jpg) 0 -111px no-repeat;
}

#buttons-items #bu-175{
 width: 112px;
 height: 129px;
 background: url(../_img/products/butt-175.jpg) 0 0px no-repeat;
}

#buttons-items #bu-175:hover{
 background: url(../_img/products/butt-175.jpg) 0 -129px no-repeat;
}

#buttons-items #bu-225{
 width: 112px;
 height: 165px;
 background: url(../_img/products/butt-225.jpg) 0 0px no-repeat;
}

#buttons-items #bu-225:hover{
 background: url(../_img/products/butt-225.jpg) 0 -165px no-repeat;
}


#buttons-items #bu-300{
 width: 112px;
 height: 220px;
 background: url(../_img/products/butt-3.jpg) 0 0px no-repeat;
}

#buttons-items #bu-300:hover{
 background: url(../_img/products/butt-3.jpg) 0 -220px no-repeat;
}


#buttons-items #bu-150s{
 width: 112px;
 height: 128px;
 background: url(../_img/products/butt-15-sq.jpg) 0 0px no-repeat;
}

#buttons-items #bu-150s:hover{
 background: url(../_img/products/butt-15-sq.jpg) 0 -128px no-repeat;
}

#button-item-header{
 width: 104px;
 height: 80px;
 display: block;
 padding: 8px 0px 0px 8px;
}

#button-item-header p{
 margin: 5px 0px 0px 0px;
}

#buttons-grid{
 float: left;
 width: 400px;
 margin: 8px 0px 0px 8px
}



.item-container{
 margin: 10px 10px 40px 10px;
}

.item-container .item-photo{
 float: left;
 width: 170px;
}

.item-container .item-right-col{
 float: left;
 width: 340px;
}

.item-container .item-right-col p {
 line-height: 1.5em;
}

.item-container .item-right-col h3{
 color: #666;
 font-weight: bold;
 padding: 6px 0px;
}

.item-container .item-price-line{
 border-top: 1px solid #e0e0e0;
 padding: 7px 0px;
}

.item-container .item-price-line-last{
 border-bottom: 1px solid #e0e0e0;
}

.item-container .item-price-line .pl-left, .item-container .item-price-line .pl-right{
 float: left;
 width: 165px;
}

.item-container .item-photo img{
 border: 4px solid #ececec;
}

.item-container .item-cart-add .product-quantity{
 float: left;
 margin: 2px 5px 0px 0px;
}

.item-container .item-cart-add a{
 float: left;
}

.item-container .item-cart-add{
 width: 175px;
 float: right;
 margin: 12px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
 border-bottom: 1px solid #e0e0e0;
}

#content-view-cart{
 width: 100%;
 text-transform: uppercase;
 text-align: right;
 height: 30px;
 display: block;
}

#content-view-cart a{
 padding: 15px 10px 10px 10px;
}

.item-container .item-right-col .description-bold{
 font-weight: bold;
}

.item-container .item-right-col .template-section{
 margin: 0px 0px 14px 0px;
 line-height: 1.5em;
}

.item-container .item-right-col .template-section a{
 color: #666;
}

/*
------------------------------------------------------
NEWS
------------------------------------------------------
*/

#news-container{
 margin: 10px;
}

#news-container h2{
 margin: 0;
 padding: 0; 
}

#news-container h4{
 margin: 2px 0px 0px 0px;
 padding: 0; 
 font-weight: bold;
 font-size: 11px;
 color: #999;
}

#news-container .news-splitter{
 margin: 10px 0px 20px 0px;
}

.news-pagination{
 width: 100%;
 text-align: center;
}

.news-pagination a, .news-pagination b{
 border-left: 1px solid #ebebeb;
 margin: 0px 0px 0px 8px;
 padding-left: 10px;
}

.news-pagination-red{
 color: #666;
 margin: 10px 0px 0px 0px;
}

.news-pagination-red a, .news-pagination-red b{ 
 color: #666;
}

/*
------------------------------------------------------
TEMPLATES
------------------------------------------------------
*/

#section-template{
 
}

#section-template #step-container .step-col{
 float: left;
 margin: 0px 20px 0px 0px;
 width: 230px;
 display: block;
}

#section-template #step-container .step-col-end{
 margin: 0;
}

#section-template #step-container #template-table{
 border: none;
 margin: 0;
 padding: 0;
}

#section-template #step-container #template-table td{
 border-bottom: 1px solid #e0e0e0;
 padding: 8px 0px 2px 0px;
}

#section-template #step-container #template-table .top td{
 margin: 0;
 padding: 0;
}


#section-template #step-container #template-table .template-title{
}

#section-template #step-container #template-table .template-icon{
 width: 22px;
 text-align: right;
}


#template-legend{
 clear: both;
 margin: 265px 0px 0px 0px;
}

#template-legend .row div{
 float: left;
 margin: 0px 0px 3px 0px;
}

#template-legend .row .icon-cell{
 width: 22px;
}

/*
------------------------------------------------------
ABOUT US
------------------------------------------------------
*/

#about-images{
 margin: 8px;
}

#about-images .about-gal{
 float: left; border: 2px solid #e0e0e0;

 margin: 0px 10px 10px 0px;
}

#about-images #lbl-operation{
 margin: 5px 0px 4px 0px;
}

/*
------------------------------------------------------
CONTACT US
------------------------------------------------------
*/

#section-contact{
 margin: 8px 8px 20px 8px;
}

#section-contact #section-contact-left{
 width: 405px;
 margin: 0px 20px 0px 0px;
 float: left;
}

#section-contact #section-contact-right{
 width: 290px;
 float: left;
 border: 1px solid #e0e0e0;
 padding: 10px;
}

#section-contact #section-contact-left #contact-info-left{
 float: left;
 width: 47%;
 margin: 0px 20px 0px 0px;
}

#section-contact #section-contact-left #contact-info-right{
 float: left;
 width: 47%;
}


/*
------------------------------------------------------
VIEW CART PAGE
------------------------------------------------------
*/

#checkout-grid{
 padding: 0;
 margin: 10px 0px 10px 0px;
}

#checkout-grid .top td{
 padding: 0;
 margin: 0;
}

#checkout-grid td{
 padding: 10px;
}

#cart-list{
 margin:0;
 padding:0;
}

#checkout-grid td.dark-cell{
 background-color: #f7f7f7;
}

#checkout-grid #continue-shopping{
 text-align: left;
}

#hdr-ship{
 margin: 0px 0px 10px 0px;
}

#shipping-container{
 margin: 10px 0px 0px 0px;
}

#shipping-container #shipping-selection{
 border: 1px solid #e1e1e1;
 padding: 15px;
}

#shipping-selection #postalzip{
 width: 120px;
}

#shipping-selection #servicelevelid{
 width: 124px;
}


#shipping-container .ifshipping{
 display: none;
}

#shipping-container #shipping-selection .ship-row{
 margin: 0px 0px 8px 0px;
}

#shipping-container #shipping-selection .ship-row-ns{
 margin: 0px 0px 4px 0px;
}

#shipping-container #shipping-selection .shipping-label{
 width: 105px;
 display: block;
 float: left;
 font-weight: bold;
}

#shipping-container #shipping-selection .shipping-column{
 width: 140px;
 display: block;
 float: left;
}

#shipping-container #shipping-selection #shipping-selection-left{
 width: 250px;
}

#shipping-container #shipping-selection #shipping-selection-right{
 clear: both
 width: 510px;
 border: 2px solid #cc0000;
 padding: 8px;
}

#shipping-grandtotal{
 margin: 10px 0px 0px 267px;
}

#shipping-price{
 border-top: none;
}


.shipping-subbox-lrg-top{
 border-left: 1px solid #e1e1e1;
 border-right: 1px solid #e1e1e1;
 border-bottom: 1px solid #e1e1e1;
 background-color: #f7f7f7;
 width: 283px;
 margin: 0px 0px 0px 227px;
 text-align: center;
 font-weight: bold;
}

.shipping-subbox-lrg{
 border: 1px solid #e1e1e1;
 background-color: #f7f7f7;
 width: 283px;
 margin: 10px 0px 0px 227px;
 text-align: center;
 font-weight: bold;
}

.shipping-subbox-lrg-top .sgt-label, .shipping-subbox-lrg .sgt-label{
 padding: 8px;
 border-right: 1px solid #e1e1e1;
 width: 185px;
 float: left; 
}

.shipping-subbox-lrg-top .sgt-total, .shipping-subbox-lrg .sgt-total{
 padding: 8px;
 width: 50px;
 float: left;
}

.shipping-subbox{
 border: 1px solid #e1e1e1;
 background-color: #f7f7f7;
 width: 243px;
 margin: 0px 0px 0px 267px;
 text-align: center;
 font-weight: bold;
}

.shipping-subbox .sgt-label{
 padding: 8px;
 border-right: 1px solid #e1e1e1;
 width: 74px;
 float: left; 
}

.shipping-subbox .sgt-total{
 padding: 8px;
 width: 130px;
 float: left;
 text-align: right;
}

#shipping-proceed{
 margin: 10px 0px 0px 428px;
}

#st-container-checkout{
 display:none;
}

#st-container-checkout #st-icon{
 float: left;
}

#st-container-checkout #st-text{
 float: left;
}

/*
------------------------------------------------------
CHECKOUT PAGE
------------------------------------------------------
*/

#tsv-cart-steps-checkout{
 width: 160px;
 height: 24px;
 background: url(../_img/buttons-step-2.gif);
 clear:both;
 float:right;
 margin: 20px 20px 20px 0px;
}

#tsv-cart-steps-completeorder{
 width: 160px;
 height: 24px;
 background: url(../_img/buttons-step-3.gif);
 clear:both;
 float:right;
 margin: 20px 20px 20px 0px;
}

#sameaship-right{
 padding-top: 1px;
 float: left;
}


#sameaship-left{
 float:left;
 clear: both;
 padding-bottom: 20px;
}

#checkout-form{
 margin-left: 20px;
}

.tsv-datatable div.row-checkout{
 background-color:#FFFFFF;
 width: 375px;
 border-bottom: 1px solid #f8f4e8;
 clear: both;
 margin: 0;
 padding: 2px 0px 2px 0px;
}


.tsv-datatable div.c1-two-checkout{
 width: 166px;
 background-color: #fff;
 padding: 15px 0px 0px 0px;
 margin: 0;
}

.tsv-datatable div.c1-two-checkout p{
 padding: 0px 0px 6px 0px;
 margin: 0;
}

.tsv-datatable div.c2-two-checkout{
 width: 195px;
 height: 80px;
 display:block;
 float: right;
 padding: 0;
 margin: 0;
 background-color: #be2829;
}

#grandtotal{
 margin:0;
 padding:15px 0px 0px 0px;
 text-align: center;
}

#grandtotal h3{
 font-size:15px;
 font-weight: bold;
 color: #fff;
 margin:0px 0px 0px 0px;
 padding:0;
}

#grandtotal p{
 font-size:12px;
 font-weight: bold;
 color: #fff;
 margin:0;
 padding:0;
}

/*
------------------------------------------------------
CONFIRM CHECKOUT PAGE
------------------------------------------------------
*/

#confirmcontainer{
 margin: 0px 20px 0px 20px;
}

/*
------------------------------------------------------
CONTACT PAGE
------------------------------------------------------
*/


#locmap{
 margin-left: 15px;
 float: right;
}

/*
------------------------------------------------------
UPLOAD PAGE
------------------------------------------------------
*/

#uploadform{
 margin: 0px 0px 0px 20px;
}

#upload-err{
 border: 1px solid #e1e1e1;
 background-color: #fff;
 padding: 10px;
 color: #c02729;
 text-align: center;
}

.butt-upload{
 position: relative;
 left: 305px;
 margin-top: 5px;
 clear:both;
}

.butt-upload a{
 clear:both;
 display: block;
 width: 70px;
 height: 35px;
 background: url(../_img/butt-upload.gif) no-repeat;
 overflow: hidden;
 text-indent: -5000px;
}

.butt-upload a:hover {
 background-position: 0 -35px;
}

/*
------------------------------------------------------
GALLERY
------------------------------------------------------
*/

#gallery-grid{
 margin: 10px;
 width: 512px;
}

#gallery-grid td img{
}

#gallery-grid td{
 width: 25%;
 padding: 5px 0px 0px 0px;
}

#gallery-right{
 height: 660px;
 background: url(../_img/gallery/top_button_of_month-whitebg.jpg) 0px 0px no-repeat; 
 background-color: #fff;
 padding: 22px 0px 0px 0px;
}

#gallery-right p.toptext {
 color: #666;
 margin: 0px 10px 0px 10px;
 display: block;
}

.gal-header{
 margin: 10px;
}

/*
------------------------------------------------------
INC FILES
------------------------------------------------------
*/

.right-grouping{
 padding: 10px;
 margin: 0px 0px 8px 0px;
}

.rg-header{
 display: block;
}

#right-header-whybuttons{
 background: url(../_img/hdr_whybuttons.gif) 0 0 no-repeat; 
 width: 104px;
 height: 9px;
}

#right-header-whyscp{
 background: url(../_img/hdr_why_six_cent_press.gif) 0 0 no-repeat; 
 width: 147px;
 height: 9px;
}

#right-header-custombuttons{
 background: url(../_img/hdr_custom_buttons.gif) 0 0 no-repeat; 
 width: 162px;
 height: 9px;
}

#right-header-customerservice{
 background: url(../_img/hdr_customer_service.gif) 0 0 no-repeat; 
 width: 162px;
 height: 9px;
}

#right-header-gallery{
 background: url(../_img/hdr_gallery.gif) 0 0 no-repeat; 
 width: 106px;
 height: 9px;
}

#right-header-whypackaging{
 background: url(../_img/hdr_why_custom_packaging.gif) 0 0 no-repeat; 
 width: 178px;
 height: 9px;
}

#right-header-byob_menu{
 background: url(../_img/hdr_diy_product_cat.gif) 0 0 no-repeat; 
 width: 107px;
 height: 23px; 
}

#right-header-whyvending{
 background: url(../_img/hdr_why_vending.gif) 0 0 no-repeat; 
 width: 116px;
 height: 9px; 
}

#right-header-operation{
 background: url(../_img/lbl_operation.gif) 0 0 no-repeat; 
 width: 120px;
 height: 9px; 
}

#right-header-whybyob{
 background: url(../_img/hdr_why_byob.gif) 0 0 no-repeat; 
 width: 116px;
 height: 23px; 
}

#right-header-artworkinstructions{
 width: 165px;
 background: url(../_img/hdr-artwork-setup.gif) 0 0 no-repeat; 
 height: 9px; 
}

#right-header-twitter{
 width: 65px;
 background: url(../_img/hdr_twitter.gif) 0 0 no-repeat; 
 height: 9px; 
}

#right-header-community{
 width: 128px;
 background: url(../_img/hdr_in_the_community.gif) 0 0 no-repeat; 
 height: 9px; 
}



#rg-img-container img{
 border: #e5e5e5 solid 2px;
 margin: 0px 5px 0px 0px;
}

#button-month{
 background: url(../_img/button-of-month-driver-bg-224-gray.gif) 0 0 no-repeat; 
 width: 204px;
 height: 132px;
 display: block;
 position: relative;
 padding: 0px 10px 0px 10px;
}

#button-month #bom-img{
 position: absolute;
 left: 115px;
 top: 25px;
}

#button-month a{
 color :#666;
}

#button-month p{
 color: #666;
 font-weight: bold;
 width: 135px;
 height: 55px;
 display: block;
 padding: 45px 0px 0px 0px;
 margin: 0;
}

.button-month-container{
 width: 204px;
 height: 112px;
 display: block;
 position: relative;
 padding: 0px 10px 0px 10px;
 border-bottom: 1px solid #e5e5e5;
}

.button-month-container a{
 color: #666;
}

.button-month-container .bom-img{
 position: absolute;
 left: 115px;
 top: 0px;
}

.button-month-container .bom-img-header{
 margin: 15px 0px 0px 0px;
}

.button-month-container p{
 color: #666;
 margin: 3px 0px 0px 0px;
 width: 115px;
}

#diy-driver{
 background: url(../_img/diy-driver-bg-224-gray.gif) 0 0 no-repeat; 
 width: 204px;
 height: 150px;
 display: block;
 position: relative;
 padding: 0px 10px 0px 10px;
 margin-bottom: 8px;
}

#diy-driver #diy-img {
 position: absolute;
 right: 10px;
 bottom: 10px;
}
#diy-driver ul {
 position: absolute;
 top: 40px;
 left: 5px;
 margin: 0;
 padding: 0;
}
/*
------------------------------------------------------
SHIPPING TIMELINE
------------------------------------------------------
*/

#shipt-main{
 padding: 10px;
 width: 500px;
}

#shipt-container{
 margin: 0px 0px 20px 0px;
}

#shipt-container #shipt-header{
 margin: 0px 0px 8px 0px;
}

.shipt-cal-container{
 float: left;
 margin: 0px 20px 0px 0px;
}

.shipt-cal-container .shipt-cal-header{
 font-weight: bold;
 text-transform: uppercase;
}

#slegend{
 width: 120px;
 margin: 25px 0px 0px 10px;
}

#slegend td{
 padding: 4px;
} 

#slegend #slegend-currday{
 display: block;
 height: 18px;
 width: 22px;
 background-color: #b1b1b1;
 border: 1px solid #d7d7d7;
}

#slegend #slegend-production{
 display: block;
 height: 18px;
 width: 22px;
 background-color: #333;
 border: 1px solid #d7d7d7;
}

#slegend #slegend-transit{
 display: block;
 height: 18px;
 width: 22px;
 background-color: #666;
 border: 1px solid #d7d7d7;
}

#slegend #slegend-delivery{
 display: block;
 height: 18px;
 width: 22px;
 background-color: #ca1a1c;
 border: 1px solid #d7d7d7;
}

/*
------------------------------------------------------
ARTWORK UPLOAD
------------------------------------------------------
*/

.grey-line{
 margin: 10px 0px 0px 0px;
 width: 512px;
 border-bottom: 1px solid #e0e0e0;
}

#artwork-container .product-header{
 color: #cc0000;
 font-weight: bold;
 margin: 15px 0px 0px 0px;
 padding: 0;
 font-size: 12px;
}

.artwork-grid .cg-footer .cg-button{
 float: right;
 margin: 10px;
 height: 24px;
 display: block;
}

.artwork-grid .cg-footer .cg-button .busy-container{
}

 .cg-footer .cg-text{
 margin: 15px 0px 0px 5px;
 float: left;
}

.artwork-grid .grid-noline{
 border: none;
}
 
.artwork-grid .file-row{
 display: block;
 text-align: center;
 clear: both;
}

.artwork-grid .file-row .fr-cell{
 min-height: 60px;
 display: block;
 float: left;
 text-align: center;
}


.artwork-grid .tfilename{
 width: 229px;
 text-align: right;
 display: block;
}

.artwork-grid .ttemplate{
 text-align: left;
 width: 282px !important;
}

.artwork-grid .file-row .filename{
 width: 229px;
 padding-top: 12px;
 text-align: left;
}

.artwork-grid .file-row .quantity{
 width: 107px; 
 padding-top: 12px;
}

.artwork-grid .file-row .quantity select{
 width: 90px;
 margin: 0px 0px 0px 10px;
}

.artwork-grid .file-row .template{
 width: 190px;
 padding-left: 10px;
 padding-top: 12px;
 text-align: left;
}

.artwork-grid .file-row .template p{
 font-size: 9px;
 font-weight: normal;
}

.artwork-grid .file-row .remove{
 width: 80px;
 padding-top: 12px;
}

#artwork-comments{
 clear: both;
}

#artwork-comments #ac-text{
 font-weight: bold;
 float: left;
 width: 120px;
}

#artwork-comments #ac-textarea{
 float: right;
 width: 380px;
}

#artwork-proceed{
 float: right;
 margin: 10px 0px 10px 0px;
 clear: both;
}

.busy-container{
 float: left;
 margin: 3px 0px 0px 0px;
}

.busy-container div{
 float: left;
}

.busy-container .bc-text{
 margin: 2px 5px 0px 8px;
}

/*
------------------------------------------------------
CHECKOUT SUMMARY
------------------------------------------------------
*/

.indent-top{
 margin: 10px 0px 0px 0px;
}

.summary-grid{
 border-top: 1px solid #e0e0e0;
 border-left: 1px solid #e0e0e0;
 border-right: 1px solid #e0e0e0;
}



.summary-grid tr.top td{
 padding: 0;
 text-align: right;
 border-top: none;
}

.summary-grid td{
 padding: 5px;
 text-align: left;
}

.summary-grid .product-header{
 color: #cc0000;
 width: 120px;
}

.summary-grid .grey-header{
 font-weight: bold;
 text-align: left;
}

.summary-grid .product-quantity{
}

.summary-grid .product-subtotal{
 
}

#form-summary .summary-grid .cell-first{
 width: 200px;
}

#form-summary .summary-grid .cell-second{
 width: 127px;
}

#form-summary .summary-grid .cell-third{
 width: 185px;
}

#shipping-summary{
 margin: 0;
 padding: 0;
}

.shipping-summary-top{
 border-left: 1px solid #e1e1e1;
 border-right: 1px solid #e1e1e1;
 border-bottom: 1px solid #e1e1e1;
 background-color: #f7f7f7;
 width: 283px;
 margin: 0px 0px 0px 198px;
 text-align: center;
 font-weight: bold;
}

.shipping-summary-top .sgt-label{
 padding: 8px;
 border-right: 1px solid #e1e1e1;
 width: 112px;
 float: left; 
}

.shipping-summary-top .sgt-total{
 padding: 8px 8px 8px 5px;
 width: 120px;
 text-align: left;
 float: left;
}

.shipping-section-box{
 clear: both;
}

.shipping-section-box .rg-header{
 margin: 20px 0px 8px 0px
}
 
.shipping-section-box .summary-input{
 border: 1px solid #e0e0e0;
 padding: 8px;
 width: 494px;
 display: block;
}

.shipping-section-box .summary-billing-header{
 clear: both;
 height: 20px;
}

.shipping-section-box .summary-billing-header .header-billing-left{
 float: left;
 width: 200px;
 height: 15px;
}

.shipping-section-box .summary-billing-header .header-billing{
 float: right;
}

#sec-code{ 
 float: left;
 padding: 4px 0px 0px 4px;
}

/*
------------------------------------------------------
CHECKOUT CONFIRMATION
------------------------------------------------------
*/


#confirmation-container #confirm-container #shipping-timeline-embed #shipt-main{
 margin: 0px;
 padding: 0px;
}

#confirmation-container #confirm-container #shipping-timeline-embed{
 margin: 12px 0px 0px 0px;
}

#confirmation-container #order-confirmation{
 padding: 5px 10px;
 border: 2px solid #c00;
 margin: 0px 0px 20px 0px;
}

#confirmation-container #order-confirmation h3{
 color: #c00;
 font-weight: bold;
 font-size: 12px;
 text-transform: uppercase;
}

#confirmation-container #order-confirmation h2{
 color: #666;
 font-weight: bold;
}

#total-cost-box{
 border-right:1px solid #E1E1E1;
 float:left;
 padding:8px;
 width:113px;
}

/*
------------------------------------------------------
SITEMAP
------------------------------------------------------
*/

#sitemap-list{
 margin: 20px 0;
}

#sitemap-list li{
 margin-bottom: 3px;
}

/*
------------------------------
 Impromptu's
------------------------------
*/
.jqiwarning .jqi{ background-color: #b0be96; }
.jqifade{
 position: absolute;
 background-color: #000;
 top: 250px;
}
div.jqi{
 position: absolute;
 background-color: #666;
 padding: 1px; 
 width: 300px;
 text-align: left;
}
div.jqi .jqiclose{
 float: right;
 margin: -35px -10px 0 0;
 cursor: pointer;
 color: #c0cEa6;
 display: none;
}
div.jqi .jqicontainer{
 background-color: #fff;
 padding: 2px; 
 color: #ffffff;
 font-weight: bold;
}
div.jqi .jqimessage{
 background-color: #bf2828;
 padding: 10px;
}
div.jqi .jqibuttons{
 text-align: center;
 padding: 5px 0 0 0;
}
div.jqi button{
 background: url(../_img/button_bg.jpg) top left repeat-x #ffffff;
 border: solid #777777 1px;
 font-size: 12px;
 padding: 3px 10px 3px 10px;
 margin: 5px 5px 5px 10px;
 width: 75px;
}

div.jqi button:hover{
 border: solid #aaaaaa 1px;
}

#facebox .b {
 background:url(../_img/facebox/b.png);
}

#facebox .tl {
 background:url(../_img/facebox/tl.png);
}

#facebox .tr {
 background:url(../_img/facebox/tr.png);
}

#facebox .bl {
 background:url(../_img/facebox/bl.png);
}

#facebox .br {
 background:url(../_img/facebox/br.png);
}

#facebox {
 position: absolute;
 top: 0;
 left: 0;
 text-align: left;
 z-index: 99999;
}

#facebox .popup {
 position: relative;
}

#facebox #main-table {
 border-collapse: collapse; 
}

#facebox td {
 /*border-bottom: 0;
 padding: 0;*/
}

#facebox .body {
 padding: 10px;
 background: #fff;
 width: 370px;
}

#facebox .loading {
 text-align: center;
}

#facebox .image {
 text-align: center;
}

#facebox img {
 border: 0;
 margin: 0;
}

#facebox .footer {
 border-top: 1px solid #DDDDDD;
 padding-top: 5px;
 margin-top: 10px;
 text-align: right;
}

#facebox .footer img {
 vertical-align: middle;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
 height: 10px;
 width: 10px;
 overflow: hidden;
 padding: 0;
}

#facebox_overlay {
 position: fixed;
 top: 0px;
 left: 0px;
 z-index: 99500;
 height:100%;
 width:100%;
}

.facebox_hide {
 z-index:-100;
}

.facebox_overlayBG {
 background-color: #000;
 z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
 position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

body,td,th {
 font-family: "MS Trebuchet",Arial, Helvetica, sans-serif;
 /*background-image: none !important;
 padding: 10px;*/
}

.calendar-month {
 margin: 0 auto;
 padding: 0;
 background-color: #fff;
 /*height: 25px;*/
 display: none;
 
}


.calendar-month a.selected{
 text-decoration: none;
 color: #0079c2;
}

.calendar-month a:hover {
 text-decoration: underline;
 color: #0079c2;
}

#calendar-container{
 background-color: #fff;
 width: 140px;
 margin: 0;
 padding: 0;
 clear: both;
}

.calendar-table {
 width: 140px;
 padding: 0px 0px 0px 0px;
 margin: 0;
 color: #616B76;
 text-align: center;
}

.calendar-table .nav, .calendar-table .nav a {
 color: #fff;
 text-align: center;
 text-decoration: none;
}

.calendar-table th {
 color: #666;
 font-weight: bold;
 background: #fff;
 border-bottom: 1px solid #d7d7d7;
 text-align: left;
 padding: 0px 0px 0px 6px;
 width: 95px;
 height: 20px;
 background-color: #fff;
 font-size: 10px;

}

.calendar-table td {
 border-right: 1px solid #d7d7d7;
 border-bottom: 1px solid #d7d7d7;
 width: 20px;
 height: 20px;
 text-align: left;
 vertical-align:top;
 padding: 1px 2px 0px 2px;
 background-color: #fefefe;
 color: #999;
 font-weight: bold;
 font-size: 9px;
}

.calendar-table td.firstcell{
 border-left: 1px solid #d7d7d7;
}

.calendar-table td.currday {
 background-color: #b1b1b1;
 color: #fff;
 font-weight: bold;
}

.calendar-table td.prod {
 background-color: #333;
 color: #fff;
 font-weight: bold;
}

.calendar-table td.delivery {
 background-color: #666;
 color: #fff;
 font-weight: bold;
}

.calendar-table td.receive {
 background-color: #ca1a1c;
 color: #fff;
 font-weight: bold;
}



.calendar-table td.noday {
 border-top: none;
 border-right: none;
 border-left: none;
 border-bottom: 1px solid #d7d7d7;
 background: #f5f5f5;
}

.calendar-table td.noday-bot {
 border: none;
 background: #f5f5f5;
}

.calendar-table td.last {
 border-right: 1px solid #d7d7d7;
}

.calendar-table td.today{
 border-top: none;
 background: #fefefe;
 background: url(../_img/bg_cell.gif) 0 0px repeat-x;
}

.calendar-table td.today-on{
 border-bottom: none;
 /*border-top: 3px solid ;*/
 font-weight: bold;
 background-color: #fff;
 background: none;
}

.calendar-table div.cell-sub-container{
 margin: 0px 0px 0px 0px;
 padding: 0;
}

.calendar-table div.event-but-sel{
 /*background-image:url(../img/bg_event_but.gif);*/
 background-repeat:repeat-x;
 width: 100%;
 margin: 0px 0px 2px 0px;
 padding: 0;
 /*background-color: #890020;*/
}

.calendar-table div.event-but-sel p {
 margin: 0;
 padding: 0;
}

.calendar-table div.event-but-sel a:link, .calendar-table div.event-but-sel a:visited , .calendar-table div.event-but-sel a:hover{
 color: #007ab5;
 font-weight: bold;
 padding: 2px;
 margin: 0px 0px 3px 0px;
 font-size: 10px;
 line-height: 120%;
 /*background-color: #890020;*/
 /*height: 24px;*/
}

.calendar-table div.event-but-sel a.st:link, .calendar-table div.event-but-sel a.st:visited , .calendar-table div.event-but-sel a.st:hover{
 color: #ff6600;
 font-weight: bold;
 padding: 2px;
 margin: 0px 0px 3px 0px;
 font-size: 10px;
 line-height: 120%;
 /*background-color: #890020;*/
 /*height: 24px;*/
}


.calendar-table td.eventsel h3{
 margin: 0;
 padding: 0;
 font-size: 15px;
 color: #007ab5;
 font-weight: bold;
 margin: 10px 0px 6px 0px;
}

.calendar-table div.event-detail-info p.event-where{
 margin: 0px 0px 4px 10px;
}

.calendar-table td.eventsel {
 border-bottom: 3px solid #007ab5;
 font-weight: bold;
 background: #fff;
 padding-bottom: 10px;
}

.calendar-table div.event-detail-box{
 margin: 0;
 padding: 0;
}

.calendar-table div.event-detail-left{
 width:240px;
 margin: 0;
 padding: 0;
 background-color: #f8f8f8;
 float: left;
 background: url(../_img/bg_cell_details.gif) 0 0px repeat-x;
 clear: both;
}

.calendar-table div.event-detail-left img{
 margin: 0;
 padding: 0;
 border: none;
 float: left;
}


.calendar-table div.event-detail-right{
 width: 215px;
 font-weight: normal;
 float: left;
 padding: 14px 0px 0px 10px;
 font-size: 11px;
 clear: right;
}

.calendar-table a.event-detail-link{
 margin-top: 10px;
 text-align: right;
}


.calendar-table div.event-detail-info{
 float: left;
 width: 155px;
}

.calendar-table div.event-detail-info p {
 margin: 0px 0px 0px 10px;
 padding: 0;
 font-size: 10px;
 color: #666;
}

.calendar-table div.event-detail-info .infored {
 margin: 0px 0px 0px 0px;
 padding: 0;
 color: #999;
 line-height: 1em;
}

.calendar-table td a {
 text-decoration: none;
 font-weight: bold;
 display: block;
}

.calendar-table td a:link, {
 color: #999;
}

.calendar-table td a:visited{
 color: #999;
}

.calendar-table td a:hover, td a:active {
 color: #0079c2;
}
.calendar-table .event-title {
 font-size: 14px;
 color: #900;
 padding: 10px 0;
}

#calendar-filter{
 background-color: #fff;
 height: 28px;
 width: 100px;
 float: right;
 position: relative;
 font-size: 10px;
 text-align:center;
}

#cal-filter{
 margin: 5px 0px 0px 0px;
 width: 90px;
}

.mover{
 display: none;
}