@charset "utf-8";
/************************************************** 
* Client: Villa Designs
* URL: www.villadesignsbarabdos.com
* Code by Brightsquare Inc.
* Last updated: 26 May 2008
*************************************************
 COLORS

VILLA DESIGNS BLUE: #a3d9e2;
TEXT COLOR: #604631;*/

@media screen and -webkit-min-device-pixel-ratio0  {
/*SAFARI TINKERING*/
ul#menuparent li a:hover {
color:#999
}
}


html {
font-size:100.1%
}

body {
background-color:#a3d9e2;
color:#ffffff;
font-family:arial,verdana,sans-serif;
font-size:12px;
line-height:1.4
}

#wrap {
background:#ffffff;
margin:0 auto;
width:980px;
border: 2px solid #604631;
position:relative;
}

/**GENERAL STYLES**/
a:link {
color:#ffffff;
text-decoration:none;
}

a:hover {
color:#CCC
}

a:visited {
color:#ffffff;
text-decoration:none;
}

p,h1,h2,h3 {
margin-bottom:15px
}

h1 {
font-size:18px
}

h2 {
font-size:16px
}

h3 {
font-size:14px
}

img[align=left],img.alignleft {
float:left;
margin:0 10px 5px 0;
}

img[align=right],img.alignright {
float:right;
margin:0 0 5px 10px
}

blockquote {
border-left:2px solid #604632;
margin-left:15px;
padding-left:10px
}

blockquote p {
color:#CCC
}

/**MASTHEAD**/
#topbar {
background:#604631;
height:18px;
}
#masthead {
background:#005aab url(../images/masthead.jpg) top left no-repeat;
height:152px;
}

/**MENU**/
#menuwrap {
	width:960px;
	height:37px;
	margin:0px;
	padding:0px;
	background-color:#ffff00;
}

/**LANDING**/
#landing {
margin-top:3px;
padding:0px;
background:#ffffff url(../images/landingmain.jpg) top left no-repeat;
height:466px;
}

/**MAIN**/
#main {
background:url(../images/bg-main.gif) top left no-repeat
}


/**MAIN -> CONTENT  -> LARGE IMAGE**/
#contentwrap {
	margin: 	0px;
	padding-bottom:	10px;
	background:#ffffff url(../images/bg-products.gif)  no-repeat;
	border:0px;
}

#content {
	margin: 0px 30px 0px 30px;	
	color:#604631;
	padding-top:10px;
}

#content #large-image {
background-color:#2D6AB4;
height:100%;
margin-bottom:15px;
margin-left:-1px;
position:relative;
text-align:center;
width:100%;
z-index:1
}

#content #text h1 {
margin-top:10px
}

#content #text #large-image {
background-color:#2D6AB4;
height:100%;
margin-bottom:15px;
margin-left:-20px;
margin-top:-49px;
position:relative;
text-align:center;
width:625px
}


#content img {
	border: 3px solid #a3d9e2;
}

#content div.no-instructions #large-caption {
display:none
}

#content #large-image:hover a {
color:#005aab
}

#content #large-image a {
color:#fff;
text-decoration:none
}

#content #large-image a:hover {
color:#005AAB
}

#content #large-caption {
background:transparent url(../images/bg-caption.png) repeat;
bottom:0 !important;
height:30px;
left:0;
line-height:30px;
overflow:hidden;
padding:0 18px;
position:absolute;
text-align:left;
width:589px;
z-index:100
}

#content #large-caption a {
position:relative;
z-index:200
}

#content a {
	color:#604631;
	text-decoration:underline;
}

#content a:hover {
	color:#A3D9E2;
}

/*#content #instructions {
bottom:0;
color:#fff !important;
line-height:30px;
position:absolute;
right:12px
}*/
#worktitle {
float:left
}

#instructions {
float:right
}

a#linkmaincaption,a#linkmaininstructions {
font-weight:700
}

#content #large-image a#linkmaincaption,#content #large-image a#linkmaininstructions,#content #large-image a#linkmaincaption:hover,#content #large-image a#linkmaininstructions:hover {
color:#fff
}

#content #large-image a#closecaption,#content #large-image a#closecaption:hover {
color:#fff;
display:none;
font-weight:700;
position:absolute;
right:18px;
top:0
}

/**MAIN -> CONTENT  -> TEXT **/
#text {
padding:0 18px
}

#text a {
color:#CCC
}

#text a:hover {
color:#ddd
}

#text #searchresults a:link,#text #searchresults a:hover,#text #searchresults a:visited,#text #searchresults a:hover {
border-bottom:0
}

#text ul,#text ol {
list-style:square;
margin-bottom:15px;
margin-left:15px
}

#text dl,#text table {
margin-bottom:15px
}



