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

	/*right: 33px\9;   hack lte ie8 */
	/**right: 33px;    hack lte ie7 */
	/*_right: 33px;    hack ie6 */

  /*** PAGE IDs ***/
  /*
  HOME
  ABOUT
  PRODUCTS
  DEALS
  CONTACT
  EYECARE
  POPUP	
  */

/**************************************************************************************/
/*******************************   styles by SUNSHINE   *******************************/
/*************************************   c2009   **************************************/
/**************************************************************************************/

* {   /* 0's out the margin & padding on everything */
	margin: 0px;
	padding: 0px;
	}

/* =========================================================
				MAIN BODY CONTAINER & STRUCTURE
============================================================ */

html {
	height: 101% 
	}
body {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.0;
	color: #373636;
	background-image:url(../images/go-bg-logo.gif);
	background-repeat: no-repeat;
	background-position: center 1050px;
	background-color: #e3d7a9;
	}
#container { /***** THIS IS THE MAIN OUTER CONTAINER ON ALL PAGES ******/
	width: 945px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	border-top: solid 10px #aba62f;
	}
#content {
	/*position: relative;
	min-height: 230px;
	height: auto !important;
	height: 230px;*/
	padding-bottom: 20px;
	overflow: auto;
	_float: left;  /* hack lte ie6 */
	}
	#HOME #content {
		padding-bottom: 5px;
		}
#footer {
	clear: both;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	color: #797979;
	overflow: auto;
	padding-bottom: 356px;
	background-image:url(../images/go-bg-grad-footer.gif);
	background-repeat:repeat-x;
	background-position: 0px 34px;
	border-top: solid 5px #aba62f;
	}

/* =========================================================
				TEXT STYLES
============================================================ */

p {
	font-size: 1.0em;
	margin-bottom: 15px;
	line-height: 1.2;
	}
	.feature p, a.feature p { color: #6e6e6e;}
	a.feature:hover p { color: #333333;}

h1,h2,h3,h4,h5,h6 { font-family: Tahoma, Geneva, sans-serif;}
	
h1 { font-size: 1.8em;}
h2 { font-size: 1.5em;}
h3 { font-size: 1.4em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1.0em;}
h6 { font-size: 0.8em;}

h1 {	
	position: absolute;
	top: 380px;
	left: 0px;
	width: 378px;
	color: #e3d7a9;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.4em; 
	/*letter-spacing: -0.04em\9;    hack lte ie8 */
	word-spacing: -.5em;
	filter: alpha(opacity=60);
	_filter: none;  /* hack lte ie6 */
	/*_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
	-moz-opacity: 0.60; 
	opacity: 0.6;
	}
	#PRODUCTS h1 { width: 388px;}
		
h2 {
	color: #aba62f;
	margin-bottom: 15px;
	/*
	letter-spacing: .1em;
	color: #e0392e;
	text-transform: uppercase;
	font-style: italic; 
	*/
	}
	.col.double#strabane h2, .col.double#ballybofey h2, .eyeCondition h2 { margin-bottom: 3px;}
	p + h2, ul + h2 { margin-top: 20px;}
	
h3 {
	color: #6b3e7b;
	margin-bottom: 3px;
	}
	.eyeCondition h3 { clear:left; }
h4 {
	color: #6b3e7b;
	margin-bottom: 5px;
	font-weight: normal; 
	}
	.feature h4, a.feature h4 { margin-bottom: 5px; font-weight: bold; }
	a.feature:hover h4 { color: #640586;}
	
h5 {	
	color: #666; 
	font-weight: normal; 
	margin-bottom: 10px;
	}
h6 {	
	/*font-family: Helvetica, Arial, sans-serif; 
	font-size: 0.8em; 
	letter-spacing: -0.11em; 
	color: #99cc00;  
	text-transform: uppercase; 
	font-weight: normal; 
	margin-bottom: 4px;*/
	}
small {
	font-size: 80%;
	}
	.feature small {display:block;}
blockquote, q {
	quotes: none;
	}
ins { /* remember to highlight inserts somehow! */
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
sup, sub {
	vertical-align: baseline;
	position: relative;
	font-size: 65%;
}
sup {
	bottom: 0.6em;
	*bottom: 0.8em; /* lte ie7 */
}
sub {
	top: 0.3em;
	*top: 0.4em; /* lte ie7 */
}
#makeAnAppointment em {
	float: left;
	font-style: normal;
	font-size: 1.1em;
	color: #9765a9;
	height: 38px;
	line-height: 36px;
	}
#makeAnAppointment strong {
	float: right;
	font-size: 1.1em;
	color: #640586;
	height: 38px;
	line-height: 17px;
	}
	#makeAnAppointment strong span {
		font-size: 0.9em;
		color: #9765a9;
		}

/* =========================================================
				LIST STYLES
============================================================ */

#content ul, #content ol {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: .65em;
	padding-left: .65em;
	}
