@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(bg_04.jpg); background-attachment:fixed;
}
/* underlay and footer structure to produce true dropshadow effect using png24 graphics with alpha*/

.setunderlay-tile{background-image:url(cont-tile.png); width: 741px; vertical-align:top;}

.set-footer{background-image:url(footer.png); 
width: 741px; height: 160px;
vertical-align:top;
font-family:Arial, Helvetica, sans-serif; 
font-size:10px; color:#666666;
text-align:center;
}

/* now to set the footer hyperlinks so that they match the chosen style */

.set-footer a:link {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666;text-align:center;}
.set-footer a:active {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666;text-align:center;}
.set-footer a:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666;text-align:center;}
.set-footer a:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #333333;text-align:center;}

/* the logo area */

.set-logo-area{background-image:url(images/logo.gif); background-repeat:no-repeat; width:742px; height:83px;
font-family:Arial, Helvetica, sans-serif; font-size:19px; color:#b01d36; font-weight:bold; text-align:right; vertical-align:bottom;}

.set-logo-area-left{font-family:Arial, Helvetica, sans-serif; font-size:19px; color:#b01d36; font-weight:bold; text-align:left; vertical-align:bottom;}

/* set the styles for the navigation block */

.setvalign{vertical-align:top;}

#homeswap{background-image: url(new-buttons/homeup.gif);
width:45px; height:225px; display:block; padding:0px; border:0px;}
#homeswap a:link {color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#homeswap a:visited {color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#homeswap a:active { color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#homeswap a:hover {color: #ffffff; text-decoration: none; width:45px; height:225px; display:block; background-image: url(new-buttons/homeover.jpg);}

#gowerswap{background-image: url(new-buttons/gowerup.gif);
width:45px; height:225px; display:block; padding:0px; border:0px;}
#gowerswap a:link {color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#gowerswap a:visited {color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#gowerswap a:active { color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#gowerswap a:hover {color: #ffffff; text-decoration: none; width:45px; height:225px; display:block; background-image: url(new-buttons/gowerover.jpg);}

#mumswap{background-image: url(new-buttons/mumblesup.gif);
width:45px; height:225px; display:block; padding:0px; border:0px;}
#mumswap a:link {color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#mumswap a:visited {color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#mumswap a:active { color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#mumswap a:hover {color: #ffffff; text-decoration: none; width:45px; height:225px; display:block; background-image: url(new-buttons/mumblesover.jpg);}

#marinaswap{background-image: url(new-buttons/marinaup.gif);
width:45px; height:225px; display:block; padding:0px; border:0px;}
#marinaswap a:link {color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#marinaswap a:visited {color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#marinaswap a:active { color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#marinaswap a:hover {color: #ffffff; text-decoration: none; width:45px; height:225px; display:block; background-image: url(new-buttons/marinaover.jpg);}

#abroadswap{background-image: url(new-buttons/moreup2_15.gif);
width:45px; height:225px; display:block; padding:0px; border:0px;}
#abroadswap a:link {color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#abroadswap a:visited {color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#abroadswap a:active { color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#abroadswap a:hover {color: #ffffff; text-decoration: none; width:45px; height:225px; display:block; background-image: url(new-buttons/moreover2_15.jpg);}

#sw-wales-swap{background-image: url(new-buttons/sw-up.gif);
width:45px; height:225px; display:block; padding:0px; border:0px;}
#sw-wales-swap a:link {color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#sw-wales-swap a:visited {color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#sw-wales-swap a:active { color: #b26568; text-decoration: none; width:45px; height:225px; display:block;}
#sw-wales-swap a:hover {color: #ffffff; text-decoration: none; width:45px; height:225px; display:block; background-image: url(new-buttons/sw-wales-over.jpg);}


/* setting main content area */

.setrightcolumn{
	vertical-align:top;
	padding-top:20px;
	text-align: center;
}
.setleftcolumn{width:596px; vertical-align:top; padding-top:20px;}

/* setting the main font, offers and associated link styles*/

