@import url('reset.css');

/* sticky footer */
html, body { height: 100%; }  
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -5em; }
.footer, .push { height: 5em; }

body { background: #b9b9b9 url(images/bodyBackground.png) top left repeat-x; font-size: 10px; font-family: arial, sans-serif; color: #e6e6e6;}

h1 {margin: 10px 0px; font-size: 2em; font-family: arial, sans-serif; font-weight: bold; color: #f5ab0a;}
h2 {margin: 10px 0px; font-size: 1.8em; font-family: arial, sans-serif; font-weight: bold; color: #f5ab0a;}
h3 {margin: 10px 0px; font-size: 1.6em; font-family: arial, sans-serif; font-weight: bold; color: #f5ab0a;}
h4 {margin: 10px 0px; font-size: 1.4em; font-family: arial, sans-serif; font-weight: bold; color: #f5ab0a;}

td {font-size: 1.4em; color: #e6e6e6; font-family: arial, sans-serif;}
p {margin: 5px 0; font-size: 1.4em; line-height: 1.2em; color: #e6e6e6; font-family: arial, sans-serif;}
a { line-height: 1.2em; color: #e6e6e6; font-family: arial, sans-serif;}
sup a {font-size: 0.7em;color: #f90; text-decoration:none; }
.floatLeft {float: left;}
.floatClear {clear: both;}

.langChoice {text-decoration: none; font-family: arial, sans-serif; color: #f5ab0a; font-size: 7em;}
.langChoice:hover {text-decoration: none; color: #ffffff; font-family: arial, sans-serif;  font-size: 7em;}


#header {width: 900px; height: 115px; margin: 5px auto;}
#menuOne {width: 900px; margin: 10px auto; text-align: right;}
#menuOne a {color: #e6e6e6; font-size: 16px; font-weight: bold; font-family: arial, sans-serif; text-decoration: none;}
#menuOne li {display: inline; margin: 0px 10px;}

#topAdvertising {width: 900px; margin: 20px auto;}

#createAccount {width: 400px; margin: 0px auto; text-align: center;}
#createAccount a {color: #e6e6e6;}

#content {width: 900px; margin: 20px auto;}

#sideMenu {width: 180px; margin: 10px 10px 10px 0;}
#sideMenuTop {width: 180px; height:15px; margin: 0; background: url(images/sideMenuTop.png) top left no-repeat;}
#sideMenuMiddle {width: 180px; margin: 0; background: url(images/sideMenuMiddle.png) top left repeat-y;}
#sideMenuMiddle li {margin-left: 20px; margin-top: 10px; font: 1.4em  arial,sans-serif; list-style-type: none;}
#sideMenuMiddle a {color: #e6e6e6; text-decoration: none;}
#sideMenuBottom {width: 180px; height:15px; margin: 0; background: url(images/sideMenuBottom.png) top left no-repeat;}
#sideMenuBottomKm {width: 180px; height:67px; margin: 0; background: url(images/sideMenuBottomKm.png) top left no-repeat;}

#kmDisplay {margin-top: 10px; text-align: center; font-size: 2.7em; line-height: 1.2em; font-family: arial, sans-serif;}

#mainContent {width: 700px; margin: 10px 0px 20px 0;}
#mainContentTop {width: 700px; height:10px; margin: 0; background: url(images/mainContentTop.png) top left no-repeat;}
#mainContentMiddle {width: 700px; min-height: 250px; margin: -3px 0 0 0; background: url(images/mainContentMiddle.png) top left repeat-y;}
#mainContentMargins {width: 680 px; margin: 10px;}
#mainContentBottom {width: 700px; height:10px; margin: 0; background: url(images/mainContentBottom.png) top left no-repeat;}

#footer {width: 100%; padding-top: 20px; text-align: center; font-size: 14px; font-family: arial, sans-serif; color: #e6e6e6; background: #4d4d4d url(images/footerBackground.png) top left repeat-x;}
#footer a {color: #ff9900;}

.fadingLink {text-decoration: none;}
.orangeTitle {font-family: aral, sans-serif; font-size: 2em; color: #f5ab0a; }
.formLabel {font-size: 1.4em; line-height: 1.2em; color: #e6e6e6; font-family: arial, sans-serif;}

.giftBox {width: 192px; margin: 30px 17px;}
.giftBoxTop {width: 192px; height: 140px; background: url(images/giftBoxTop.png) top left no-repeat;}
.giftImage {margin: 13px 35px 0px 36px;}
.giftPrice {width: 192px; height: 40px; margin-top: -10px; padding-top: 5px; text-align: center; font-family: arial, sans-serif; color:#ffffff; font-size: 20px; font-weight: bold; background: url(images/giftBoxPrice.png) top left no-repeat;}
.giftDescription {width: 192px; min-height: 50px; text-align: center; margin-top: -10px; background: url(images/giftBoxContent.png) top left repeat-y; }
.giftBoxButton {width: 192px; height: 40px; margin-top: -10px; text-align:center; background: url(images/giftBoxContent.png) top left repeat-y; }
.giftBoxBottom {width: 192px; height: 15px; margin-top: -10px; background: url(images/giftBoxBottom.png) top left no-repeat;}
.giftsRemarksBox {width: 650px; margin: 10px auto; padding: 10px; font-family: arial, sans-serif; color: #e6e6e6; font-size: 1.1em; background: #454545;}

.notconfirmed {margin: 10px;  font-size: 1em; line-height: 1.5em; color: #999; font-family: arial, sans-serif;}
.confirmed {margin: 10px; font-size: 1em; line-height: 1.5em; color: #e6e6e6; font-family: arial, sans-serif;}