*{ margin:0px; padding:0px; }

img{border:0px; }

html{ width:100%; height:100%; background-color:#fff; font-family: Arial, Verdana, Helvetica; font-size: 12px; }
body{ height:100%; position:relative; margin:0 auto; background-image:url('general/bg.gif'); background-position:top left; background-repeat:repeat-x; font-family: Arial, Verdana, Helvetica; font-size: 12px; }
html > body{ height:auto; min-height:100%; font-family: Arial, Verdana, Helvetica; font-size: 12px; }

a:link { color:#a60600; text-decoration:none; }
a:visited { color:#a60600; text-decoration:none; }
a:hover { color:#a60600; text-decoration:underline; }


/* HEADINGS */
h1 { font-family:Arial, Verdana, Helvetica; font-size:22px; color:#000; text-transform: capitalize; }
h2 { font-family:Arial, Verdana, Helvetica; font-size:15px; color:#a60600; }
h3 { font-family: Arial, Verdana, Helvetica; font-weight:bold; font-size: 18px; color: #cc4a4a; }
h4 { color: #fff; font-size: 16px; }
h5 { font-family:Arial, Verdana, Helvetica; font-size:14px; color:#a60600; margin-bottom: 6px; font-weight:bold; }
h6 {  }


/* GLOBAL HEADER */
#Wrapper{ position:relative; margin: 0 auto; background-image:url('header/header_bg.jpg'); background-position:top left; background-repeat:no-repeat; width:957px; padding:0 0 0px 0px; overflow:hidden; }
#GlobalHeader{ position:relative; width:957px; padding:134px 0 40px 0; }

.GlobalLogo{ position:absolute; z-index: 300; top:44px; left:50%; margin-left: -510px; width: 560px; height: 68px; background-image:url('images/header/fortune_favours.png'); background-repeat:no-repeat; }
.GlobalLogo h3 { padding: 33px 0px 0px 340px; }

.Polaroid { position:absolute; z-index: 400; top: 0px; left:50%; margin-left: 73px; width: 408px; height: 358px; background-image:url('http://www.fortunefavours.com.au/images/header/polaroid.png'); background-repeat:no-repeat; }


/* GLOBAL NAV */
#GlobalNav{ padding:0 0 0px 68px; overflow:hidden; height:42px; color: #fff; font-family:Arial, Verdana, Helvetica; font-size: 14px;}
#GlobalNav li{ display:inline; padding-right: 25px;}
#GlobalNav li h4 { display:inline; }
#GlobalNav li h4 a { color: #fff; text-decoration:none; }
#GlobalNav li h4 a:hover { color: #a60600; text-decoration:none; }
#GlobalNav li.spacer{ display:inline; padding-right: 30px;}
#GlobalNav img{ float:left; }


/* SIDEBAR */
#GlobalSidebar{ width:256px; height: 600px; float:left; margin: 190px 0px 0px 0px; background-image:url('general/divider.gif'); background-repeat:no-repeat; }
#GlobalSidebar .Padding { padding: 10px 0px 0px 25px; }

#BoxTop { width:233px; height:37px; background-image:url('sidebar/sidebar_top.gif'); background-repeat:no-repeat; text-align:right; color:#fff; }
#BoxTop h4 { padding: 11px 15px 0px 0px; }

#BoxBottom { width:233px; background-image:url('sidebar/sidebar_bottom.gif'); background-repeat:no-repeat; background-position:bottom; text-align:right; color:#000; margin-bottom: 20px; }
#BoxBottom P { padding: 10px 15px 14px 10px; font-size: 12px; }

/* GLOBAL FOOTER */
#GlobalFooter{ position:relative; margin: 0 auto; height:150px; width:957px; font-size:11px; color:#000; }
#GlobalFooter p{ width:100%; text-align:left; padding:90px 0 0 68px; }
#GlobalFooter p a{ color:#a60600; text-decoration:underline; }
#GlobalFooter p a:visited{ text-decoration:underline; }
#GlobalFooter p a:hover{ text-decoration:none; }


/* CONTENT */
#Content { float:left; padding: 0px 20px 0px 68px; width: 570px; display:inline; font-size: 12px; font-family: Arial, Verdana, Helvetica; }
#Content h1 { padding: 0px 0px 15px 0px; color: #000; }
#Content h1 a { #000; }
#Content h1 a:hover { #000; text-decoration: underline; }
#Content h2 { width: 450px; padding: 0px 0px 20px 0px; }
#Content P { padding: 12px 0px 0px 0px; }


/* FORMS */
.FormTooltip { background-image:url('general/form_bg_left.gif'); background-repeat:no-repeat; width:15px; height: 27px; color:#fff; padding: 0px 5px 0px 0px; font-size: 12px; font-family: Arial, Verdana, Helvetica; }
.FormLeft { background-image:url('general/form_bg_left.gif'); background-color:#525252; background-repeat:no-repeat; width:241px; height: 27px; color:#fff; padding: 0px 0px 0px 10px; font-size: 12px; font-family: Arial, Verdana, Helvetica; }
.FormRight { background-image:url('general/form_bg_right.gif'); background-color:#d9d8d8; background-repeat:no-repeat; height: 27px; color:#000; padding: 0px 0px 0px 12px; }
td.spacer { height: 7px; }

input { border: 0px solid #b7b7b7; background-color: transparent; background-color: #f2f2f2; width: 245px; font-family: Arial, Verdana, Helvetica; font-size: 12px; }
textarea { margin: 8px 0px 8px 0px; border: 0px solid #b7b7b7; background-color: transparent; background-color: #f2f2f2; width: 245px; font-family: Arial, Verdana, Helvetica; font-size: 12px; }
select { border: 0px solid #b7b7b7; background-color: transparent; background-color: #f2f2f2; width: 245px; font-family: Arial, Verdana, Helvetica; font-size: 12px; }
select option { padding-right: 20px; }


/* COST BOX */
#Cost { width: 554px; background-image:url('general/cost_bg.gif'); background-repeat:no-repeat; overflow:hidden; }
#Cost .PriceText { float: left; padding: 12px 0px 0px 20px; margin: 9px 0px 0px 0px; display:inline; width:300px; }
#Cost .PriceText h4 { color: #fff; font-size: 15px; }
#Cost .Price { float: right; padding: 7px; margin: 0px 10px 0px 0px; display:inline; background-image:url('general/price_bg.gif'); background-repeat:no-repeat; background-position:center; width:195px; height:40px; }
#Cost .Price input { width: 115px; margin: 9px 10px 0px 13px; font-size: 18px; font-weight:bold; }
#Cost .Notes { width: 554px; height: 30px; color: #fff; text-align: center; font-size: 11px; padding-top: 8px; clear: both; background-image:url('general/notes_bg.gif'); background-repeat:no-repeat; }


/* BUTTONS */
#AddButton { float: right; margin: 12px 17px 20px 0px; display:inline; }
#AddButton input { width: 117px; }
#SaveButton { float: right; margin: 12px 0px 0px 0px; display:inline; }
#SaveButton input { width: 215px; }
#DeliveryButton { float: right; margin: 12px 17px 0px 0px; display:inline; }
#DeliveryButton input { width: 231px; }
#RegisterButton { float: right; margin: 12px 0px 0px 0px; display:inline; }
#RegisterButton input { width: 87px; }
#GoButton { float: right; margin: 12px 0px 0px 0px; display:inline; }
#GoButton input { width: 51px; }
#SendButton { float: right; margin: 12px 0px 0px 0px; display:inline; }
#SendButton input { width: 68px; }
#BillingButton { float: right; margin: 12px 17px 0px 0px; display:inline; }
#BillingButton input { width: 111px; }
#CheckoutButton { float: right; margin: 12px 25px 0px 0px; display:inline; }
#CheckoutButton input { width: 143px; }
#SaveButton { margin: 10px 10px 0px 0px; display:inline; }
#SaveButton input { width: 61px; }
#UpdateButton { margin: 10px 10px 0px 0px; display:inline; }
#UpdateButton input { width: 71px; }

#DeliveryArrow { position: absolute; left: 50%; width:31px; height:47px; margin-left: 110px; margin-top: 65px; z-index: 300; }


/* TABLE */
.TableDarkGrey { background-color: #575757; color: #fff; padding: 6px; }
.TableLightGrey { background-color: #d2d2d2; padding: 6px; }
.TableDarkGreyBG { background-image:url('general/form_bg_left.gif'); background-repeat:no-repeat; height: 27px; color:#fff; padding: 0px 0px 0px 10px; font-size: 12px; font-family: Arial, Verdana, Helvetica; }
.TableLightGreyBG { background-image:url('general/form_bg_right.gif'); background-repeat:no-repeat; height: 27px; color:#000; padding: 0px 0px 0px 12px; }
.form-label, .form-optional { background-image:url('general/form_bg_left.gif'); text-align:left; background-repeat:no-repeat; height: 27px; color:#fff; padding: 0px 0px 0px 10px; font-size: 12px; font-family: Arial, Verdana, Helvetica; }
.form-text { background-image:url('general/form_bg_right.gif'); background-repeat:no-repeat; height: 27px; color:#000; padding: 0px 0px 0px 12px; }

div span .tablehead { background-image:url('general/form_bg_left.gif'); background-repeat:no-repeat; height: 27px; color:#fff; }
div span td.normal input { width: 70px; background-color: #f2f2f2; color:#000; }
div span td input { background-color:#a60600; margin-right: 30px; margin-top: 6px; color: #fff; padding: 5px; }

.form-title { background-image:none; background-color:#fff; font-family:Arial, Verdana, Helvetica; font-size:14px; color:#a60600; margin-bottom: 6px; font-weight:bold; }
.BillingForm { background-color: #575757; }
.BillingForm .form-label, .BillingForm .form-optional { background-image:none; text-align:left;}
.BillingForm .form-text { background-image:none; text-align:left; background-color: #e8e7e7; }
.BillingForm .form-title { padding-top:10px; padding-bottom: 5px; }
.BillingForm td { text-align:left; border-bottom: 1px solid #666; }
.BillingForm input, .BillingForm select { border: 1px solid #ccc; }

.OrderDisplay input { width: 70px; }

.RegisterShopper .form-label, .RegisterShopper .form-optional { background-image:none; }

.normal { padding: 3px; }
.normalbold { padding: 3px; font-weight: bold; }

/* TOOLTIP */
a.tt{ position:relative; z-index:24; width: 23px; height: 23px; display: block; background-image:url('buttons/help.png'); background-repeat:no-repeat; text-decoration:none;}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:800; color: #aaaaff; }
a.tt:hover span.tooltip{ background:#fff; border: 5px solid #a60600; cursor:pointer; display:block; position:absolute; top:0px; left:0; margin-left: 25px;  padding: 5px; width:200px; color: #000; text-align: center; text-decoration:none; }
a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px; }