/* GENERAL */

/* border toevoegen lost probleem op met verspringende top-margin op intro page in FF ??? */
/* probleem in IE5 door body styling ? */
body { margin: 0 auto; width: 780px; min-width: 780px; margin-left: auto; margin-right: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 68.75%; color: #000; /*border: solid 1px red;*/ }

input, select { font-size: 11px; }

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

a img { border: none; }
#hlogo { /*float: left;*/ width: 780px; padding: 15px 0 10px 0; text-align: center; }
/*#hshop { float: right; width: 200px; text-align: center; }*/

.text { /*clear: left;*/ font-size: 12px; line-height: 1.75em; width: 525px; text-align: left; padding: 25px; margin: 0 auto; }
.text-center { width: 666px; padding: 0; margin: 0 auto; }

/* WIZARD PAGES */

h1.header-title { float: left; text-align: center; width: 780px; display: none; }
.control { clear: left; text-align: center; padding-top: 15px; }

#menu { width: 525px; height: 50px; text-align: center; padding: 0; margin: 0 auto; margin-top: 10px; }
#menu ul { list-style: none; border: none; margin: 0; padding: 0; }
#menu ul li { float: left; display: block; width: 123px; height: 50px; background-repeat: no-repeat; margin-left: 11px; padding: 0; }
#menu ul li a { display: block; width: 123px; height: 50px; padding: 0; }
#menu ul li span { display: none; }

#menu ul li#menu_design { background-image: url(../img/menu/design.gif); margin-left: 0; }
#menu ul li#menu_order { background-image: url(../img/menu/order.gif); }
#menu ul li#menu_confirm { background-image: url(../img/menu/confirm.gif); }
#menu ul li#menu_pay { background-image: url(../img/menu/pay.gif); }
#menu ul li#menu_design_on { background-image: url(../img/menu/design_on.gif); margin-left: 0; }
#menu ul li#menu_order_on { background-image: url(../img/menu/order_on.gif); }
#menu ul li#menu_confirm_on { background-image: url(../img/menu/confirm_on.gif); }
#menu ul li#menu_pay_on { background-image: url(../img/menu/pay_on.gif); }

/* INTRO */

#shop h1 { text-align: center; width: 666px; }
#begin { margin: 0; padding: 0; }
#ill { float: left; width: 553px; }
#intro { float: right; width: 200px; line-height: 1.7em; text-align: left; }
#orange { clear: both; text-align: center; color: #F80; font-weight: 600; }
#countries { clear: both; text-align: center; }
#next { clear: both; text-align: center; }
#shop img#img_ill { border: solid 1px #7b8388; }
#shop div#arrowbar { cursor: pointer; background-image: url(../img/arrowbar.gif); height: 56px; width: 780px; margin-bottom: 20px;/*FF: margin-bottom: 12px;*/ }
#shop div#arrowbar h1 { display: none; }

/* DESIGN */

#create h2 { margin: 0; border-bottom: solid 1px #7b8388; width: 150px; height: 40px; }
#create h2 span { display: none; }
#create #preview-img { margin-bottom: 33px; }
#preview-center { margin: 0 auto; text-align: center; }
#create h2#preview { margin: 0; display: none; }
#create h2#body-head { background-image: url(../img/design/bodyc.gif); }
#create h2#lever-head { background-image: url(../img/design/leverc.gif); }
#create h2#button-head { background-image: url(../img/design/buttonc.gif); }
#create ul.colorlist { list-style: none; border: none; margin: 15px; padding: 0; }
#create ul.colorlist li { height: 22px; margin: 0; padding: 0; margin-bottom: 15px; }
#create ul.colorlist li img { border: solid 1px #7b8388; margin-right: 12px; }
#create ul.colorlist li span { position: relative; top: -8px; margin: 0; padding: 0; }
/*#create li span.selected { border-bottom: dashed 1px #000;}*/
#beltement { width: 506px; /*IE5: width: 511px; */margin: 0 auto; }
#beltement a { font-variant: small-caps; text-decoration: none; color: #000; }
#body-wrap { float: left; width: 150px; height: 250px; border: solid 1px #7b8388; }
#button-wrap { float: left; width: 150px; height: 250px; border: solid 1px #7b8388; margin-left: 25px; }
#lever-wrap { float: left; width: 150px; height: 250px; border: solid 1px #7b8388; margin-left: 25px; }

/* ORDER */

#order { text-align: center; } /*for centering in IE5 */
#order form { width: 525px; margin: 0 auto; text-align: left; }
#order fieldset { display: block; width: 470px; margin: 0 auto; border: 0; }
#order fieldset div { clear: left; }
#order .input-control { display: block; width: 145px; }
#order select { float: left; width: 101px; display: block; margin: 0; padding: 0; }
#order .label-control { float: left; display: block; font-variant: small-caps; margin: 1em 1em 0 0; }
#order .text-control { float: left; width: 415px; padding-top: 10px; }
#order legend { display: none; }
#tip { float: left; width: 322px; padding-top: 17px; }
#tip span { font-variant: small-caps; }
#border { width: 525px; border: dashed 1px #7b8388; padding: 9px 0 13px 0; }
#report { clear: left; font-size: 12px; line-height: 1.75em; width: 450px; text-align: left; margin: 0 auto; margin-bottom: 25px; border: 1px dashed #eb7838; }
#report #val { width: 400px; margin: 0 auto; margin-top: 20px; }
#report p { margin: 0 0 7px 0; padding: 0; }
#validation { margin: 15px auto 17px auto; width: 400px; }
#validation img { height: 6px; width: 4px; margin-right: 5px; margin-bottom: 1px; padding: 0; }
#validation label { cursor: pointer; }

/* TERMS */

#tos { font-size: 12px; line-height: 1.75em; width: 525px; text-align: left; padding: 25px; margin: 0 auto; }

/* CONFIRM */

#confirm h2 { margin: 0; border-bottom: solid 1px #7b8388; height: 40px; }
#confirm h2 span { display: none; }
#confirm #preview-img { margin-bottom: 33px; }
#confirm h2#preview { margin: 0; display: none; }
#confirm h2#belt-head { background-image: url(../img/confirm/beltd.gif); }
#confirm h2#your-head { background-image: url(../img/confirm/yourd.gif); }
#confirm h2#price-head { background-image: url(../img/confirm/priced.gif); }
#orderdetails { width: 398px; margin: 0 auto; }
#orderdetails dt { float: left; width: 80px; margin: 0; padding: 0; font-variant: small-caps; color: #000; text-align: right; padding-right: 10px; }
#orderdetails dd { width: 290px; margin: 0; padding: 0; border-bottom: solid 1px #7b8388; margin-left: 10px; }
#orderdetails .detail { margin: 15px 0 15px 0; }
#orderdetails .details div { display: block; margin-bottom: 10px; padding: 0; }
#orderdetails .wrap { display: block; border: solid 1px #7b8388; margin-bottom: 25px; }

/* PAY */

#payment { border: dashed 1px #7b8388; padding: 25px 0 25px 0; margin: 0 auto; width: 525px; }
#payment a:link { text-decoration: underline; color: #777; }
#payment a:visited { text-decoration: underline; color: #777; }
#payment a:hover { text-decoration: none; color: #F80; }
#payment small { font-size: 11px; }
#payment input { width: 125px; }
#payment select { width: 59px; }
#payment .ncol { margin: 15px 0 0 0; }
#payment .ncollogoc .ncol { width: auto; }
#payment .ncoltxtl2 { padding-bottom: 10px; }
#payment .ncolinput { padding-bottom: 10px; }
#pay .text { margin-top: 30px; }
#error .text { margin-top: 30px; }