/*
Theme Name: Holiday Lets London
Theme URI: http://www.knowall.net/
Description: Theme custom built for Holiday Lets London
Author: Tyrone Marsburg
Version: 1.0
*/
/*-- RESET--*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote{
padding:0px;
margin:0px;
font-size:100%;
font-weight:normal;
}

.image_b{
float:left;
clear:right;
background:#E5E5E5; 
margin-right:15px;
margin-bottom:6px;
padding:7px;
}


ol {
margin-left:1.4em;
list-style:decimal;
}

ul{
margin-left:1.4em;
list-style:decimal;
}
img{
border:0;
}
/*-- RESET END--*/

body{
background:url(assets/bg_tile.jpg) repeat-x;
background-color:#F2F2F2;
text-align: center; 

}

#container{
position:relative;
width:1090px; /*-- Min padding for other divs to center--*/
margin:0 auto;
background:url(assets/header.jpg) no-repeat top;
min-height:189px;
text-align: left;
}

#cv_but{
position:absolute;
top:97px;
left:230px;
font-family:Calibri;
color:#FFFFFF;
font-size:18px;
}

#soc{
position:absolute;
top:20px;
right:0px;
}

#search{
position:absolute;
top:67px;
right:0px;
}

#search input{
border:0px;
width:180px;
}

#header{
height:460px;
margin-bottom:10px;
background-image:url(assets/header.jpg);
}

#header_image{
position:absolute;
height:240px;
top:220px;
left:28px;
}

#content_con{
background-color:#FFFFFF;
padding-bottom:20px;
border-bottom-color: #CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
margin:0 auto;
}

#content{
float:left;
margin-top:15px;
width:760px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
margin-bottom:20px;
line-height:20px;
padding-left:20px;
}

#content p a{
color:#F24FD6;
text-decoration:none;
font-weight:bold;
}



#content a:hover{
color:#333333;
}

#content h1,h1 a {
font-family:"Arial Narrow";
color:#593455;
font-size:24px;
padding-bottom:10px;
text-decoration:none;
line-height:35px;
}

#content h1 a:hover{
color: #666666;
}

#content h2,h2 a {
font-family: Arial, Helvetica, sans-serif;
color:#5A3557;
font-size:22px;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;
}

#content h2 a:hover{
color:#333740;
}

#bread{
position:absolute;
right:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:10px;
margin-top:10px;
}

#bread a{
text-decoration:none;
color:#3C6CD0;
}

#bread a:hover{
color: #333333;
}



/*--SIDEBAR--*/

#sidebar{
margin-top:40px;
float:right;
width:252px;

border-left-color:#999999;
border-left-style:dotted;
border-left-width:1px;
padding-left:20px;
padding-right:20px;
}

div #main_nav_sd{
position:relative;
background:url(assets/box_footer.jpg) no-repeat bottom;
padding:0 20px 20px 20px;
margin-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:263px;
color:#333333;
}

#main_nav_sd a{
text-decoration:none;
color:#3C6CD0;
}

#main_nav_sd a:hover{
color:#333333;
}

#main_nav_sd h1 {
background: url(assets/box_feat_plain.jpg) no-repeat top;
height:52px;
margin-left:-20px;
padding:10px 10px 0 10px;
color:#333740;
font-size:25px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#main_nav_sd h2 {
padding-top:10px;
padding-bottom:5px;
}


#main_nav_sd h2 a {
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#21438B;
font-weight:bold;
}

#main_nav_sd h1.news {
background: url(assets/box_feat_news.jpg) no-repeat top;
width:283px;
height:52px;
margin-left:-20px;
padding:10px 10px 0 10px;
color:#333740;
font-size:25px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#main_nav_sd h1.test {
background: url(assets/box_test.jpg) no-repeat top;
width:283px;
height:52px;
margin-left:-20px;
padding:10px 10px 0 10px;
color:#333740;
font-size:25px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#main_nav_sd h1.cv {
background: url(assets/box_send_cv.jpg) no-repeat top;
width:283px;
height:52px;
margin-left:-20px;
padding:10px 10px 0 10px;
color:#333740;
font-size:25px;
font-family:Georgia, "Times New Roman", Times, serif;
}
/*--SIDEBAR END--*/

/*----Quote --*/

.quote_name{
font-weight:bold;
font-size:10px;
line-height:15px;
margin-right:0px;
}

/*--NAV--*/

ul.nav{
list-style-type:none;
padding-left:0px;
margin-left:0px;
position: absolute;
top:133px;
width:100%;
}

ul.nav li{
display:inline;

}

ul.nav a{
padding:28px 15px 28px 15px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
background: url(assets/nav_border.jpg) no-repeat right;
text-align:center;
display:inline-block;
}

ul.nav a:hover{
color: #666666;
}
/*-- END NAV --*/


#contact_form{
}