#content ol {
	list-style-type: decimal;
	}
#content ul.nobull, #content ol.nobull {
	list-style-type: none;
	margin-left: 0em;
	padding-left: 0em;
	}
#content li {
	line-height: 1.3;
	margin-bottom: 10px;
	}	

/* =========================================================
				LINK STYLES
============================================================ */

a, a:visited {
	text-decoration: none;
	color: #7b7601;
	cursor: pointer;
	}
a:hover, a:active {
	color: #aba62f;
	}
a:active, a:focus {
	outline: 0;
	}
a#logo {
	display: block;
	width: 210px;
	height: 210px;
	position: absolute;
	top: 70px;
	left: 93px;
	text-indent: -9999px;
	background-image: url(../images/go-logo.gif);
	background-repeat: no-repeat;
	}
#footer a {
	color: #666666;
	}
	#footer a:hover {
		color: #999999;
		}
.feature a p { color: #000000;}
.feature a:hover p { color: #6e6e6e;}
a.feature span.arrow, a:hover span.arrow { color: #ff9561;}
a.feature:hover span.arrow, a:hover span.arrow { color: #fe7735;}


a.facebook {
	display: block;
	height: 32px;
	line-height: 32px;
	}
	#HOME a.facebook {
		position: absolute;
		top: 379px;
		left: 10px;
		z-index: 300;
		}
	a.facebook img {
		float: left;
		padding-right: 5px;
		}
	
	/*
        <a href="http://www.facebook.com/pages/Gormley-Opticians/177686242327583" class="facebook">Gormley Opticians on Facebook</a>facebook-128.png
		*/
		
/* =========================================================
				UNIVERSAL STYLES
============================================================ */

img {
	border:none;
	}
.clear {     /*** use on div or br tag before a closing tag to contain a float ***/
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
	}
.fltlt { /* float an element left */
	float: left;
	}
.fltrt { /* float an element right */
	float: right;
	}
img.fltlt {
	margin-right: 8px;
	margin-bottom: 10px;
	}
img.fltrt {
	margin-left: 8px;
	margin-bottom: 10px;
	}
textarea {	
	resize: none; 
	}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	}
span.arrow {
	font-family: 'Lucida Grande', 'Lucida', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	font-size: 1.1em;
	_font-size: 0.8em;   /* hack ie6 */
	color: #ff9561;
	vertical-align: top;
	position: relative;
	bottom: 0.1em;
	_bottom: -0.3em;  /* hack lte ie7 */
	}
	
/* =========================================================
				TOP NAV STYLES
============================================================ */

ul.topnav  {
	list-style: none;
	float: left;
	clear: none;
	width: 60%;
	font-family: Tahoma, Geneva, sans-serif;
	}
ul.topnav li {
	float: left;
	display: block;
	}
ul.topnav li a {
	float: left;
	display: block;
	height: 38px;
	line-height: 38px;
	margin: 0px 5px;
	padding: 0px 10px;
	font-size: 14px;
	color: #373636;
	}
ul.topnav li.current a, ul.topnav li a:hover {
	text-decoration: none;
	color: #e3d7a9;
	background-color: #aba62f;
	filter: alpha(opacity=60);
	_filter: none;  /* hack lte ie6 */
	/*_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
	-moz-opacity: 0.60; 
	opacity: 0.6;
	}

/* =========================================================
				FOOTER STYLES
============================================================ */

ul#footleft, ul#footright {
	height: 29px;
	line-height: 29px;
	}
ul#footleft {
	float: left;
	padding-left: 20px;
	}
ul#footleft li {
	display: inline;
	margin-right: 15px;
	}
ul#footright {
	float: right;
	padding-right: 20px;
	}
ul#footright li {
	display: inline;
	margin-left: 15px;
	}
	
/* =========================================================
				OTHER STYLES
============================================================ */

#makeAnAppointment {
	float: right;
	width: 345px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	}
#hero {
	clear: both;
	position: relative;
	height: 379px;
	margin-bottom: 17px;
	background-image: url(../images/go-bg-hero.gif);
	background-repeat: no-repeat;
	background-color: #aba62f;
	}	
	#heroIMG {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 567px;
		height: 379px;
		background-repeat: no-repeat;
		}
		#hero #HOME #heroIMG { 	display: none;}
		#ABOUT #heroIMG { 	background-image: url(../images/go-hero-7.jpg);}
		#PRODUCTS #heroIMG {background-image: url(../images/go-hero-3.jpg);}
		#PROMOS #heroIMG { 	background-image: url(../images/go-hero-5.jpg);}
		#CONTACT #heroIMG, #THANKYOU #heroIMG { background-image: url(../images/go-hero-2.jpg);}
		#EYECARE #heroIMG { background-image: url(../images/go-hero-9.jpg);}
		
