/**
 * These are the font-families for this site: 
 * Helvetica, "Helvetica Neue", Arial, sans-serif;
 * Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
 */
html {
	background-color: #f2f2f2;
}

body {
	width: 100%;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #231f20;
	font-size: 12px;
	font-weight: normal;
	line-height: 19px;
	background: transparent url(/media/pics/site/shadow-tile.gif) center top repeat-x;		
}

#main-wrapper, #footer-wrapper {
	width: 980px;
	margin: 0 auto;	
}

#wrapper {
	margin-top: 2px;
	background: #fff url(/media/pics/site/wrapper.gif) center top repeat-y;
}
#wrapper.home {
	margin-top: 0;
}

a {	text-decoration: none; color: #fff; }
img { display: block; }
.clear { clear: both; }

/* Header
-----------------------------------------------------------------------------*/
#header {
	position: relative;
	z-index: 2;	
	margin: 0 auto;
	height: 159px;
}

#logos {
	position: relative;
	height: 113px;
}

.logo {
	float: left;
	margin-left: -137px;
	background: transparent url(/media/pics/site/logo.gif) center top no-repeat;
	width: 797px;
	height: 113px;
}

.logo img {
	display: block;	
}

.welcome-img {
	float: right;
	background: transparent url(/media/pics/site/welcome-to-specialist-eye-centre.gif) center top no-repeat;
	width: 320px;
	height: 113px;
}

#header-menu, #header-menu a {
	clear:both;
	position: relative;
	display: block;
	height: 46px;
	line-height: 52px;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	color: #033553;
}
#header-menu {
	margin: 0 20px;
}

#header-menu .home {
	float: left;
	display: block;
	background: transparent url(/media/pics/site/hd_nav-separator.gif) right top no-repeat;
	padding-right: 21px;
}

#header-menu .home span {
	background: transparent url(/media/pics/site/home.gif) left center no-repeat;
	padding-left: 19px;
}

#header-menu a.home:hover, #header-menu a.home:active {
	color: #729DB6;	
}

#header_banner {
	width:940px;
	height:385px;
	padding:20px;
	display: block;
	background: transparent url(/media/pics/site/bg-banner.jpg) left center no-repeat;
	position:relative;
	z-index:1;
} 
/* Middle
-----------------------------------------------------------------------------*/

.menuCurve{
	width:43px;
	height:384px;
	display:block;
	position:absolute;
	top:20px;
	right:255px;
	background: transparent url(/media/pics/site/menu-curve.png) left center no-repeat;
	z-index:1000;
}
#header_banner #articleList{
	float:right;
	width:272px;
	height:375px;
	position:relative;
	z-index:1;
	text-align:right;
	overflow:hidden;
	padding-top:9px;
}
#header_banner #articleList li a{
	color:#575757;
	font-size:12px;
	display:block;
	padding: 18px 35px 0 0;
	height:47px;
	margin-top:-10px;
	background: transparent url(/media/pics/site/menu-li.png) left top no-repeat;
	overflow:visible;
}
#header_banner #articleList li a.activeSlide, #header_banner #articleList li a:hover {
	background: transparent url(/media/pics/site/menu-hover.png) left -1px no-repeat;
	font-weight:bold;
	color:#7091ac;
}
/**
 * Breadcrumbs
 */
#bread-crumb {
	background: transparent url(/media/pics/site/bread-crumb.gif) center top no-repeat;
	display: block;
	padding: 20px 1px 16px;
}

#bread-crumb p, #bread-crumb p a {
	color: #595959;
	font-size: 11px;
	line-height: 15px;
	overflow: hidden;
	height: 15px;
}
#bread-crumb p a {
	color: #729db6;
}

#bread-crumb span {
	background: transparent url(/media/pics/site/breadcrumb-separator.gif) right 4px no-repeat;
	padding-right: 11px;
	text-decoration: underline;	
}

/**
 * h1 styling
 */
h1.withbg {
	color:#2a526a;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	letter-spacing:-0.5px;
	margin-bottom: 23px;
	padding: 22px 0 15px 0;
	margin: 0 22px 25px 20px;
	border-bottom: 3px solid #c6d2dc;
}

.mceContent {
	margin: 0 22px 29px 20px;
}
/**
 * General styling
 */
#container {
	float: left;
	background-color: #fff;
	width: 686px;
	padding: 0 23px 11px 20px;
}
#container.home {
	padding: 0;
}

#content {
	background: transparent url(/media/pics/site/content.gif) center top no-repeat;
	/*padding: 0 22px 0 20px;*/
}

