@import url("dropdown/dropdown.linear.columnar.css");
@import url("dropdown/themes/lwis.celebrity/default.advanced.css");

/*======================================================
        www.releaz.nl - ontwerpbureau releaz
======================================================*/


/*======================================================
//      Algemeen
======================================================*/

body {
    background: #131313 url(http://www.humanmotion.nl/assets/img/bg_human.png) repeat-x;
    color: #6a6a6a;
    font-size: 11px;
    font-family: "Verdana","Lucida Grande","Trebuchet MS";
}

img {
    border: 0;
}

p {
    font-family: "Verdana","Lucida Grande","Trebuchet MS";
    font-size: 11px;
    margin: 0;
}

a {
    text-decoration: none;
    color: #6A6A6A;
}

a:hover {
    text-decoration: underline;
}

h1 {
    color: #313131;
    font-weight: 300;
    font-size: 19px;
    margin: 20px 0;
}

h2 {
	color: #313131;
    font-weight: 300;
    font-size: 16px;
    margin: 20px 0;
}

h3 {
    /*margin: 0 0 22px 75px;*/
    font-size: 10px;
}

.grey {
    font-size: 11px;
    color: #ccc;
    clear: both;
}

/*======================================================
//      Header
======================================================*/
    
#header {
    width: 908px;
    height: 114px;
    margin: 20px auto 0;
    background: url(../img/header.png) no-repeat;
}

#header_img {
    width: 900px;
    height: 120px;
    margin-left: 4px;
    background: url(../img/header/rotate.php) no-repeat;
}

#logo {
    float: left;
    width: 253px;
    height: 70px;
    margin-left: 29px;
    margin-top: 15px;
}

#slogan {
    width: 900px;
    height: 35px;
    margin-left: 4px;
    background: #d2dc4f;
    border-bottom: 5px solid #c6cf72;
}

#slogan h1 {
    float: left;
	color: #fff;
	margin: 7px 0 0 20px;
}

#slogan .slogan a {
    float: right;
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
    margin-right: 16px;
}

/*======================================================
//      Menu
======================================================*/

#top-menu {
    float: right;
    width: 460px;
    text-align: right;
    padding-top: 12px;
    padding-right: 26px;
    height: 60px;
    color: #696969;
}

#top-menu #login {
    visibility: hidden;
    width: 384px;
    height: 30px;
    background: url(../img/login.jpg) no-repeat;
    color: #fff;
    padding-top: 13px;
    float: right;
    margin-right: 65px;
}

#top-menu input.textfield {
    width: 112px;
    height: 14px;
    border: none;
    background: #fff;
}

#top-menu #language {
    width: 151px;
    height: 30px;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    color: #696969;
}

#top-menu #language a, #top-menu a {
    color: #696969;
}

#menu {
    text-transform: uppercase; 
    width: 625px;
    overflow: hidden;
    height: 30px;
    font-size: 12px;
    clear: right;
    float: right;
}

#menu #home {
    float: left;
    margin-left: 20px;
}

#menu #home a {
    color: #d2dc4f;
}

#menu ul li a:hover {
    color: #d2dc4f;
    text-decoration: none;
}

#menu ul li {
    list-style: none;
    background: none;
    float: right;
    padding-left: 11px;
    padding-right: 11px;
}

#menu ul li a {
    display: block;
    padding-left: -20px;
    color: #6A6A6A;
    font-weight: 300;
}

#menu ul li.last {
    padding-right: 22px;
    border: none;
}

#menu .submenu {
    position: absolute;
    visibility: hidden;
    background: #d2dc4f;
    clear: both;
    text-transform: none;
    margin-top: 7px;
    border-bottom: 5px solid #c6cf72;
    margin: 0;
	top: auto;
	padding: 7px 10px;
}

#menu ul li .submenu ul li {
    float: none;
    display: block;
    margin: 0;
    font-weight: 300;
    width: 267px;
    list-style: none;
    background: none;
    margin-left: -40px;
    border-bottom: 1px solid #C6CF72;
    color: #fff;
    font-size: 12px;
    padding: 5px 0;
}

#menu ul li .submenu a  {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px 0 0;
    color: #fff;
}
    
/*======================================================
//      Main
======================================================*/

#wrapper {
    width: 908px;
    margin: auto auto;
    overflow: hidden;
}

#container {
    width: 900px;
    background: #fff;
    overflow: hidden;
    margin: auto auto;
}

