/*** reset ***/

* {margin: 0; border: 0; padding: 0;}
ol, ul {list-style-type: none;}


/*** layout ***/

#container {margin: 0 auto; width: 960px; text-align: center;}
#header,
#content, 
#footer {width: 960px; text-align: left;}

#content {margin-bottom: 16px; background: #000 url(../images/fauxborder.gif) repeat-y 690px top; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px;}
#main-content {float: left; border-right: 0px solid #985054; padding: 32px 0; width: 690px;}
#sidebar {float: right; padding: 32px; width: 205px;}
/*
#main-content {background-color: #000; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px;}
#sidebar {background-color: #000; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px;}
*/

body.orderpage #main-content {padding: 32px; width: 626px;}
body.contentpage #main-content {padding: 32px; width: 626px;}
/* body.contentpage */ #content {-webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px;}


/*** generic ***/

body {background: #985054 url(../images/bg.jpg) repeat-y right top; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #fff;}
/* #bgcontainer {width: 100%; height: 100%; background: transparent url(../images/bgmodel.jpg) no-repeat left top;} */

a:link,
a:visited {color: #fff; text-decoration: none;}
a:hover,
a:active {color: #fff; text-decoration: underline;}
a:focus {outline: none;}



/*** Header ***/

.skip {display: none;}

#logo {margin: 30px 0 5px 32px; width: 82px; height: 33px;}

#slogan {margin: 0 0 56px 32px; padding-top: 13px; background: transparent url(../images/slogan.gif) no-repeat left top; line-height: 100px; overflow: hidden; width: 93px; height: 0px !important; height /**/:13px;}

#mainnav {margin-bottom: 14px;}
#mainnav li {float: left; margin-right: 1px; padding-bottom: 8px; height: 54px; background: transparent url(../images/separator.gif) no-repeat right 7px;}
#mainnav li.last {background: none;}
#mainnav li a {display: block; padding: 0 32px; font-size: 13px; line-height: 54px; text-transform: lowercase;}
#mainnav li a:link,
#mainnav li a:visited {color: #3a1e20;}
#mainnav li a:hover,
#mainnav li a:active {color: #fff; background-color: #000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-decoration: none;}
#mainnav li.active {background: transparent url(../images/indicator.gif) no-repeat 32px 54px;}
#mainnav li.active a {background-color: #000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
#mainnav li.active a:link,
#mainnav li.active a:visited {color: #fff;}

#subnav li {float: left; margin-right: 1px; height: 42px;}
#subnav li a {display: block; padding: 0 32px; font-size: 12px; line-height: 42px; background-color: #6A383B; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px;}
#subnav li a:link,
#subnav li a:visited {color: #886062;}
#subnav li a:hover,
#subnav li a:active {color: #fff; background-color: #000; text-decoration: none;}
#subnav li.active a {background-color: #000;}
#subnav li.active a:link,
#subnav li.active a:visited {color: #fff; text-decoration: none;}



/*** Content ***/

#linearnav {margin: 0 0 32px 25px;}
#linearnav li {float: left; margin-right: 1px; padding: 0px 0 0 45px; width: 153px; /* height: 34px; */}

.carousel {margin-bottom: 32px;}
.carousel a {display: block; border: 1px solid #262626; padding: 1px;}
.jcarousel-skin-parts .jcarousel-item-horizontal a {width: 149px; height: 127px;}
.jcarousel-skin-fabrics .jcarousel-item-horizontal a {width: 72px; height: 72px;}
.carousel a:hover,
.carousel a:active {border: 1px solid #fff;}

body.contentpage #main-content h2, 
body.orderpage #main-content h2 {margin-bottom: 32px;} 

#main-content .promo {position: relative; margin: 0 0 32px 32px; width: 626px; height: 300px; background: transparent url(../images/promo.jpg) no-repeat left top; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
#main-content .promo h2 {position: absolute; left: 204px; top: 204px; width: 206px; padding-top: 32px; line-height: 100px; overflow: hidden; width: 32px; height: 0px !important; height /**/:32px;}
#main-content .promo_text {position: absolute; left: 207px; top: 252px; width: 176px; height: 32px;}
#main-content .promo_link {position: absolute; left: 400px; top: 252px; width: 208px; height: 32px;}
#main-content .promo_link a {display: block; padding: 6px 0 0 32px; width: 172px; height: 26px; background-color: #7A4952; font-size: 16px; text-transform: lowercase; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: 0px 0px 0px #ffffff; text-shadow: 0px 0px 0px rgba(0,0,0,.4);}

#main-content .homeintro_container {position: relative; margin: 0 0 32px 32px; width: 626px;}
#main-content .homeintro {float: left; margin-right: 8px; border-right: 1px solid #262626; padding-right: 8px; width: 137px;}
#main-content .lastintro {margin-right: 0; border-right: 0; padding-right: 0;}
#main-content .homeintro h2 {margin-bottom: 8px; font-weight: normal; font-size: 13px; color: #985054; text-transform: lowercase;}
#main-content .homeintro_text {margin-bottom: 8px; color: #999;}
#main-content .homeintro_link a {color: #ccc;}

#main-content .create-your-own_intro {margin: 0 0 32px 32px; width: 626px;}

.panel-wrapper h3 {margin: 0 0 16px 32px; font-weight: normal; font-size: 11px; color: #717171;} 
.carousel_header {width: 646px; margin-bottom: 4px;}
.carousel_header h3 {float: left; width: 400px;}
.carousel_header p {float: right; width: 88px;}
.carousel_header a {display: block; padding: 4px 0 0 28px; width: 60px; height: 16px; background: transparent url(../images/icon2_info.gif) no-repeat left top;}
.carousel_header a:hover {background: transparent url(../images/icon2_info.gif) no-repeat left -20px;}
.catintro {margin: 0 0 16px 32px;}

#parts-top li a, #parts-sleeves li a, #parts-bottom li a, #dress li a {display: block; margin-bottom: 16px; background-color: #000; width: 149px;}  
#parts-top li a {height: 127px;}
#parts-sleeves li a {height: 188px;}
#parts-bottom li a {height: 138px; padding-top: 13px;}
#dress li a {height: 298px;}

#fabrics-top li a,
#fabrics-sleeves li a,
#fabrics-bottom li a,
#fabrics-dress li a {display: block; margin-bottom: 8px;}

.panel-wrapper p {color: #717171;}

#fabrics {margin-bottom: 16px; color: #717171;}
#fabrics h3 {margin-bottom: 8px; font-weight: bold;}
#fabricscontainer div {float: left; margin-right: 3px; width: 65px;}
#fabricscontainer h4 {margin-bottom: 8px; font-weight: normal;}
#fabricscontainer img {display: block; margin-bottom: 8px;}

.formintro {margin-bottom: 16px;}
.bestelformulier label, .contactformulier label {display: block; float: left; padding: 2px 8px 0 0; width: 200px; font-weight: bold;}
.bestelformulier div, .contactformulier div {padding-bottom: 10px;}
.formerror {padding-bottom: 10px; color: red;}
.formerrorlabel, .formerrorlabel span {color: red;}
.bestelformulier input, .contactformulier input, 
.bestelformulier select, .contactformulier select {border: 1px solid #b4b4b4; padding: 2px;}

#submit a {display: block; margin: 10px 0; padding: 4px 4px 4px 32px; background-color: #985054; width: 150px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-weight: bold; font-size: 13px;}
#orderlink a {display: block; margin: 0 0 10px 0; padding: 4px 4px 4px 32px; background-color: #985054; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 13px;}
#orderlinkback a {display: block; margin: 0 0 10px 0; padding: 4px 4px 4px 32px; background-color: #985054; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 13px;}
#orderlinkcontinue a {display: block; margin: 10px 0; padding: 4px 4px 4px 32px; background-color: #985054; width: 150px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 13px;}

#examples {}
.examples_row {margin-bottom: 16px;}
.examples_row div {float: left; width: 153px; margin: 0 1px 8px 0;}
.examples_row div h3 {margin: 0; font-size: 11px; padding: 0px 0; color: #717171;}
.examples_row div img {display: block; margin-bottom: 16px; padding: 1px; border: 1px solid #262626; width: 149px;}
.examples_row div dl {color: #717171;}
.examples_row div dt {float: left; margin-right: 8px;}
.examples_row div dt:after {content: ":";}

.contentpage #main-content h2 {margin-bottom: 32px; font-weight: normal; color: #fff;}
.contentpage #main-content h3 {margin: 24px 0 8px 0; font-weight: bold; font-size: 13px; color: #985054;}
.contentpage #main-content p {margin-bottom: 8px; color: #717171; font-size: 12px; line-height: 16px;}
.contentpage #main-content ul {margin-bottom: 8px; color: #717171; list-style-type: disc; font-size: 12px; line-height: 16px;}
.contentpage #main-content a:link,
.contentpage #main-content a:visited {color: #fff; text-decoration: none;}
.contentpage #main-content a:hover,
.contentpage #main-content a:active {color: #fff;}


/*** Modals ***/

.modal {padding: 8px 4px 32px 4px; background-color: #000; color: #717171;}
.modal h2 {margin-bottom: 16px; font-size: 13px; padding: 0px 0; color: #fff;}

.fabrics_row {width: 616px; margin: 0 0 16px 0;}
.fabrics_row div {float: left; width: 153px; margin: 0 1px 8px 0;}
.fabrics_row div h3 {margin: 0; font-size: 11px; padding: 0px 0; color: #717171;}
.fabrics_row div img {display: block; margin-bottom: 16px; padding: 1px; border: 1px solid #262626; width: 149px;}

#modal_sizes {color: #717171;} 
#modal_sizes table {border-collapse: collapse; margin-bottom: 16px; border: 1px solid #262626; padding: 4px;}
#modal_sizes table th {color: #fff;}
#modal_sizes table th,
#modal_sizes table td {border: 1px solid #262626; padding: 4px;}
#modal_sizes h3 {margin-bottom: 16px; color: #fff;}



/*** Sidebar ***/

#sidebar h2 {margin-bottom: 32px; font-size: 13px; padding: 4px 0;}
#sidebar h3 {font-size: 11px;}
#sidebar h4 {font-size: 11px;}

.contentpage #sidebar h2 {font-weight: bold; font-size: 13px; color: #f17f85;}
.contentpage #sidebar p {margin-bottom: 8px; color: #84474c;}

.sidebarpart {margin-bottom: 32px; color: #fff;}
#sidebar .sidebarpart h2 {margin-bottom: 16px; padding: 0; font-weight: normal; font-size: 13px; color: #985054; text-transform: lowercase;}
.sidebarpart h3 {margin-bottom: 8px; font-weight: normal; text-transform: lowercase;}
.sidebarpart p {margin-bottom: 8px;}
/* .sidebarpart a {color: #717171; display: block; margin-bottom: 1px; padding: 11px 0 0 40px; height: 21px;} */
.sidebarpart a:link,
.sidebarpart a:visited {color: #717171;}
.sidebarpart_contact a:link,
.sidebarpart_contact a:visited {color: #fff;}
.sidebarpart a:hover,
.sidebarpart a:active {color: #fff;}
#sidebar li.link_hyves a {background: transparent url(../images/hyves_32_0.png) no-repeat left 0px;}
#sidebar li.link_twitter a {background: transparent url(../images/twitter_32_0.png) no-repeat left 0px;}
#sidebar li.link_facebook a {background: transparent url(../images/facebook_32_0.png) no-repeat left 0px;}
.sidebarpart dt {float: left; margin-right: 8px; color: #717171;}
.sidebarpart dt:after {content: ":";}

#result {position: relative; margin: 0 0 16px 28px; width: 149px; height: 252px;}
#result div {position: absolute;}
#result_top {top: 0px; left: 0px; z-index: 3; width: 149px; height: 114px;}
#result_sleeves {top: 0px; left: 0px; z-index: 1; width: 149px; height: 114px;}
#result_bottom {top: 114px; left: 0px; z-index: 2; width: 149px; height: 138px;}

#ordertop {margin-bottom: 0px; height: 50px;}
#ordertop h2 {float: left; width: 140px;}
#ordertop #price {float: right; padding: 4px 0; width: 60px; font-size: 13px;}

#orderbottom #price {float: left; padding: 4px 0; width: 60px; font-size: 13px; text-align: right;}
#orderlink, #orderlinkback {/* float: right; width: 140px; */}

#result_pnlBestelling h3 {margin-bottom: 8px;}
#invoice {margin-bottom: 32px; width: 205px; color: #717171;}
#invoice td {padding-right: 4px; vertical-align: top;}
.invoice_part {text-transform: lowercase;}
.invoice_price {text-align: right;}
.remove a {display: block; padding-top: 11px; background: transparent url(../images/icon_remove.png) no-repeat left top; line-height: 100px; overflow: hidden; width: 11px; height: 0px !important; height /**/:11px;}
.remove a:hover {background: transparent url(../images/icon_remove.png) no-repeat -11px top;}
#invoice_subtotal td, #invoice_grandtotal td {border-top: 1px solid #262626;}
#invoice_grandtotal td {color: #fff; padding-top: 4px;}

#pic {display: block; padding: 1px; border: 1px solid #262626; width: 201px;}



/*** Footer ***/

#footer {margin-bottom: 32px; padding-top: 18px; color: #d2d2d2;}
#footer img,
#footer p,
#footernav li {float: left;}
#footer img {margin: -4px 32px 0 32px;}
#footer li {margin-left: 16px;}
#footer li.link_hyves a {display: block; margin-left: 48px; padding: 1px 0 4px 20px; background: transparent url(../images/hyves_16_1.png) no-repeat left 0px;}
#footer li.link_twitter a {display: block; margin-left: 16px; padding: 1px 0 4px 20px; background: transparent url(../images/twitter_16_1.png) no-repeat left 0px;}
#footer li.link_facebook a {display: block; margin-left: 16px; padding: 1px 0 4px 20px; background: transparent url(../images/facebook_16_1.png) no-repeat left 0px;}
#footer a:link {color: #fff;}
#footer a:visited {color: #fff;}
#footer a:hover {color: #fff;}
#footer a:active {color: #fff;}



.bestelformulier input.checkbox{border: 0px}


/*** fixes ***/



.fabrics_row:after,
.examples_row div dl:after,
.examples_row:after,
#footernav:after,
#footer:after,
#linearnav:after,
.sidebarpart dl:after,
#ordertop:after,
#orderbottom:after,
#fabricscontainer:after,
.carousel_header:after,
#order:after,
form div:after,
.homeintro_container:after,
#content:after,
#mainnav:after,
#header:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.fabrics_row,
.examples_row div dl,
.examples_row,
#footernav,
#footer,
#linearnav,
.sidebarpart dl,
#ordertop,
#orderbottom,
#fabricscontainer,
.carousel_header,
#order,
form div,
.homeintro_container,
#content,
#mainnav,
#header {display: inline-block;}

/* Hide from IE Mac \*/
.fabrics_row,
.examples_row div dl,
.examples_row,
#footernav,
#footer,
#linearnav,
.sidebarpart dl,
#ordertop,
#orderbottom,
#fabricscontainer,
.carousel_header,
#order,
form div,
.homeintro_container,
#content,
#mainnav,
#header {display: block;}
/* End hide from IE Mac */