.h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	text-align:left;

}
td {text-align:left;}
.h1centre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#333333; font-weight:bold; text-align:center;}
.h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003D7E;}
.h2centre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003D7E; text-align:center;}
.h2centre a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003D7E; text-align:center;}
.h2centre a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003D7E; text-align:center;}
.h2centre a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003D7E; text-align:center;}
.h2centre a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #0099CC; text-align:center;}

.default-text { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:justify;}
.default-text a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:justify;}
.default-text a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:justify;}
.default-text a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:justify;}
.default-text a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #000000; text-align:justify;}

.latest-additions{font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; text-align:center; font-weight:bold; padding:3px; text-decoration:none;}
.latest-additions a:link {font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; text-align:center; font-weight:bold; padding:1px;text-decoration:none;}
.latest-additions a:active {font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; text-align:center; font-weight:bold; padding:3px;text-decoration:none;}
.latest-additions a:visited {font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; text-align:center; font-weight:bold; padding:3px;text-decoration:none;}
.latest-additions a:hover {font-family:Arial, Helvetica, sans-serif; font-size:17px; color: #999999; text-align:center; font-weight:bold; padding:3px;text-decoration:none;}

/* misc */

.small-white-text{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; vertical-align:top; text-decoration:none;}
.small-white-text a:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; vertical-align:top;text-decoration:none;}
.small-white-text a:active {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; vertical-align:top;text-decoration:none;}
.small-white-text a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; vertical-align:top;text-decoration:none;}
.small-white-text a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#dddddd; vertical-align:top;text-decoration:none;}

.small-black-text{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; vertical-align:top; text-decoration:none;}

.style27 {font-family: Arial, Helvetica, sans-serif}
.style29 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.style30 {font-size: 12px}
.style31 {color: #0F9398}
.style32 {color: #194479}
.style34 {color: #00ADEF}
.style38 {color: #F99839}
.style42 {	font-size: 16px;
	font-weight: bold;
}
.style41 {font-weight: bold}
.style39 {color: #5C88A1}
.style40 {color: #003D7E}
.style43 {color: #F89828}

/* set the styles for the 3 columns relating to area found on most pages */

.trio-text-heading { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color: #990000; text-align:center; font-weight:bold;}
.trio-text-para { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #990000; text-align: left; vertical-align:top;}

.trio-text-para a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #990000; text-align: left; vertical-align:top;}
.trio-text-para a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #990000; text-align: left; vertical-align:top;}
.trio-text-para a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #990000; text-align: left; vertical-align:top;}
.trio-text-para a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #CC9966; text-align: left; vertical-align:top;}

.special-offers{background-image:url(special-offers.gif); width:180px; height:54px; vertical-align: bottom;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000066; font-weight:bold; text-align:center; text-decoration:none;}
.special-offers a:link{width:180px; height:54px; vertical-align:bottom;font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000066; font-weight:bold; text-align:center; text-decoration:none;}
.special-offers a:active {width:180px; height:54px; vertical-align:bottom; ;font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000066; font-weight:bold; text-align:center; text-decoration:none;}
.special-offers a:visited {width:180px; height:54px; vertical-align:bottom; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000066; font-weight:bold; text-align:center; text-decoration:none;}
.special-offers a:hover{width:180px; height:54px; vertical-align:bottom; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #006699; font-weight:bold; text-align:center; text-decoration:none;}

.motorhomehire{background-image:url(motohomehire.jpg); width:180px; height:180px; vertical-align: bottom;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #ffffff; font-weight:bold; text-align:center; text-decoration:none;}
.whitelink a:link {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #ffffff; font-weight:bold; text-align:center; text-decoration:none;}
.whitelink a:active {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #ffffff; font-weight:bold; text-align:center; text-decoration:none;}
.whitelink a:visited {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #ffffff; font-weight:bold; text-align:center; text-decoration:none;}
.whitelink a:hover {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #cccccc; font-weight:bold; text-align:center; text-decoration:none;}

.float-left{float:left; padding-right:5px;}