ul#categories {
	list-style: none;
	background: url(../img/left_main.png) repeat-y;
    margin: -6px -6px 0 -6px;
}

ul#categories li {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	width: 160px;
}

ul#categories li ul li {
	margin: 0 0 -6px 0;
	padding: 8px 5px;
	width: 150px;
}

ul#categories li ul li a { 
	color: #999;
}

ul#categories {
	padding-left: 10px;
}

	ul#categories ul {
			display:none;
			list-style:none;
			padding-left:5px;
	}

#maincontainer {
    width: 488px;
    margin-left: 5px;
    float: left;
    background: #fff;

}

#left {
    width: 190px;
    float: left;
    margin-left: 20px;
}

#right {
    width: 170px;
    float: right;
    margin: 10px 0;
}

.left_bottom {
    width: 193px;
    background: url(../img/left_bottom.png) no-repeat;
    height: 17px;
    margin: 0 -6px;
}

.left_top {
    width: 193px;
    background: url(../img/left_top.png) no-repeat;
    height: 22px;
    margin: 10px -5px 0 -6px;
}

ul#menu_top {
    float: right;
    list-style: none;
}
    
    ul#menu_top li {
        float: left;
        clear: both;
    }

#menu_top a {
    color: #fff;    
}

#menu_top a:hover {
    text-decoration: none;
    color: #d9375c;
}

#login_block {
    float: right;
}

#login_block a {
    color: #fff;
}

#login_block a:hover {
    color: #333;
}

#nav { list-style: none; float: right; height: 40px; width: 547px;}
#nav li ul { margin: 0; width: 276px; padding: 10px; }

#nav a {
	color: #6A6A6A;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 300;
}

#nav li ul a { color: #FFF; } 
#nav ul p { color: #A3AB3E; margin: 5px; }
.clear { clear: both; }
.seminarmenu { margin-left: -413px !important; position: absolute !important; width: 880px !important; }

/*======================================================
//      Breadcrumb
======================================================*/

#breadcrumb {
	width: 428px;
	height: 31px;
	clear: both;
	margin-left: 20px;
}

/*======================================================
//      Buttons
======================================================*/

.button_cart, .button_friend, .button_login, .button_reg, .button_afrek, .button_emty, .button_verder, .button_vergeten, .button_previous, .button_next, .button_confirm, .button_editp, .button_editp, .button_forgot, .button_send, .button_ship {
	width: 140px;
    height: 30px;
    float: left;
    margin: 0 3px 0 0 ;
    background: #fff;
    border: none;
    color: #fff;
    font-size: 1px;
}

.button_cartnl, .button_friendnl, .button_loginnl, .button_regnl, .button_afreknl, .button_emtynl, .button_verdernl, .button_vergetennl, .button_previousnl, .button_nextnl, .button_confirmnl, .button_editpnl, .button_editpnl, .button_forgotnl, .button_sendnl, .button_shipnl {
	width: 140px;
    height: 30px;
    float: left;
    margin: 0 3px 0 0;
    background: #fff;
    border: none;
    color: #fff;
    font-size: 1px;
}

.button_cart {
	background: url(../img/button_cart.png) no-repeat;
}

.button_cartnl {
	background: url(../img/buttons_dutch/button_cart.png) no-repeat;
}

.button_ship {
	background: url(../img/button_ship.png) no-repeat;
}

.button_send {
	background: url(../img/button_send.png) no-repeat;
	color: #5aa10e;
}

.button_sendnl {
	background: url(../img/buttons_dutch/button_send.png) no-repeat;
	color: #5aa10e;
}

.button_forgot {
	background: url(../img/button_forgot.png) no-repeat;
}

.button_forgotnl {
	background: url(../img/buttons_dutch/button_forgot.png) no-repeat;
}

.button_editp {
	background: url(../img/button_editp.png) no-repeat;
	text-align: center;
	color: #5aa10e;
}

.button_editpnl {
	background: url(../img/button_editp.png) no-repeat;
	text-align: center;
	color: #5aa10e;
}


.button_confirm {
	background: url(../img/button_confirm.png) no-repeat;
}

.button_confirmnl {
	background: url(../img/buttons_dutch/button_confirm.png) no-repeat;
}

.button_previous {
	background: url(../img/button_previous.png) no-repeat;
}

.button_previousnl {
	background: url(../img/buttons_dutch/button_previous.png) no-repeat;
}