#content img {
	background: transparent url(/media/pics/site/content-img-shadow.gif) center bottom repeat-x;
	display: block;
	padding-bottom: 21px;
}

#content .mceContentBody img {
	background: none;
	padding-bottom: 0;
}

/**
 * Std-Page
 */
.with-images {
	padding-left: 202px;
}

#imagecolumn {
	float: left;
	padding-top: 5px;	
	width: 174px;
}

#imagecolumn a {
	display: block;
	position: relative;
}

#imagecolumn img {
	display: block;
	margin: 0 auto;
}

#imagecolumn .caption {
	display: block;
	line-height: 16px;
	padding: 0 2px 27px;
	font-size: 11px;
	color: #292929;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#container span.bannerContainer {
	margin-bottom: 23px;
	display: block;
}

/**
 * Newsletter Subscribe/Unsubscribe Widget
 */
#content.home .subscribe, #content.home .unsubscribe {
	margin-bottom: 0;
	width: 316px;
	background: transparent url(/media/pics/site/homepage-stay-in-touch.gif) center top no-repeat;
	width: 316px;	
}

.subscribe, .unsubscribe {
	margin-bottom: 13px;
	background: transparent url(/media/pics/site/stay-in-touch.gif) center top no-repeat;
	display: block;
	width: 261px;
	height: 189px;
	position: relative;	
}

#content.home .subscribe .thankyou, #content.home .unsubscribe .thankyou {
	bottom: 25px;
	left: 30px;
}

.subscribe .thankyou, .unsubscribe .thankyou {
	position: absolute;
	bottom: 22px;
	left: 36px;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 11px;
	color: #5b5b5b;
}

.subscribe form input, .unsubscribe form input {
	position: absolute;
	bottom: 24px;
	left: 35px;
	border: none;
	background: transparent;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 11px;
	color: #5b5b5b;
	width: 142px;
}

#container.home .subscribe form input, #container.home .unsubscribe form input  {
	bottom: 28px;
	left: 28px;	
	width: 183px;	
}

#container .subscribe span.search_button, #container .unsubscribe span.search_button {
	position: absolute;
	bottom: 22px;
	right: 15px;	
	background: transparent url(/media/pics/site/search_button.gif) center top no-repeat;
	width: 40px;
	height: 22px;
	text-indent: -9999px;
}

#container.home span.search_button {
	bottom: 25px;
	right: 36px;
}
span.NLToggle {
	position: absolute;
	top: 17px;
	right: 27px;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 10px;
	font-style: italic;
	color: #686868;
}
#container.home span.NLToggle {
	right: 36px;	
	height: 28px;	
}

#container.home span.error {
	height: 19px;
	left: 19px;	
}

/**
 * List styles
 */
.list-results .item {
	display: block;
	background-color: #f7f7f7;
	overflow: hidden;
	padding: 21px 23px;
	margin-bottom: 17px;
	height: 105px;
	cursor: pointer;
}
.list-results .item:active, .list-results .item:hover {
	background-color: #efefef;
}
.list-results .item .body {
	float: right;
	width: 437px;	
	padding: 0 9px 0 20px;
}

.list-results .item .image {
	float: left;
}

#content .list-results .item img {
	display: block;
	background: transparent url(/media/pics/site/list-img-shadow.gif) center bottom repeat-x;
}
#content .list-results .item:active img, #content .list-results .item:hover img {
	background: transparent url(/media/pics/site/list-img-shadow-hover.gif) center bottom repeat-x;
}

.list-results .item .body p, 
.list-results .item .body p a {
	line-height: 19px;
	font-size: 12px;
	color: #231f20;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	position: relative;
}

.list-results .item .body h2 a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: #729db6;
	margin-bottom: 10px;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;	
}

.list-results .item .body p a {
	color: #729db6;
	background: transparent url(/media/pics/site/list-item-body-pointer.png) right 5px no-repeat;
	padding-right: 11px;
}

/**
 * Pagination
 */
.page-box {
	position: relative;
	padding-bottom: 20px;
}

.page-box, .page-box * {
	line-height: 15px;	
	height: 15px;
	font-size: 11px;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;			
	color: #595959;
}

.page-box ul {
	display: block;
	float: left;
	margin-left: 17px;
}

.page-box ul li {
	display: inline;
	padding-left: 9px;
}

.page-box ul li strong {
	color: #595959;
	font-weight: bold;	
}

.page-box ul li span {
	padding-left: 5px;
}

