/*Image and Icon Credits*/
/* Flags: http://www.bartelme.at/journal/archive/flag_button_devkit */
/* Icons from: http://www.everaldo.com, sweetie.sublink.ca */

/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:0; text-align:center; font-size:100.01%; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif;  color: #666; background: #fff;}
* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l{float:left;}
.r{float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img { border: none;}
.toDo {background: yellow}

a {	color: #099a76; text-decoration: underline;}
#content a {color: #099a76}
a:hover{	text-decoration:none;}
acronym { border-bottom:1px solid #AAD4FE;  cursor: help;  }

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/* WIDTHS */
.s30 { width:30px; }
.s40 { width:40px; }
.s50 { width:50px; }
.s60 { width:60px; }
.s70 { width:70px; }
.s80 { width:80px; }
.s90 { width:90px; }
.s100 { width:100px; }
.s110 { width:110px; }
.s120 { width:120px; }
.s130 { width:130px; }
.s140 { width:140px; }
.s150 { width:150px; }
.s160 { width:160px; }
.s170 { width:170px; }
select.s170 { width:178px; }
.s180 { width:180px; }
.s190 { width:190px; }
.s200 { width:200px; }
.s205 { width:205px; }
.s240 { width:240px; }
.s270 { width:270px; }
.s275 { width:275px; }
.s340 { width:340px; }
.s360 { width:360px; }
.s400 { width:400px; }
.s490 { width:490px; }
.s600 { width:600px; }

.pc30 { width:30%;}
.pc35 { width:35%;}
.pc40 { width:40%;}
.pc50 { width:50%;}
.pc60 { width:60%;}
.pc65 { width:65%;}
.pc70 { width:70%;}
.pc100 { width:100%;}

/*.............................................. ACCESSIBILITY .............................................*/
#access {height:1px; font-size:1px; color:#fff;}
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

/*.................................................. WRAP ALL ................................................*/
#wrapall { width:760px; margin:0 auto; font-size: 0.8em; text-align: left;   } 
#insideWrap { float: left;  background:url(../img/bg/wrapper.png) repeat-y 0 0} 

/*.................................................. HEADER ................................................*/
#headerWrap {padding: 23px 23px 0 23px; background: url(../img/bg/header-top.png) no-repeat 0 0; display: block; clear: both; width:720px;  }
#header { padding: 0 12px 0 10px; width: 696px; clear:both; display:block; height: 159px; background: url(../img/bg/banner2.jpg) no-repeat right 0 ; border: 1px solid #ededed; }
#header h2 { display:none; }
#header .logo {margin-top: 10px;}
#header table td {padding: 0 0 3px 8px;}
#header form {margin: 75px 0 0 0; float: right; background: url(../img/bg/login-form.png) no-repeat 0 0 #647db4; width: 184px; height: 77px;}
#header form h1 {margin: 5px 0 5px 8px; color: #fff; font-size: 1.0em; font-weight: normal}
#header form input {padding: 0 2px 0 2px ; width: 74px; font-size: 0.85em;}
#header form input.submit {border: 0px; padding: 0px;}
#header form label { color: #fff; font-size: 0.85em;  }
#header input.submit {background: url(../img/icons/arrow-submit.png) no-repeat 0 0 #b01761; width: 17px; height:18px;}

/*.................................................. MAIN NAVIGATION ................................................*/
#mainmenu {margin: 10px 0 0 0; padding: 0 0 0 13px; width: 748px; display: block; clear: both; float:left;  }
#mainmenu ul li {margin: 0px; padding: 0px; height:48px;  float: left; display: inline; text-indent:-9000px; }
#mainmenu ul li a {display:block; background: url(../img/bg/menu2.png) no-repeat 0 0; height:48px; width: 50px; overflow: hidden; }
#mainmenu ul li#m01 a { background-position: 0 0; width: 71px;}/*Home*/
#mainmenu ul li#m02 a { background-position: -71px 0; width: 86px;}/*About Us*/
#mainmenu ul li#m03 a { background-position: -157px 0; width: 144px;}/*Products and Services*/
#mainmenu ul li#m04 a { background-position: -301px 0; width: 114px;}/*How We Work*/
#mainmenu ul li#m05 a { background-position: -415px 0; width: 117px;}/*Customer Area*/
#mainmenu ul li#m06 a { background-position: -532px 0; width: 102px;}/*Your Models*/
#mainmenu ul li#m07 a { background-position: -634px 0; width: 105px;}/*Contact Us*/
#mainmenu ul li a:focus { outline: none} 
#mainmenu ul li#m01 a:hover, #mainmenu ul li.on#m01 a {background-position: 0 -48px}
#mainmenu ul li#m02 a:hover, #mainmenu ul li.on#m02 a {background-position: -71px -48px}
#mainmenu ul li#m03 a:hover, #mainmenu ul li.on#m03 a {background-position: -157px -48px}
#mainmenu ul li#m04 a:hover, #mainmenu ul li.on#m04 a {background-position: -301px -48px}
#mainmenu ul li#m05 a:hover, #mainmenu ul li.on#m05 a {background-position: -415px -48px}
#mainmenu ul li#m06 a:hover, #mainmenu ul li.on#m06 a {background-position: -532px -48px}
#mainmenu ul li#m07 a:hover, #mainmenu ul li.on#m07 a {background-position: -634px -48px}

/*........................ MAIN this wraps the left and right columns........................*/
#mainWrap {padding: 0 23px 0 23px; margin: 10px 0 0 0; float: left; width: 718px; }
#main {border: 1px solid #ececec; float: left; width: 100%; }

/*.................................................. LEFTCOL ...............................................*/
#leftCol {padding: 10px 0 10px 14px; float:left; width: 134px; font-size: 0.85em; }

/*........ SECONDARY NAVIGATION ................................................*/
#leftCol li {margin: 0 8px 8px 0;  display:inline; float:left; width: 124px;}
#leftCol li a {padding: 0 0 8px 8px; border-bottom: 1px dotted #dbdbdb; background:url(../img/icons/bullet-nav.png) no-repeat 0 4px; display:block; color: #666; outline:none; }
#leftCol li ul {padding: 0 0 8px 8px; border-bottom: 1px dotted #dbdbdb; float:left;  }
#leftCol li ul li {margin-right: 0px; float: left; display:inline; width: 110px;}
#leftCol li ul li a {border: 0px; padding-bottom: 0px; display:block}
#leftCol li.on ul li.on a, #leftCol li ul.on li a:hover {color:#a70f57;}
#leftCol li.on ul li a { color: #666}
#leftCol li#last a {border: 0px; }
#leftCol li.on a, #leftCol li a:hover {color:#a70f57; }
#leftCol a {text-decoration: none;}

/*......... RIGHTCOL HOME ...............................................*/
#rightCol {float: left; position:relative;}
#rightCol.home {padding: 0 13px 0 0; }

/*............................................. COLUMN THREE ...............................................*/
#thirdCol {margin: 10px 0 10px 0; float: right; width: 184px;  }
#thirdCol .panel { padding: 0 0 5px 0; background: url(../img/bg/products-services.png) no-repeat 0 bottom #09989a;}
#thirdCol .panel h1 {padding: 8px 10px 0px 10px; background: url(../img/bg/products-services-h1.png) no-repeat 0 0 #09989a; font-family: "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; color:#fff; font-size: 1.1em; }
#thirdCol .panel h1 a {text-decoration: none; color:#fff; }
#thirdCol .panel h1 a:hover {text-decoration: none; color:#d4feff}
#thirdCol .panel img {  background: #fff; }
.pics { padding:0; margin: 5px 10px 0 10px; height: 108px; width: 163px;  overflow: hidden }
.pics img { padding: 0px 0; height: 106px; width: 161px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
#thirdCol .panel a img {border: 1px solid #ede7ea}
#thirdCol .panel a:hover img {border: 1px solid #13ecef}
#thirdCol .panel p {margin: 5px 0px 5px 10px; color: #fff; font-size: 0.9em; line-height: 1.5em;}
#thirdCol .panel p.more {margin-right: 10px; font-size: 1.0em; text-align:right; }
#thirdCol .panel p.more a {padding: 5px 27px 3px 0; color: #09989a; font-weight: bold; background:url(../img/icons/find-out-more.png) no-repeat right 3px; display:block; text-decoration:none; }
#thirdCol .panel p.more a:hover {color: #8c9686 }

#thirdCol .AAOpanel { margin-top: 10px;padding: 0 0 5px 0; background: url(../img/bg/login-form.png) no-repeat 0 top }
#thirdCol .AAOpanel h1 {padding: 8px 10px 0px 10px; font-family: "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; color:#fff; font-size: 1.1em; }
#thirdCol .AAOpanel h1 a {text-decoration: none; color:#fff; }
#thirdCol .AAOpanel p {margin: 5px 0px 5px 10px; color: #fff; font-size: 0.9em; line-height: 1.5em;}


/*.................................................. CONTENT ...............................................*/
#bcrumb {font-size: 0.85em; }
#bcrumb p {text-transform: lowercase}

#content {margin:0px 0px 10px 0; padding: 0 12px 0 12px; float: left; width: 540px; }
#rightCol.home #content {width: 497px; }/*#rightCol.home #content {width: 459px; }*/
.right-home { background:url(../img/bg/bg-home-right.png) no-repeat; padding:15px; width:192px; height:125px; float:right; position:absolute; right:-177px; top:6px;}
.right-home p{padding:2px 0;}
.right-home h3{color:#283e6d;}

ul.tri-panel{}
ul.tri-panel li{float:left; padding:5px; border-bottom:1px solid #ECECEC; width:224px; height:177px;}
ul.tri-panel li.first{background:url(../img/bg/tri-one.jpg) no-repeat;}
ul.tri-panel li.middle{border-left:8px solid #ECECEC; border-right:8px solid #ECECEC; width:220px; padding:10px 7px 0 7px;}
ul.tri-panel li.last{background:url(../img/bg/tri-three.jpg) no-repeat;}


#content h1 {margin:15px 5px 10px 0; font-family: "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; font-size:1.4em; color:#23c3c5;}
#content ul.home {padding:0 0 0 24px;}
#content ul.home li{list-style:outside disc; color:#23c3c5; padding:0 ; background:none;}
#content ul.home li span{color:#333;}



#content h2 {margin:15px 5px 10px 2px; color:#4c659d; font-size:1.2em;}
#content h2.alert {margin:0px 5px 10px 2px; padding: 0px 0px 0px 22px; background: url(/img/icons/error.png) no-repeat 0px 0px ; }
#content h3 {margin:10px 5px 10px 2px; color:#09989a; font-size:1.0em; }
#content p {margin:5px 0 10px 2px; line-height: 1.7em;}
#content p.backToTop {text-align: right; }
#content p.nopad {margin:0 0 0 2px;}
#content p.recycling {padding: 0 0 0 60px; background: url(/img/logos/recycling.gif) no-repeat 0 0 }
#content p.note {font-size: 0.9em;}
#content img.marginRight {margin: 4px 10px 5px 0; }
#content a.readmore {margin-top: 3px;}
#content a.readmore2 {margin: 3px 0 0 60px;}

/*************************** LISTS ***************************************/
ol {margin:10px 0 10px 30px;}
#content ol li {line-height: 1.7em;}
#content ol.roman li {list-style: lower-roman}

#content ul {margin: 10px 10px 10px 3px; }
#content ul li {padding: 0 0 0 18px; margin: 0 0 10px 0; line-height: 1.7em; background:url(../img/icons/bullet-ul.png) no-repeat 0 6px}

/*block quotes*/
blockquote {margin: 10px 10px 10px 0; padding: 10px 10px 10px 40px;  background: #fff;  color: #2C537E; }
blockquote p{margin:5px 0 0 0; padding: 0; font-size: 1.0em; color:#2C537E;}
blockquote cite {color: #aaa;}

/*************************** TABLES ***************************************/
table {border-collapse: collapse}
table td {text-align: left; vertical-align: top; }
#content table {margin: 0 0 10px 0; width: 99%}
#content table th {padding: 5px 8px; background: #5972aa; color:#fff; text-align: left;  }
#content table th.orderDetails {background:none; color: #5972aa}
#content table th span.date {float: left;  width: 48% }
#content table th span.order {float: right; width: 48%; text-align:right;  }
#content table td {padding: 5px 8px; border: 1px solid #ddd; }

/*Contact Us Page*/
div.ireland, div.uk, div.usa {padding: 0 0 0 10px; margin-right: 10px; float: left; width: 240px; height: 258px; background:url(/img/bg/panel-contact.png) no-repeat 0 0 }

#content div.ireland h2 {padding: 1px 0 1px 25px; background: url(/img/icons/flag-ireland.png) no-repeat 0 0; }
#content div.uk h2 {padding: 1px 0 1px 25px; background: url(/img/icons/flag-uk.png) no-repeat 0 0 }
#content div.usa h2 {padding: 1px 0 1px 25px; background: url(/img/icons/flag-usa.png) no-repeat 0 0 }


#content p.post {padding: 1px 0 1px 25px; background: url(/img/icons/post.png) no-repeat 0 0; height: 135px;}
#content p.phone {padding: 0px 0 0px 25px; background: url(/img/icons/phone.png) no-repeat 0 2px }
#content p.email {padding: 0px 0 0px 25px; background: url(/img/icons/email.png) no-repeat 0 0 }
/**/

/* Rounded Corners */
.roundcont { background-color: #f2f5f8;}
.roundcont p {	margin: 0 10px;}
.roundtop { 	background: url(/img/bg/rounded-corners/tr.png) no-repeat top right; }
.roundbottom {	background: url(/img/bg/rounded-corners/br.png) no-repeat top right; }
img.corner {   width: 15px;   height: 15px;   border: none;   display: block !important;}

/*Teeth images*/
.roundcont02 { background-color: #dce8c8; float:left; }
.roundcont02 img.model {margin: 0 10px 0 10px; border: 3px solid #fff; }
.roundcont02 img.model02 {margin: 0 10px 0 0; border: 3px solid #fff; }
.roundcont02 p {	margin: 0 10px;}
.roundtop02 { 	background: url(/img/bg/rounded-corners-02/tr.png) no-repeat top right; }
.roundbottom02 {	background: url(/img/bg/rounded-corners-02/br.png) no-repeat top right; }
img.corner02 {   width: 10px;   height: 10px;   border: none;   display: block !important;}

/****** CUSTOMER AREA ******************/
#options {padding: 20px 0; margin: 0 0 20px 0; float: left; border: 1px solid #ddd; width: auto; }
div.newCustomer {padding: 10px; margin-right: 10px;  float: left; width: 40%; border-right: 1px solid #ccc; }
div.existingCustomer {padding: 10px;  float: left; width: 45%; }
#content div.newCustomer h2, #content div.existingCustomer h2 {margin-top: 0px;}
#content div.newCustomer ul.dashboard {margin: 0px;}
#content ul.dashboard.l {margin-right: 30px; width:60%}
#content ul.dashboard.twoCol {margin: 0 20px 0px 20px; float: left; }
#content ul.dashboard li.noBullet { padding-left: 0px;background: none;}

/*Icons for dashboard and headings*/
#content ul.dashboard {margin: 0 0 10px 20px; }
#content ul.dashboard li.menu01, #content h1.customerHome
	{padding: 0 0 0 30px; background: url(/img/icons/customer-area/home.png) no-repeat 0 0 }
#content ul.dashboard li.menu02, #content h1.createOrder
	{padding: 0 0 0 30px; background: url(/img/icons/customer-area/print.png) no-repeat 0 0 }
#content ul.dashboard li.menu03, #content h1.viewOrder
	{padding: 0 0 0 30px; background: url(/img/icons/customer-area/view-print.png) no-repeat 0 0 }
#content ul.dashboard li.menu04, #content h1.downloadModels
	{padding: 0 0 0 30px; background: url(/img/icons/customer-area/download.png) no-repeat 0 0 }
#content ul.dashboard li.menu05, #content h1.faq
	{padding: 0 0 0 30px; background: url(/img/icons/customer-area/faq.png) no-repeat 0 0 }
#content ul.dashboard li.menu06, #content h1.softwareDownloads
	{padding: 0 0 0 30px; background: url(/img/icons/customer-area/software-downloads.png) no-repeat 0 0 }
#content ul.dashboard li.menu07, #content h1.systemRequirements
	{padding: 0 0 0 30px; background: url(/img/icons/customer-area/system-requirements.png) no-repeat 0 0 }
#content ul.dashboard li.menu08 
	{padding: 0 0 0 30px; background: url(/img/icons/customer-area/logout.png) no-repeat 0 0 }
#content ul.dashboard li.downloadFile 
	{padding: 0 0 0 30px; background: url(/img/icons/customer-area/software-downloads.png) no-repeat 0 0}
#content ul.dashboard li.reloadPage 
	{padding: 0 0 0 30px; background: url(/img/icons/customer-area/reload-page.png) no-repeat 0 0}
#content ul.dashboard li.register
	{padding: 0 0 0 30px; background: url(/img/icons/customer-area/register.png) no-repeat 0 0}
#content h1.forgotPassword
	{padding: 0 0 0 30px; background: url(/img/icons/customer-area/forgot-password.png) no-repeat 0 0 }

#content ul li.print {padding: 0 0 0 30px; background: url(/img/icons/customer-area/print.png) no-repeat 0 0; float:right; }
#content ul li.noOrder {padding: 0 0 0 30px; background: url(/img/icons/customer-area/no-order.png) no-repeat 0 0;  }
#content ul li.viewScans {padding: 0 0 0 30px; background: url(/img/icons/customer-area/view-model-scans.png) no-repeat 0 0;  }

#content table {margin: 0 0 10px 0; width: 99%}
#content table th {padding: 5px 8px; background: #5972aa; color:#fff}
#content table th.orderDetails {background:none; color: #5972aa}
#content table th span.date {float: left;  width: 48% }
#content table th span.order {float: right; width: 48%; text-align:right;  }
#content table td {padding: 5px 8px; border: 1px solid #ddd; }

#content table.forgotPassword {width: 250px;}

span.highlightOrder {padding: 3px;  background: #5972aa; color:#fff}
#barcodeIns {padding: 0 10px;  border: 1px solid yellow; float: left; }
#barcodeIns div.l {width: 250px ; }
#content div.queryBarcode {float: left; width: 60%; }
#content p.barcode {padding: 0 10px; margin-right: 20px; float: left;  font-family: 'Code 128ABhr d', Tahoma, Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; font-size: 2.0em;  border: 1px solid #ccc; }

div.importantInfo {padding: 10px 10px 0 10px; border: 1px solid #f5e7a4; float:left; } 

/*Messages*/
#errMsg, #genMsg {padding: 0 10px 0 20px; font-weight: bold;}
#errMsg {background: url(/img/icons/error.png) no-repeat 0 2px ;  }
#genMsg {background: url(/img/icons/general.png) no-repeat 0 2px ;  }


/*************************** FORMS ***************************************/
/*Common Elements*/
fieldset {border: 0px}
input.submit {background:#4f69a1; color:#fff; border: 0px; }
.mand {color: #a80f58;}

/*General Form e.g. Contact Us Form*/
form.inputform {padding: 0 10px 10px 10px; }
form.inputform input {padding: 2px 3px; font-size: 1.0em;}
form.inputform input.submit {padding: 0px; width: 127px; height: 36px; font-weight: bold; background: url(/img/bg/button-submit.png) no-repeat 0 0 }
form.inputform select {padding: 2px 0px; font-size: 1.0em;}
form.inputform textarea {padding: 2px 3px; font-family: Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; font-size: 1.0em;}
form.inputform tr.action td {text-align: center;}
#content form.inputform table {margin: 0 0 10px 0; }
#content form.inputform table td { padding-left: 0px;border: 0px; }

/*Order Forms for Customer Area*/
form.orderForm {padding: 0 10px 10px 10px; }
form.orderForm input {padding: 2px 3px; font-size: 1.0em;}
form.orderForm input.submit {padding: 0px; width: 127px; height: 36px; font-weight: bold; background: url(/img/bg/button-submit.png) no-repeat 0 0 }
form.orderForm select {padding: 2px 0px; font-size: 1.0em;}
form.orderForm textarea {padding: 2px 3px; font-family: Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; font-size: 1.0em;}
form.orderForm tr.action td {text-align: center;}
th.actionColumn {text-align: center;  }
td.actionColumn {text-align: center;}


/*.................................................. FOOTER ...............................................*/
#footerWrap {padding: 0 0 0 23px; float: left; }
#footer { padding: 0 0 0 14px; width: 705px; float: left; clear:both;  background: url(../img/bg/footer.png) no-repeat 0 0 ; clear: both; border-left: 1px solid #ececec; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; font-size: 0.85em;}

#footer.homepage {background: url(../img/logos/esm-digital-solutions-faded.png) no-repeat 0 0; color:#021743}
#contactDetails {padding: 8px 0 8px 0; float: left; }
#contactDetails p {float:left; width: 120px; line-height: 1.5em;}
#contactDetails ul {width: 186px;float:left; }
#contactDetails ul li {line-height: 1.5em;}
#address p {line-height: 1.5em;}
#orthotrac {margin: 10px 0;  text-align: center;width: 182px; float:left; }
#orthotrac p {margin: 0 0 10px 0;  text-align: center; }
#fingal {padding: 5px 0 0 10px; float: left; }

#credits {padding: 23px 23px 24px 23px; width: 720px; background: url(../img/bg/footer.png) no-repeat 0 0;  float: left; font-size: 0.85em; clear: both; }
#credits p.r {padding: 0 18px 0 0; }


/* slider */
		#slider ul, #slider li{ margin:0; padding:0; list-style:none;}	
        #mainWrap #slider ul {padding:0 0 0 7px; margin:0;}
		#mainWrap #slider li{ height:150px; width:536px; overflow:hidden; padding:0; margin:0;}	
        #mainWrap #slider li img{ margin:0 5px 0 0; border:1px solid #fff;}
		#slider{ position:relative; padding:10px 0 0 0; margin:10px 0 0 0; background:url(../img/bg_header.gif) repeat-x;  height:150px; width:530px!important;}
        #holder {position:relative; width:530px; margin:0px 0 14px 10px;}
		#prevBtn, #nextBtn{ display:block;	width:30px;	height:77px; position:absolute; left:-12px;	top:35px;}	
		#nextBtn{ left:508px;}														
		#prevBtn a, #nextBtn a{ display:block;	width:30px;	height:77px;}	
		#nextBtn a{ background:url(/img/btn_next.gif) no-repeat 0 0;}
        #prevBtn a{ background:url(/img/btn_prev.gif) no-repeat 0 0;}
/* lightbox */
#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%;	height: 500px;}
#jquery-lightbox {position: absolute; top: 20px; left: 0; width: 100%; 	z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background-color: #fff;	width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%; left: 0%;	height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {	position: absolute;	top: 0;	left: 0; height: 100%; width: 100%;	z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%;	display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; 	float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;	padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;  color: #666; }
#lightbox-container-image-data #lightbox-image-details {width: 92%;  float: left; text-align: left;}	
#lightbox-image-details-caption { font-weight: bold;}
#lightbox-image-details-currentNumber {display: block;  clear: left;  padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {	width: 66px; float: right; padding-bottom: 0.7em;}






/*.................................................. CALENDAR POPUP on CREATE ORDER PAGE.......................*/

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}