.button_next {
	background: url(../img/button_next.png) no-repeat;
}

.button_nextnl {
	background: url(../img/buttons_dutch/button_next.png) no-repeat;
}

.button_vergeten {
	color: #313131;
	font-size: 11px;
}

.button_reg {
	background: url(../img/button_reg.png) no-repeat;
}

.button_login {
	background: url(../img/buttons_dutch/button_login.png) no-repeat;
}

.button_friend {
	background: url(../img/button_friend.png) no-repeat;
}

.button_afrek {
	background: url(../img/button_afrek.png) no-repeat;
}

.button_emty {
	background: url(../img/button_emty.png) no-repeat;
	width: 118px;
}

.button_verder {
	background: url(../img/button_verder.png) no-repeat;
}

/*======================================================
//      Blocks
======================================================*/

.block_title {
    margin: 5px;
    font-size: 18px;
    color: #2A2A2A;
    font-weight: bold;
}

#text-left-block {
    margin: 20px 15px;
}

.text-left {
    width: 135px;
    border: 1px solid #ccc;
    padding: 5px;
    clear: both;
}

/* menu */

        ul.v-menu, .v-menu li{
        padding:0; 
        margin:0;
        list-style:none;
    }
    
    ul.v-menu{
        clear:both;
        margin-top:6px;
        padding:6px 10px;
    }
        .v-menu li a{
            color:#555555;
            display:block;
            border-top:solid 1px #DEDEDE;
            padding:4px;
            font-size: 11px;
            text-decoration:none;
        }
        .v-menu li a:hover{
            color:#999999;
        }


/* winkelwagen */

#winkelwagen {
    width: 155px;
    height: 43px;
    padding: 40px 10px 10px 10px;
    background: url(../img/bg_winkelwagen.png) no-repeat;
}

#winkelwagennl {
    width: 155px;
    height: 43px;
    padding: 40px 10px 10px 10px;
    background: url(../img/bg_winkelwagennl.png) no-repeat;
}

    #winkelwagen img {
        float: left;
        margin: 3px;
    }
    
    #winkelwagen a {
     color: #D2DC4F;
    }


/* aanbiedingen */

#aanbieding {
    width: 155px;
    padding: 44px 10px 10px 10px;
    height: 125px;
    text-align: center;
    background: url(../img/bg_aanbieding.png) no-repeat 0 10px;
}

    #aanbieding img {
        text-align: center;
        margin-bottom: 10px;
    }

.img_small {
    float: left;
    border: 1px solid #cecece;
    width: 54px;
    height: 54px;
    margin: 0 3px 5px 0;
}

.alink {
    color: #000;
}

/* product */

.product_view {
     width: 219px;
    height: 111px;
    margin: 2px 2px;
    padding: 10px;
    background-color: gray;
	background: url(../img/bg_product_view2.png) no-repeat;
	float: left;
}

    .product_title_groot {
        font-size: 20px;
    }
    
/*.product_title { height: 80px;}*/

.product_img {
    border: 0;
    float: left;
    height: 100px;
}

.product_view img {
    border: 0;
    float: left;
    width: 65px;
    height: 65px;
}
    
    .product_img_groot {
        margin: 0 4px 10px 0;
        max-width: 250px;
        max-height: 250px;
        border: 1px solid #cecece;
        float: left;
    }

.product_optie {
    color: #D2DC4F;
    font-weight: bold;
}

.product_link {
    float: right;
    padding-left: 7px;
    background: url(../img/arrow.png) no-repeat 0 5px;
    font-size: 10px;
}

#product_text {
    width: 490px;
    clear: both;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    margin: 10px 0 0 0;
}

.prijs_product {
    width: 232px;
    float: left;
    color: #D2DC4F;
    margin-top: 70px;
}

.prijs_product_oud {
    text-decoration: line-through;
    width: 160px;
    font-size: 14px;
    float: left;
    color: #666;
    margin-top: 5px;
}

.product_prijs {
    width: 160px;
    text-align: right;
    font-size: 28px;
    font-weight: bold;
}

.product_prijs_view {
    float: left;
    font-size: 13px;
    font-weight: bold;
    color: #D2DC4F;
	margin-left: 10px;
	width: 100px;   
}

.top10 {
    line-height: 20px;
    border: 1px solid #999;
    padding: 10px;
    width: 160px;
}

.error-div{
    clear: both;
}