ul#heroIMGflip { 
	list-style:none;
	position: absolute;
	top: -396px;
	left: 378px;
	}
	ul#heroIMGflip li img { 
		}

.feature {
	float: left;
	position: relative;
	width: 166px;
	padding-top: 118px;
	margin-right: 20px;
	padding-left: 7px;
	background-image: url(../images/go-features.jpg);
	background-repeat: no-repeat;
	}
	a.feature#aboutUs {			background-position: 0px 0px;}
	a.feature#prodServices {	background-position: -174px 0px;}
	a.feature#hotDeals {		background-position: -348px 0px;}
	a.feature#contact {			background-position: -522px 0px;}
	.feature#eyeCare {			background-position: -696px 0px; margin-right: 0px;}
	
	div.feature#strabane {		background-position: -870px 0px;}
	div.feature#ballybofey {	background-position: -1044px 0px;}
	div.feature#staff {			background-position: -1218px 0px;}
	div.feature#youCanHelpUs {	background-position: -1392px 0px;}
	
	div.feature#brands {	background-image: url(../images/go-brand-logos.gif); height: 990px /*1109px*/; margin-top: 37px;}
	
.col {
	float: left;
	clear: none;
	width: 366px;
	margin-right: 20px;
	}
	.col#right { margin-right: 0px; }
	.col.fltrt {float:right;}
	#PRODUCTS .col#right.one { 
		background-image: url(../images/go-glasses-on-eyechart.png); 
		_background-image: url(../images/go-glasses-on-eyechart.gif);  /* hack ie6 */
		background-position: bottom right;
		background-repeat: no-repeat;
		padding-bottom: 220px;
		margin-bottom: 15px;
		}
	
.col.double {
	width: 559px;
	margin-right: 0px;
	margin-bottom: 25px;
	}
	#CONTACT .col.double, #THANKYOU .col.double { margin-bottom: 45px;}
	#PROMOS .col.double {margin-right: 20px;}
	#THANKYOU .col.double#ballybofey { float: right;}
		
dl.staff {
	margin-bottom: 20px;
	overflow: auto;
	_float: left;  /* hack lte ie6 */
	}
	dl.staff dt {
		float: left;
		display: block;
		width: 118px;
		height: 172px;
		margin-right: 20px;
		text-indent: -9999px;
		background-image: url(../images/go-staff.jpg);
		background-repeat: no-repeat;
		}
		.staff#markGormley dt {			background-position: 0px 0px;}
		.staff#joeMonaghan dt {			background-position: -119px 0px;}
		.staff#colinGormley dt {		background-position: -238px 0px;}
		.staff#shaunaGlackin dt {		background-position: -357px 0px;}
		.staff#genHughes dt {			background-position: -476px 0px;}
		.staff#eilishODonnell dt {		background-position: -595px 0px;}
		.staff#michelleMcCanney dt {	background-position: -714px 0px;}
		.staff#clareJohnson dt {		background-position: -833px 0px;}
		.staff#leonoraBrennan dt {		background-position: -952px 0px;}
		.staff#amandaMcBrearty dt {		background-position: -1071px 0px;}
		.staff#roisinHennessey dt {		background-position: -1190px 0px;}

		.staff#joeMonaghan dt, .staff#roisinHennessey dt, .staff#genHughs dt, .staff#clareJohnson dt, .staff#amandaMcBrearty dt {	float:right; margin-left:20px;margin-right: 0px;}
		
	dl.staff dd {
		/*margin-left: 138px;*/
		}
		.staff#joeMonaghan dd, .staff#shaunaGlackin dd, .staff#eilishODonnell dd, .staff#clareJohnson dd {	
			margin-left: 0px; 
			/*margin-right: 138px;*/
			}
/* =========================================================
				CONTACT FORM STYLES
============================================================ */

form {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 15px;
	
	/*background-color:#9FF*/
	}
legend {
	padding-left: 230px;
	padding-bottom: 15px;
	
	/*background-color:#909*/
	}
fieldset {
	float: left;
	width: 100%;
	border-style: none;
	
	/*background-color:#9F9*/
	}
fieldset ol {
	list-style-type: none;
	float: left;
	position: relative;
	left: -10px;
	margin-left: 0px;
	padding-left: 0px;
	
	/*background-color:#C6C*/
	}