/**MAINSEARCH*/
#masthead #logo {
	float:left;
	width:300px;
	height:150px;
	padding:0px;
	margin:0px;
}
#masthead #mainsearch {
	margin:117px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	float:right;
	text-align:center;
	width:300px;
	height:27px;
	background-color:#604631;
}

#masthead #mainsearch input{
	width:175px;
	border:0px solid #ffffff;
	margin:0px;
	height:17px;
	color:#604631;
	vertical-align:middle;
	padding-top:2px;
}


#masthead #mainsearch .IE6HomeButton { 
	width:70px; 
	margin:0px;
	height:20px;
	background:transparent url(../images/signupbtnbg.gif) no-repeat;
	color:#604631;
	font-weight:bold;
	padding-bottom:2px;
} 

#masthead #mainsearch input.error,#masthead #mainsearch textarea.error,#masthead #mainsearch select.error {
	background-color:#FF8080;
	border-color:#FFFFFF;
}

/**FOOTER**/
#footer {
background:#604631;
height:70px
}

#footer ul {
margin:18px 15px 0px 0px;
float:right;
text-align:left;
}

#footer ul li {
display:inline;
padding:0 1px
}

#footer ul li.seperator {
font-size:11px
}

#footer ul li.active a {
color:#aaa;
font-weight:700
}

#footersignup {
	margin:18px 0px 0px 25px;
	float:left;
	width:300px;
}

#footersignup input{
	width:175px;
	border:0px solid #ffffff;
	margin:0px;
	height:17px;
	color:#604631;
	padding-top:2px;
}

#footersignup  .IE6HomeButton { 
	width:70px; 
	margin:0px;
	height:20px;
	background:transparent url(../images/signupbtnbg.gif) no-repeat;
	color:#604631;
	font-weight:bold;
	padding-bottom:2px;
} 

#footersignup input.error,#footersignup textarea.error,#footersignup select.error {
	background-color:#FF8080;
	border-color:#FFFFFF;
}

#homemenu {
	padding:0; 
	margin:0; 
	position:absolute;
	width:400px;
	top:250px;
	left:25px;
	height:72px;	
	font-family:arial, verdana, sans-serif; 
}


#homemenu ul {
	list-style:none; 
	position:relative; 
}

#homemenu ul li {	
	width:201px;
	height:47px;
	background: url(../images/home_bullet.png) no-repeat top left;
}

#homemenu ul li a {
	padding-left:40px;
	color:#ffffff;
	font-size:18px;	
	text-decoration:none;
	width:201px;
}

#homemenu ul li ul {
	left:-9999px;
	display:none;
	top:-20px;
}

#homemenu ul li ul li{	
	width:141px;
	background: url(../images/menuitembg.png) no-repeat; 	
	height:auto;
}

#homemenu ul li ul li a {
	height:24px;		
	line-height:24px;		
	padding-left:20px;	
	padding-top:4px;
	color:#604631;	
	font-size:12px;	
	text-decoration:none;
}

#homemenu ul li ul li a:hover {
	 font-weight:bold;
}

#homemenu ul li:hover > ul {	
	display:block;
	left:170px;
}


#detaillinks {	
	width:900px;
	float:right;
	color:#501918;
	font-weight:bold;
	font-size:14px;
}

#detaillinks .left {	
	width:400px;
	float:left;
	color:#501918;
	font-weight:bold;
}

#detaillinks .left a {	
	color:#501918;
	font-weight:bold;
}

#detaillinks .right {	
	float:right;
	width:400px;
	color:#c0c0c0;
	text-align:right;
}


#detaillinks .right a {	
	color:#501918;
	font-weight:bold;
}

/* Custom Store Stuff */
#content .vdimagewrap {
	float:left;
	width:396px;
	color:#ffffff;
	font-size:11px;
}

#content .vdimagewrap .vdimagelinks .imagelink {
	float:left;
	width:130px;
	padding:2px 0px 2px 0px;
	margin:0px 1px 0px 1px;
	background-color:#c0c0c0;
	text-align:center;
	color:#ffffff;
}

#content .vdimagewrap .vdimagelinks .imagelinkactive {
	float:left;
	width:130px;
	padding:2px 0px 2px 0px;
	margin:0px 1px 0px 1px;
	background-color:#604631;
	text-align:center;
	color:#ffffff;
}

#content .vdimagewrap .vdimagelinks .imagelinkactive a {
	color:#ffffff;
	text-decoration:none;
}

#content .vdimagewrap .vdimagelinks {
	width:396px;
	float:left;
	margin-top:3px;
}

#enquiry {
	float:right;
	width:480px;
}

#enquiry a{
	color:#604631;
	text-decoration:underline;
	font-weight:bold;
}