* { padding: 0; margin: 0; } img, fieldset { border: 0; } img.floatLeft{ float: left; } .clear{ clear: both; height: 1px; line-height: 1px; } a{color: #00B0D8; text-decoration: none;} a:hover, a.on{color: #00B0D8; text-decoration: underline;} p {line-height: 1.3em;} h1, h2, h3, h4, h5 {color: #000; font-family: "Arial", sans-serif;} body{ background: #FFF url("/Content/images/layout/default/bg-body.jpg") top left repeat-x; color: #000; font-family: Verdana, Arial, sans-serif; font-size: 10px; text-align: left; } .round12{ -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -webkit-border-bottom-right-radius: 12px; } .round20{ -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; } #test { background-image:url(/Content/images/layout/default/aaa1.gif) } /* ROUND CORNERS for IE */ .round_box11{ } .round_box11 .bl { background: url(/Content/images/layout/default/round6.gif) bottom left no-repeat; padding-left: 25px; } .round_box11 .br { background: url(/Content/images/layout/default/round6.gif) bottom right no-repeat; padding-right: 25px; padding-bottom: 25px; } .round_box11 .tl { background: url(/Content/images/layout/default/round6.gif) top left no-repeat; margin-left: -25px; padding-left: 25px; } .round_box11 .tr { min-height: 25px; background: url(/Content/images/layout/default/round6.gif) top right no-repeat; margin-right: -25px; } .round_box11 .body{ float: left; margin-left: -25px; text-align: left; margin-bottom: -25px; } .round_box12{ } .round_box12 .bl { background: url(/Content/images/layout/default/round8.gif) bottom left no-repeat; padding-left: 25px; } .round_box12 .br { background: url(/Content/images/layout/default/round8.gif) bottom right no-repeat; padding-right: 25px; padding-bottom: 25px; } .round_box12 .tl { background: url(/Content/images/layout/default/round8.gif) top left no-repeat; margin-left: -25px; padding-left: 25px; } .round_box12 .tr { min-height: 25px; background: url(/Content/images/layout/default/round8.gif) top right no-repeat; margin-right: -25px; } .round_box12 .body{ float: left; margin-left: -25px; text-align: left; margin-bottom: -25px; } .round_box13{ } .round_box13 .bl { background: url(/Content/images/layout/default/round7.gif) bottom left no-repeat; padding-left: 25px; } .round_box13 .br { background: url(/Content/images/layout/default/round7.gif) bottom right no-repeat; padding-right: 25px; padding-bottom: 25px; } .round_box13 .tl { background: url(/Content/images/layout/default/round7.gif) top left no-repeat; margin-left: -25px; padding-left: 25px; } .round_box13 .tr { min-height: 25px; background: url(/Content/images/layout/default/round7.gif) top right no-repeat; margin-right: -25px; } .round_box13 .body{ float: left; margin-left: -25px; text-align: left; margin-bottom: -25px; } .round_box14{ } .round_box14 .bl { background: url(/Content/images/layout/default/round9.gif) bottom left no-repeat; padding-left: 25px; } .round_box14 .br { background: url(/Content/images/layout/default/round9.gif) bottom right no-repeat; padding-right: 25px; padding-bottom: 25px; } .round_box14 .tl { background: url(/Content/images/layout/default/round9.gif) top left no-repeat; margin-left: -25px; padding-left: 25px; } .round_box14 .tr { min-height: 25px; background: url(/Content/images/layout/default/round9.gif) top right no-repeat; margin-right: -25px; } .round_box14 .body{ float: left; margin-left: -25px; text-align: left; margin-bottom: -25px; } .round_box21{ } .round_box21 .bl { background: url(/Content/images/layout/default/round2.gif) bottom left no-repeat; padding-left: 25px; } .round_box21 .br { background: url(/Content/images/layout/default/round2.gif) bottom right no-repeat; padding-right: 25px; padding-bottom: 25px; } .round_box21 .tl { background: url(/Content/images/layout/default/round2.gif) top left no-repeat; margin-left: -25px; padding-left: 25px; } .round_box21 .tr { min-height: 25px; background: url(/Content/images/layout/default/round2.gif) top right no-repeat; margin-right: -25px; } .round_box21 .body{ float: left; margin-left: -25px; text-align: left; margin-bottom: -25px; } .round_box22{ } .round_box22 .bl { background: url(/Content/images/layout/default/round3.gif) bottom left no-repeat; padding-left: 25px; } .round_box22 .br { background: url(/Content/images/layout/default/round3.gif) bottom right no-repeat; padding-right: 25px; padding-bottom: 25px; } .round_box22 .tl { background: url(/Content/images/layout/default/round3.gif) top left no-repeat; margin-left: -25px; padding-left: 25px; } .round_box22 .tr { min-height: 25px; background: url(/Content/images/layout/default/round3.gif) top right no-repeat; margin-right: -25px; } .round_box22 .body{ float: left; margin-left: -25px; text-align: left; margin-bottom: -25px; } .round_box23{ } .round_box23 .bl { background: url(/Content/images/layout/default/round4.gif) bottom left no-repeat; padding-left: 25px; } .round_box23 .br { background: url(/Content/images/layout/default/round4.gif) bottom right no-repeat; padding-right: 25px; padding-bottom: 25px; } .round_box23 .tl { background: url(/Content/images/layout/default/round4.gif) top left no-repeat; margin-left: -25px; padding-left: 25px; } .round_box23 .tr { min-height: 25px; background: url(/Content/images/layout/default/round4.gif) top right no-repeat; margin-right: -25px; } .round_box23 .body{ float: left; margin-left: -25px; text-align: left; margin-bottom: -25px; } .round_box24{ } .round_box24 .bl { background: url(/Content/images/layout/default/round5.gif) bottom left no-repeat; padding-left: 25px; } .round_box24 .br { background: url(/Content/images/layout/default/round5.gif) bottom right no-repeat; padding-right: 25px; padding-bottom: 25px; } .round_box24 .tl { background: url(/Content/images/layout/default/round5.gif) top left no-repeat; margin-left: -25px; padding-left: 25px; } .round_box24 .tr { min-height: 25px; background: url(/Content/images/layout/default/round5.gif) top right no-repeat; margin-right: -25px; } .round_box24 .body{ float: left; margin-left: -25px; text-align: left; margin-bottom: -25px; } .round_box25{ } .round_box25 .bl { background: url(/Content/images/layout/default/round5.gif) bottom left no-repeat; padding-left: 25px; } .round_box25 .br { background: url(/Content/images/layout/default/round5.gif) bottom right no-repeat; padding-right: 25px; padding-bottom: 11px; } .round_box25 .tl { background: url(/Content/images/layout/default/round5.gif) top left no-repeat; margin-left: -25px; padding-left: 25px; } .round_box25 .tr { min-height: 25px; background: url(/Content/images/layout/default/round5.gif) top right no-repeat; margin-right: -25px; } .round_box25 .body{ float: left; margin-left: -25px; text-align: left; margin-bottom: -25px; } /* WRAPPER */ #wrapper{ width: 899px; margin: auto; background: none; position: relative; } /* LOGO */ #logo{ z-index: 9; width: 199px; height: 563px; position: absolute; top: 48px; left: 13px; background: transparent url("/Content/images/layout/default/logo.png") top left no-repeat; } /* HEADER */ #header{ width: 899px; height: 231px; position: relative; } #header #login_area{ position: absolute; right: 46px; top: 15px; } #header #login{ float: right; vertical-align: middle; font-size: 1.2em; line-height: 20px; } #header #login img{ float: left; margin-right: 4px; display: block; } #header #login DIV{ float: left; color: #FFFFFF; } #header #login a{ font-weight: bold; color: #AFDFE5; } #header #fconnect{ float: right; margin-right: 24px; } #search_area{ position: absolute; left: 237px; top: 127px; } #search_area p{margin-bottom: 11px; } #search_area p.buttons{ height: 43px; line-height: 43px; vertical-align: middle; } #search_area .search_box{ color: #58B7DD; font-size: 1.5em; font-weight: bold; height: 25px; width: 243px; padding-left: 5px; padding-top: 5px; border: 1px solid #2E3192; border-color: #2E3192 #009FCE #009FCE #2E3192; } #search_area p.buttons .search_box{ float: left; margin-top: 6px; } #search_area .image{ float: left; margin-left: 12px; } /* ----------------------------------------------------------------- */ /* CONTENT */ #content{ width: 899px; background: url("/Content/images/layout/default/bg-content.png") top left no-repeat; } /* PRODUCT CATEGORIES */ #product_categories{ width: 216px; float: left; padding-top: 417px; margin-bottom:40px;} #product_categories h3{ color: #00B0D8; font-size: 1.6em; margin-left: 30px; margin-bottom: 16px; } #product_categories ul.categories{ margin-left: 30px; margin-bottom: 8px; list-style: none; } #product_categories ul.categories li{ margin-bottom: 1px; display: block; } #product_categories ul.categories li a{ display: block; color: #666666; font-size: 1.2em; } #product_categories p{} #product_categories p a.more_link{ float: right; font-size: 1.2em; padding-right: 10px; } /* TOP SECTION */ #content .top_section{ padding-top: 44px; width: 644px; float: right; padding-right: 36px; padding-bottom: 28px; } #content #welcome{ margin-bottom: 12px; } #content #welcome .body{ padding-right: 5px; padding-bottom: 5px; padding-top: 4px; position: relative; } #content #welcome .tab_nav{ width: 266px; height: 37px; position: absolute; right: 4px; background: transparent url("/Content/images/layout/default/bg-nav.png") 0 0 no-repeat; } #content #welcome .tab_nav #tab1{ display: block; float: right; height: 37px; width: 90px; } #content #welcome .tab_nav #tab2{ display: block; float: right; height: 37px; width: 80px; } #content #welcome .tab_nav #tab3{ display: block; float: right; height: 37px; width: 80px; } #content #welcome #tab1_body{} #content #welcome #tab1_body img.floatLeft{ margin: 11px 28px 8px 15px; display: block; } #content #welcome #tab1_body p.first{ padding-top: 60px; } #content #welcome #tab1_body p{ color: #666666; margin-bottom: 10px; margin-right: 23px; font-size: 1.2em; } #content #welcome #tab2_body{} #content #welcome #tab2_body img.floatLeft{ margin: 11px 28px 8px 15px; display: block; } #content #welcome #tab2_body p.first{ padding-top: 60px; } #content #welcome #tab2_body p{ color: #666666; margin-bottom: 10px; margin-right: 23px; font-size: 1.2em; } #content #welcome #tab3_body{} #content #welcome #tab3_body img.floatLeft{ margin: 11px 28px 8px 15px; display: block; } #content #welcome #tab3_body p.first{ padding-top: 60px; } #content #welcome #tab3_body p{ color: #666666; margin-bottom: 10px; margin-right: 23px; font-size: 1.2em; } #content #recently_added{ height: 1%; } #content #recently_added .body{ padding: 18px 0 4px 23px; } #content #recently_added h3{ color: #00B0D8; margin-bottom: 16px; font-size: 1.6em; } #content #recently_added div.item{ margin-bottom: 16px; margin-right: 21px; float: left; } #content #recently_added div.item .body{ text-align:center; width: 113px; padding: 10px; } #content #recently_added div.item img{ margin-bottom: 10px; } #content #recently_added div.item div.itemImage{ border: 1px solid #BDBEC0; width:100px; height:80px; background-color:White; padding:5px; margin-bottom:5px; } #content #recently_added div.item h4{ text-align:left; font-size: 10px; height: 45px; overflow: hidden; } #content #recently_added div.item h4 a{ font-size: 1.2em; } #content #recently_added div.item p{ text-align:left; font-size: 1em; color: #666; } #content #recently_added div.item a{ font-size: 1.1em; color: #00B0D8; } #promotion { width: 644px; float: right; padding-top: 44px; margin-right: 36px; padding-bottom: 28px; background-color: #FFF; } #promotion .body{ padding: 18px 0 4px 23px; } #promotion h3{ color: #00B0D8; margin-bottom: 16px; font-size: 1.6em; } #promotion p{ text-align:left; font-size: 1em; color: #666; padding-right:20px; } #promotion div.item{ margin-bottom: 16px; margin-right: 21px; float: left; } #promotion div.item .body{ text-align:center; width: 600px; padding: 10px; } #promotion div.item img{ margin-bottom: 10px; } #promotion div.item div.itemImage{ border: 1px solid #BDBEC0; width:100px; height:80px; background-color:White; padding:5px; margin-bottom:5px; } #promotion div.item h4{ text-align:left; font-size: 10px; height: 45px; overflow: hidden; } #promotion div.item h4 a{ font-size: 1.2em; } #promotion div.item p{ text-align:left; font-size: 1em; color: #666; } #promotion div.item a{ font-size: 1.1em; color: #00B0D8; } #promotion .box_left{ width: 610px; float: left; padding-bottom:30px; } #promotion .box_left .item{ margin-bottom: 10px; width: 602px; float:left; } #promotion .box_left .item .body{ padding: 10px; } #promotion .box_left .item .col1{text-align:center; width: 69px; height: 60px; float: left; margin-right: 3px; } #promotion .box_left .item .col1 img{border: 1px solid #CCC; } #promotion .box_left .item .col2{ text-align:left; background: #FFF; width: 368px; height: 68px; float: left; border: 1px solid #CCC; } #promotion .box_left .item .col2 h5{ text-align:left; padding-top: 3px; padding-left: 3px; font-size: 1.2em; color: #00B2D9; margin-bottom: 5px; } #promotion .box_left .item .col2 p.category{ padding-left: 3px; color: #666; } #promotion .box_left .item .col2 p.location{ padding-left: 3px; color: #666; } #promotion .box_left .item .col3{ width: 118px; height: 60px; float: left; text-align: right; position: relative; font-size: 1.1em; } #promotion .box_left .item .col3 .top{ color: #00B2D9; } #promotion .box_left .item .col3 .bottom{ position: absolute; bottom: 0; right: 0; color: #666; } #promotion .box_left .item .col3 .bottom .num{ color: #00B2D9; } #promotion .box_left .item .col3 .bottom a{ font-size: 0.9em; } /* THREE COLUMNS */ #content #three_columns{ clear: both; height: 1%; } #content #three_columns .column1, #content #three_columns .column2, #content #three_columns .column3{height:584px; width: 266px; padding: 0 0 16px 0; float: left; margin-left: 20px; } #content #three_columns .column1 .items, #content #three_columns .column2 .items, #content #three_columns .column3 .items{height:500px; float: left;} #content #three_columns .column1 div.item div.image, #content #three_columns .column2 div.item div.image, #content #three_columns .column3 div.item div.image{vertical-align:middle; height:58px; margin-right: 3px;float: left; width:70px; text-align:center; } #content #three_columns .column1 div.item img, #content #three_columns .column2 div.item img, #content #three_columns .column3 div.item img{ border: 1px solid #CBC3C9; } #content #three_columns .column1 div.item .info, #content #three_columns .column2 div.item .info, #content #three_columns .column3 div.item .info{ padding-left: 5px; width: 164px; height: 58px; overflow: hidden; background-color: #FFF; border: 1px solid #CBC3C9; float: left; } /* COLUMN 1 */ #content #three_columns .column1{ background: transparent url("/Content/images/layout/default/bg1.png") 0 26px no-repeat; } #content #three_columns .column1 h3{ padding-left: 8px; color: #EC008C; margin-bottom: 28px; font-size: 1.5em; } #content #three_columns .column1 div.item{ float: left; margin-bottom: 12px; margin-left: 12px; } #content #three_columns .column1 div.item h4{ color: #EC008C; font-size: 1.2em; } #content #three_columns .column1 div.item p{ color: #666666; font-size: 1em; } #content #three_columns .column1 div.item p.desc{ color: #666666; font-size: 1.1em; } #content #three_columns .column1 div.item a{ color: #EC008C; font-size: 1.1em; } /* COLUMN 2 */ #content #three_columns .column2{ background: transparent url("/Content/images/layout/default/bg2.png") 0 26px no-repeat; } #content #three_columns .column2 h3{ padding-left: 8px; color: #F7931E; margin-bottom: 28px; font-size: 1.5em; } #content #three_columns .column2 div.item{ float: left; margin-bottom: 12px; margin-left: 12px; } #content #three_columns .column2 div.item h4{ color: #F7931E; font-size: 1.2em; } #content #three_columns .column2 div.item p{ color: #666666; font-size: 1em; } #content #three_columns .column2 div.item p.desc{ color: #666666; font-size: 1.1em; } #content #three_columns .column2 div.item a{ color: #F7931E; font-size: 1.1em; } /* COLUMN 3 */ #content #three_columns .column3{ background: transparent url("/Content/images/layout/default/bg3.png") 0 26px no-repeat; } #content #three_columns .column3 h3{ padding-left: 8px; color: #2E3192; margin-bottom: 28px; font-size: 1.5em; } #content #three_columns .column3 div.item{ float: left; margin-bottom: 12px; margin-left: 12px; } #content #three_columns .column3 div.item h4{ color: #2E3192; font-size: 1.2em; } #content #three_columns .column3 div.item p{ color: #666666; font-size: 1em; } #content #three_columns .column3 div.item p.desc{ color: #666666; font-size: 1.1em; } #content #three_columns .column3 div.item a{ color: #2E3192; font-size: 1.1em; } /* BUTTONS */ #content #three_columns p.button{bottom:2px; display: block; clear: both; height: 95px; } #content #three_columns #blog_button{ display: block; padding-top: 26px; } #content #three_columns #ipod_button{} #content #three_columns #postcode_button{ display: block; clear: both; width: 267px; height: 55px; padding-top: 27px; background: transparent url("/Content/images/layout/default/button-postcode.png") 0 27px no-repeat; } #content #three_columns #postcode_button label{ display: block; color: #FFF; margin-top: 4px; margin-left: 22px; font-size: 1.2em; margin-bottom: 2px; } #content #three_columns #postcode_button input.txt{ display: block; float: left; margin-left: 22px; color: #666; font-size: 1.2em; width: 165px; border: 1px solid #2E3192; border-color: #2E3192 #009FCE #009FCE #2E3192; padding-bottom: 2px; margin-right: 16px; } #content #three_columns #postcode_button input.sub{ background: transparent; border: 0; cursor: pointer; } /* FOOTER */ #footer{ margin-left: 20px; margin-right: 40px; clear: both; margin-bottom: 20px; height: 1%; } #footer .body{ padding: 17px 20px 12px 20px; } #footer p{ padding-top: 6px; margin-bottom: 16px; color: #666; line-height: 1.2em; } #footer div.first{ color: #666; line-height: 1.2em; } #footer span#copyright{ float: left; color: #666; display: block; } #footer ul#footer_links{ float: right; list-style: none; display: block; } #footer ul#footer_links li{ display: block; float: left; margin-right: 2px; margin-left: 2px; } #footer ul#footer_links li a{ color: #666; } #footer div.payment{ float: left; } #footer div.payment img{ margin-right: 17px; } #footer div.findus{ float: right; vertical-align: top; } #footer div.findus span{ display: block; float: left; margin-right: 17px; margin-top: 7px; } /* ----------------------------------------------------------------- */ /* MY ACCOUNT PAGE */ #myaccount{ width: 644px; float: right; padding-top: 44px; margin-right: 36px; padding-bottom: 28px; background-color: #FFF; } /* USER PROFILE */ #myaccount #profile{ width: 604px; height: 214px; padding: 20px; background: url("/Content/images/layout/default/bg-my-account.png") top left no-repeat; margin-bottom: 20px; } #myaccount #profile h3{ color: #FFF; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 16px; } #myaccount #profile .pic_frame{ display: block; float: left; margin-right: 20px; width: 225px; height: 178px; padding-top: 10px; background: url("/Content/images/layout/default/bg-pic-frame.png") top left no-repeat; overflow: hidden; } #myaccount #profile .pic_frame img{display:block; border: 1px solid #A7A9AC; margin: auto; height:156px; } #myaccount #profile ul{ display: block; float: left; padding-top: 8px; } #myaccount #profile ul li{ display: block; clear: left; padding-bottom: 8px; } #myaccount #profile ul li span{ margin-left: 5px; color: #FFF; font-size: 1.4em; height: 24px; line-height: 24px; vertical-align: middle; } #myaccount #profile ul li a{ color: #FFF; display: block; float: left; width: 164px; padding-left: 10px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 1.4em; font-family: "Cookie Regular", "Arial", sans-serif; background: url("/Content/images/layout/default/bg-profile-button.png") 0 -24px no-repeat; } #myaccount #profile ul li a:hover, #myaccount #profile ul li a.on{ text-decoration: none; background: url("/Content/images/layout/default/bg-profile-button.png") 0 0 no-repeat; } #myaccount #facebook_settings{ width: 604px; padding: 20px; margin-bottom: 20px; } #myaccount #facebook_settings h3{ padding-top: 10px; padding-left: 23px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 10px; } /* INBOX SECTION */ #myaccount #inbox_section{ background-color: #FFF; margin-bottom: 18px;} #myaccount #inbox_section h3{ padding-left: 23px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 10px; } #myaccount #inbox_section #inbox_area{ margin-bottom: 12px; } #myaccount #inbox_section #inbox_area .body{ padding: 14px 20px 14px 16px; } #myaccount #inbox_section a.close{ display: block; float: right; margin-right: 5px; padding-top: 5px; } #myaccount #inbox_section #inbox_area h4{ font-weight: normal; padding-left: 5px; color: #00B2D9; font-size: 1.6em; margin-bottom: 12px; } #myaccount #inbox_section #inbox_area p.pagenav{ padding-left: 5px; margin-bottom: 10px; color: #666666; font-size: 1.2em; } #myaccount #inbox_section #inbox_area p.pagenav span.viewing{ margin-right: 23px; } #myaccount #inbox_section #inbox_area p.pagenav span.on{ font-weight: bold; } #myaccount #inbox_section #inbox_area .table1{} #myaccount #inbox_section #inbox_area .table1 th{ text-align:left; font-weight: normal; padding: 5px; font-size: 1.2em; color: #00B2D9 } #myaccount #inbox_section #inbox_area .table1 td{ text-align: center; padding: 5px; } #myaccount #inbox_section #inbox_area .table1 th span.down{ color: #666; } #myaccount #inbox_section #inbox_area .table1 th.heading1{width:68px;} #myaccount #inbox_section #inbox_area .table1 th.heading2{padding-left:14px;} #myaccount #inbox_section #inbox_area .table1 th.heading3{} #myaccount #inbox_section #inbox_area .table1 th.heading4{ text-align: right; padding-right: 10px;} #myaccount #inbox_section #inbox_area .table1 .msg{ width: 535px; } #myaccount #inbox_section #inbox_area .table1 .msg .body{ padding: 10px 0 10px 10px; } #myaccount #inbox_section #inbox_area .table1 .msg .col1{ float: left; width: 68px; margin-right: 4px; overflow: hidden; } #myaccount #inbox_section #inbox_area .table1 .msg .col1 a{ display: block; font-size: 1em; } #myaccount #inbox_section #inbox_area .table1 .msg .col1 a img{ border: 1px solid #BBB; display: block; } #myaccount #inbox_section #inbox_area .table1 .msg .col2{float: left; width: 350px; height:58px; text-align: left; background-color: #FFF; border: 1px solid #BBB; padding: 5px; } #myaccount #inbox_section #inbox_area .table1 .msg .col2 h5{ font-weight: normal; font-family: "Verdana", "Arial", sans-serif; font-size: 1.2em; color: #00B2D9; margin-bottom: 10px; } #myaccount #inbox_section #inbox_area .table1 .msg .col2 p{ font-family: "Verdana", "Arial", sans-serif; font-size: 1.2em; color: #666666; } #myaccount #inbox_section #inbox_area .table1 .msg .col2 p a{ font-size: 10px; } #myaccount #inbox_section #inbox_area .table1 .msg .col3{ float: left; margin-left: 7px; text-align: right; position: relative; } #myaccount #inbox_section #inbox_area .table1 .msg .col3 div.date{ font-size: 1.2em; color: #666; } #myaccount #inbox_section #inbox_area .table1 .msg .col3 a.reply{ position: absolute; top: 54px; right: 0; font-size: 0.9em; } #myaccount #inbox_section #inbox_area .buttons{ padding-top: 15px; padding-left: 15px; } #myaccount #inbox_section #inbox_area .buttons .chkbox{ display: block; float: left; margin-right: 10px; margin-top: 5px; } #myaccount #inbox_section #inbox_area .buttons .button{ float: left; margin-right: 26px; } #myaccount #inbox_section p.pagenav2{ padding-left: 23px; margin-bottom: 10px; color: #666666; font-size: 1.2em; } #myaccount #inbox_section p.pagenav2 span.viewing{ margin-right: 23px; } #myaccount #inbox_section p.pagenav2 span.on{ font-weight: bold; } /* About Me section */ #myaccount #profileimage_section{ background-color: #FFF; margin-bottom: 18px; } #myaccount #profileimage_section h3{ padding-left: 23px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 10px; } #myaccount #profileimage_section .alldone {font-size: 0.8em; color: #00CC66;} #myaccount #profileimage_section #profileimage_area h4{ font-weight: normal; padding-left: 5px; color: #00B2D9; font-size: 1.6em; margin-bottom: 12px; } #myaccount #profileimage_section #profileimage_area{ margin-bottom: 12px; } #myaccount #profileimage_section #profileimage_area .body{ padding: 14px 20px 14px 16px; } #myaccount #profileimage_section #profileimage_area .body P{ font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif; margin-bottom: 10px; color: #666; } #myaccount #profileimage_section input, #sign_up .free_account textarea, #sign_up .free_account input, #sign_up .free_account select{ font-family: "Arial", sans-serif; font-size: 1.2em; color: #666; } #myaccount #profileimage_section #profileimage_area .inputbox{ float: left; margin-right: 18px; font-size: 1.2em; } #myaccount #profileimage_section #profileimage_area .inputbox label{ display: block; color: #00B2D9; margin-bottom: 3px;} #myaccount #profileimage_section #profileimage_area .inputbox label .error{color:red} #myaccount #profileimage_section #profileimage_area .inputbox .txt{ width: 280px; } #myaccount #profileimage_section #profileimage_area .last{ margin-right: 0; } #myaccount #profileimage_section .steps .box_left{ float: left; } #myaccount #profileimage_section .steps .box_left .pic_frame{ margin-right: 19px; } #myaccount #profileimage_section .steps .box_left .pic_frame .body{ padding: 10px; width:200px; text-align:center;} #myaccount #profileimage_section .steps .box_left .pic_frame img{ border: 1px solid #CCC; } #myaccount #profileimage_section .steps .box_right{ float: left; height: 185px; width:300px; position: relative; } #myaccount #profileimage_section .steps .box_right .note{ position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; font-weight: bold; } #myaccount #profileimage_section .steps .box_right .txt{ color: #666; font-size: 1.2em; width: 220px; vertical-align: middle; } #myaccount #profileimage_section .steps .box_right .check{ margin-right: 5px; margin-left: 3px; } #myaccount #profileimage_section .steps .box_right p{ margin-bottom: 15px; color: #666; font-size: 1.2em; } #myaccount #profileimage_section .steps .box_right p span.note{ color: #00B2D9; margin-left: 20px; } #myaccount #profileimage_section .steps .box_right p span.loading{ visibility: visible; margin-left: 20px; height: 24px; line-height: 24px; vertical-align: middle; } #myaccount #profileimage_section .steps .box_right p span.loading img{ height: 24px; vertical-align: top; } #myaccount #profileimage_section .steps .box_right p .button{ vertical-align: middle; margin-bottom: 8px; } #myaccount #profileimage_section .steps .box_right p.photoadd{ margin-bottom: 6px; } #myaccount #profileimage_section .steps .box_right p.photoadd span{ display: block; float: left; width: 170px; overflow: hidden; } #myaccount #profileimage_section .steps .box_right p.photoadd input{ display: block; float: left; margin-right: 10px; } #myaccount #profileimage_section .steps .box_right p.photoadd a.preview{ margin-right: 10px; } /* About Me section */ #myaccount #aboutme_section{ background-color: #FFF; margin-bottom: 18px; } #myaccount #aboutme_section h3{ padding-left: 23px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 10px; } #myaccount #aboutme_section .alldone {font-size: 0.8em; color: #00CC66;} #myaccount #aboutme_section #aboutme_area h4{ font-weight: normal; padding-left: 5px; color: #00B2D9; font-size: 1.6em; margin-bottom: 12px; } #myaccount #aboutme_section #aboutme_area{ margin-bottom: 12px; } #myaccount #aboutme_section #aboutme_area .body{ padding: 14px 20px 14px 16px; } #myaccount #aboutme_section #aboutme_area .body P{ font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif; margin-bottom: 10px; color: #666; } #myaccount #aboutme_section input, #sign_up .free_account textarea, #sign_up .free_account input, #sign_up .free_account select{ font-family: "Arial", sans-serif; font-size: 1.2em; color: #666; } #myaccount #aboutme_section #aboutme_area .inputbox{ float: left; margin-right: 18px; font-size: 1.2em; } #myaccount #aboutme_section #aboutme_area .inputbox label{ display: block; color: #00B2D9; margin-bottom: 3px;} #myaccount #aboutme_section #aboutme_area .inputbox label .error{color:red} #myaccount #aboutme_section #aboutme_area .inputbox .txt{ width: 280px; } #myaccount #aboutme_section #aboutme_area .last{ margin-right: 0; } /* #myaccount #aboutme_section #aboutme_area .inputbox{ margin-right: 18px; font-size: 1.2em; margin-bottom: 5px; } #myaccount #aboutme_section #aboutme_area .inputbox span{ color: #666; } #myaccount #aboutme_section #aboutme_area .inputbox span.error{ color: red; font-size: 1em; margin-left:10px; } #myaccount #aboutme_section #aboutme_area .inputbox label{ display: block; color: #00B2D9; margin-bottom: 3px;} #myaccount #aboutme_section #aboutme_area .inputbox label span{ color: #00B2D9; font-size: 0.9em; } #myaccount #aboutme_section #aboutme_area .inputbox label span.error{ color: red; font-size: 1em; } #myaccount #aboutme_section #aboutme_area .inputbox .txt{ width: 285px; margin-bottom: 5px; } #myaccount #aboutme_section #aboutme_area .last{ margin-right: 0; } */ /* ERROR SECTION */ #error{ width: 644px; float: right; padding-top: 44px; margin-right: 36px; padding-bottom: 28px; background-color: #FFF; } #error #error_section{ background-color: #FFF; margin-bottom: 18px; } #error #error_section h3{ padding-left: 23px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 10px; } #error #error_section #error_area{ margin-bottom: 12px; } #error #error_section #error_area .body{ padding: 14px 20px 14px 16px; } #error #error_section a.close{ display: block; float: right; margin-right: 5px; padding-top: 5px; } #error #error_section #error_area h4{ font-weight: normal; padding-left: 5px; color: #00B2D9; font-size: 1.6em; margin-bottom: 12px; } #error #error_section #error_area p{ padding-left: 5px; margin-bottom: 10px; color: #666666; font-size: 1.2em; } /* INBOX SECTION */ #myaccount #booking_section{ background-color: #FFF; margin-bottom: 18px; } #myaccount #booking_section h3{ padding-left: 23px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 10px; } #myaccount #booking_section #bookings_area{ margin-bottom: 12px; } #myaccount #booking_section #bookings_area .body{ padding: 14px 20px 14px 16px; } #myaccount #booking_section a.close{ display: block; float: right; margin-right: 5px; padding-top: 5px; } #myaccount #booking_section #bookings_area h4{ font-weight: normal; padding-left: 5px; color: #00B2D9; font-size: 1.6em; margin-bottom: 12px; } #myaccount #booking_section #bookings_area p.pagenav{ padding-left: 5px; margin-bottom: 10px; color: #666666; font-size: 1.2em; } #myaccount #booking_section #bookings_area p.pagenav span.viewing{ margin-right: 23px; } #myaccount #booking_section #bookings_area p.pagenav span.on{ font-weight: bold; } #myaccount #booking_section #bookings_area .table1{} #myaccount #booking_section #bookings_area .table1 th{ text-align:left; font-weight: normal; padding: 5px; font-size: 1.2em; color: #00B2D9 } #myaccount #booking_section #bookings_area .table1 td{ text-align: center; padding: 5px; } #myaccount #booking_section #bookings_area .table1 th span.down{ color: #666; } #myaccount #booking_section #bookings_area .table1 th.heading1{width:68px;} #myaccount #booking_section #bookings_area .table1 th.heading2{padding-left:14px;} #myaccount #booking_section #bookings_area .table1 th.heading3{} #myaccount #booking_section #bookings_area .table1 th.heading4{ text-align: right; padding-right: 10px;} #myaccount #booking_section #bookings_area .table1 .msg{ width: 565px; } #myaccount #booking_section #bookings_area .table1 .msg .body{ padding: 10px 0 10px 10px; } #myaccount #booking_section #bookings_area .table1 .msg .col1{ float: left; width: 68px; margin-right: 4px; overflow: hidden; } #myaccount #booking_section #bookings_area .table1 .msg .col1 a{ display: block; font-size: 1em; } #myaccount #booking_section #bookings_area .table1 .msg .col1 a img{ border: 1px solid #BBB; display: block; } #myaccount #booking_section #bookings_area .table1 .msg .col2{float: left; width: 380px; height:58px; text-align: left; background-color: #FFF; border: 1px solid #BBB; padding: 5px; } #myaccount #booking_section #bookings_area .table1 .msg .col2 h5{ font-weight: normal; font-family: "Verdana", "Arial", sans-serif; font-size: 1.2em; color: #00B2D9; margin-bottom: 10px; } #myaccount #booking_section #bookings_area .table1 .msg .col2 p{ font-family: "Verdana", "Arial", sans-serif; font-size: 1.2em; color: #666666; } #myaccount #booking_section #bookings_area .table1 .msg .col2 p a{ font-size: 10px; } #myaccount #booking_section #bookings_area .table1 .msg .col3{ float: left; margin-left: 7px; text-align: right; position: relative; } #myaccount #booking_section #bookings_area .table1 .msg .col3 div.date{ font-size: 1.2em; color: #666; } #myaccount #booking_section #bookings_area .table1 .msg .col3 a.reply{ position: absolute; top: 54px; right: 0; font-size: 0.9em; } #myaccount #booking_section #bookings_area .buttons{ padding-top: 15px; padding-left: 15px; } #myaccount #booking_section #bookings_area .buttons .chkbox{ display: block; float: left; margin-right: 10px; margin-top: 5px; } #myaccount #booking_section #bookings_area .buttons .button{ float: left; margin-right: 26px; } #myaccount #booking_section p.pagenav2{ padding-left: 23px; margin-bottom: 10px; color: #666666; font-size: 1.2em; } #myaccount #booking_section p.pagenav2 span.viewing{ margin-right: 23px; } #myaccount #booking_section p.pagenav2 span.on{ font-weight: bold; } /* LISTINGS */ #myaccount #listings{ background-color: #FFF; margin-bottom: 18px; } #myaccount #listings h3{ padding-left: 23px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 10px; } #myaccount #listings #listings_area{ margin-bottom: 12px; } #myaccount #listings #listings_area .body{ padding: 14px 20px 14px 16px; } #myaccount #listings a.close{ display: block; float: right; padding-top: 5px; } #myaccount #listings #listings_area h4{ font-weight: normal; padding-left: 5px; color: #00B2D9; font-size: 1.6em; margin-bottom: 12px; } #myaccount #listings #listings_area p.pagenav{ padding-left: 5px; margin-bottom: 10px; color: #666666; font-size: 1.2em; } #myaccount #listings #listings_area p.pagenav span.viewing{ margin-right: 23px; } #myaccount #listings #listings_area p.pagenav span.on{ font-weight: bold; } #myaccount #listings #listings_area .item{ margin-bottom: 14px; } #myaccount #listings #listings_area .item .box_left{ float: left; margin-right: 20px; padding-left: 14px; padding-top: 35px; } #myaccount #listings #listings_area .item .box_right{ float: left; width: 555px; } #myaccount #listings #listings_area .item .box_right .body{ padding: 10px; } #myaccount #listings #listings_area .item .col1{ float: left; width: 68px; margin-right: 4px; overflow: hidden; } #myaccount #listings #listings_area .item .col1 a{ display: block; font-size: 1em; } #myaccount #listings #listings_area .item .col1 a img{ width: 66px; height: 57px; border: 1px solid #BBB; display: block; } #myaccount #listings #listings_area .item .col2{ float: left; width: 450px; height: 47px; text-align: left; background-color: #FFF; border: 1px solid #BBB; padding: 5px; } #myaccount #listings #listings_area .item .col2 h5{ font-weight: normal; font-family: "Arial", sans-serif; font-size: 1.2em; color: #00B2D9; margin-bottom: 8px; } #myaccount #listings #listings_area .item .col2 p{ font-family: "Arial", sans-serif; font-size: 1em; color: #666666; } #myaccount #listings #listings_area .item .col2 a{ font-size: 0.9em; } #myaccount #listings #listings_area .buttons{ padding-top: 10px; padding-left: 15px; } #myaccount #listings #listings_area .buttons .chkbox{ display: block; float: left; margin-right: 10px; margin-top: 5px; } #myaccount #listings #listings_area .buttons .button{ float: left; margin-right: 26px; } #myaccount #listings p.pagenav2{ padding-left: 23px; margin-bottom: 10px; color: #666666; font-size: 1.2em; } #myaccount #listings p.pagenav2 span.viewing{ margin-right: 23px; } #myaccount #listings p.pagenav2 span.on{ font-weight: bold; } /* CALENDAR */ #myaccount #calendar{ background-color: #FFF; margin-bottom: 18px; } #myaccount #calendar h3{ padding-left: 23px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 10px; } #myaccount #calendar #calendar_area{ margin-bottom: 12px; } #myaccount #calendar #calendar_area .body{ float: none; padding: 14px 20px 0 16px; } #myaccount #calendar #calendar_area h4{ padding-left: 5px; font-weight: normal; color: #00B2D9; font-size: 1.6em; margin-bottom: 5px; } #myaccount #calendar a.view{ display: block; float: right; padding-top: 5px; } /* FAVOURITES */ #myaccount #favourites{ background-color: #FFF; margin-bottom: 18px; } #myaccount #favourites h3{ padding-left: 23px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 10px; } #myaccount #favourites #favourites_area{ margin-bottom: 12px; } #myaccount #favourites #favourites_area .body{ float: none; padding: 14px 20px 0 16px; } #myaccount #favourites #favourites_area h4{ padding-left: 5px; font-weight: normal; color: #00B2D9; font-size: 1.6em; margin-bottom: 5px; } #myaccount #favourites a.view{ display: block; float: right; padding-top: 5px; } /* PAYMENTS */ #myaccount #payments{ background-color: #FFF; margin-bottom: 18px; } #myaccount #payments h3{ padding-left: 23px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 10px; } #myaccount #payments #payments_area{ margin-bottom: 12px; } #myaccount #payments #payments_area .body{ float: none; padding: 14px 20px 0 16px; } #myaccount #payments #payments_area h4{ padding-left: 5px; font-weight: normal; color: #00B2D9; font-size: 1.6em; margin-bottom: 5px; } #myaccount #payments a.view{ display: block; float: right; padding-top: 5px; } /* LAST BUTTONS */ #myaccount #last_buttons{ text-align: right; } #myaccount #last_buttons input{ margin-right: 18px; } #myaccount #rent_product{ height: 1%; margin-bottom: 15px; } /* ----------------------------------------------------------------- */ /* PRODUCTS BOOKING */ #products_booking{ width: 644px; float: right; padding-top: 44px; margin-right: 36px; padding-bottom: 20px; background-color: #FFF; } #products_booking .how_to_book{ margin-bottom: 20px; height: 1%; } #products_booking .how_to_book .body{ padding: 20px; } #products_booking .how_to_book h3{ color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 18px; } #products_booking .how_to_book p{ font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif; margin-bottom: 10px; color: #666; } #products_booking .how_to_book img{ margin-bottom: 17px; display: block; } #products_booking .how_to_book div.stepbystep{ color: #00B2D9; float: left; width: 190px; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 1.6em; margin-left: 8px; } #products_booking .steps_wrapper{ margin-bottom: 28px; } #products_booking .steps_wrapper h3{ padding-left: 25px; margin-bottom: 5px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em;} #products_booking .steps_wrapper h3 span.t16{ font-family: "Arial", sans-serif; font-size: 16px;} #products_booking .steps_wrapper h3 span.t12{ font-family: "Arial", sans-serif; font-size: 12px; } #products_booking .steps{ margin-bottom: 12px; height: 1%; } #products_booking .steps_wrapper .body{ padding: 20px; padding-bottom: 5px; } #products_booking .steps_wrapper .start_date{ width: 300px; float: left; } #products_booking .steps_wrapper .end_date{ width: 300px; float: left; margin-left: 0; } #products_booking .steps_wrapper .start_date h4, #products_booking .steps_wrapper .end_date h4{ text-align: center; padding-left: 5px; margin-bottom: 10px; color: #00B2D9; font-size: 1.9em; } #products_booking .steps_wrapper .start_date h4 a, #products_booking .steps_wrapper .end_date h4 a{ font-size: 10px; } #products_booking .steps_wrapper p.error{ color: red; font-size: 1em; clear: both; margin-bottom: 15px; padding-left: 5px; } #products_booking .steps_wrapper .calendar{ margin: auto; margin-bottom: 20px; } #products_booking .steps_wrapper .calendar tr.heading span{ font-weight: bold; color: #00B0D8; font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif; } #products_booking .steps_wrapper .calendar tr.heading a{ color: #666; } #products_booking .steps_wrapper .calendar tr.heading a.prev_month{ margin-right: 5px; } #products_booking .steps_wrapper .calendar tr.heading a.next_month{ margin-left: 5px; } #products_booking .steps_wrapper .calendar th, #products_booking .steps_wrapper .calendar td{ width: 35px; height: 30px; text-align: center; font-size: 1.2em; } #products_booking .steps_wrapper .calendar tr.heading td{ width: auto; height: auto; } #products_booking .steps_wrapper .calendar th{ font-weight: normal; color: #00B0D8; font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif; } #products_booking .steps_wrapper .calendar th.sun{ color: #666; } #products_booking .steps_wrapper .calendar td{ color: #00B0D8; border-right: 1px solid #AAA; } #products_booking .steps_wrapper .calendar td.off{ color: #666; } #products_booking .steps_wrapper .calendar td.available{ color: #FFF; background: transparent url("/Content/images/layout/default/bg-available.jpg") center center no-repeat; } #products_booking .steps_wrapper .calendar td.unavailable{ color: #FFF; background: transparent url("/Content/images/layout/default/bg-unavailable.jpg") center center no-repeat; } #products_booking .steps_wrapper .calendar td.booked{ color: #FFF; background: transparent url("/Content/images/layout/default/bg-booked.jpg") center center no-repeat; } #products_booking .steps_wrapper .calendar td.selected{ color: #FFF; background: transparent url("/Content/images/layout/default/bg-selected.jpg") center center no-repeat; } #products_booking .steps_wrapper .calendar td.select{cursor:pointer;} #products_booking .steps_wrapper .calendar .noborder{ border-right: 1px solid #FFF; } #products_booking .steps_wrapper .calendar_note{ margin-left: 8px; margin-bottom: 15px; color: #00B0D8; } #products_booking .steps_wrapper .calendar_note .available{ float: left; margin-right: 26px; line-height: 15px; } #products_booking .steps_wrapper .calendar_note .available div{ float: left; width: 15px; height: 15px; background-color: #8CC63F; margin-right: 6px; } #products_booking .steps_wrapper .calendar_note .unavailable{ float: left; line-height: 15px; } #products_booking .steps_wrapper .calendar_note .unavailable div{ float: left; width: 15px; height: 15px; background-color: #EC008C; margin-right: 6px; } #products_booking .steps_wrapper .calendar_note .booked{ float: left; margin-right: 26px; line-height: 15px; } #products_booking .steps_wrapper .calendar_note .booked div{ float: left; width: 15px; height: 15px; background-color: #F7941E; margin-right: 6px; } #products_booking .steps .box{ float: left;} #products_booking .steps .large {width: 600px; height: 100px; padding-bottom:10px;} #products_booking .steps .large .body {padding: 10px 0 0 10px; width: 600px; float: none; } #products_booking .steps .small{ width: 291px; margin-right:15px; height:140px; padding-bottom:10px; } #products_booking .steps .small .body{ padding: 10px 0 0 10px; height: 144px; float: none; } #products_booking .steps .last{ margin-right: 0; } #products_booking .steps .box select{ width: 271px; height: 120px; padding: 5px; color: #666; } #products_booking .steps .box a{ float:left; margin-right:10px;} #products_booking .steps .box .imagepic{width:113px; height:85px; float:left; text-align:center;} #products_booking .steps .box img{ border: 1px solid #BDBEC0; margin-bottom: 0px; } #products_booking .steps .box h4{ font-size: 10px; height: 45px; overflow: hidden; } #products_booking .steps .box h4 a{ font-size: 1.2em; } #products_booking .step3 p{ clear: both; padding-left: 8px; margin-top: 9px; font-size: 1.2em; } #products_booking .step3 p.closer{ margin-top: 3px; } #products_booking .step3 p.long{ margin-top: 0; padding-top: 9px; padding-left: 5px; } #products_booking .step3 p span{ color: #00B2D9; display: block; float: left; width: 170px; } #products_booking .step3 p.long span{ color: #00B2D9; display: block; float: left; width: 190px; line-height: 1.2em; } #products_booking .step3 p.long span span{ font-size: 9px; color: #666; width: 180px; } #products_booking .step4 .button{ float: left; margin-right: 44px;} #products_booking .step4 .chkbox{ display: block; float: left; margin-top: 10px; margin-right: 10px;} #products_booking .step5 .inputbox{ float: left; margin-right: 18px; font-size: 1.2em; } #products_booking .step5 .inputbox label{ display: block; color: #00B2D9; margin-bottom: 3px;} #products_booking .step5 .inputbox .txt{ width: 280px; } #products_booking .step5 .last{ margin-right: 0; } #products_booking .step5 .inputarea{ padding-top: 10px; font-size: 1.2em; } #products_booking .step5 .inputarea label{ display: block; color: #00B2D9; margin-bottom: 3px; } #products_booking .step5 .inputarea textarea{ width: 578px; height: 112px; padding: 5px; } #products_booking .terms{} #products_booking .terms p{ margin-bottom: 10px; font-size: 1.2em; color: #666; padding-left: 20px; } #products_booking .terms .chkbox{ margin-right: 8px; } #products_booking .terms p.right{ text-align: right; } #products_booking .terms .error{ color:red; } #products_booking .availability {margin-top:30px; text-align:right; margin-right:42px;} #products_booking .availability input {margin-top:10px;} #products_booking .availability span.error{text-align:left; color:red;} #products_booking .steps input, #posting_item .steps textarea, #posting_item .steps input, #posting_item .steps select{ font-family: "Arial", sans-serif; font-size: 1.2em; color: #666; } #products_booking .steps .inputbox{ float: left; margin-right: 18px; font-size: 1.2em; } #products_booking .steps .inputbox label{ display: block; color: #00B2D9; margin-bottom: 3px;} #products_booking .steps .inputbox label span.error{ color: red; font-size: 1em; margin-left:10px; } #products_booking .steps .inputbox .txt{ width: 285px; margin-bottom: 5px; } #products_booking .steps .inputbox .txtSmall{ width: 60px; margin-bottom: 5px; margin-right:2px; } #products_booking .steps .inputbox select{ width: 290px; margin-bottom: 5px; } #products_booking .steps .last{ margin-right: 0; } #products_booking .steps .full .txt{ width: 595px; margin-right: 0;} #products_booking .steps .inputarea{ padding-top: 10px; font-size: 1.2em; } #products_booking .steps .inputarea label{ display: block; color: #00B2D9; margin-bottom: 3px; } #products_booking .steps .inputarea label span.error{ color: red; font-size: 1em; margin-left:10px; } #products_booking .free_account{ margin-bottom: 20px; } #products_booking .free_account h3{ padding-left: 25px; margin-bottom: 5px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em;} #products_booking .free_account h3 span{ font-size:0.65em; font-weight:normal; } #products_booking .free_account h3 span a{ font-weight:bold; } #products_booking .free_account{ margin-bottom: 12px; height: 1%; } #products_booking .free_account .body{ padding: 20px 0 15px 28px; float: none; } #products_booking .free_account input, #sign_up .free_account textarea, #sign_up .free_account input, #sign_up .free_account select{ font-family: "Arial", sans-serif; font-size: 1.2em; color: #666; } #products_booking .free_account .inputbox{ margin-right: 18px; font-size: 1.2em; margin-bottom: 5px; } #products_booking .free_account .inputbox span{ color: #666; } #products_booking .free_account .inputbox span.error{ color: red; font-size: 1em; margin-left:10px; } #products_booking .free_account .inputbox label{ display: block; color: #00B2D9; margin-bottom: 3px;} #products_booking .free_account .inputbox label span{ color: #00B2D9; font-size: 0.9em; } #products_booking .free_account .inputbox label span.error{ color: red; font-size: 1em; } #products_booking .free_account .inputbox .txt{ width: 285px; margin-bottom: 5px; } #products_booking .free_account p{ text-align: right; margin-top: 12px; } /* ----------------------------------------------------------------- */ /* PRODUCTS LISTING */ #products_listing{ padding-top: 30px; width: 644px; float: right; margin-right: 36px; padding-bottom: 20px; background-color: #FFF; } /* BREADCRUMB */ #products_listing #breadcrumb{ margin-bottom: 16px; padding-left: 22px; } #products_listing #breadcrumb p{ color: #666666; } #products_listing #breadcrumb p span{ color: #00B0D8; } #products_listing #breadcrumb p a{ color: #666666; } /* SEARCH RESULTS */ #products_listing #search_results{ margin-bottom: 15px; } #products_listing #search_results h3{ padding-left: 22px; font-size: 1.6em; color: #00B0D8; font-weight: normal; margin-bottom: 10px; } #products_listing #search_results .results{ height: 1%; padding: 14px 0 14px 22px; background: transparent url("/Content/images/layout/default/bg-search-results.png") top left no-repeat; } #products_listing #search_results .results p{ color: #FFF; margin-bottom: 6px; } #products_listing #search_results .results p a{ color: #FFF; font-size: 1.2em; } #products_listing #search_results .results .thumbnails{ float: left; } #products_listing #search_results .results .thumbnails a{ display: block; float: left; border: 1px solid #CCC; margin-right: 10px; } #products_listing #search_results .results .thumbnails img{ display: block; width: 65px; height: 57px; } #products_listing #search_results .results .nav{ float: left; color: #FFF; margin-top: 20px; margin-left: 15px; } #products_listing #search_results .results .nav span{ color: #000; font-size: 1.2em; margin-left: 3px; margin-right: 3px; } #products_listing #search_results .results .nav a{ color: #FFF; font-size: 1.2em; margin-left: 3px; margin-right: 3px; } /* RENT PRODUCT */ #products_listing #rent_product{ height: 1%; margin-bottom: 15px; } #products_listing #rent_product .body{ padding: 15px 0 15px 22px; } #products_listing #rent_product .name{ width:444px; font-size: 1.2em; color: #00B0D8; float: left; margin-right: 30px; } #products_listing #rent_product .name span{ font-size: 1.5em; } #products_listing #rent_product .price{ font-size: 1.2em; color: #00B0D8; float: left; margin-right: 10px; } #products_listing #rent_product .price span{ font-size: 1.5em; font-weight: bold; } #products_listing #rent_product .buttons{float: left; width:610px;} #products_listing #rent_product .button{ display: block; float: right; margin-top: 6px; } #products_listing #rent_product .right{ margin-right: 10px; } #products_listing #rent_product #fb_share{float:left; margin-top:20px;} /* COLUMN LEFT */ #products_listing .column_left{ width: 350px; float: left; margin-right: 18px; } /* CALENDAR */ #products_listing .column_left #tabbed_box{ height: 1%; margin-bottom: 16px; } #products_listing .column_left #tabbed_box .body{ padding: 18px 22px 18px 22px; } /* TABS */ #products_listing .column_left #tabbed_box .tab_nav{ width: 317px; height: 36px; margin-left: -10px; margin-bottom: 23px; background: transparent url("/Content/images/layout/default/bg-calendar-tabs.png") 0px -75px no-repeat; } #products_listing .column_left #tabbed_box .tab_nav #tab1{ display: block; float: left; height: 36px; width: 125px; } #products_listing .column_left #tabbed_box .tab_nav #tab2{ display: block; float: left; height: 36px; width: 100px; } #products_listing .column_left #tabbed_box .tab_nav #tab3{ display: block; float: left; height: 36px; width: 90px; } /* TAB 1 */ #products_listing .column_left #tab1_body p{ color: #666; margin-bottom: 20px; font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif; } #products_listing .column_left #tab1_body .photos{ height: 280px; text-align:center;} #products_listing .column_left #tab1_body .main{ margin-bottom: 8px;} #products_listing .column_left #tab1_body .thumbnails{ } #products_listing .column_left #tab1_body .thumbnails img{cursor:pointer; float: left; margin-right: 4px; height:50px; } /* TAB 2 */ #products_listing .column_left #tab2_body p{ color: #666; margin-bottom: 20px; font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif; } #products_listing .column_left #tab2_body .map{ height: 280px; } /*#products_listing .column_left #tab2_body .map img{ display: block; }*/ /* TAB 3 */ #products_listing .column_left #tab3_body{ } #products_listing .column_left #tab3_body .calendar_section{ height: 280px; } #products_listing .column_left #tab3_body .calendar{ margin: auto; margin-bottom: 20px; } #products_listing .column_left #tab3_body .calendar tr.heading span{ font-weight: bold; color: #00B0D8; font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif; } #products_listing .column_left #tab3_body .calendar tr.heading a{ color: #666; } #products_listing .column_left #tab3_body .calendar tr.heading a.prev_month{ margin-right: 5px; } #products_listing .column_left #tab3_body .calendar tr.heading a.next_month{ margin-left: 5px; } #products_listing .column_left #tab3_body .calendar th,#products_listing .column_left #tab3_body .calendar td{ width: 35px; height: 30px; text-align: center; font-size: 1.2em; } #products_listing .column_left #tab3_body .calendar tr.heading td{ width: auto; height: auto; } #products_listing .column_left #tab3_body .calendar th{ font-weight: normal; color: #00B0D8; font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif; } #products_listing .column_left #tab3_body .calendar th.sun{ color: #666; } #products_listing .column_left #tab3_body .calendar td{ color: #00B0D8; border-right: 1px solid #AAA; } #products_listing .column_left #tab3_body .calendar td.off{ color: #666; } #products_listing .column_left #tab3_body .calendar td.available{ color: #FFF; background: transparent url("/Content/images/layout/default/bg-available.jpg") center center no-repeat; } #products_listing .column_left #tab3_body .calendar td.unavailable{ color: #FFF; background: transparent url("/Content/images/layout/default/bg-unavailable.jpg") center center no-repeat; } #products_listing .column_left #tab3_body .calendar td.booked{ color: #FFF; background: transparent url("/Content/images/layout/default/bg-booked.jpg") center center no-repeat; } #products_listing .column_left #tab3_body .calendar .noborder{ border-right: 1px solid #FFF; } #products_listing .column_left #tab3_body .calendar_note{ margin-left: 8px; margin-bottom: 30px; color: #00B0D8; } #products_listing .column_left #tab3_body .calendar_note .available{ float: left; margin-right: 26px; line-height: 15px; } #products_listing .column_left #tab3_body .calendar_note .available div{ float: left; width: 15px; height: 15px; background-color: #8CC63F; margin-right: 6px; } #products_listing .column_left #tab3_body .calendar_note .unavailable{ float: left; line-height: 15px; } #products_listing .column_left #tab3_body .calendar_note .unavailable div{ float: left; width: 15px; height: 15px; background-color: #EC008C; margin-right: 6px; } #products_listing .column_left #tab3_body .calendar_note .booked{ float: left; margin-right: 26px; line-height: 15px; } #products_listing .column_left #tab3_body .calendar_note .booked div{ float: left; width: 15px; height: 15px; background-color: #F7941E; margin-right: 6px; } /* ALL TABS */ #products_listing .column_left h4{ font-weight: normal; font-size: 1.6em; color: #00B0D8; margin-bottom: 18px;} #products_listing .column_left h4.closer{ margin-bottom: 5px; } #products_listing .column_left .product_details{ margin-bottom: 30px; } #products_listing .column_left .product_details h5{ color: #666; margin-bottom: 2px; font-weight: normal; font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif; } #products_listing .column_left .product_details p{ color: #666; margin-bottom: 20px; font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif; } #products_listing .column_left .delivery_options{ width: 300px; } #products_listing .column_left #tabbed_box .delivery_options .body{ padding: 18px 0 18px 22px; } #products_listing .column_left #tabbed_box .delivery_options .body div{ color: #00B0D8; margin-right: 43px; float: left; } #products_listing .column_left #tabbed_box .delivery_options .body div.nomargin{ margin: 0; } #products_listing .column_left #tabbed_box .delivery_options .body div.selected{ padding-left: 18px; background: transparent url("/Content/images/layout/default/tick.jpg") left center no-repeat; } /* USER REVIEWS */ #products_listing .column_left #user_reviews{ height: 1%; margin-bottom: 16px; } #products_listing .column_left #user_reviews .body{ padding: 19px 17px 19px 17px; } #products_listing .column_left #user_reviews h3{ font-weight: normal; font-size: 1.6em; color: #00B0D8; margin-bottom: 17px; } #products_listing .column_left #user_reviews .sorry{ color: #666; margin-bottom:10px; } #products_listing .column_left #user_reviews .reviews_list{ height: 1%; } #products_listing .column_left #user_reviews .reviews_list .body{ padding: 17px 16px 10px 16px; } #products_listing .column_left #user_reviews .reviews{ margin-bottom: 22px; float: left; } #products_listing .column_left #user_reviews .last{ margin-bottom: 10px; } #products_listing .column_left #user_reviews .col1{ width: 68px; float: left; margin-right: 8px; } #products_listing .column_left #user_reviews .col1 a img{ border: 1px solid #CCC; display: block; } #products_listing .column_left #user_reviews .col1 a{ color: #00B0D8; float: left; display: block; margin-bottom: 2px; } #products_listing .column_left #user_reviews .col2{ width: 200px; float: left; font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif; color: #666; } #products_listing .column_left #user_reviews .col2 a{ font-size: 10px; } #products_listing .column_left #user_reviews img{width:60px; } /* COLUMN RIGHT */ #products_listing .column_right{ width: 268px; float: left; } /* ABOUT OWNER */ #products_listing .column_right #about_owner{ height: 1%; margin-bottom: 16px; } #products_listing .column_right #about_owner .body{ padding: 28px 16px 24px 16px; } #products_listing .column_right h3{ padding-left: 10px; font-weight: normal; font-size: 1.6em; color: #00B0D8; margin-bottom: 17px; } #products_listing .column_right #owner_details{ margin-bottom: 24px; } #products_listing .column_right #owner_details .body{ padding: 13px 10px 7px 15px; } #products_listing .column_right #owner_details img.owner{ display: block; border: 1px solid #CCC; margin-bottom: 23px; } #products_listing .column_right #owner_details p{ color: #666; margin-bottom: 15px; font-size: 1.2em; font-family: "Verdana", "Arial", sans-serif;} #products_listing .column_right #owner_details p.highlight{ color: #00B0D8; } #products_listing .column_right #owner_details p.closer{ margin-bottom: 2px; } #products_listing .column_right #contact_owner{ } #products_listing .column_right #contact_owner h3{ font-size: 1.6em; font-weight: normal; color: #00B0D8; margin-bottom: 15px; } #products_listing .column_right #contact_owner p{ color: #00B0D8; padding-left: 10px; margin-bottom: 8px; } #products_listing .column_right #contact_owner label{ display: block; font-size: 1.2em; margin-bottom: 3px; } #products_listing .column_right #contact_owner input.txt{ width: 198px; } #products_listing .column_right #contact_owner textarea{ width: 198px; height: 118px; } #products_listing .column_right #contact_owner .button{ padding-left: 10px; } #products_listing .column_right #contact_owner span.error{ color: red; font-size: 1em; } /* ALSO FROM OWNER */ #products_listing .column_right #also_from_owner{ height: 1%; margin-bottom: 16px; } #products_listing .column_right #also_from_owner .body{ padding: 28px 16px 18px 16px; } #products_listing .column_right #also_from_owner .item_list{} #products_listing .column_right #also_from_owner .item{ margin-bottom: 6px; float: left; } #products_listing .column_right #also_from_owner .item .body{ padding: 10px; } #products_listing .column_right #also_from_owner .col1{ float: left; width: 67px; margin-right: 5px; text-align:center; } #products_listing .column_right #also_from_owner .col1 img{ border: 1px solid #CCC; } #products_listing .column_right #also_from_owner .col2{ position: relative; float: left; border: 1px solid #CCC; width: 127px; height: 49px; background-color: #FFF; padding: 4px; } #products_listing .column_right #also_from_owner .col2 h5{ font-size: 1.2em; margin-bottom: 8px; } #products_listing .column_right #also_from_owner .col2 p{ color: #666; } #products_listing .column_right #also_from_owner .col2 a.view{ position: absolute; bottom: 3px; right: 5px; font-size: 0.9em; } #products_listing .column_right #also_from_owner .col2 p.type{ position: absolute; bottom: 3px; left: 5px;} /* OTHER PRODUCTS */ #products_listing #other_products{ height: 1%; margin-bottom: 16px; margin-right: 8px; } #products_listing #other_products .body{ padding: 19px 20px 10px 20px; } #products_listing #other_products h3{ font-size: 1.6em; font-weight: normal; color: #00B0D8; margin-bottom: 15px; } #products_listing #other_products p.sorry{ color: #666; margin-bottom:10px; } #products_listing #other_products .item{ margin-bottom: 6px; float: left; margin-right: 14px; } #products_listing #other_products .item .body{ padding: 10px; } #products_listing #other_products .col1{ float: left; width: 67px; margin-right: 5px; } #products_listing #other_products .col1 img{ border: 1px solid #CCC; width: 65px; height: 57px; display: block; } #products_listing #other_products .col2{ position: relative; float: left; border: 1px solid #CCC; width: 127px; height: 49px; background-color: #FFF; padding: 4px; } #products_listing #other_products .col2 h5{ font-size: 1.2em; margin-bottom: 8px; } #products_listing #other_products .col2 p{ color: #666; } #products_listing #other_products .col2 a.view{ position: absolute; bottom: 3px; right: 5px; font-size: 0.9em; } #products_listing #other_products .col2 p.type{ position: absolute; bottom: 3px; left: 5px;} #other_products{ clear: both; } #bottom_control{ text-align: right; padding-right: 30px; } #bottom_control .button{} /* ----------------------------------------------------------------- */ /* POSTING ITEM */ #posting_item{ padding-top: 44px; width: 644px; float: right; margin-right: 36px; padding-bottom: 20px; background-color: #FFF; } #posting_item .why_post{ margin-bottom: 20px; height: 1%; } #posting_item .why_post .body{ padding: 20px; } #posting_item .why_post h3{ color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 18px; } #posting_item .why_post img{ margin-bottom: 17px; display: block; } #posting_item .why_post div.stepbystep{ color: #00B2D9; float: left; width: 190px; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 1.6em; margin-left: 8px; } #posting_item .steps_wrapper{ margin-bottom: 28px; } #posting_item .steps_wrapper h3{ padding-left: 25px; margin-bottom: 5px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em;} #posting_item .steps_wrapper h3 span.t16{ font-family: "Arial", sans-serif; font-size: 16px;} #posting_item .steps_wrapper h3 span.t12{ font-family: "Arial", sans-serif; font-size: 12px; } #posting_item .steps{ margin-bottom: 12px; height: 1%; } #posting_item .steps_wrapper .body{ padding: 20px; padding-bottom: 10px; } #posting_item .steps input, #posting_item .steps textarea, #posting_item .steps input, #posting_item .steps select{ font-family: "Arial", sans-serif; font-size: 1.2em; color: #666; } #posting_item .steps .inputbox{ float: left; margin-right: 18px; font-size: 1.2em; } #posting_item .steps .inputbox label{ display: block; color: #00B2D9; margin-bottom: 3px;} #posting_item .steps .inputbox label span.error{ color: red; font-size: 1em; margin-left:10px; } #posting_item .steps .inputbox .txt{ width: 285px; margin-bottom: 5px; } #posting_item .steps .inputbox select{ width: 290px; margin-bottom: 5px; } #posting_item .steps .last{ margin-right: 0; } #posting_item .steps .full .txt{ width: 595px; margin-right: 0;} #posting_item .steps .inputarea{ padding-top: 10px; font-size: 1.2em; } #posting_item .steps .inputarea label{ display: block; color: #00B2D9; margin-bottom: 3px; } #posting_item .steps .inputarea label span.error{ color: red; font-size: 1em; margin-left:10px; } #posting_item .steps .inputarea textarea{ width: 588px; height: 112px; padding: 5px; } #posting_item .steps .subox{ width: 598px; margin-top: 15px; } #posting_item .steps .body{ padding: 12px; } #posting_item .steps .col1{ float: left; width: 182px; margin-right: 12px; } #posting_item .steps .col2{ float: left; width: 182px; margin-right: 12px; } #posting_item .steps .col3{ float: left; width: 182px; } #posting_item .steps .col1 h4, .col2 h4, .col3 h4{ color: #00B2D9; font-size: 1.2em; margin-bottom: 8px; padding-top: 3px; } #posting_item .steps .col1 .fill, .col2 .fill, .col3 .fill{ background-color: #FFF; border: 1px solid #888; padding: 8px; height: 130px; } #posting_item .steps .subox p{ margin-bottom: 8px; color: #666; } #posting_item .steps .subox p.break{ margin-bottom: 30px; } #posting_item .steps .subox p .check{ margin-right: 5px; } #posting_item .steps .subox p .txt2{ width: 70px; } #posting_item .steps .subox span.label{ display: block; float: left; width: 80px; line-height: 20px; } #posting_item .steps .subox span.error{ color: red; font-size: 1em; } #posting_item .steps .box_left{ float: left; } #posting_item .steps .box_left .pic_frame{ margin-right: 19px; } #posting_item .steps .box_left .pic_frame .body{ padding: 10px; width:280px; text-align:center;} #posting_item .steps .box_left .pic_frame img{ border: 1px solid #CCC; } #posting_item .steps .box_right{ float: left; height: 185px; width:280px; position: relative; } #posting_item .steps .box_right .note{ position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; font-weight: bold; } #posting_item .steps .box_right .txt{ color: #666; font-size: 1.2em; width: 220px; vertical-align: middle; } #posting_item .steps .box_right .check{ margin-right: 5px; margin-left: 3px; } #posting_item .steps .box_right p{ margin-bottom: 15px; color: #666; font-size: 1.2em; } #posting_item .steps .box_right p span.note{ color: #00B2D9; margin-left: 20px; } #posting_item .steps .box_right p span.loading{ visibility: visible; margin-left: 20px; height: 24px; line-height: 24px; vertical-align: middle; } #posting_item .steps .box_right p span.loading img{ height: 24px; vertical-align: top; } #posting_item .steps .box_right p .button{ vertical-align: middle; margin-bottom: 8px; } #posting_item .steps .box_right p.photoadd{ margin-bottom: 6px; } #posting_item .steps .box_right p.photoadd span{ display: block; float: left; width: 120px; overflow: hidden; } #posting_item .steps .box_right p.photoadd input{ display: block; float: left; margin-right: 10px; } #posting_item .steps .box_right p.photoadd a.preview{ margin-right: 10px; } #posting_item .terms{} #posting_item .terms p{ margin-bottom: 10px; font-size: 1.2em; color: #666; padding-left: 20px; } #posting_item .terms .chkbox{ margin-right: 8px; } #posting_item .terms p.right{ text-align: right; } #posting_item .terms span.error{ color: red; font-size: 1em; } /* ----------------------------------------------------------------- */ /* SEARCH PAGE */ #search_page{ padding-top: 30px; width: 644px; float: right; margin-right: 36px; padding-bottom: 20px; background-color: #FFF; } /* BREADCRUMB */ #search_page #breadcrumb{ margin-bottom: 3px; padding-left: 22px; } #search_page #breadcrumb p{ color: #666666; } #search_page #breadcrumb p span{ color: #00B0D8; } #search_page #breadcrumb p a{ color: #666666; } /* SEARCH RESULTS */ #search_results{ } #search_results h3{ padding-left: 22px; font-size: 1.6em; color: #00B0D8; font-weight: normal; margin-bottom: 13px; } /* FILTER RESULTS */ #search_page #filter_results{ margin-bottom: 15px; } #search_page #filter_results .body{ padding: 20px; padding-right: 0; padding-bottom: 0; float: none; } #search_page #filter_results .col1{ position: relative; width: 300px; height: 135px; float: left; margin-right: 5px; } #search_page #filter_results .col1 h3{ color: #00B2D9; font-size: 1.6em; } #search_page #filter_results .col1 .bottom{ } #search_page #filter_results .col1 .inputbox{ width: 168px; clear: left; display: block; float: left; margin-right: 8px; } #search_page #filter_results .col1 .inputbox label{ display: block; font-size: 1.2em; color: #00B2D9; margin-bottom: 2px; margin-top: 10px; } #search_page #filter_results .col1 .last{ margin-right: 0; } #search_page #filter_results .col1 select{ width: 240px; } #search_page #filter_results .col2{ position: relative; width: 290px; height: 100px; padding-top: 45px; float: left; } #search_page #filter_results .col2 .check{ margin-right: 10px; width: 135px; float: left; color: #666; height: 18px; line-height: 1.2em; margin-bottom: 5px; font-size: 0.9em; } #search_page #filter_results .col2 .last{ margin-right: 0; } #search_page #filter_results .col2 .clear{ height: 1px; line-height: 1px; } #search_page #filter_results .col2 .check input{ margin-right: 3px; } #search_page #filter_results .col2 .button{ float: right; margin-right: 40px; margin-top: 5px; } /* YOUR SHORTLIST */ #search_page #your_shortlist{ margin-bottom: 15px; } #search_page #your_shortlist h3{ font-size: 1.6em; color: #2E3192; margin-bottom: 5px; padding-left: 23px; } #search_page .shortlist{ padding-top: 20px; padding-left: 20px; width: 624px; height: 75px; background: url(/Content/images/layout/default/bg-shortlist.png) top left no-repeat; } #search_page .shortlist img{ width: 67px; height: 58px; display: block; float: left; margin-right: 8px; border: 1px solid #ccc; } /* SEARCH LISTING */ #search_listing{ position: relative; } #search_listing .body{ padding: 20px; padding-right: 0; } #search_listing h4{ font-weight: normal; padding-left: 5px; color: #00B2D9; font-size: 1.6em; margin-bottom: 8px; } #search_listing p.pagenav{ padding-left: 5px; margin-bottom: 10px; color: #666666; font-size: 1.2em; } #search_listing p.pagenav span.viewing{ margin-right: 10px; } #search_listing p.pagenav span.on{ font-weight: bold; } #search_listing p.pagenav a{ color: #666; margin-left: 5px; margin-right: 5px; } #search_listing p.pagenav a.ppn{ color: #00B2D9; } #search_listing #sortby{ z-index: 9; position: absolute; top: 80px; left: 20px; } #search_listing .tab_nav{ width: 458px; height: 37px; position: absolute; top: 80px; right: 20px; background: transparent url("/Content/images/layout/default/bg-sort-tab.png") 0 0 no-repeat; } #search_listing .tab_nav_distance{ width: 458px; height: 37px; position: absolute; top: 80px; right: 20px; background: transparent url("/Content/images/layout/default/bg-sort-tab.png") 0 0 no-repeat; } #search_listing .tab_nav_price{ width: 458px; height: 37px; position: absolute; top: 80px; right: 20px; background: transparent url("/Content/images/layout/default/bg-sort-tab.png") 0 -38px no-repeat; } #search_listing .tab_nav_recent{ width: 458px; height: 37px; position: absolute; top: 80px; right: 20px; background: transparent url("/Content/images/layout/default/bg-sort-tab.png") 0 -76px no-repeat; } #search_listing #tab1{ display: block; float: left; height: 37px; width: 175px; } #search_listing #tab2{ display: block; float: left; height: 37px; width: 145px; } #search_listing #tab3{ display: block; float: left; height: 37px; width: 137px; } /* DISTANCE */ #search_listing #tab1_body{ padding-top: 60px; } #search_listing #tab1_body .box_left{ width: 360px; float: left; padding-bottom:30px; } #search_listing #tab1_body .box_right{ width: 225px; float: left; margin-left: 10px; } #search_listing #tab1_body .box_right .body{ padding: 10px; padding-bottom: 20px; } #search_listing #tab1_body .box_right img{ display: block; border: 1px solid #CCC; margin-bottom: 3px; } #search_listing #tab1_body .box_left .item{ margin-bottom: 10px; width: 352px; } #search_listing #tab1_body .box_left .item .body{ padding: 10px; } #search_listing #tab1_body .box_left .item .col1{text-align:center; width: 69px; height: 60px; float: left; margin-right: 3px; } #search_listing #tab1_body .box_left .item .col1 img{border: 1px solid #CCC; } #search_listing #tab1_body .box_left .item .col2{ background: #FFF; width: 168px; height: 68px; float: left; border: 1px solid #CCC; } #search_listing #tab1_body .box_left .item .col2 h5{ padding-top: 3px; padding-left: 3px; font-size: 1.2em; color: #00B2D9; margin-bottom: 5px; } #search_listing #tab1_body .box_left .item .col2 p.category{ padding-left: 3px; color: #666; } #search_listing #tab1_body .box_left .item .col2 p.location{ padding-left: 3px; color: #666; } #search_listing #tab1_body .box_left .item .col3{ width: 88px; height: 60px; float: left; text-align: right; position: relative; font-size: 1.1em; } #search_listing #tab1_body .box_left .item .col3 .top{ color: #00B2D9; } #search_listing #tab1_body .box_left .item .col3 .bottom{ position: absolute; bottom: 0; right: 0; color: #666; } #search_listing #tab1_body .box_left .item .col3 .bottom .num{ color: #00B2D9; } #search_listing #tab1_body .box_left .item .col3 .bottom a{ font-size: 0.9em; } /* PRICE */ #search_listing #tab2_body{ padding-top: 60px; } #search_listing #tab2_body .box_left{ width: 360px; float: left; } #search_listing #tab2_body .box_right{ width: 225px; float: left; margin-left: 10px; } #search_listing #tab2_body .box_right .body{ padding: 10px; padding-bottom: 20px; } #search_listing #tab2_body .box_right img{ display: block; border: 1px solid #CCC; margin-bottom: 3px; } #search_listing #tab2_body .box_left .item{ margin-bottom: 10px; width: 352px; } #search_listing #tab2_body .box_left .item .body{ padding: 10px; } #search_listing #tab2_body .box_left .item .col1{ width: 69px; height: 60px; float: left; margin-right: 3px; } #search_listing #tab2_body .box_left .item .col1 img{ display: block; width: 67px; height: 58px; border: 1px solid #CCC; } #search_listing #tab2_body .box_left .item .col2{ background: #FFF; width: 168px; height: 58px; float: left; border: 1px solid #CCC; } #search_listing #tab2_body .box_left .item .col2 h5{ padding-top: 3px; padding-left: 3px; font-size: 1.2em; color: #00B2D9; margin-bottom: 5px; } #search_listing #tab2_body .box_left .item .col2 p.category{ padding-left: 3px; color: #666; } #search_listing #tab2_body .box_left .item .col2 p.location{ padding-left: 3px; color: #666; } #search_listing #tab2_body .box_left .item .col3{ width: 88px; height: 60px; float: left; text-align: right; position: relative; font-size: 1.2em; } #search_listing #tab2_body .box_left .item .col3 .top{ color: #00B2D9; } #search_listing #tab2_body .box_left .item .col3 .bottom{ position: absolute; bottom: 0; right: 0; color: #666; } #search_listing #tab2_body .box_left .item .col3 .bottom .num{ color: #00B2D9; } #search_listing #tab2_body .box_left .item .col3 .bottom a{ font-size: 0.9em; } /* RECENT */ #search_listing #tab3_body{ padding-top: 60px; } #search_listing #tab3_body .box_left{ width: 360px; float: left; } #search_listing #tab3_body .box_right{ width: 225px; float: left; margin-left: 10px; } #search_listing #tab3_body .box_right .body{ padding: 10px; padding-bottom: 20px; } #search_listing #tab3_body .box_right img{ display: block; border: 1px solid #CCC; margin-bottom: 3px; } #search_listing #tab3_body .box_left .item{ margin-bottom: 10px; width: 352px; } #search_listing #tab3_body .box_left .item .body{ padding: 10px; } #search_listing #tab3_body .box_left .item .col1{ width: 69px; height: 60px; float: left; margin-right: 3px; } #search_listing #tab3_body .box_left .item .col1 img{ display: block; width: 67px; height: 58px; border: 1px solid #CCC; } #search_listing #tab3_body .box_left .item .col2{ background: #FFF; width: 168px; height: 58px; float: left; border: 1px solid #CCC; } #search_listing #tab3_body .box_left .item .col2 h5{ padding-top: 3px; padding-left: 3px; font-size: 1.2em; color: #00B2D9; margin-bottom: 5px; } #search_listing #tab3_body .box_left .item .col2 p.category{ padding-left: 3px; color: #666; } #search_listing #tab3_body .box_left .item .col2 p.location{ padding-left: 3px; color: #666; } #search_listing #tab3_body .box_left .item .col3{ width: 88px; height: 60px; float: left; text-align: right; position: relative; font-size: 1.2em; } #search_listing #tab3_body .box_left .item .col3 .top{ color: #00B2D9; } #search_listing #tab3_body .box_left .item .col3 .bottom{ position: absolute; bottom: 0; right: 0; color: #666; } #search_listing #tab3_body .box_left .item .col3 .bottom span.num{ color: #00B2D9; } #search_listing #tab3_body .box_left .item .col3 .bottom a{ font-size: 0.9em; } #search_listing p.pagenav2{ padding-left: 23px; margin-top: 16px; margin-bottom: 10px; color: #666666; font-size: 1.2em; } #search_listing p.pagenav2 span.viewing{ margin-right: 23px; } #search_listing p.pagenav2 span.on{ font-weight: bold; } #search_listing p.pagenav2 a{ color: #666; margin-left: 5px; margin-right: 5px; } #search_listing p.pagenav2 a.ppn{ color: #00B2D9; } /* ----------------------------------------------------------------- */ /* SIGN UP */ #sign_up{ width: 644px; min-height: 650px; float: right; padding-top: 44px; margin-right: 36px; padding-bottom: 28px; background-color: #FFF; } #sign_up .free_account{ margin-bottom: 20px; } #sign_up .free_account h3{ padding-left: 25px; margin-bottom: 5px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em;} #sign_up .free_account h3 span{ font-size:0.65em; font-weight:normal; } #sign_up .free_account h3 span a{ font-weight:bold; } #sign_up .free_account h4{ margin-bottom: 5px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 1.5em;} #sign_up .free_account{ margin-bottom: 12px; height: 1%; } #sign_up .free_account .body{ padding: 20px 0 15px 28px; float: none; } #sign_up .free_account input, #sign_up .free_account textarea, #sign_up .free_account input, #sign_up .free_account select{ font-family: "Arial", sans-serif; font-size: 1.2em; color: #666; } #sign_up .free_account .inputbox{ margin-right: 18px; font-size: 1.2em; margin-bottom: 5px; } #sign_up .free_account .inputbox span{ color: #666; } #sign_up .free_account .inputbox span.error{ color: red; font-size: 1em; margin-left:10px; } #sign_up .free_account .inputbox label{ display: block; color: #00B2D9; margin-bottom: 3px;} #sign_up .free_account .inputbox label span{ color: #00B2D9; font-size: 0.9em; } #sign_up .free_account .inputbox label span.error{ color: red; font-size: 1em; } #sign_up .free_account .inputbox .txt{ width: 285px; margin-bottom: 5px; } #sign_up .free_account p{ text-align: right; margin-top: 12px; } #sign_up .free_account p.text{ text-align: left; color: #666666; font-size: 1.2em; margin-bottom: 12px;} .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } DIV.LasFacebook {} DIV.LasFacebook TD.fb_pop_border {width: 0px; height:0px;} /* ----------------------------------------------------------------- */ /* PROFILE PAGE */ #myprofile{ width: 644px; float: right; padding-top: 44px; margin-right: 36px; padding-bottom: 28px; background-color: #FFF; } #myprofile #profile{ width: 624px; height: 214px; padding: 20px; padding-right: 0; background: url("/Content/images/layout/default/bg-my-account.png") top left no-repeat; margin-bottom: 20px; } #myprofile #profile h3{ color: #FFF; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 16px; } #myprofile #profile .pic_frame{ display: block; float: left; margin-right: 20px; width: 225px; height: 168px; padding-top: 10px; background: url("/Content/images/layout/default/bg-pic-frame.png") top left no-repeat; overflow: hidden; } #myprofile #profile .pic_frame img{ display: block; border: 1px solid #A7A9AC; margin: auto; } #myprofile #profile .profile_frame{ display: block; float: left; width: 340px; padding: 10px; height: 168px; background: url("/Content/images/layout/default/bg-profile-frame.png") top left no-repeat; overflow: hidden; } #myprofile #profile .profile_body{ background-color: #FFF; width: 318px; height: 135px; padding: 10px; border: 1px solid #A7A9AC; } #myprofile #profile .profile_frame p{ margin-top: 8px; color: #666; font-size: 1.2em; } #myprofile #profile .profile_frame strong{ font-weight: normal; color: #00B2D9; } /* ITEM LISTING */ #myprofile #myprofile_item_listing{ padding-top: 0; position: relative; } #myprofile #myprofile_item_listing .body{ padding: 20px; padding-right: 0; } #myprofile #myprofile_item_listing h4{ font-weight: normal; padding-left: 5px; color: #00B2D9; font-size: 1.6em; margin-bottom: 8px; } #myprofile #myprofile_item_listing p.pagenav{ padding-left: 5px; margin-bottom: 10px; color: #666666; font-size: 1.2em; } #myprofile #myprofile_item_listing p.pagenav span.viewing{ margin-right: 23px; } #myprofile #myprofile_item_listing p.pagenav span.on{ font-weight: bold; } #myprofile #myprofile_item_listing p.pagenav a{ color: #666; margin-left: 5px; margin-right: 5px; } #myprofile #myprofile_item_listing p.pagenav a.ppn{ color: #00B2D9; } #myprofile #myprofile_item_listing .box_left{ width: 360px; float: left; } #myprofile #myprofile_item_listing .box_right{ width: 225px; float: left; margin-left: 10px; } #myprofile #myprofile_item_listing .box_right .body{ padding: 10px; padding-bottom: 20px; } #myprofile #myprofile_item_listing .box_right img{ border: 1px solid #CCC; margin-bottom: 3px; } #myprofile #myprofile_item_listing .box_left .item{ margin-bottom: 10px; width: 352px; } #myprofile #myprofile_item_listing .box_left .item .body{ padding: 10px; } #myprofile #myprofile_item_listing .box_left .item .col1{ width: 69px; height: 60px; float: left; margin-right: 3px; } #myprofile #myprofile_item_listing .box_left .item .col1 img{ border: 1px solid #CCC; } #myprofile #myprofile_item_listing .box_left .item .col2{ background: #FFF; width: 168px; height: 58px; float: left; border: 1px solid #CCC; } #myprofile #myprofile_item_listing .box_left .item .col2 h5{ padding-top: 3px; padding-left: 3px; font-size: 1.2em; color: #00B2D9; margin-bottom: 5px; } #myprofile #myprofile_item_listing .box_left .item .col2 p.category{ padding-left: 3px; color: #666; } #myprofile #myprofile_item_listing .box_left .item .col2 p.location{ padding-left: 3px; color: #666; } #myprofile #myprofile_item_listing .box_left .item .col3{ width: 88px; height: 60px; float: left; text-align: right; position: relative; font-size: 1.2em; } #myprofile #myprofile_item_listing .box_left .item .col3 .top{ color: #00B2D9; font-size:0.8em; } #myprofile #myprofile_item_listing .box_left .item .col3 .bottom{ position: absolute; bottom: 0; right: 0; color: #666; } #myprofile #myprofile_item_listing .box_left .item .col3 .bottom .num{ color: #00B2D9; } #myprofile #myprofile_item_listing .box_left .item .col3 .bottom a{ font-size: 0.9em; } /* MESSAGE PAGE */ #mymessage{ width: 644px; float: right; padding-top: 44px; margin-right: 36px; padding-bottom: 28px; background-color: #FFF; } /* USER PROFILE */ #mymessage #profile{ width: 604px; height: 214px; padding: 20px; background: url("/Content/images/layout/default/bg-my-account.png") top left no-repeat; margin-bottom: 20px; } #mymessage #profile h3{ color: #FFF; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 16px; } #mymessage #profile .pic_frame{ display: block; float: left; margin-right: 20px; width: 225px; height: 168px; padding-top: 10px; background: url("/Content/images/layout/default/bg-pic-frame.png") top left no-repeat; overflow: hidden; } #mymessage #profile .pic_frame img{ display: block; border: 1px solid #A7A9AC; margin: auto; } #mymessage #profile ul{ display: block; float: left; padding-top: 8px; } #mymessage #profile ul li{ display: block; clear: left; padding-bottom: 8px; } #mymessage #profile ul li span{ margin-left: 5px; color: #FFF; font-size: 1.4em; height: 24px; line-height: 24px; vertical-align: middle; } #mymessage #profile ul li a{ color: #FFF; display: block; float: left; width: 164px; padding-left: 10px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 1.4em; font-family: "Cookie Regular", "Arial", sans-serif; background: url("/Content/images/layout/default/bg-profile-button.png") 0 -24px no-repeat; } #mymessage #profile ul li a:hover, #mymessage #profile ul li a.on{ text-decoration: none; background: url("/Content/images/layout/default/bg-profile-button.png") 0 0 no-repeat; } /* INBOX SECTION */ #mymessage #inbox_section{ background-color: #FFF; margin-bottom: 18px; } #mymessage #inbox_section h3{ padding-left: 23px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 10px; } #mymessage #inbox_section h3 span{ font-weight: normal; font-size: 13px; } #mymessage #inbox_section #inbox_area{ margin-bottom: 12px; } #mymessage #inbox_section #inbox_area .body{ padding: 14px 20px 14px 16px; } #mymessage #inbox_section #inbox_area h4{ font-weight: normal; padding-left: 5px; color: #00B2D9; font-size: 1.6em; margin-bottom: 12px; } #mymessage #inbox_section #inbox_area .msg{ width: 595px; margin-bottom: 10px; } #mymessage #inbox_section #inbox_area .msg .body{ padding: 10px 0 10px 10px; } #mymessage #inbox_section #inbox_area .msg .col1{ float: left; width: 68px; margin-right: 4px; overflow: hidden; } #mymessage #inbox_section #inbox_area .msg .col1 a{ display: block; font-size: 1em; } #mymessage #inbox_section #inbox_area .msg .col1 a img{ border: 1px solid #BBB; display: block; } #mymessage #inbox_section #inbox_area .msg .col2{ float: left; width: 380px; text-align: left; background-color: #FFF; border: 1px solid #BBB; padding: 5px; } #mymessage #inbox_section #inbox_area .msg .col2 h5{ font-weight: normal; font-family: "Verdana", "Arial", sans-serif; font-size: 1.2em; color: #00B2D9; margin-bottom: 10px; } #mymessage #inbox_section #inbox_area .msg .col2 p{ margin-bottom: 3px; font-family: "Verdana", "Arial", sans-serif; font-size: 1.2em; color: #666666; } #mymessage #inbox_section #inbox_area .msg .col3{ float: left; width: 100px; text-align: right; } #mymessage #inbox_section #inbox_area .msg .col3 div.date{ float: right; font-size: 1.2em; color: #666; } #mymessage #inbox_section #inbox_area .reply{ width: 595px; margin-bottom: 30px; } #mymessage #inbox_section #inbox_area .reply .body{ padding: 10px 0 10px 10px; } #mymessage #inbox_section #inbox_area .reply .col1{ float: left; width: 68px; margin-right: 4px; overflow: hidden; } #mymessage #inbox_section #inbox_area .reply .col1 a{ display: block; font-size: 1em; } #mymessage #inbox_section #inbox_area .reply .col1 a img{ border: 1px solid #BBB; display: block; } #mymessage #inbox_section #inbox_area .reply .col2{ float: left; width: 380px; height: 75px; text-align: left; background-color: #FFF; padding: 0; margin: 0; } #mymessage #inbox_section #inbox_area .reply .col2 textarea{ font-family: "Verdana", "Arial", sans-serif; font-size: 1.2em; color: #666666; border: 1px solid #BBB; width: 380px; height: 75px; padding: 0; margin: 0; } #mymessage #inbox_section #inbox_area .reply .col3{ float: left; width: 113px; height: 75px; text-align: right; position: relative; } #mymessage #inbox_section #inbox_area .reply .col3 div.replylink{ font-size: 1.2em; color: #666; position: absolute; bottom: 0; right: 0; } #mymessage #booking_details{ background-color: #FFF; margin-bottom: 18px; } #mymessage #booking_details h3{ padding-left: 23px; color: #00B2D9; font-family: "Cookie Regular", "Arial", sans-serif; font-size: 2em; margin-bottom: 10px; } #mymessage #booking_details h3 span{ font-weight: normal; font-size: 13px; } #mymessage #booking_details #details_section{ margin-bottom: 12px; } #mymessage #booking_details #details_section .body{ padding: 14px 20px 14px 16px; } #mymessage #booking_details #details_section h4{ font-weight: normal; padding-left: 5px; color: #00B2D9; font-size: 1.6em; margin-bottom: 12px; } #text-container { float:left; width:665px; padding-top:10px; } #text-container p { font-size:12px; line-height:15px; margin-bottom:10px; color:#666; text-align:justify; } #text-container ul { margin:0px; padding:0px; margin-bottom:10px; font-size:12px; color:#666; } #text-container ul li { margin:0px; padding:0px; font-size:12px; color:#666; font-weight:normal; list-style-position:inside; } #text-container ol { margin:0px; padding:0px; margin-bottom:10px; font-size:12px; color:#666; } #text-container ol li { margin:0px; padding:0px; font-size:12px; margin-bottom:8px; color:#666; font-weight:normal; list-style-position:inside; } #text-container h2 { font-size:18px; margin-bottom:8px; } #text-container h3 { font-size:14px; margin-bottom:8px; } h3.bookings { background-image:url(/Content/images/layout/default/bookings-h3.png); width:104px; height:23px; background-repeat:no-repeat; text-indent:-9999px; } h3.booking-request { background-image:url(/Content/images/layout/default/booking-request.png); width:175px; height:30px; background-repeat:no-repeat; text-indent:-9999px; float:left; } h3.booking-record { background-image:url(/Content/images/layout/default/booking-record.png); width:167px; height:30px; background-repeat:no-repeat; text-indent:-9999px; margin-bottom:10px; } .booking-record-p { font-size:12px; line-height:20px; margin-bottom:10px; color:#666; } .booking-buttons { width:600px; } .booking-buttons input { float:right; } div.viewRequest { float:right; } div.booking-titles { float:left; width:250px; } div.booking-details { float:left; width:350px; } p.clock { margin:0px; padding:0px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FF00FF; font-weight:bold; } .booking-header { clear:both; height:35px; padding-left:5px; padding-right:10px; } #Promotion1{ width: 216px; float: left; text-align:center; padding-bottom:40px; } .Promotion1-Link { margin-bottom:15px; } .Promotion1-Image { width:150px; } .active { float: left; padding-top: 8px; color: #00CC66; font-size: 1em; } .not { color: #999999; }