#contact_form input{
border:0px;
background:url(assets/form_box_white_bg.png) no-repeat top left ;
height:32px;
width:300px;
line-height:32px;
padding: 0 5px 5px 5px;
}
#contact_form input.upload{
border:0px;
background:url(assets/form_box_white_bg.png) no-repeat top left ;
height:32px;
width:270px;
line-height:20px;
padding: 5px 5px 5px 5px;
}

#contact_form .button{
width: auto;
background:none;
}


/*-- formbox */
#formbox{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:#F2F2F2;
padding:15px;
border:#E5EBDC 1px solid;
font-weight:normal;
margin-right:20px;

}

blockquote{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:#EDF1E7;
padding:15px;
border:#E5EBDC 1px solid;
font-weight:normal;
}

#formbox input{
width:200px;
font-family:Calibri, Arial, Helvetica, sans-serif;
color: #333333;
border:none;
border-bottom-color:#E1E1E1;
border-bottom-style:solid;
border-bottom-width:1px;
border-right-color:#E1E1E1;
border-right-style:solid;
border-right-width:1px;
height:26px;
padding-left:10px;
margin-bottom:10px;
}

#formbox .input2{
width:200px;
font-family:Calibri, Arial, Helvetica, sans-serif;
color: #333333;
border:none;
border-bottom-color:#E1E1E1;
border-bottom-style:solid;
border-bottom-width:1px;
border-right-color:#E1E1E1;
border-right-style:solid;
border-right-width:1px;
height:26px;
padding-left:10px;
margin-bottom:10px;
}

#formbox .input3{
width:200px;
font-family:Calibri, Arial, Helvetica, sans-serif;
color: #333333;
border:none;
border-bottom-color:#E1E1E1;
border-bottom-style:solid;
border-bottom-width:1px;
border-right-color:#E1E1E1;
border-right-style:solid;
border-right-width:1px;
height:90px;
padding-left:10px;
margin-bottom:10px;
}

#formbox input.button{
background:url(assets/send_but.jpg) no-repeat left;
display: block;
text-align: center;
padding-top:0px;
width: 91px;
height:33px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration:none;
font-weight:bold;
}

#formbox h1 {
font-family: Arial, Helvetica, sans-serif; 
color:#5A3557;
font-size:22px;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;
}


/*--FOOTER--*/
#footer{
position:relative;
clear:both;
margin-top:60px;
background:url(assets/footer_tile.jpg) repeat-x;
min-height:521px;
}

.footer_bg{

}

#footer_logos{
height:71px;
margin-bottom:2px;
width:980px;
margin:0 auto;
padding-top:5px;
}

#footer_logos h1{
position:absolute;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#21438B;
margin-top:-25px;
}

#footer_content{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
width:1090px;
margin:0 auto;
background:url(assets/footer_bg.jpg) no-repeat;
min-height:360px;
padding-top:20px;
}

#footer_content a{
text-decoration:none;
color:#666666;
}

#footer_content a:hover{
color:#21438B;
}

#footer_box{
float:left;
width:290px;
min-height:370px;
}

#footer_box h1{
font-family: "Arial Narrow";
font-size:23px;
margin-bottom:10px;
}

#footer_box h2{
margin-bottom:5px;
margin-top:8px;
}

#footer_box h2 a{
font-size:12px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer_box ul li{
list-style: url(assets/arrow_bullet_2.jpg);
line-height:22px;
}

#footer_bot{
clear:both;
width:980px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}


/*-- END FOOTER--*/

/*---- Sidebar */

#sidebar h3{
font-family: "Arial Narrow";
color:#000000;
font-weight:normal;
font-size:24px;
margin-top:0px;
margin-bottom:3px;
}
#sidebar ul{
margin-bottom:15px;
}
#sidebar li{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-weight:normal;
font-size:12px;
list-style:none;
}

#sidebar li ul li{
list-style: url(assets/arrow_bullet.jpg);
}
#sidebar li a{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-weight:normal;
font-size:12px;
text-decoration:none;
}
#sidebar li a:hover{
color: #5E9823;
}
#post{
background: #FF0000;
clear:both;
}

#booking_box{
position:absolute;
top:220px;
left:630px;
z-index:200;
height:300px;
width:300px;
}


#prop_header{
background:#5A3557;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
font-weight:bold;
padding:5px;
}

#prop_header a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#prop_box{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height:20px;
position:relative;
}
.border_bot{
border-bottom-color:#999999;
border-bottom-style:dotted;
border-bottom-width:1px;
}

#border1{

}

#content ul li {
list-style: square;
margin-left:0px;
}

#content p{
padding-top:1.0em;
padding-bottom:1.0em;
}
#flags{
position:absolute;
right:0px;
}


.feat_icon_new{
background:#FF9900; 
font-family:Arial, Helvetica, sans-serif; 
color:#FFFFFF;
width:100%;

}

