/* HTML Tags */
* {outline: none}
body, html{width:100%; margin:0; padding:0; background-color:#C0C0C0; color:#333}
body, html, p, td {font-family:Arial,Helvetica,sans-serif; font-size:12px}
form{margin:0; padding:0}
h1{font-family:Arial,Helvetica,sans-serif; font-size:24px; padding:5px 0; margin:0}
h2{font-size:18px; padding:5px 7px; margin:0}
img{border:0}
input, select, textarea{font-family:Arial,Helvetica,sans-serif; font-size:12px}
p{margin:10px 8px 10px 8px}
p table{margin-left: 100px}


/* Global Elements */
.align-right { float: right }
.bold{font-weight:bold}
.bolduline{font-weight:bold; text-decoration:underline}
.border{border: 1px solid #CCCCCC}
.center{text-align: center}
.center_div{margin: 0 auto}
.clear{clear: both}
.design_help{font-size:10px}
.divider{height: 1px; margin: 2px 0; padding: 0; border-bottom: 1px solid #999; line-height: 1px; overflow:hidden}
.error_box{background-color:#FCC; border:2px solid #C00; margin:5px 15px 20px 15px}
.hide{display:none}
.mini_icon{vertical-align:bottom; padding:0px 5px}
.note{color:#800000}
.no_indend{text-indent: 0}
.no-wrap{white-space:nowrap}
.red{color:#C00}
.fleft{float:left}
.fright{float:right}
.text-center { text-align: center }
.success_box{background-color: #A6FFA8; border:2px solid #060; margin:5px 15px 20px 15px; color: #060}
.table_pad{margin-left: 6px}
.order_help{margin: 15px 0 5px 10px; text-align: center; color: #000066}

/* Container Divs */
#account_bar{float: right; position: relative; text-align:right; padding-bottom: 10px}
#account_bar img{padding-right: 10px}
#bottom_spacer{height: 15px}
#container{margin:7px auto; width:1000px; border:10px solid #555; background:url(../images/background.jpg); background-repeat:repeat-x; background-color:#CDCDCD}
#faq_list li {padding-bottom: 15px}
#footer{margin: 0 auto; padding:4px 4px 12px 4px; text-align:center; line-height:18px}
#header{font-size:28px}
#header, #menu, #footer {width: 1000px; text-align: center}
#header_bar{float: right; display: inline; width:700px; background-image:url(../images/header_menu_bg.jpg); background-repeat:repeat-x; font-size:16px; margin-right: 15px}
#hidden_desc{display:none}
#logo{padding:0 0 0 20px; float:left}
#menu, #footer {clear: both}	
#main_body{text-align:left; margin:10px 15px 0 15px; padding:10px; background-color:#EFEFEF; border:1px solid #999}
#ourmats {text-align: center;overflow: hidden}
#ourmats .shop_now img { margin-top: 50px}
#ourmats .shop_now,
#ourmats .img {float: left; width: 157px; padding: 10px 0}
#ourmats .img img {border: 1px solid #CCCCCC; margin-bottom: 2px}
#popup_wrapper{border: 10px solid #CCCCCC}
#popup_container{border: 10px solid #555555; padding: 10px}
#logout{width: 75px; float: right; position: relative; text-align:right; padding-bottom: 10px}
#logout a{font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; color: #333333}

/* Main Page Boxes */
.mainbox{margin:4px; background-color:#FFF; width:302px; height:300px; background-image:url(../images/box_bg.jpg); background-repeat:repeat-y; position:relative}
.mainbox p{padding-right:10px; padding-left: 5px}
.mainbox table{margin-right: 7px}
.mainbox .top{position:absolute; top:0; left:0}
.mainbox .bottom{position:absolute; bottom:0; left:0; margin:0; padding:0; overflow:hidden}

/* Top Header Bar */
#header_bar .imgpad{padding-left: 12px}
#header_bar .header_bar_text_1{padding: 17px 0 0 0; font-size: 12px; font-weight: bold}
#header_bar .header_bar_text_2{padding: 9px 0 0 0; font-size: 12px; font-weight: bold}

/* Menu */
#cart_tab{border:0; display:block; position:fixed; top:0; right:0}
#top_menu{list-style-type:none; padding:0; margin:0}
#top_menu li{display:inline; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}
#top_menu li a{color:#333; text-decoration:none; font-weight:bold; padding:.2em 1em}
#top_menu li a:hover{color:#666; text-decoration:none; font-weight:bold}

/* Shopping Cart / Checkout */
#checkout_div textarea{width:100%; resize: vertical}
#cart td{vertical-align:top}
#cart ul{margin-top:2px; margin-bottom:6px}
tr.total_row td{padding-right:5px}
.cart_image{float:left}
.cart_desc{margin:0 0 0 100px; padding:0}
.checkbox{padding:0; margin:0; height:12px}
.cart_empty{padding:15px 0 10px 0; font-weight:bold}

/* Various Table Stuff */
.cart_row td{padding:5px}
tr.alt1 td{background-color:#FFFFFF; padding:5px}
tr.alt2 td{background-color:#EAEAEA; padding:5px}
.col_header{font-weight:bold; text-decoration:underline}
.tbl_center{text-align:center}
.tbl_center_noformat{margin:0 auto}
.tbl_subheader{font-weight:bold; padding:3px; background-color:#49878D; color:#FFF}
.tbl_header, th{font-weight:bold; background-color:#476883; padding:6px; color:#FFF}
.tbl_header a:link, .tbl_header a:hover, .tbl_header a:visited{color:#FFF; text-decoration:none; padding-left:10px}
.tbl_center, .tbl_center_lefttext{border:1px solid #666; background-color:#FFF; margin:0 auto}

/* Mat Board */
#openingType,#matCustomization{display:none}
#matBoardConfiguration{text-align: left}
#matBoardConfiguration p{margin-left: 35px}
#matBoardConfiguration ul{margin-left: 60px; padding: 0}
#matSizeSelection{text-align:center}
#matCustomization{border: 1px solid #666; background-color:#FFFFFF; width: 95%}
#matCustomization td{vertical-align:top}
#matCustomization .preview_img {vertical-align: top; margin-top: 10px}
#matCustomization select, #checkout_div select{margin:0}
#statusMsg{margin: 2px; padding:8px 0; font-weight:bold; color:#C00; text-align:center; background-color: #FCC}
#matCutFee,
#shippingSurcharge{font-weight:bold;color:#990000; display: none}
#matCustomization fieldset {border: none; margin: 0; padding: 0; display: inline}
#matCustomization label {display: block; float: none; font-size: 10px; margin: 0; padding: 0; text-align: center}


/* Order Receipt */
#receipt_billing, #order_payments, #order_info_left{width: 49%; float: left}
#receipt_shipping, #order_comments, #order_info_right{width: 49%; float: right}
#order_summary{clear: both; width: 100%}
#order_payments {clear: both}
#order_comments .comment{padding:3px}
#order_info_right table{margin-left: 15px}
#order_info_left table, #order_info_right table{line-height: 18px}
.receipt_container{padding:6px; margin:5px 10px 10px 10px; border:1px solid #999; background-color:#FFF}
.receipt_title{font-size:14px; font-weight:bold; color:#333}
.receiptItems th{font-weight:bold; text-decoration:underline}
.order_info{margin:2px 0}
.order_info dt{font-weight:bold}
.order_info dl, .order_info dt{float:left; width:8.5em}
.order_info dt, .order_info dd{padding:2px 0}
.border_top{border-top: 1px solid #999}

/* Tooltip */
#tooltip.cart_summary{width:250px; padding:10px; background-color:#FFC}
#tooltip.cart_summary h3{padding-bottom:5px; text-align: center}
#tooltip.status_desc{width:325px; padding:10px; background-color:#FFC}
#tooltip.status_desc h3{padding-bottom:5px}

/* Contact Form */
#contactForm{float: left; width: 500px; padding: 10px}
#contactForm br{clear: left}
#contactForm label{float: left; width: 60px}
#contactForm input, select{margin-bottom: 5px}
.no_bullet{margin:8px 15px; padding-left:0; list-style-type:none}

/* Mat Board Preview */
#mb-preview-settings {float: left; margin: 0 8px; width: 375px}
#mb-preview {float: left; border: 1px solid #999; background-color: #FFF; padding: 30px 50px; text-align: center}

#ColorPickerDiv { display: block; display: none; position: relative; border: 1px solid #777; background: #fff}
#ColorPickerDiv TD.color { cursor: pointer; font-size: xx-small; font-family: 'Arial' , 'Microsoft Sans Serif' }
#ColorPickerDiv TD.color label { cursor: pointer}
.ColorPickerDivSample { margin: 0px 0px 0px 4px; border: solid 1px #000; padding: 0px 10px; position: relative; cursor: pointer }

/* Bulk Packs */
#bulkpacks{display:none}
#bulkpacks img{margin: 0 10px}
#bulkpacks .bulk_color{display: none}
#bulkpacks .bulk_order{display: none}

#glossary dt {font-weight: bold; margin-bottom: 5px }
#glossary dd {margin: auto auto 15px 10px}

#matting-guide li {color: #666; font-size: 16px; list-style-type: square; padding-bottom: 10px }

#sitemap li{margin-top:10px}