.page-box ul li a {
	color: #95b6c8;
	text-decoration: underline;
}
.page-box a:hover, .page-box a:active {
	color: #7091AC;
	text-decoration: none;
}

/**
 * General Product Options Tab 
 */
#optionTabs {
	float:left;
}

#optionsTab ul.ui-corner-all {
	-moz-border-radius: 0;
}

#info a.productlogo img, #downloads a.productlogo img,
#video a.productlogo img, #gallery a.productlogo img {
	border: 0;
	display: block;
	margin-bottom: 20px;
}

/**
 * Product Info Page
 */
#info {
	float: left;
}
#info img {
	display: block;
	border: 6px solid #f0eeec;
	margin-bottom: 30px;
}

/**
 * Product Downloads Page
 */
#downloads {
	float: left;
	width: 547px;
}

#downloads ul li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom:1px solid #E3E3E3;
}

#downloads ul li a {
	background: transparent url(/media/pics/site/downloads-item-pointer.gif) left 4px no-repeat;
	padding-left: 35px;
	height: 30px;	
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #636363;
	font-size: 12px;
	font-weight: normal;
	line-height: 30px;
	display: block;
}

/**
 * Product Gallery Page
 */
#gallery {
	float: left;
	width: 566px;
}

#gallery h3 {
	color:#292929;
	font-size:12px;
	font-weight:bold;
	line-height:19px;
	margin-bottom: 23px;
}

#gallery-item {
	float: left;
	display: inline;
	width: 263px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#gallery-item img {
	border: 6px solid #f0eeec;
	display: block;
	margin-bottom: 14px;
}

/**
 * Product Video Page
 */
#video h2 {
	color:#292929;
	font-size:12px;
	font-weight:bold;
	line-height:19px;
	margin-bottom: 23px;	
}

a.productPlayer{
	display:block;
	width: 492px;
	height: 276px;
}

/**
 * Site Login
 */
.mainheading {
	font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	color:#5d5d5d;
	font-size:15px;
	font-weight:normal;
	font-style:italic;
	line-height:22px;
	padding-bottom:30px;
	border-bottom:3px solid #f0f0f0;
	margin-bottom:30px;
	margin-right: 5px;
}

.boxcontentlogin {
	width: 552px;
}

.boxcontentlogin h3 {
	color:#292929;
	font-size:12px;
	font-weight:bold;
	line-height:19px;
	margin-bottom:10px;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.loginForm {
	margin-top: 30px;
}
.loginForm label {
	width: 200px;
	display: inline-block;
	font-size: 11px;
	line-height: 21px;
	color: #636363;
	font-family: Helvetica,"Helvetica Neue",Arial,sans-serif;
	font-weight:normal;
	float:left;
	margin-right:20px;
	width:130px;
}

.loginForm input {
	background:none repeat scroll 0 0 #F0EEEC;
	border:1px solid #EBEBEB;
	color:#737373;
	font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;
	font-size:10px;
	line-height:15px;
	outline:medium none;
	padding:4px;
	width:294px;	
}

.loginForm div {
	margin-bottom: 10px;
}

.loginForm div.login-submit {
	margin-top: 30px;	
	border-top:1px solid #E3E3E3;
	padding:14px 0 3px;
}

.loginForm div.login-submit input {
	width: auto;
	border: 0;
	padding: 0;
	float: right;
}
/* Side banner area
-----------------------------------------------------------------------------*/
/**
 * Right banner Area
 */
#right-banner-area {
	float: right;
	width: 251px;
}

#right-banner-area span {
	display: block;
	padding-bottom: 20px;
}

/**
 * Related Pages Widget
 */
#relatedPagesWidget{
	background: transparent url(/media/pics/site/relatedPagesWidget-bottom-bg.gif) center bottom no-repeat;
	padding-bottom: 140px;
	margin-bottom: -148px;
}

#relatedPagesWidget ul {
	background: transparent url(/media/pics/site/relatedPagesWidget-list-bg.gif) center top repeat-y;
	padding-bottom: 13px;
}

#relatedPagesWidget ul li {
	list-style-type: none;
	background: transparent url(/media/pics/site/relatedPagesWidget-separator.gif) left bottom no-repeat;
	overflow: hidden;
	padding-right: 22px;
}
#relatedPagesWidget ul li:hover a, #relatedPagesWidget ul li:active a {
	color: #729db6;
	font-weight: bold;
}