fieldset li {
	position:relative;
	list-style-type: none;
	float: left;
	clear: left;
	width: 346px;
	_width: 336px;  /* hack lte ie6 */
	padding-bottom: 10px;
	}
fieldset.submit {
	}
label {
	float:left;
	width: 100px;
	color: #aba62f;
	color: #6b3e7b;
	font-weight:bold;
	line-height: 22px;
	}
input, textarea {
	float:left;
	/*clear: left;*/
	width: 243px;
	_width: 234px;
	height: 22px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	border: 1px solid #cccccc; 
	background-color: #ffffff;
	}
textarea {
	height: 120px;
	}
input:focus, textarea:focus {
	border: 1px solid #999999; 
	color: #000000; 
	background-color: #f0f0f0;
	}
input.submit {
	float: right;
	width: auto;
	height: auto;
	margin-right: 20px;
	padding: 3px 5px;
	color: #373636;
	background-color: #e3d7a9;
	
	font-size: 1.2em;
	border: none;
	cursor: pointer;
	}
input.submit:hover {
	color: #e3d7a9;
	background-color: #aba62f;
	filter: alpha(opacity=60);
	_filter: none;  /* hack lte ie6 */
	/*_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
	-moz-opacity: 0.60; 
	opacity: 0.6;
}
fieldset em {
	color: #6b3e7b;
	color: #aba62f;
	font-weight: bold;
	}
#contactForm .error {
	border:solid 1px red;
}

/* =========================================================
				jCAROUSEL STYLES
============================================================ */

.jcarousel-skin .jcarousel-container {
	padding: 0px 40px;
	margin-top: 20px;
	}
	.jcarousel-skin .jcarousel-clip {
		height: 173px;
		padding-bottom: 23px;
		background-image: url(../images/go-shadow-gradient.jpg);
		background-position: left 173px;
		background-repeat: repeat-x;
		}	
	#content .jcarousel-skin ul.jcarousel-list {
		margin-left: 0em;
		padding-left: 0em;
		}
	.jcarousel-skin .jcarousel-item {
		}
	.jcarousel-skin .jcarousel-item-placeholder {
		}

/** Buttons **/

.jcarousel-skin .jcarousel-next-horizontal,
.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 70px;
    width: 32px;
    height: 32px;
    cursor: pointer;
	}
	.jcarousel-skin .jcarousel-next-horizontal {
		right: 5px;
		background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
		}
		.jcarousel-skin .jcarousel-next-horizontal:hover {
			background-position: -32px 0;
			}
		.jcarousel-skin .jcarousel-next-horizontal:active {
			background-position: -64px 0;
			}
	.jcarousel-skin .jcarousel-prev-horizontal {
		left: 5px;
		background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
		}
		.jcarousel-skin .jcarousel-prev-horizontal:hover {
			background-position: -32px 0;
			}
		.jcarousel-skin .jcarousel-prev-horizontal:active {
			background-position: -64px 0;
			}
	.jcarousel-skin .jcarousel-next-disabled-horizontal,
	.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin .jcarousel-next-disabled-horizontal:active,
	.jcarousel-skin .jcarousel-prev-disabled-horizontal,
	.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
		cursor: default;
		background-position: -96px 0;
		}
/* =========================================================
				jTab STYLES
============================================================ */

.eyeCondition {
	overflow: auto;
	padding: 20px 0px;
	border-bottom: dashed 1px #aba62f;
	}
.eyeCondition#miscellaneous { border-bottom: none;}
.SWF { 
	display: block; 
	width: 300px; 
	height: 225px; 
	float: right; 
	margin-left: 55px; 
	/*background-color: black;*/
	}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Tabs
----------------------------------*/
.ui-tabs { zoom: 1; }
#content .ui-tabs .ui-tabs-nav { list-style: none; overflow:auto; margin:0px; padding:0px; margin-bottom: 20px; width: 620px; }
#content .ui-tabs .ui-tabs-nav li { list-style: none; float: left; margin-bottom: 2px; }
#content .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Component containers
----------------------------------*/
.ui-widget { }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { }
.ui-widget-content { }
.ui-widget-content a { }
.ui-widget-header { }
.ui-widget-header a { }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { color: #6b3e7b; font-weight: normal; margin-right: 10px; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #6b3e7b; font-weight: normal; margin-right: 10px; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { color: #640586; margin-right: 10px;  }
.ui-state-hover a, .ui-state-hover a:hover { color: #640586; margin-right: 10px;  }
.ui-state-active, .ui-widget-content .ui-state-active { color: #640586; margin-right: 10px;  }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #640586; margin-right: 10px;  }

/**************************************************************************************/
/*******************************   // SUNSHINE styles   *******************************/
/**************************************************************************************/