.feat_icon{
position:absolute; 
left:0px;

opacity: 0.7;
filter: alpha(opacity = 0.7);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);

}

.feat_icon div{

opacity: 1;
filter: alpha(opacity = 1);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);

}

.feat_icon_2{
position:absolute;
right:0px;
top:0px;

opacity: 0.7;
filter: alpha(opacity = 0.7);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);
}

.popup_hover{
width:430px;
/*height:460px;*/
background-color:#F4F4F4;
border:#D8D8D8 1px solid;

left:190px;
top:-50px;
position:absolute;
z-index:2000;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:20px;

}


.images { 
border: 7px solid #E5E5E5;  
}




View Raw Code?
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 7px solid #E5E5E5;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin-left:0px;
}
.stripViewer ul li { 
float:left;
margin-left:-10px;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 15px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 15px;
background: #666666;
color: #666666;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background:#CCCCCC;
color: #ff0000;
}

ul#images li{
margin-left:0px;
}


div.stripTransmitter ul li{
padding-left:-50px;
}
/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}


#landlord{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#999999;
line-height:22px;
}

#landlord strong{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
}

.sem{
color:#000000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:#F2F2F2;
padding:15px;
border:#E5EBDC 1px solid;
}
.sem a{
background:#990000;
color:#FFFFFF;
padding:3px;
text-decoration:none;
font-weight:bold;
}

.sem a:hover{
background:#CC3300;
color:#FFFFFF;
}

.semtr{
border-bottom:1px solid #CCCCCC;
padding-bottom:5px;
font-size:14px;
}

div#sortbox{
background:#EFEFEF;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:8px;
border:1px #CDCDCD solid;
margin-bottom:30px;
}

div#sortbox table tr{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}


/* GALLERY */

#gallery{
width:335px;
float:left;
margin-right:20px;
margin-bottom:10px;
}

#gallery .main{
margin-bottom:8px;
height:250px;
}

#gallery .main img{
max-width:326px;
max-height:250px;
}

/* GALLERY */

#map_border{
border: 1px solid #e5e5e5; padding: 6px 6px 6px 6px;
 background: #fafafa; 
}

#lodge_gallery{
text-align:center;
background:#292929;
padding:8px;
float:left;
width:822px;
height:620px;
/*height:535px;*/
position:relative;
}

/* GALLERY POP UP*/

#lodge_gallery .large_image{
max-width:100%; 
max-height:100%;


/* Centers Image within DIV */
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;


/*width: auto;
height:auto;*/

 /*max-width: 100%;
    width: auto;
    height: auto;*/

/*width: auto; 
max-width: 90%; 
height: auto;
height:auto;
max-height: 200px; 

 max-width:615px;
    height:auto;*/

}

#lodge_gallery_thumb{
text-align:center;
padding:8px;
overflow:hidden;
width:180px;

}

#lodge_gallery_thumb img{

border:solid 1px #D2D2D2;
padding:5px;
margin-left:4px;
margin-bottom:4px;

overflow:hidden;
/*width:110px;
height:80px; */

max-width:71px;
max-height:52px; 
}


#lodge_gallery_thumb div.outter{
display:block-inline;
float:left;

background: #FFFFFF; 
border:solid 1px #D2D2D2;
padding:5px;
margin-left:4px;
margin-bottom:4px;
cursor:pointer;
}

#lodge_gallery_thumb div.outter{
display:block-inline;
float:left;

background: #FFFFFF; 
border:solid 1px #D2D2D2;
padding:5px;
margin-left:4px;
margin-bottom:4px;
cursor:pointer;
}

#lodge_gallery_thumb div.over{
overflow:hidden;
/*width:110px;
height:80px; */

width:71px;
height:52px; 
vertical-align:middle;
}

/* pop up bg */
#background{
    display: none;
	position:fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 99998;
}

#large {
	display:none;
    
	left:20px;
	position: absolute;
	padding:10px;
    background: #FFFFFF;
    z-index: 99999;
    color: #336699;
	max-width:1500px;
	/*max-height:650px ;*/
	top:80px;

}

#thenext{
position:absolute;
top:250px;
right:0px;
z-index:999;
}

#theprev{
position:absolute;
top:250px;
left:0px;
z-index:999;
}

/* Portrait tablet to landscape */
@media only screen and (max-width: 768px){
	
	#large {
	display:none;
	left:20px;
	position: absolute;
	padding:10px;
    background: #FFF;
    z-index: 99999;
    color: #336699;
	max-width:680px;
	max-height:450px ;
	top:80px;

}

#thenext{
position:absolute;
top:180px;
right:0px;
}

#theprev{
position:absolute;
top:180px;
left:0px;
}

#lodge_gallery{
text-align:center;
background:#292929;
padding:8px;
float:left;
width:600px;
height:400px;
position:relative;
}

#lodge_gallery_thumb{
display:none;
}
}