/* SPANISH HOLIDAY COTTAGES c2011 July 14th - STYLE SHEET MAIN PAGES */
/* WEB DESIGN by Digit@l Idiom LTD (UK) www.digitalidiom.co.uk */

* {margin:0px; padding:0px;}

body {
color:#333;
font:normal 0.7em/1.4em Verdana, Arial, Helvetica, sans-serif;
background-color: #000;
}

.secret {position:absolute; top:-3000px; left:-2000px;}

#masthead {
clear:both;
width: 960px;
overflow:hidden;
margin: 0px auto 0px auto;
background: #FFF url("../images/bg-masthead.jpg") no-repeat;
}

#icons {
clear:both;
width:960px;
overflow:hidden;
padding:0 0 0 6px;
height:30px;
margin-right:220px;
background-color: transparent;
}

#logobox{
clear:both;
width:960px;
height:174px;
overflow:hidden;
}

#logo {
float:left;
width:270px;
padding:20px 0 0 10px;
background-color: transparent;
}

#flipkey {
float:right;
width:170px;
height:120px;
margin:20px 10px 0 0;
background-color: transparent;
}

#socialbox {
clear:both;
width:960px;
height:46px;
overflow:hidden;
margin-top:15px;
background-color: transparent;
}

#flags {
float:left;
width:198px;
margin:0px 20px 0 0;
padding:16px 0 0 22px;
border-bottom: 2px solid #f8cc15;
background: transparent url("../images/bg-translation.png") 10px 0 no-repeat;
}

#fblike {
float:right;
width:250px;
height:34px;
overflow:hidden;
margin:0; padding:0;
}

.aLeft {
float:left;
}

.imgLeft {
float:left;
margin-right:10px;
}

.imgRight {
float:right;
margin-left:10px;
}

#content {
width: 960px;
margin: 0px auto 0px auto;
background-color: #FFF;
color:#333;
}


#menu {
width:220px;
border-right:0px dashed #CCC;
background-color: #F3F3F3;
}

#text {
padding-left:16px;
padding-right:16px;
}

#polaroids {width:340px;}

#footer {
max-width: 960px;
height:80px;
margin: 0px auto 0px auto;
background: #C00 url("../images/bg-footer.gif") repeat-x;
color:#FC9;
font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

h1 {
font:bold 140% Verdana, Arial, Helvetica, sans-serif;
color: #C00;
margin:0px 0px 6px 0px;
}


h2,h3,h4,h5,h6 {
font:bold 110% Verdana, Arial, Helvetica, sans-serif;
color:#930;
}

h4 {
font:normal 100% Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

td p {margin:6px 0px 20px 0px;}
#text ul {margin:0px 10px 20px 20px;}

hr {height:1px; color:#FC0;}

img {border:0px;}

.boxed {
background-color:#F3F3F3;
border:1px solid #999;
padding:4px;
}

.comments {
background-color:#FFF;
border:1px dashed #999;
padding:4px;
font-style:italic;
}

.imgBoxed {
background-color:#E9E9E9;
border:1px solid #999;
padding:4px;
margin:8px;
}


/* LINKS */
a:link{ text-decoration: none; color: #900; }
a:visited{ text-decoration: none; color: #900;}
a:active{ text-decoration: none; color: #FDE13B;}
a:hover{ text-decoration:underline; color: #FF6600;}

#icons a:link{ text-decoration: none; color: #FC0; }
#icons a:visited{ text-decoration: none; color: #FC0;}
#icons a:active{ text-decoration: none; color: #FDE13B;}
#icons a:hover{ text-decoration:underline; color: #FF6600;}


#footer a:link{ text-decoration: underline; color: #FC9; }
#footer a:visited{ text-decoration: none; color: #FC9;}

/* NAVIGATION */

#navcontainer h2 {
font-size:12px;
padding-left:18px;
margin-bottom:4px;
background: transparent url("../images/arrow-d.gif") 0px -2px no-repeat;
}

#navcontainer h3 {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#C30;
margin-left:18px;
text-transform:uppercase;
}

#navcontainer ul {
padding-left:20px;
margin-bottom:8px;
list-style:none;
padding-bottom:3px;
border-bottom:1px dashed #CCC;
}



/* PRICE TABLE GRID */

.priceTable {border:1px solid #666; font-size:110%; }
.priceTable th {text-align:left; color:#C00; background-color:#FC0;}
.priceTable tfoot {background-color:#CCC;}







/* ++++++++++ FORM CONTROLS ++++++++ */

form {background-color:#EEE; width:70%;padding:2px 6px;}

th {text-align:left; position:relative; top:0px; height:20px;}

fieldset /* boxed form style */ {
border:1px solid #CCC;
background-color:#F9F9F9;
color:#036;
padding:2px 6px;
margin-bottom:8px;
}

.note {font-weight:normal; color:#888; font-size:80%}

legend {
font-weight:bold;
background-color: transparent;
color:#C30;
font-size:110%;
border:1px solid #CCC;
padding:2px;
}


label {
display:block; font-weight:bold; margin-top:10px;
}

select, input, textarea
{
border:1px solid #036;
}

input.chk,input.rad
{
border:0px solid #036;
float:left; position:relative; top:0px;
}

input.submit {
color:#FFF;
background-color:#C00;
font-weight:bold;
width:200px;
margin:4px;
}
input.emph {
font-weight:bold;
font-size:130%;
color:#393;
background-color: transparent;
}


/* SLIDING MENU STYLES */
.arrowlistmenu{
width: 220px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: #F8CC15;
background-color: #C00;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
padding: 2px 0 2px 4px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 4px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
/* ################################## */