.shoping-table {
    width:616px;
    border:1px solid #333;
}

.input {
    border:1px solid #ccc;
    background-color: #FFFFFF;
    margin: 1px;
}

/* formulier */

.view_cart {
    float:left;
    height:auto;
    margin: 16px auto 0 auto;
}

.clr {
    clear:both;
}

.fl {
    float:left;
}

.fr {
    float:right;
}

.verzend {
    float: right;
    margin: 0 82px 10px 0;
    color: #999;
}

.form {
    padding: 4px 4px 4px 10px;
    float:left;
    margin: 1px 0;
    width: 470px;
    background: #efefef;
    color: #999;
}

.form-col-left {
    float:left;
    width: 150px;
    text-align: left;
}

.form-col-right {
    float: left;
    margin-left: 5px;
    width: 200px;
}

.shoping-table{
    width:616px;
    border:1px solid #333;
}

.col-buy-itme {
    width: 244px;
    padding-left:10px;
    height:32px;
    line-height:32px;
    background: #D2DC4F;
    color: #fff;
}

.col-buy-itme-2 {
    width: 249px;
    padding: 10px 0 0 10px;
}

.line-solid-bottom {
	border-bottom: 1px solid #efefef;
}

.col-small {
    width: 50px;
    height:32px;
    line-height:32px;
    background: #D2DC4F;
    color: #fff;
}

.col-small-2, .col-small-3, .col-small-4 {
    width: 61px;
    height:32px;
    line-height:32px;
    background: #D2DC4F;
    color: #fff;
}

.col-small-3 {
    width:80px;
    text-align:center;
    height:32px;
    line-height:32px;
    background: #D2DC4F;
    color: #fff;
}

.col-small-4 {
    width:44px;
}

.col-small-a, .col-small-b, .col-small-c  {
    width:80px;
    height:25px;
    padding-top: 10px;
}

.col-small-a {
	width: 45px;
}

.col-small-d {
    width: 25px;
    padding-top: 10px;
    text-align:center;
}

.green-text {
    color:#d9375c;
}

.white-text { color:#fff; }
.grey-text { color: #A6A6A6; width: 100px; }

.overzicht { width: 203px; float: right;}

.link-red {
    color: #D21F1F;
}

.last-row {  
    width: 487px;
    line-height:18px;
    border-top: 3px solid #DDD;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    height: 85px;
    background: #EFEFEF;
    color: #6A6A6A;
} 

.cat-heading {
    color:#2a2a2a;
    background-color:#fff;
    font-weight:bold;
    font-size:14px;
    border-bottom:#666666;
    line-height:25px;
    text-transform: uppercase;
    padding-left:5px;
}

.col-mid {
    float:left;
    margin-left:10px;
    width:553px;
}

.col-3 {
    float:left;
    margin-left:10px;
    width:160px;
}

.col-3s {
    width:160px;
    margin-top:19px;
}
.product-view {
    width:120px;
    float:left;
    margin:8px;
}

.product-detail {
    width:200px;
    float:left;
    margin:3px;
}

.product-detail-right {
    padding:5px;
    width:295px;
    float:left;
}

/*======================================================
//      subpagina
======================================================*/

.block_left {
    float: left;
    width: 389px;
    height: 389px;
    padding: 14px;
    background: #fff;
} 

.block_right {
    float: left;
    width: 389px;
    padding: 14px;
    margin-left: 14px;
    height: 389px;
    background: #fff;
} 

/*======================================================
//      Zoekbalk
======================================================*/

.searchbg{
    background-image:url(../img/serachbg.jpg);
    background-repeat:no-repeat;
    background-color: #000;
    width:163px;
    height:23px;
    border:0px;
}

#search{
    background: url(../img/searchbox.png) no-repeat;
    width:149px;
    height:24px;
    margin: 5px 0 13px 9px;
}

.searchtextbox{
	margin-left: 20px;
	margin-top: 3px;
	width: 110px;
	border: 0px;
	height: 15px;
}

.noproducts {
    font-weight: bold;
    font-size: 12px;
}

/*======================================================
//      Footer
======================================================*/

#footer {
    background: url(../img/footer.png) transparent no-repeat 0 -1px;
    width: 904px;
    height: 30px;
    text-align: right;
    color: #fff;
    padding-right: 4px;
}

#footer-text {
    text-align: right;
    color: #fff;
    padding-right: 25px;
}