html { height:100% }

body {
	background-color: #f4f4f4;
	color: #000000;
	font-family: Georgia, Verdana, Arial;
	font-size: 11px;
	height:100%;
	margin: 0px;
	padding: 0px;
}

/*
	Links
*/
a:link		{color: #D5551E; text-decoration: none}
a:visited	{color: #BA400C; text-decoration: none}
a:hover		{color: #000000; text-decoration: underline}
a:active	{color: #D5551E;}

/*
	Smallfont property
*/
.smallfont
{
	font-size: 10px;
	font-family: Georgia, Verdana, Arial;
}
/*
	Main Content Area
*/
#content
{
	vertical-align:top;
}

/*
	Sub-Category Boxes
*/
.subcat
{
	font-size:14px;
	font-weight:bold;
	width:45%;
	margin:4px;
	padding:3px;
	float:left;
}

/*
	START: Article Loop ----------------------------
*/
.article_loop
{
	background-color:#F5F5F5;
	margin:2px;
	padding:4px;
}

/* Subject properties on Article Loop */
.article_loop .subject
{
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
    font-size: 12pt;
	font-weight: bold;
    color:#0000CC;
}

/* Summary's Property in Article Loop */
.article_loop .summary
{
	font-size:12px;
}

/* Misc. */
.article_loop .author, .article_loop .category
{
	font-weight:bold;
}

/* Category Name on Article Loop */
.article_loop .category
{
	text-decoration: underline;
}

/*
	/ END: Article Loop -----------------------------
*/


/* 
	first alternating color
*/
.firstalt	
{
	background-color: #F5F5F5;
	color: #000000;
}

/*
	second alternating color
*/
.secondalt
{
	background-color: #F8F8F8; color: #000000;
}

/*
	third alternating color
*/
.thrdalt    { background-color: #fefefe; color: #000000;}

/*
	table head
*/
.tblhead	{ color:#ffffff; text-decoration:none; font-size: 12px; font-weight: bold; background-color: #F79E00;}

/*
	table category 
*/
.tblcat	{ color:#777777; text-decoration:none; font-size: 10px; font-weight: bold; background-color: #e1e1e1;}

/*
	table border
*/
.tblborder  { background-color:#787878}

/*
	highlight
*/
.highlight { background-color: yellow; padding: 1px; color: black}



/*
	Main Article Box Property
*/
#article
{
	font-size:12px;
}

/*-- author profile box --*/
#authorbox
{
	padding:4px;
	font-size:11px;
	width: 180px;
	float:right;
	border: 1px solid #787878;
	background-color: #F8F8F8;
    margin: 3px;
}

/*
	Boxes in "article_view"
*/
#ratebox, #supportbox, .custombox
{
	padding:4px;
	margin:3px;
	border: 1px solid #787878;
	background-color: #F8F8F8;
}


/*
	misc box
*/
.miscbox
{
	padding:4px;
	border: 1px solid #787878;
	background-color: #F5F5F5;
}

/*
	breadcrumbs box
*/
.breadcrumbs_box
{
	padding: 5px;
	border: 1px solid #c0c0c0;
	font-weight: bold;
	font-size: 11px;
}

/*
	comments loop
*/
.comments_box
{
	padding:4px;
	margin:4px;
	border-bottom: 2px dotted #787878;
	background-color: #F5F5F5;
}

/*
	colors used for Yes / No stuff.
*/
.red { color: red }
.green {color: green}


/*-- misc. --*/
.border_bottom
{
	border-bottom: 1px solid #787878;
}

/*
	style for [code]
*/
.htmlbox
{
	font-family: courier new;
/*
	padding:6px;
	background-color: #F8F8F8;
	border: 1px solid #787878;
	margin: 10px;
*/
	background-color:#F8F1E4;
	padding:5px;
	border: 1px solid #CDC0A9;
}

/*
	style for [php]
*/
.phpbox
{
	font-family: courier new;
/*
	padding:6px;
	background-color: #F5F5F5;
	border: 1px solid #787878;
	margin:10px;
*/
	background-color:#F8F1E4;
	padding:5px;
	border: 1px solid #CDC0A9;
}

/*
	UNUSED: highlight feature
*/
.hightlight
{
	background-color: yellow;
}

/*
	Glossary Text style
*/
.glossary
{
	border-bottom:1px dotted blue;
	cursor: pointer;
}

/*
	Sitemap List Item styles
*/
#sitemap ul, #sitemap li
{
	font-size: 11px;
}

/*
	Field sets style
*/
fieldset
{
	padding: 5px;
}

fieldset legend
{
	padding-bottom: 3px;
}

.attached_images
{
	font-size:7.5pt;
	background-color: #F8F8F8;
	border:1px solid #dedede;
	padding:5px;
	margin: 3px;
	text-align:center;
		
}




form
{
	margin: 0px;
}

#wrapper
{
	width: 100%;
	text-align:left;
	vertical-align:top;
	background-color: #ffffff;
	height:100%;
}

#header
{
	background-color: #fff;
	padding:4px;
	font-size:35pt;
	font-family: Trebuchet MS;
	color: #fff;	
}

#header .slogan
{
	font-size:13px;
	font-family: Trebuchet MS;
	font-weight:bold;
}

#navbar
{
	background-color: #E96A33;
	background-image: url(http://www.mysummerholidays.co.uk/art/img/nav_grad.gif);
	padding:4px;
	height:20px;
	font-size: 11px;
}

#navbar a:link,#navbar a:active,#navbar a:visited,#navbar a:hover
{
	color: white;
	font-weight:bold;
}


#footer
{
	background-color: #fefefe;
	text-align:right;
	padding: 5px;
}

#nav_left
{
	background-color: #F5F5F5;
	padding:4px;
	vertical-align:top;
	width:200px;

}

#nav_left .stitle
{
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 10pt;
	font-weight: bold;
	line-height: 26px;
	color:#535353;
	border-bottom: 2px dotted #787878;
	padding:5px;
	background-color: #F8F8F8;
	margin-bottom:5px;
		
}

.navlinks
{
	font-size:12px;
	font-weight: bold;
	padding-left: 6px;
}

.nav_subcatlinks
{
	font-size:10px;
	font-weight: bold;
	padding-left: 6px;
}

.title
{
	font-family: Georgia,Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 10pt;
	font-weight: bold;
	line-height: 26px;
	color:#535353;
}

h1,h2,h3,h4,h5,h6
{
	font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	margin:2px;
}
	
h1.box
{
	padding:2px;
	font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}

tr,td,p,li,ul,ol,form
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px
}

hr
{
	color:#000000
}

blockquote
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #666666;
}

img
{
	border-style: none;
}

b
{
	color:#535353;
}

select
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #000000;
	font-size: 10px;
	border: 1px solid #787878;
	background-color: #F8F8F8;
}

input, textarea ,option
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #000000;
	font-size: 10px;
	background-color: #F8F8F8;
}			  			  			  			  			  			  			  

.maincell1 {
	background-color: #FFFFFF;
	width: 800px;
}
.maincell2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
}
.maincell6 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	background-image: url(http://www.mysummerholidays.co.uk/images/background1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.maincell7 {
    border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FEF5E4;
	background-image: url(http://www.mysummerholidays.co.uk/images/background1.jpg);
	background-repeat: repeat;
	background-position: top;
}
.searchtable {
	background-color: #FF9900;
}
.searchtext1 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 3px;
}
.searchbox1 {
	font-family: Tahoma;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 1px;
	font-size: 10px;
}
.searchbutton1 {
	font-family: Tahoma;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 2px;
	font-size: 10px;
}
#cat:link {
	color: #0000CC;
	font-weight: bold;
	text-decoration: none;
}
#cat:visited {
	text-decoration: none;
	font-weight: bold;
	color: #0000CC;
}
#cat:hover {
	text-decoration: none;
	color: #FF9900;
}
#cat:active {
	text-decoration: none;
	color: #0000CC;
}
#leftlink:link {
font-weight: bold;
	color: #CC0000;
	
	text-decoration: none;
}
#leftlink:visited {
font-weight: bold;
	text-decoration: none;
	color: #CC0000;
}
#leftlink:hover {
font-weight: bold;
	text-decoration: none;
	color: #000000;
}
#leftlink:active {
font-weight: bold;
	text-decoration: none;
	color: #CC0000;
}
.maincell4 {
	border: 1px dashed #FFCC00;
	background-color: #f4f4f4;
}
h2 {
	font-family: Tahoma;
	font-size: 12px;
	text-transform: uppercase;
	color: #FF6600;
	text-decoration: none;
	margin: 0px;
	padding: 3px;
}
.maintext1 {
	font-family: Arial;
	font-size: 13px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
}
h1 {
	font-family: Tahoma;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 3px;
}
.footertext {
	font-family: Tahoma;
	font-size: 10px;
	text-decoration: none;
	margin: 0px;
	padding: 3px;
}
.maincell3 {
	background-image: url(http://www.mysummerholidays.co.uk/images/upleftcorner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.maincell5 {
	background-image: url(http://www.mysummerholidays.co.uk/images/downrightcorner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.categorylinkstext {
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.leftmenutext {
	font-family: Tahoma;
	font-size: 10px;
	color: #CC0000;
	text-decoration: none;
	margin: 0px;
	padding: 3px;
}
.link-desc { color: black; font-family: arial,verdana,sans-serif; font-size: 10pt; }
.link-modify {  font-family: arial, helvetica, sans-serif; font-size: 10px; color: #800000; text-decoration: none; }
.link-div{  font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; }
.link { font-family: arial, helvetica, sans-serif; font-size: 12pt; color: #0000FF; text-decoration: none; }
.linkd {
	text-decoration: none;
	color: #0066FF;
}
.linkd:hover {
	text-decoration: none;
	color: #0000CC;
}  			  			  
.textd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  			  /* default text */
.text {font-family: arial, helvetica, sans-serif; font-size: 9pt; color: #000000}
.text2{font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #000000}

/* small text */
.small {  font-family: verdana, arial, helvetica, sans-serif; font-size: 11px}

/* top navigation */
.nav-top-bg {  background-color: #3131CE}
.nav-top-txt {  font-family: arial, helvetica, sans-serif; font-size: 13px; font-weight: 700; color: #ffffff; text-decoration: none;}
.nav-top-txt:hover {  color: #FF0000}


/*user navigation */
.nav-usermenu-title {  font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #999999}
.nav-usermenu-txt {  font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #4141c0; text-decoration: none}
.nav-usermenu-txt:hover {  color: #a0a0e0; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px}

/* alternating table rows */
.cell1 {  background-color: #f6f6f6; font-family: arial, helvetica, sans-serif; font-size: 9pt; color: #000000}
.cell2 {  background-color: #dedede; font-family: arial, helvetica, sans-serif; font-size: 9pt; color: #000000}

/* dialog boxes */
.box-table {  border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #dedede}

/* titles */
.title {  font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #373737; background-color:  #FFFFFF}
.subtitle {  font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: 800; color: #000000; border: #000000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; background-color: #FFFFCC}

/* system messages and errors */
.sys-message { color: #C0C0C0; font-family: arial,verdana,sans-serif; font-size: 9pt; }
.error {  font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; color: #FF3300; font-weight: bold}
.small-msg {  font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #000080}

/* statistics and misc. messages */
.stats { color: #000080; font-family: arial,verdana,sans-serif; font-size: 9pt; }
.stats-small {  font-family: arial, helvetica, sans-serif; font-size: 9px; color:000080;}

/* search */
.search-title {  font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: 800; color: #ffffff; background-color: #666666}
.search-field-lable {  font-family: arial, helvetica, sans-serif; font-size: 12px}
.search-advanced {  font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: 900; text-decoration: none; color: #000000}
.search-bg {  background-color: #dedede}
.search-table {  border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #F0F0F0}
.search-advanced:hover {  font-family: arial, helvetica, sans-serif; font-size: 12px; color: #a0a0e0; font-weight: 900}

/* small text fields */
.textbox {  font-family: arial, helvetica, sans-serif; font-size: 14px}

/* buttons */
.button {  font-family: arial, helvetica, sans-serif; font-size: 11px; background-color: #f9eeae}
.buttonsmall {  font-family: arial, helvetica, sans-serif; font-size: 9px; background-color: #f9eeae; ; cursor: hand}

/* float boxes */
.floatbox-table {  border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #fef5cf}
.floatbox-title {  font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #ffffff; background-color: #666666}
.floatbox-txt {  font-family: arial, helvetica, sans-serif; font-size: 10px}
.spacing-pad-left {  padding-left: 15px}
.floatbox-link { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #000000; text-decoration: none}
.floatbox-link:hover {  color: #9d9ddc; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: 700}

/* spacing styles */
.spacing-pad-top-right {  padding-top: 15px; padding-right: 15px}
.spacing-pad-top-left {  padding-top: 15px; padding-left: 15px}
.spacing-pad-left-right { padding-right: 15px ; padding-left: 15px}

/* categories */
.cat { font-family: arial, helvetica, sans-serif; font-size: 9pt; color: #003399; font-weight: bold; text-decoration: none;}
.cat:hover {  font-family: arial, helvetica, sans-serif; font-size: 12pt; color: #FF0000; font-weight: bold; text-decoration: none; }
.catsub { font-family: arial, helvetica, sans-serif; font-size: 8pt; color: #000090 }
.catsub:hover { color: #9d9ddc; font-family: arial, helvetica, sans-serif; font-size: 8pt}
.cat-no { color: #707070; font-family: arial, verdana, sans-serif; font-size: 10px;  }
.cat-desc { color: black; font-family: arial,verdana,sans-serif; font-size: 9pt; }
.cat-new { color: blue; font-family: arial, verdana, sans-serif; font-size: 12px; ; vertical-align: super}
.cat-pick {  font-family: arial, helvetica, sans-serif; font-size: 12px; color: #009900; vertical-align: super}
.cats-stats {  color: #707070; font-family: arial,verdana,sans-serif; font-size: 9pt; }

/* links */
.link { font-family: arial, helvetica, sans-serif; font-size: 12pt; color: #0000FF; text-decoration: none; }
.link:hover {  font-family: arial, helvetica, sans-serif; font-size: 12pt; color: #FF0000; text-decoration: none; }
.link-rate {  font-family: arial, helvetica, sans-serif; font-size: 12px; color: #006600; text-decoration: none; }
.link-review {  font-family: arial, helvetica, sans-serif; font-size: 12px; color: #a27900; text-decoration: none; }
.link-modify {  font-family: arial, helvetica, sans-serif; font-size: 10px; color: #800000; text-decoration: none; }
.link-div{  font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; }
.link-desc { color: black; font-family: arial,verdana,sans-serif; font-size: 10pt; }
.link-detail { color: #707070; font-family: arial,verdana,sans-serif; font-size: 8pt; }
.link-new { color: blue; font-family: arial, verdana, sans-serif; font-size: 12px; ; vertical-align: super}
.link-top { color: red; font-family: arial, verdana, sans-serif; font-size: 12px; vertical-align: super}
.link-pop { color: orange; font-family: arial, verdana, sans-serif; font-size: 12px; vertical-align: super}
.link-pick {  font-family: arial, helvetica, sans-serif; font-size: 12px; color: #009900; vertical-align: super}

/* reviews */
.review { font-family: arial, helvetica, sans-serif; font-size: 9pt;}
.review-detail { color: #707070; font-family: arial,verdana,sans-serif; font-size: 8pt; }
.review-detail:hover { color: #a0a0e0; font-family: arial,verdana,sans-serif; font-size: 8pt; }

/* page navigation */
.pagenav {  font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; color: #00000; font-weight: bold; text-decoration: none;}

/* copyright */
.copyright {  font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #999999}

.tabletitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF;}

.textTitle { font-family: Arial, Helvetica, sans-serif; font-size: 9pt ; color: #FFFFFF; font-weight: 700}			  			  			  			  			  			  			  			  			  			
.style_link A:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #0000CC;
	font-weight: bold;
	text-decoration: none;
}
.style_link A:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #0000CC;
	font-weight: bold;
	text-decoration: none;
}
.style_link A:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	text-decoration: none;
	color: #FF9900;
}
.style_link A:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #0000CC;
	font-weight: bold;
	text-decoration: none;
}


.style_regular { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #0000CC;
	font-weight: bold;
	text-decoration: none; }
.style_category     { font-family: $CATEGORY_FONT; color: $CATEGORY_FONT_COLOR; font-size: $CATEGORY_FONT_SIZE; }
.style_subcategory  { font-family: $SUBCATEGORY_FONT; color: $SUBCATEGORY_FONT_COLOR; font-size: $SUBCATEGORY_FONT_SIZE; }
.style_title        { font-family: $TITLE_FONT; color: $TITLE_FONT_COLOR; font-size: $TITLE_FONT_SIZE; }