/* [[[ Global styles ]]] */
html,body{
width : 100%;
height : 100%;
margin : 0px;
padding : 0px;
text-align : left;
background : url(../img/rijwielveiling-bg.jpg);
}
form{
margin:0;
padding:0
}
a{
text-decoration : none;
vertical-align : top;
}
img{
border : 0;
/* vertical-align : top;
display:block*/
}
li{
list-style : none;
}
#container{
width : 100%;
height : 100%;
}
/* [[[ //Global styles ]]] */
/* [[[ Styles for landing page ]]] */
#top-logo{
width : 100%;
height : 73.1%;
background : url(../img/landing-top-bg.jpg);
}
#btm-category{
width : 100%;
height : 26.9%;
background : url(../img/landing-btm-bg.jpg);
}
#top-bg{
width : 42.7%;
height : 100%;
background : url(../img/landing-cycle-bg.jpg) left bottom no-repeat;
float : left;
}
.right-text{
width : 57.3%;
height : 44%;
float : left;
position : relative;
top : 33.18%;
}
.welcome{
width : 95.8%;
height : 4.8%;
/*text-align : right;*/
position : relative;
}
.logo{
width : 58.2%;
text-align : left;
position : relative;
top : 33.15%;
}
#btm-category table,#btm-category td{
height : 100%;
}
.category{
width : 23.4%;
float : left;
margin-left : 8.1%;
text-align : left;
}
.category h1{
text-transform : uppercase;
margin : 0;
padding : 0;
}
.category h1 a{
font : normal 100% "Trebuchet MS";
color : #ffffff;
}
.category_txt{
font : 62.5% Tahoma;
color : #ffffff;
margin : 0;
padding : 0;
line-height : 1.2em;
}
.category_txt p
{
margin: 0;
padding: 0;
}
/* [[[ //Styles for landing page ]]] */
/* [[[ Styles for home page ]]] */
#site-container{
width : 100%;
height : 100%;
background : url(../img/rijwielveiling-bg.jpg);
}
/* [[[ Styles for Logo and Menu items ]]] */
#logo-menu{
width : 100%;
height : 140px;
margin : auto;
}
.home-logo{
width : 61.3%;
height : 140px;
float : left;
text-align : left;
}
.right-top-menus{
width : 38.7%;
height : 140px;
float : left;
text-align : left;
}
.home-logo img{
margin : 17px 0 0 7px;
}
#date{
height : 38px;
width : 100%;
text-align : right;
font : 11px Arial;
color : #c71c0c;
margin-top : 15px;
}
#right-menu{
height : 54px;
width : 100%;
}
#right-menu ul{
margin : 0px;
padding : 0px;
float : right;
}
#right-menu li{
float : left;
font : 11px Tahoma;
color : #c71c0c;
height : 21px;
margin : 0 6px;
padding-top : 4px;
}
.winkel{
background : url(../img/winkel.jpg) 67px top no-repeat;
}
.search-box{
text-align : right;
}
.search-box input{
vertical-align : top;
}
.textbox{
width : 119px;
height : 15px;
border : 1px solid #888888;
}
#right-menu li a{
font : 11px Tahoma;
color : #c71c0c;
}
#main-menu{
width : 100%;
height : 60px;
margin : auto;
float: left;
}
#menu{
width : 100%;
height : 25px;
background : #c71c0c;
float: left;
text-align: left;
}
#menu table{
margin : auto;
}
#menu ul{
margin : 0px;
padding : 0px;
}
#menu li{
float : left;
font : 11px Tahoma;
color : #ffffff;
height : 19px;
padding-top : 6px;
margin : 0 16px;
}
#menu li a{
font : 11px Tahoma;
color : #ffffff;
text-transform : uppercase;
}
#header-btm-menu{
margin : 0 0 19px 0;
padding: 0 0 6px 0;
position:relative;
float: right;
background : url(../img/footer-border-bg.jpg) left bottom repeat-x;
font : 11px Verdana;
color : #c71c0c;
}
.sorteer{
position: relative;;
float: right;
font : 11px Verdana;
color : #c71c0c;
}
.price_list{
position: relative;;
float: right;
font : bold 11px Verdana;
color : #c71c0c;
}
.price_list_pageing{
position: relative;;
float: right;
font : 11px Verdana;
color : #c71c0c;
}
#header-btm-menu img{
margin-top : 3px;
}
#header-btm-menu span{
font-weight : bold;
color : #c71c0c;
padding : 0 3px;
}
.bottom-pagina{
width : 100%;
height : 38px;
text-align : right;
font : 11px Verdana;
color : #c71c0c;
margin : auto;
float: right;
}
.bottom-pagina img{
margin-top : 3px;
}
/* [[[ //Styles for Logo and Menu items ]]] */
/* [[[ Styles for Products and category ]]] */
#products-and-category{
width : 22%;
/* height : 845px; */
text-align : left;
margin : auto;
float: left;
margin-top: 38px;
}
#left-contents{
width : 100%;
float : left;
height:100%;
}
#produts{
width : 78%;
float : left;
}
.producten{
width : 76.5%;
float : left;
margin-bottom: 20px;
}
#zoken{
width : 76.5%;
float : left;
margin-top : 12px;
margin-bottom: 20px;
}
.zoken-cnts{
width : 95.6%;
float : right;
}
.zoken-cnts select{
width : 142px;
font : 12px Tahoma;
color : #727272;
border : 1px solid #838383;
}
.zoken-cnts div{
margin-top : 18px;
width : 100%;
}
.smalltext{
width : 100%;
}
.smalltext div{
float : left;
width : 66px;
height : 63px;
font : 12px Tahoma;
color : #727272;
text-align : left;
margin-top : 0px;
padding-left : 10px;
}
.zoken-cnts label{
font : 12px Tahoma;
color : #727272;
display: inline;
}
.zoken-box div{
float: left;
width: 50%;
}
.zoken-box div label{
display : block;
height : 22px;
}
.zoken-box div input{
border : 1px solid #878787;
width : 60px;
height : 18px;
}
.info label{
display : block;
margin : 0;
}
.info input{
border : 1px solid #878787;
width : 142px;
height : 18px;
}
.smalltext label{
display : block;
margin : 0;
height : 20px;
}
.smalltext input{
width : 62px;
height : 18px;
border : 1px solid #878787;
margin : 0;
}
.left-headings ,.left-headings a{
width : 99.5%;
height : 25px;
background : #c71c0c;
font : 17px Georgia;
color : #ffffff;
letter-spacing : 2px;
padding : 5px 0 0 10px;
}
.product{
width : 28.4%;
float : left;
margin : 0 7.4% 38px 0;
}
.product p{
margin : 0px;
padding : 0px;
}
.producten-cat{
width : 100%;
margin-top : 15px;
}
.producten-cat ul{
margin : 0 0 0 10px;
padding : 0px;
}
.producten-cat li{
line-height : 10px;
margin-bottom : 10px;
}
.producten-cat li a{
font : 12px Tahoma;
color : #727272;
}
.producten-cat li ul{
margin-top : 10px;
}
.product-img{
width : 100%;
height : 142px;
text-align : left;
}
.product-title{
width : 100%;
height : 18px;
font : bold 12px Tahoma;
color : #c71c0c;
float: left;
text-align: left;
}
.product-desc{
width : 100%;
height : 40px;
text-align: left;
position: relative;
float: left;
}
.product-desc p{
font : 11px Tahoma;
color : #c71c0c;
}
.adviesprijs{
width : 100%;
font : bold 11px Tahoma;
color : #c71c0c;
text-align: left;
}
.price{
font : 16px Arial;
color : #000000;
text-align: left;
}
.price sup{
font : 11px Arial;
color : #000000;
}
/* [[[ //Styles for Products and category ]]] */
/* [[[ Styles for Footer ]]] */
#footer{
width : 100%;
height : 47px;
background : url(../img/footer-border-bg.jpg) center top repeat-x;
margin : auto;
float: left;
}
#footer div{
float : left;
margin-top : 12px;
}
.footer-menu{
width : 80.2%;
position : relative;
margin-left : 3.1%;
}
.footer-menu ul{
margin : 0px;
padding : 0px;
}
.footer-menu li{
float : left;
font : 11px Tahoma;
color : #c71c0c;
margin : 0 7px;
}
.footer-menu li a{
font : 11px Tahoma;
color : #c71c0c;
}
.web a{
font : 11px Tahoma;
color : #c71c0c;
}
/* [[[ //Styles for Footer ]]] */
/* [[[ //Styles for home page ]]] */
.right-cnt{
width : 99.8%;
float : left;
text-align : left;
border: 0px solid red;
padding-top: 38px;
}
.sitemap ul
{
margin: 0px 0px 0px 10px;
padding: 0px;
}
.sitemap li a
{
margin: 0px;
font : 11px Tahoma;
color : #666;
margin:5px 0px
}
.sitemap li a
{
color : #666;
text-decoration: underline;
}
.right-title{
width : 98.4%;
height : 25px;
background : #c71c0c;
font : 17px Georgia;
color : #ffffff;
letter-spacing : 2px;
padding : 5px 0 0 10px;
}
/* register */
.register-box{
width : 400px;
margin : 30px 0 0 40px;
}
.register-box .form{
position: relative;
float: left;
}
.register-box .form1{
position: relative;
float: left;
}
.register-box .dispbod{
width : 530px;
height : 35px;
float : right;
font : 12px Tahoma;
color : #FF0000;
border: 0px solid red;
}
.register-box .label{
width : 170px;
height : 35px;
float : left;
font : 12px Tahoma;
color : #727272;
/* border: 1px solid red;*/
}
.register-box .reg-text-box{
width : 230px;
float : left;
font : 12px Tahoma;
color : #727272;
}
.reg-text-box input{
border : 1px solid #878787;
width : 260px;
height : 18px;
}
.reg-text-box select{
border : 1px solid #878787;
width : 264px;
height : 23px;
}
.reg-text-box textarea{
width : 260px;
height : 70px;
border : 1px solid #878787;
}
/* */
/* Login */
.login-box{
width : 300px;
margin : 35px 0 0 35px;
}
.login-box div{
width : 100%;
font : 13px Tahoma;
color : #727272;
}
.login-text-box input{
border : 1px solid #878787;
width : 250px;
height : 18px;
}
.login-box a{
font : 13px Tahoma;
color : #727272;
}
/* */
/* My account */
.sub-title{
font : 16px Tahoma;
color : #727272;
margin : 20px 0 0 12px;
}
.profile-box{
margin : 20px 0 0 40px;
width : 340px;
}
.profile-box div{
margin-bottom : 30px;
}
.profile-img{
float : left;
font : 16px Tahoma;
color : #727272;
width : 70px;
height : 51px;
}
.profile-title{
float : left;
font : 16px Tahoma;
color : #727272;
width : 240px;
height : 36px;
padding-top : 15px;
}
.profile-box a{
font : 16px Tahoma;
color : #727272;
}
/* */
/* edit profile */
.welcom-title{
width : 128%;
height : 30px;
background : #c71c0c;
font : 17px Georgia;
color : #ffffff;
letter-spacing : 2px;
border: 0px solid red;
text-align: right;
padding-top: 3px;
}
.right-cnt2{
width : 100%;
float : left;
text-align : left;
border: 0px solid red;
padding-top: 18px;
}
.editprofile-box{
width : 250px;
margin : 30px 0 0 30px;
}
.editprofile-box .form{
position: relative;
float: left;
width: 400px;
border: 0px solid red;
}
.editprofile-box .dispbod{
width : 230px;
height : 35px;
float : right;
font : 12px Tahoma;
color : #FF0000;
border: 0px solid red;
}
.editprofile-box .label{
width : 130px;
height : 35px;
float : left;
font : 12px Tahoma;
color : #727272;
border: 0px solid red;
}
.editprofile-box .reg-text-box{
width : 230px;
float : left;
font : 12px Tahoma;
color : #727272;
border: 0px solid red;
}
.reg-text-box input{
border : 1px solid #878787;
width : 200px;
height : 18px;
}
.reg-text-box select{
border : 1px solid #878787;
width : 200px;
height : 23px;
}
.reg-text-box textarea{
width : 200px;
height : 70px;
border : 1px solid #878787;
}
.myacct-box{
width : 98%;
margin : 30px 0 0 10px;
}
/* */
/* */
.viewprofil_heading
{
font : 20px Tahoma;
color : #707070;
background : url(../img/view-edit.png) 0px no-repeat;
padding : 0px 0 0 30px;
height : 50px;
}
.view_title
{
background : #c71c0c;
font : 14px Tahoma;
color : #ffffff;
letter-spacing : 2px;
padding : 5px 10px 0 0px;
height : 28px;
}
.view_head
{
font : 14px Tahoma;
color : #707070;
text-align : center;
padding : 20px 0 0 0;
}
/* */
/* Forgot pass */
.forgot-text{
width : 90%;
margin-top : 15px;
}
.forgot-text p{
font : 13px Tahoma;
color : #727272;
line-height : 18px;
margin-left : 10px;
}
.wacht-box{
width : 350px;
margin : 30px 0 0 12px;
}
.wacht-box div{
float : left;
}
.wacht-text{
width : 120px;
height : 35px;
font : 13px Tahoma;
color : #727272;
}
.wacht-text-box{
width : 230px;
/*height : 35px;*/
font : 13px Tahoma;
color : #727272;
border: 0px solid red;
}
.wacht-text-box input{
border : 1px solid #878787;
width : 250px;
height : 18px;
}
/* */
/* [[[ //Styles for home page ]]] */
.order-title{
width : 98.5%;
height : 25px;
background : #c71c0c;
font : 17px Georgia;
color : #ffffff;
letter-spacing : 2px;
padding : 5px 0 0 10px;
text-align: left;
}
.order_head
{
font : bold 14px Tahoma;
color : #707070;
text-align : center;
padding : 7px 0 0 0;
/*background : #fbad36; */
float : left;
width : 100%;
height : 30px;
}
.order_head_list
{
font : 14px Tahoma;
color : #707070;
text-align : center;
padding : 7px 0 0 0;
float : left;
width : 99.8%;
height : 30px;
}
.order_head_bg
{
font : 14px Tahoma;
color : #707070;
text-align : center;
padding : 7px 0 0 0;
float : left;
width : 99.8%;
height : 30px;
/*background : #fde0b3;*/
}
.order_list_id
{
float : left;
width : 5.5%;
}
.order_list_id a
{
color:#727272;
}
.order_list_name
{
float : left;
width : 20%;
}
.order_list_time
{
float : left;
width : 20%;
}
.order_list_price
{
float : left;
width : 15%;
}
.order_list_status
{
float : left;
width : 17%;
}
.order_list_status
{
float : left;
width : 15%;
}
.order_list_ord
{
float : left;
width : 9%;
}
.order_list_ord a
{
color: #727272;
text-decoration: underline;
}
/* [[[ //order status ]]] */
.order_status_id
{
float : left;
width : 9.5%;
}
.order_status_date
{
float : left;
width : 40%;
}
.order_status_price
{
float : left;
width : 20%;
}
.order_status_name
{
float : left;
width : 30%;
}
/* shopping cart*/
.shopping_head
{
font : 14px Tahoma;
color : #707070;
text-align : center;
padding : 0px 0 0 0;
position:relative;
top:20px;
}
.shopping_head_accept
{
font : 14px Tahoma;
color : #707070;
text-align : center;
padding : 7px 0 0 0;
position:relative;
top:20px;
}
.shoppingcart_head
{
border : 2px solid #bdbdbd;
float : left;
width : 99.5%;
font : bold 14px Arial;
color : #727272;
height : 50px;
padding : 10px 0 0 0px;
}
.shoppingcart_head_list
{
float : left;
width : 99.5%;
font : bold 14px Arial;
color : #727272;
border-left : 2px solid #bdbdbd;
border-right : 2px solid #bdbdbd;
border-bottom : 2px solid #bdbdbd;
padding-top: 20px;
}
.shoppingcart_inte
{
float : left;
width : 10%;
text-align: center;
}
.shoppingcart_name
{
float : left;
width : 20%;
text-align: center;
}
.shoppingcart_line
{
width : 80%;
border : 1px solid #bdbdbd;
float : left;
}
.shop_belast{
float : right;
width : 80%;
}
.shop_value
{
float : right;
width : 20%;
padding-top: 0px;
margin:0;
line-height:28px;
}
.shop_tot
{
float : right;
padding-top: 5px;
}
.shop_terms
{
font : 14px Tahoma;
color : #707070;
padding-top: 3px;
}
.shoppingcart_head2
{
border : 2px solid #bdbdbd;
float : left;
width : 99.5%;
font : bold 14px Arial;
color : #727272;
height : 50px;
padding : 10px 0 0 0px;
}
/* eof */
/* [[[ //Styles for home page ]]] */
#edit_bg{
border : 6px solid #bdbdbd;
height : 100%;
width : 50%;
background : url(../img/rijwielveiling-bg.jpg);
}
.editprofil_heading
{
font : 20px Tahoma;
color : #707070;
background : url(../img/view-edit.png) 10px 12px no-repeat;
padding : 15px 0 0 40px;
height : 40px;
}
.edit_title
{
background : #c71c0c;
font : 14px Tahoma;
color : #ffffff;
letter-spacing : 2px;
padding : 5px 10px 0 0px;
height : 28px;
width : 95%;
}
.edit_head
{
font : 14px Tahoma;
color : #707070;
padding : 20px 0 0 0;
width : 80%;
}
.edit_mail
{
float : left;
width : 40%;
height : 35px;
}
.edit_size
{
width : 100%;
}
.edit_fon
{
float : left;
}
/* */
.ship_head_list
{
float : left;
width : 99.5%;
font : bold 14px Arial;
color : #727272;
padding-top: 20px;
}
.ship_inte
{
float : left;
width : 25%;
}
.ship_amtinte
{
float : left;
width : 15%;
}
.empty_record{
font : 12px Tahoma;
text-align: left;
color: #727272;
}
/*bidding page*/
.bidding_container
{
width: 100%;
position: relative;
float: none;
}
.bidding_container. .bidding_container div
{
margin: 0;
padding: 0;
}
.bidding_content
{
width: 95%;
position: relative;
float: left;
border: 1px solid #727272;
}
.bidding_content_div_top
{
float: left;
position: relative;
width: 100%;
font: bold 12px Tahoma;
border-bottom: 1px solid #727272;
padding:5px 0px;
}
.bidding_content_div_top div
{
float:left;
position:relative;
height:40px;
color : #727272;
}
.bidding_content_div_btm
{
float: left;
position: relative;
width: 100%;
font: 12px Tahoma;
color : #727272;
}
.bidding_content_div_btm div
{
float:left;
position:relative;
}
.reject
{
position: relative;
float:left;
margin: 10px 0 0 0;
padding: 0;
width: 100%;
font: 12px Tahoma;
}
.reject a
{
font: 12px Tahoma;
color: #727272;
}
/*testimonial page*/
.testimonial_content
{
margin: 0;
padding: 0;
width: 100%;
}
.testimonial_title
{
margin: 10px 0;
padding: 0;
width: 100%;
height: 20px;
font: bold 12px Verdana;
color: #727272;
}
.testimonial_text
{
margin: 15px 0;
padding: 0;
width: 100%;
font: 12px Verdana;
color: #727272;
}
/* Paging */
.paging_cls{
position: relative;
float:left;
font: 12px Verdana;
color: #727272;
}
.paging_cls a {
font: 11px Verdana;
color: #727272;
}
/* */
.textcontent
{
font-size:13px; font-family:Tahoma; color:#727272;
}
.user_head
{
font : bold 12px Verdana;
color : #727272;
text-align : center;
padding : 7px 0 0 0;
/*background : #fbad36; */
float : left;
width : 99.8%;
height : 30px;
border:0px solid red;
}
.user_list_id
{
float : left;
width : 5.5%;
border:0px solid red;
}
.user_list_id a
{
color:#727272;
}
.user_list_name
{
float : left;
width : 33%;
border: 0px solid #999900;
text-align: left;
margin-left: 8px;
}
.user_list_company
{
float : left;
width : 30%;
border: 0px solid #9900CC;
text-align: left;
margin-left: 8px;
}
.user_list_field
{
float : left;
width : 13%;
border: 0px solid #FF6600;
text-align: left;
margin-left: 8px;
}
.yearlabel, .yearlabel a{
font : 13px Tahoma;
color : #727272;
}
/* addprodct front */
.add-comp{
width: 74.5%;
margin-top: 48px;
float: left;
border: 0px solid red;
}
.add-product-part{
width: 98.5%;/* 625 */
float: left;
font: 12px Tahoma;
color: #727272;
border: 0px solid red;
}
.add-prod-lft{
width: 38.5%;/* 232 */
height: 32px;
float: left;
border: 0px solid red;
margin-top: 0;
}
.add-prod-lft div{
position: absolute;
float: right;
height: 32px;
width: 18%;
margin-top: 0;
text-align: right;
border: 0px solid red;
}
/*.add-prod-rgt{
width : 92.5%;
font : 12px Tahoma;
color : #727272;
border : 1px solid blue;
float: left;
}*/
.add-prod-rgt select{
width : 197px;
font : 12px Tahoma;
color : #727272;
border : 1px solid #838383;
}
.add-prod-lft-selt{
width: 203px;
height: 202px;
float: left;
border: 0px solid red;
}
.add-product-part-selct{
width: 500px;
height: 217px;
float: left;
}
.add-main-prod-cen{
width: 485px;
height: 203px;
float: left;
border: 1px solid red;
}
.add-prod-cen{
width: 39px;
height: 167px;
margin: 30px 0 0 8px;
float: left;
border: 0px solid red;
}
.cen-buttons{
height: 25px;
float: left;
}
.user_list_field2
{
float : left;
width : 13%;
border: 0px solid #FF6600;
text-align: left;
margin-left: 8px;
}
.divcls{
font:12px Tahoma;
color:#727272;
}
.divcls select{
font:12px Tahoma;
color:#727272;
}
.left-splheadings {
position: relative;
float: left;
width : 81%;
height : 29px;
background : #c71c0c;
font : 17px Georgia;
color : #ffffff;
letter-spacing : 2px;
padding : 5px 0 0 0px;
margin-bottom: 15px;
border: 0px solid red;
}
.left-splheadings a{
color : #ffffff;
}
.tbl_format{
font : 12px Tahoma;
color : #727272;
}