#relatedPagesWidget ul li a {
	display: block;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-size: 11px;
	line-height: 36px;
	height: 36px;
	text-transform: uppercase;
	color: #787878;
	text-align: right;
	padding: 7px 18px 6px 0;
	background: transparent url(/media/pics/site/relatedPagesWidget-point.gif) right 22px no-repeat;	
}

#relatedPagesWidget ul li.current {
	background: transparent url(/media/pics/site/relatedPagesWidget-separator-current.gif) left bottom no-repeat;
	padding-bottom: 15px;
	margin-bottom: -15px;
	background-color: #fff;
}
#relatedPagesWidget ul li.current a {
	color: #729db6;
	font-weight: bold;
	background: transparent url(/media/pics/site/relatedPagesWidget-point-current.gif) right 22px no-repeat;		
}

#relatedPagesWidget ul li.last {
	background: none;
}

/* Footer
-----------------------------------------------------------------------------*/
#homepage-footer-banner-area {
	background: transparent url(/media/pics/site/homepage-footer-banner-area.gif) center top no-repeat;
	height: 125px;
	padding: 0 25px 27px;
}

#homepage-footer-banner-area .bannerContainer {
	display: inline;
	float: left;
	background: transparent url(/media/pics/site/homepage-footer-banner-separator.gif) left top no-repeat;
	padding-left: 2px;
}
#homepage-footer-banner-area .bannerContainer.first {
	background: none;
	padding-left: 0;
}

#footer {
	background: transparent url(/media/pics/site/footer.gif) center top no-repeat;
	position: relative;
	display: block;	
	color: #c2c2c2;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 10px;
	line-height: 17px;
	padding: 26px 38px 160px;
}

.nav_list {
	float: left;
}

.nav_list h4 {
	font-weight: bold;
}

div.nav_list ul {
	float: left;
	width: 136px;
	padding-right: 20px;
}

* html div.nav_list ul {
	width: 140px;
}

.nav_list ul li a:link, .nav_list ul li a:active, .nav_list ul li a:visited {
	color: #c2c2c2;
}

.nav_list ul li a:hover, .nav_list ul li a:active,
#contact_copyright_details a:hover, #contact_copyright_details a:active {
	color: #7091ac;
}
#contact_copyright_details { position:absolute; right: 50px; top: 28px; }
#contact_copyright_details a { color: #c2c2c2; }
#contact_copyright_details p { float: left; display: inline; margin-left: 34px; }

/**
 * Search Form Styling
 */
#hd_nav .searchForm {
	float: right;
}

#hd_nav .searchForm {
	background: transparent url(/media/pics/site/searchForm.gif) left center no-repeat;
	width:218px;
	text-align: right;
	padding-right: 9px;
}

* html #hd_nav .searchForm {
	margin-top: 7px;
}

#hd_nav .searchForm div {
	display:inline;
	height:40px;
	line-height:40px;
	position: relative;
}

#hd_nav .searchForm #Search {
	vertical-align: -6px;
}

#hd_nav .searchForm #Keywords {
	width: 100px;	
	background: transparent;
	border: 0 none;
	font-size:9px;
	color:gray;
	vertical-align: 1px;
}

* html #hd_nav .searchForm #Keywords { vertical-align: 2px; }

#hd_nav .searchForm label { display: none; }

/**
 * News Article 
 */
#newsWidget {
	position: relative;
	display: block;
	background: transparent url(/media/pics/site/newsWidget_bg.gif) center 38px no-repeat;
	width: 255px;
	height: 245px;
	margin-bottom: 15px;
}

#newsWidget h2 {
	background: transparent url(/media/pics/site/newsWidget_h2_bg.gif) center top no-repeat;
	height: 38px;
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 38px;
	text-transform: uppercase;
	color: #fff;
	padding: 0 22px;
	letter-spacing: 1.5px;
}

#newsWidget .newsArticle {
	height: 150px;
	margin: 0 22px;
	border-bottom: 1px dotted #7f7f7f;
	position: relative;
	z-index: 1;
}

.newsArticle h3, .newsArticle p {
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 11px;
	line-height: 19px;
}

.newsArticle h3 {
	color: #e67133;
	padding-top: 17px;	
	height: 31px;
}

.newsArticle p {
	color: #3a3a3a;
	padding-top: 12px;
	padding-bottom: 12px; 
}

.newsArticle .forcedBG {
	background: transparent url(/media/pics/site/forcedBG.gif) center top repeat-x;
	z-index: 1;
}

#newsWidgetFooter {
	width: 215px;
	position: absolute;
	top: -39px;
	left: -20px;
}

