html, body { background: #000; padding: 0; margin: 0; }

/* Disable focussed/active link outlines */
a:active                { outline: none; }
:-moz-any-link:focus    { outline: none; }

body, td, p { font-size: 12px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color: #efefef; }
h1 { text-transform: uppercase; font-size: 1.6em; margin: 0 0 1em 0; color: #E6BD4D; }
h5 { font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0; color: #E4AD1C; }
p { margin: 0 0 1.3em 0; }

* html .trans  { behavior: url(iepngfix.htc); }
* html div.customTip-text  { behavior: url(iepngfix.htc); }
* html .png { behavior: url(iepngfix.htc); }

.hide { display:none; }
.show { display:inline; }
.uppercase { text-transform: uppercase; font-weight:bold; }


/* BASE */

a { color: #e9d281; text-decoration: none; }
a:hover { color: #a35757; text-decoration: underline; }

a img { border: 0 none; }
.label { color: #E6BD4D; font-weight: 300; padding-bottom: 4px; }

.button { font-size:12px; font-weight:bold; color:#222222; font-family: verdana; width:100px; background-color:#e8d187; border: solid 1px #917b22; }

form#signBuilderForm { width: auto; margin: 0; padding: 0; }

input,
select,
textarea { font-size: 1em; font-family: Arial, Helvetica, sans-serif; }

ul.layout-list,
ul.layout-list li { margin: 0; padding: 0; list-style: none; }
ul.layout-list {  }
ul.layout-list li { display: block; float: left; }



/* PANELS */

#application-container { position: relative; width: 940px; height: 580px; margin: 10px auto 0 auto; padding: 0 10px 10px 10px; background: transparent url("../images/skin/application_background.png") 0 0 no-repeat; }

.free-shipping.slice-1 { position: absolute; top: 7px; left: -8px; z-index: 100; width: 27px; height: 74px; background: url("../images/skin/free_shipping_1.png") 0 0 no-repeat; /*margin-top: 14px;*/ }
.free-shipping.slice-2 { position: absolute; top: -7px; left: 19px; z-index: 100; width: 62px; height: 58px; background: url("../images/skin/free_shipping_2.png") 0 0 no-repeat; /*margin-left: 27px;*/  }

.header-panel { height: 39px; }
.main-container { overflow: visible; height: 540px; padding: 0; }

#controls-box { float: left; width: 439px; height: 520px; padding: 10px 19px 10px 10px; background: transparent url("../images/skin/controls_panel.png") 0 0 no-repeat; zoom: 1; }
#controls-container { width: 419px; height: 470px; padding: 10px; background: transparent url("../images/skin/controls_background.png") 0 0 no-repeat; }

#preview-box { float: right; width: 471px; height: 540px; zoom: 1; }
#preview-wrapper { height: 373px; padding: 75px 0 0 44px; margin-bottom: 2px; background: transparent url("../images/skin/preview_background.png") 0 0 no-repeat; }
#design-actions { width: 445px; height: 64px; padding: 13px; background: transparent url("../images/skin/actions_panel.png") 0 0 no-repeat; }

.footer-panel { width: 960px; margin: 5px auto 0 auto; }

#copyright-info { float: left; font-size: 11px; color: #B09B54; }
#share-links {  }



/* HEADER */

#header { color: #731a1a; font-size: 14px; }
#header a { color: #731a1a; font-size: 14px; text-decoration: none; }
#header a:hover { color: #9e4e4e; font-size: 14px; text-decoration: underline; }

#logo-links { float: left; display: block; width: 349px; height: 22px; margin: 9px 0 0 69px; background: transparent url("../images/skin/logo_header.png") 0 0 no-repeat; }
* html #logo-links { margin-left: 34px; }
#logo-links a { text-indent: -999em; display: block; float: left; height: 22px; }
a#logo-myhousesign { width: 130px; }
a#logo-signdesigner { width: 219px; }



/* TOP MENU */

#menu-top { float: right; width: 430px; padding-right: 9px; }
#checkout-page #menu-top,
#thankyou-page #menu-top { width: 276px; } /* Not displaying discount code */

#menu-top li { height: 30px; }
#menu-top li a { display: block; height: 30px; background: transparent url("../images/skin/menu.png") 0 0 no-repeat; text-indent: -999em; }

#menu-top li.menulink-home,
#menu-top li.menulink-home a { width: 85px; }
#menu-top li.menulink-home a { background-position: 0 0; }
#menu-top li.menulink-home a:hover { background-position: 0 -30px; }

#menu-top li.menulink-discountcode,
#menu-top li.menulink-discountcode a { width: 154px; }
#menu-top li.menulink-discountcode a { background-position: -85px 0; }
#menu-top li.menulink-discountcode a:hover { background-position: -85px -30px; }

#menu-top li.menulink-contactus,
#menu-top li.menulink-contactus a { width: 122px; }
#menu-top li.menulink-contactus a { background-position: -239px 0; }
#menu-top li.menulink-contactus a:hover { background-position: -239px -30px; }

#menu-top li.menulink-faq,
#menu-top li.menulink-faq a { width: 69px; }
#menu-top li.menulink-faq a { background-position: -361px 0; }
#menu-top li.menulink-faq a:hover { background-position: -361px -30px; }


/* TABS */

ul#main-tabs { width: 440px; height: 30px; }

ul#main-tabs li.tabs { width: 88px; height: 30px; }
ul#main-tabs li.tabs a { display: block; width: 88px; height: 30px; background: transparent url("../images/skin/main_tabs_us.png") 0 0 no-repeat; text-indent: -999em; }

ul#main-tabs li.tabs#shapeTab a { background-position: 0 0; }
ul#main-tabs li.tabs#shapeTab a:hover { background-position: 0 -30px; }
ul#main-tabs li.tabs.selected_tab#shapeTab a { background-position: 0 -60px; }

ul#main-tabs li.tabs#fontTab a { background-position: -88px 0; }
ul#main-tabs li.tabs#fontTab a:hover { background-position: -88px -30px; }
ul#main-tabs li.tabs.selected_tab#fontTab a { background-position: -88px -60px; }

ul#main-tabs li.tabs#colourTab a { background-position: -176px 0; }
ul#main-tabs li.tabs#colourTab a:hover { background-position: -176px -30px; }
ul#main-tabs li.tabs.selected_tab#colourTab a { background-position: -176px -60px; }

ul#main-tabs li.tabs#artworkTab a { background-position: -264px 0; }
ul#main-tabs li.tabs#artworkTab a:hover { background-position: -264px -30px; }
ul#main-tabs li.tabs.selected_tab#artworkTab a { background-position: -264px -60px; }

ul#main-tabs li.tabs#sizeTab a { background-position: -352px 0; }
ul#main-tabs li.tabs#sizeTab a:hover { background-position: -352px -30px; }
ul#main-tabs li.tabs.selected_tab#sizeTab a { background-position: -352px -60px; }





/* CONTROLS */

.element { width: 420px; cursor: default; }
/*.element p { color: #e9d281; padding-left: 20px; padding-right: 20px; }*/

#progress-control-block { height: 30px; padding-top: 5px; }
#progress-control-block .progress-link { display: block; width: 110px; height: 30px; background: transparent url("../images/skin/progress_control_buttons.png") 0 0 no-repeat; text-indent: -999em; }

a.progress-link#back-normal { float: left; background-position: 0 0; }
a.progress-link#next-normal { float: right; background-position: -110px 0; }

a.progress-link#back-normal:hover { background-position: 0 -30px; }
a.progress-link#next-normal:hover { background-position: -110px -30px; }

span.progress-link#sign-ready { display: none; float: right; width: 174px; background-image: url("../images/skin/btn_sign_ready.png"); }



/* ==== */


.moduletablelogo { text-align: center; }

.popup { position:absolute; left:0; top: 0; width: 350px; margin-left: -350px; margin-left: expression('-330px'); margin-top: -200px; border-style: solid;
         border-width: 1px; border-color: black; background-color: #ffffcc; padding: 3px; color: black; font-size: 11px; z-index: 2; visibility: hidden; }


.maintext td { color: #e9d281; }
.inputs td { vertical-align: top; }

.inputbox { background-color:#e8d187; border: 1px solid #000; font-size: 1em; }
textarea.inputbox { height: 60px; width: 100%; }

#fonts_text_vp_viewer .inputbox { padding: 4px; font-size: 1.2em; width: 180px; }


/*.selectable_image { cursor: pointer; cursor:hand; width: 24%; height: 23%; }*/

#controlsFrame { padding: 0; margin: 0; border: 1px solid #917b22; }

.slider { position: relative; top:5px; height: 5px; width: 200px; background: #222; float:left; }
.slider_item { position: absolute; top:-5px; height: 15px; width: 23px; background: url(../images/misc/slider_control.png); cursor: pointer; }



input.prompt { border:1px solid transparent; background-color:#810200; width: 70px; font-size:12px; color:#cea272; }

td.titlebar { background-color: #810200; color: #cea272; font-size: 12px; font-weight: bold; }

table.promptbox { border:1px solid #ccccff; background-color:#FFFFE6; color:black; padding-left:2px; padding-right:2px; padding-bottom:2px; font-size:12px; }

input.promptbox { border:1px solid #0000FF; background-color:white; width:90%; font-size:12px; color:black; }


#main_img_overlay_wrapper { position: relative; width: 400px; }
#main_img_overlay { background-color: #fff; position: absolute; top: 0; left: 0; width: 400px; height: 300px; z-index: 10; visibility: hidden; filter: alpha(opacity=50); opacity: 0.5; }

#showcase-promo { background: transparent url(../images/menubg.png) no-repeat scroll 0 0; width: 1002px; height: 223px; margin: auto; }
#promo { width: 499px; height: 100px; background: #222222; }



/* TOOLTIPS */

.customTip-title { color: #fff; font-weight: bold; padding: 5px 8px 0; background-color: #000; }
.customTip-text { color: #efefef; font-weight: normal; width: 250px; padding: 8px; background-color: #000; }

.capTip-text { color: #fff; font-size: 13px; background-color: #000; padding: 8px 10px; border: 1px solid #999; filter: alpha(opacity=80); opacity: 0.8;}



/* CONTROL PANELS */

.toggler { margin: 5px 0 5px 0; cursor: pointer; height: 24px; line-height: 24px; width: 420px; color: #b8b8b8; text-transform: uppercase; font-size: 11px; font-family: Arial, Helvetica, sans-serif;
           background: transparent url(../images/skin/accordion_handles.png) 0 0 no-repeat; }
.toggler .step-num { font-size: 15px; display: block; float: left; width: 20px; margin-right: 5px; color: #e1c36f; line-height: 24px; text-align: center; }

.toggler.open { background-position: 0 -24px; color: #e6bd4d; }
.toggler.open .step-num { color: #fff5db; }

.toggler .indicator { display: -moz-inline-stack; display: inline-block; vertical-align: middle; width: 10px; height: 24px; margin-left: 5px; background: transparent url(../images/skin/accordion_indicator_closed.png) 50% 50% no-repeat; }
* html .toggler .indicator { display: inline; zoom: 1; }
* + html .toggler .indicator { display: inline; zoom: 1; }
.toggler.open .indicator { background: transparent url(../images/skin/accordion_indicator_open.png) 50% 50% no-repeat; }

.viewer { width: 410px; padding: 10px 5px; margin: 4px 0; background-repeat: no-repeat; background-position: center; overflow: auto; }




/* ACTIONS */

.action-icons { float: right; width: 136px; height: 63px; }
.action-icons a { display: block; float: left; margin-right: 10px; width: 63px; height: 63px; text-indent: -999em; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }

a#action-save-design { background-image: url(../images/skin/icon_save.png); }
a#action-tell-friend { background-image: url(../images/skin/icon_email.png); margin: 0; }


.action-purchase { display: none; float: left; width: 220px; height: 63px; background: transparent url(../images/skin/actions_purchase_bg.png) 0 0 no-repeat; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; line-height: 1.1; }

.action-purchase .action-purchase-price { float: left; width: 130px; padding: 7px 0 7px 7px; }
.action-purchase .action-purchase-buynow { float: right; width: 70px; }

.action-purchase .currency-aud { color: #fff; font-size: 12px; }
.action-purchase .currency-usd { color: #fff; color: #E7BCBD; font-size: 11px; }

.action-purchase .currency-aud .currency-sign { font-size: 18px; }
.action-purchase .currency-usd .currency-sign { font-size: 13px; }

.action-purchase .currency-aud .price { font-size: 26px; }
.action-purchase .currency-usd .price { font-size: 15px; }

.action-purchase .currency-aud .currency {  }
.action-purchase .currency-usd .currency {  }

.action-purchase #currency-discount { font-size: 11px; color: #E7BCBD; }

a#action-buynow { display: block; width: 70px; height: 63px; background: transparent url(../images/skin/icon_buy_now.png) 50% 50% no-repeat; text-indent: -999em; }
* html a#action-buynow { background-image: url(../images/skin/icon_buy_now_flat.png); }

#country-container { float:right; padding-top: 4px; cursor: pointer; }
#country-container img { height: 32px; width: 32px; border: none; }

.purchase-warning { background: url("../images/skin/purchase_warning_bg.png"); padding: 3px; float: left; width: 294px; height: 57px; }

.purchase-warning h5 { margin-bottom: 2px; }

.purchase-warning p { font-size: 10px; line-height: 12px;}