/*  
Theme Name: Agent Layout
Theme URI: http://www.sunshine.co.uk
Description: Agent themed layout with offers and content extracted from sunshine.co.uk RSS feeds.
Version: 1.0
Author: sunshine.co.uk
Author URI: http://www.sunshine.co.uk

*/

/** General common styling rules. **/

@charset "utf-8";

body,table,tr,td,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form{margin:0px;padding:0px;}
body{font-family:Arial, Helvetica, sans-serif;}
select,input,textarea,button{font-family:Verdana, Arial, Helvetica, sans-serif;}
ul{list-style:none;}

a{color:#0066cc;}

.sp{clear:both;height:0px;}
.thumb{border:1px solid #CCCCCC;margin-bottom:10px;float:left;}
.notice{text-align:center;margin-bottom:10px;color:#0066cc;}

#wrap{width:960px;margin:0 auto;overflow:hidden;}
#container{width:950px;margin:0 auto;}
#wrap_ftr{width:960px;margin:0 auto;height:5px;}


/** Header related styles including logo area and menu area. **/
#hdr_logo{float:left;width:253px;margin:20px 37px 10px 30px;}
#hdr_menu{float:left;width:635px;height:25px;margin-top:45px;color:#FFF;line-height:25px;font-size:12px;font-weight:bold;text-transform:lowercase;font-family:Verdana, Arial, Helvetica, sans-serif;}
#hdr_menu a{color:#0066cc;text-decoration:none;}
#hdr_menu a:hover{text-decoration:underline;}
#hdr_menu a.current{color:#000000;}
#hdr_menu ul{list-style-type:none;margin-left:12px;}
#hdr_menu ul li{display:inline;padding-left:6px;margin-right:3px;}
#hdr_menu ul li.no{padding-left:0px;}



/** Footer related styles including logo area and footer links. **/
#ftr{margin:0px auto;width:100%;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;}

#ftr_logos{float:left;width:150px;}
#ftr_logos img{margin-right:10px;}
#ftr_lks{width:100%;font-size:10px;}
#ftr_lks p{margin-bottom:10px;}


/** Layout related style rules. A content wrap for 2 columns with main column on the right. **/
.content{margin:0px auto;width:930px;margin-bottom:10px;}
.content .col2l{float:left;width:295px;margin-right:11px;}
.content .col2mr{float:left;width:624px;}

/** Style rules to split the main right hand column into 2 more columns. **/
.col2mr .subcol2ml{float:left;width:422px;margin-right:10px;line-height:18px;}
.col2mr .subcol2r{float:left;width:192px;font-size:11px;}




/** Style for mainbox in the main right hand column featuring the large image as a background and the ability to have text on top of it. Also styling for the one main large offer positioned underneath the main image.  **/
.mainbox{border:1px solid #CCCCCC;border-bottom:0px;padding-bottom:5px;height:174px;background-color:#FFF;}
.mainbox div{font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;font-weight:bold;font-size:14px;margin:45px 0px 0px 15px;width:400px;}

#mainbox_standard{background-image:url(images/main-image.jpg);background-repeat:no-repeat;}
.introbox{border:1px solid #CCCCCC;padding:10px;background-color:#EFEFEF;font-size:13px;color:#000000;line-height:18px;}
.introbox .title{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;margin-bottom:10px;}
.mainofferbox,.maintitlebox{border:1px solid #CCCCCC;border-top:5px solid #CCCCCC;background-color:#EFEFEF;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:18px;}
.mainofferbox .offerimage{float:left;height:113px;width:150px;background-repeat:no-repeat;}
.mainofferbox .offerdetails{float:left;width:470px;}
.offerdetails .wrap{padding:10px;font-size:11px;}
.offerdetails .title{font-size:14px;font-weight:bold;}
.offerdetails .title img{vertical-align:middle;margin-right:1px;}
.offerdetails .subtitle{font-size:12px;margin-bottom:5px;}
.offerdetails .price{font-size:18px;font-weight:bold;}
.mainbox_wrap{margin-bottom:10px;}
.mainbox_wrap .introbox{border-top:0px;}
.maintitlebox{margin-bottom:10px;}



/** Style for offer listing boxes on mainpages. Styles for thumbnail and a listings underneath. Set sizes so boxes align up vertically. **/
.offerlistbox{line-height:18px;background-color:#FFF;}
.offerlistbox .offer,.offerlistbox .offerm{float:left;width:200px;}
.offerlistbox .offer{margin-right:12px;}
.offerlistbox .offerbox{border:1px solid #FF9900;margin-bottom:10px;}
.offerlistbox .title{padding:5px;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.offerlistbox .title a{text-decoration:none;}
.offerlistbox .offerimage{height:90px;background-repeat:no-repeat;background-position:50% 50%;}
.offerlistbox ul{height:140px;font-size:11px;color:#FF0000;list-style:none;padding:10px;}
.offerlistbox li{padding:2px 0 2px 0;}
.offerlistbox ul img{vertical-align:baseline;}



/** Box1 styling for general lolly styled boxes with pink titles and box bordering without height restrictions so can expand to fit. **/
.box1{border:1px solid #d0d1d1;margin-bottom:10px;font-size:11px;line-height:14px;margin-bottom:10px;}
.box1 .wrap{padding:5px;}
.box1 .title{font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin-bottom:10px;}
.box1 .subtitle{font-weight:bold;}
.box1 ul{margin-bottom:10px;list-style-type:none;}
.box1 li{background-image:url(images/bg-bl-1.png);background-repeat:no-repeat;background-position:0% 50%;padding-left:10px;}
.box1 p{margin-bottom:5px;}



/** Box2 styling for general lolly boxes that are with a pink border. **/
.box2{background-color:#EFEFEF;font-size:11px;color:#000;margin-bottom:10px;}
.box2 .wrap{padding:10px;}
.box2 a{font-weight:bold;}
.box2 .title{font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin-bottom:10px;}



/** Used to style the main content area of a hotel post for title, intro etc. **/
.s_wrap{font-size:12px;padding:10px;}
.s_wrap p{margin-bottom:10px;}
.s_wrap p.intro{font-weight:bold;color:#000000;font-size:15px;}
.s_wrap .subtitle{font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;color:#000000;margin-bottom:5px;}


/** Remove the initial styling on the sidebar for WP if someone used widgets. **/
.sidebar ul{list-style:none;margin:0px;padding:0px;}


/** Lolly WP: Post **/
.post{border:1px solid #CCCCCC;margin-bottom:10px;line-height:18px;}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6{margin-bottom:5px;}
.post ol, .post ul{margin-left:23px;margin-bottom:10px;}
.post ul{list-style:square;margin-bottom:10px;}
.post .entry{padding:10px;}
.post .entry ul.post-meta{list-style:none;}
.post img{border:1px solid #CCCCCC;padding:5px;}
.post .entry p{margin-bottom:20px;line-height:18px;font-size:12px;}
.post p.postmetadata{margin-bottom:0px;font-size:11px;padding:5px;;background-color:#EFEFEF;}
.post blockquote{margin:0px 25px;padding-left:10px;border-left:1px solid #CCC;}
.post blockquote p{display:block;margin-left:auto;margin-right:auto;background-color:#EFEFEF;padding:20px;}



/** Lolly WP: Captions & aligment */
.aligncenter, div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignleft{float:left;}
.alignright{float:right;}

.wp-caption{border:1px solid #CCCCCC;text-align:center;background-color:#FFF;padding-top:4px;margin:10px;}
.wp-caption img{margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0;}



/** Lolly WP: Comments **/
.comments-template{margin: 10px 0 0;border:1px solid #CCCCCC;padding:10px;}
.comments-template ol{margin:0;padding: 0 0 15px;list-style: none;}
.comments-template ol li{margin:10px 0;line-height:18px;padding:0 0 10px;border-bottom:1px solid #ccc;}
.comments-template h2, .comments-template h3{font-size:16px;color:#e0007b;margin-bottom:10px;}
.commentmetadata{font-size:12px;}
.comments-template p.nocomments{padding:0;}
.comments-template textarea{font-size:12px;}



/** Lolly WP: Category **/
.categoryintro h1{color:#000000;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #CCCCCC;}
.categoryintro p{margin-bottom:10px;font-size:12px;line-height:18px;}
.category .title{border:1px solid #CCCCCC;border-top:5px solid #CCCCCC;background-color:#EFEFEF;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:18px;font-size:12px;padding:5px 5px 10px 5px;margin-bottom:10px;font-weight:bold;}
.category .title img{vertical-align:middle;margin-right:1px;border:0px;padding:0px;}



/** Lolly WP: Search **/
.searchintro h1{color:#000000;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #CCCCCC;}
.searchintro p{margin-bottom:10px;font-size:12px;line-height:18px;}
.searchresults .title{border:1px solid #000000;border-top:5px solid #CCCCCC;background-color:#EFEFEF;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:18px;font-size:12px;padding:5px 5px 10px 5px;margin-bottom:10px;font-weight:bold;}
.searchresults .title img{vertical-align:middle;margin-right:1px;border:0px;padding:0px;}


/** Lolly WP: Page **/
.page h1{color:#000000;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #CCCCCC;}
.page p{margin-bottom:10px;font-size:12px;line-height:18px;}
.page .title{border:1px solid #CCCCCC;background-color:#EFEFEF;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:18px;font-size:12px;padding:5px 5px 10px 5px;margin-bottom:10px;font-weight:bold;}
.page .title img{vertical-align:middle;margin-right:1px;border:0px;padding:0px;}


/** Lolly WP: Country Links Bar **/
#wpss_countrylinksbar{width:930px;margin:0px auto 20px auto;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
#wpss_countrylinksbar-wrap{padding:20px 0px 20px 15px;}
.wpss_countrylinksbar-lks{float:left;width:120px;margin-right:10px;}
#wpss_countrylinksbar ul{list-style:none;}
#wpss_countrylinksbar a{text-decoration:none;}
#wpss_countrylinksbar a:hover{text-decoration:underline;}


/** Lolly WP: Box3 (as used on sidebar boxes and on post listings) **/
.wpss_box3{border-bottom:1px dotted #CCCCCC;margin-bottom:10px;padding-bottom:10px;}
.wpss_box3 .wpss_pic{float:left;width:88px;}
.wpss_box3 .wpss_pic img{border:1px solid #CCCCCC;}
.wpss_box3 .wpss_section{float:left;font-size:12px;width:197px;margin-left:10px;}
.wpss_box3 .wpss_title{font-weight:bold;font-size:15px;font-family:Verdana, Arial, Helvetica, sans-serif;margin-bottom:10px;}
.wpss_box3 .wpss_title a{text-decoration:none;}
.wpss_box3 .wpss_title a:hover{text-decoration:underline;}


/** Lolly WP: Related Hotels Box **/
#wpss_related-hotels{border:1px solid #d0d1d1;margin-bottom:10px;font-size:11px;line-height:14px;margin-bottom:10px;}
#wpss_related-hotels .wrap{padding:5px;}
#wpss_related-hotels .title{font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin-bottom:10px;}
#wpss_related-hotels .subtitle{font-weight:bold;}
#wpss_related-hotels ul{margin-bottom:10px;list-style-type:none;}
#wpss_related-hotels li{background-image:url(images/bg-bl-1.png);background-repeat:no-repeat;background-position:0% 50%;padding-left:10px;}
#wpss_related-hotels p{margin-bottom:5px;}


/** Lolly WP: Search Box (top right) **/
#searchsitebox{text-align:right;margin:10px 10px 0px 0px;font-weight:normal;}
#searchsitebox .title{color:#000000;font-weight:bold;text-transform:capitalize;}
#searchsitebox .search{height:17px;width:200px;border-top:1px solid #7f9db9;border-left:1px solid #7f9db9;border-right:1px solid #dae7f2;border-bottom:1px solid #dae7f2;}


input.button {-moz-border-radius-bottomleft: 3px;-khtml-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;	border-bottom-left-radius: 3px;	-moz-border-radius-bottomright: 3px;-khtml-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;border-bottom-right-radius: 3px;}

A:link {
	COLOR: navy; TEXT-DECORATION: ul
}
A:visited {
	COLOR: navy; TEXT-DECORATION: ul
}
A:hover {
	COLOR: red
; TEXT-DECORATION: none
}
BODY {
	background-color: #FFFFFF; FONT-SIZE: 10pt; FONT-FAMILY: arial 
}
P {
	FONT-SIZE: 10pt; FONT-FAMILY: arial
}
TD {
	FONT-SIZE: 10pt; FONT-FAMILY: arial
}
hr {color: #FF9900}
ul {color: #FF9900}
.topnav1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #FFFFFF}
A.topnav1:link {
	COLOR: white

; TEXT-DECORATION: none
}
A.topnav1:visited {
	COLOR: white; TEXT-DECORATION: none
}
A.topnav1:hover {
	COLOR: red
; TEXT-DECORATION: none
}
.topnav2 {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-decoration: none; color: #ff9900}
A.topnav2:link {
	COLOR: #FF9900; TEXT-DECORATION: none
}
A.topnav2:visited {
	COLOR: #FF9900 ; TEXT-DECORATION: none
}
A.topnav2:hover {
	COLOR: red ; TEXT-DECORATION: none
}
.topnav3 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #FFFFFF}
A.topnav3:link {
	COLOR: white

; TEXT-DECORATION: none
}
A.topnav3:visited {
	COLOR: white; TEXT-DECORATION: none
}
A.topnav3:hover {
	COLOR: red
; TEXT-DECORATION: none
}
.navside {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
A.navside:link {
	COLOR: #000000

; TEXT-DECORATION: none
}
A.navside:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A.navside:hover {
	COLOR: red
; TEXT-DECORATION: none
}
.style2 {color: #990000}
.style3 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #CC3300; }
.style4 {font-size: 10px}
.style6 {font-size: 10px; color: #999999; }
.style7 {
	font-size: 12px;
	font-weight: bold;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; color: #FFFFFF;
}
.style9 {
	color: #FF9900;
	font-weight: normal;
	font-size: 10;
}
.style11 {
	color: #999999;
	
		font-weight: bold;
}
.style12 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #CC3300;}
.style14 {color: #666666}
.style17 {
	font-size: 12px;
	font-weight: bold;
	 color: #FF9900;
}
.style18 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif}
.style19 {color: #FFFFFF}
.style20 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666;}
.style23 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000}
.style25 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal}
.style26 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style27 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style28 {color: #FF0000}
.style29 {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}
.style30 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.custinfo {border:1px solid #FF9900;padding:10px;background-color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000000;}
.infotext {font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;font-weight: normal;color#333333;}
.telno {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;}
.style1 {color: #0066CC; font-weight: bold;)
.cust2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000000;}