/* SPANISH HOLIDAY COTTAGES c2006 - 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:-2000px; left:-2000px;}

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

#logo {position:relative; top:-8px; left:10px;}

#icons {padding-right:86px;}

#flags {padding:0px 16px 6px 8px;}

.aLeft {
float:left; margin-top:3px;
}

.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:200px;
padding-top:4px;
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 130% 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;}

#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: 200px; /*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;
}
/* ################################## */