#newsWidget a {
	position: absolute;
	top: 200px;
	left: 22px;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 10px;
	line-height: 19px;
	display: inline-block;
	color: #0e3a67;
}

#newsWidget a.prev {
	background: transparent url(/media/pics/site/prev.gif) left center no-repeat;
	padding-left: 10px;
}

#newsWidget a.next {
	left: 68px;
	background: transparent url(/media/pics/site/next.gif) right center no-repeat;
	padding-right: 10px;
}

#newsWidget a.newsLink {
	left: 160px;
	width: 100px;
}
 

/**
 * Quick contact 
 */
#quickContactWrapper {
	background: transparent url(/media/pics/site/quickContact-bg.gif) center bottom no-repeat;
	padding-bottom: 21px;
	width: 256px;
	margin-bottom: 15px;	
}

#quickContact {
	border: 1px solid #dedede;
	padding: 5px;
	background: #fff;
}

#quickContact h3 {
	background: #f1f1f1;
	height: 44px;
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 44px;
	text-transform: uppercase;
	padding-left: 17px;
	color: #304871;
	letter-spacing:1.5px;
}

#quickContact form {
	padding-top: 16px;
}

#quickContact form div {
	clear: both;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 11px;
	line-height: 21px;
	padding-bottom: 13px;
	padding-left: 17px;
	background: transparent url(/media/pics/site/quickContact-div-bg.gif) 95px -1px no-repeat;
}

#quickContact form div label {
	display: block;
	float: left;
	width: 80px;
}

#quickContact form div input {
	padding: 3px;
	background: transparent;
	border: 0 none;
	width: 118px;
	color:gray;
	font-size: 9px;
}

#quickContact form div.comment {
	background: transparent url(/media/pics/site/quickContact-comment-bg.gif) 15px 26px no-repeat;
}

#quickContact form div.comment label {
	float: none;
	width: auto;
	padding-bottom: 8px;
}

#quickContact form div.comment textarea {
	height: 81px;
	width: 203px;
	background: transparent;
	border: 0 none;
	overflow: auto;
	padding: 3px;
	color: gray;
	font-size: 11px;
} 

#quickContact form div.submit {
	background: none;
	padding: 0;
	text-align: center;
}

#quickContact form div.submit input {
	width: auto;
	height: auto;
}

/* Generic error class for both contact forms */
.error span {
	display: block;
}

#quickContact form span {
	padding-left: 80px;
}

/**
 * Separators
 */
#middle .sidebar {
	background: transparent url(/media/pics/site/separator.png) right top no-repeat;
	min-height: 530px;
}

#middle.homepage .sidebar {
	background: transparent url(/media/pics/site/homepage-separator.gif) right top no-repeat;
	min-height: 0;
}

/**
 * Related Items Widget
 */
#relatedItemsWidget {
	background: transparent url(/media/pics/site/relatedItemsWidget-bg.gif) center 38px repeat-x;
	width: 578px;
	padding-top: 24px;
}

#relatedItemsWidget h2 {
	display: block;
	background: transparent url(/media/pics/site/relatedItems-header.gif) left top no-repeat;
	height: 38px; 
	line-height: 38px;
	text-transform: uppercase;
	padding-left: 22px;
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;	
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}

/**
 * Related Items Widget with-images
 */

 
.with-images #relatedItemsWidget {
	background: transparent url(/media/pics/site/relatedItemsWidget-bg.gif) center 38px repeat-x;	
	width: 392px;
	padding-top: 24px;	
}

.with-images #relatedItemsWidget h2 {
	display: block;	
	background: transparent url(/media/pics/site/relatedItems-header-with-images.gif) left top no-repeat;
	height: 38px;
	line-height: 38px;
	text-transform: uppercase;
	padding-left: 22px;
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;	
	font-size: 9px;
	font-weight: bold;
	color: #fff;	
}

#relatedItemsWidget ul {
	padding: 9px 22px;
}

#relatedItemsWidget ul li {
	border-bottom: 1px dotted #7f7f7f;
	background: transparent url(/media/pics/site/relatedItemsWidget-point.gif) left 17px no-repeat;
	padding-left: 13px;
}

#relatedItemsWidget ul li a {
	display: block;	
	line-height: 19px;
	padding: 9px 0;
	color: #304871;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 11px;
}

.mceContentBody p, .mceContentBody p a {
    display: block;
    }
.with-images .mceContentBody .main-content {
    margin: 0px!important;
    width: 100%!important;
}