/************** PONANT **************************/
/*******  Global Tag Properties  *****************/
/*************************************************/

html, body {       
       max-width: 1440px;
       min-width: 1000px;
       margin: 0;
       padding: 0;
       font: 'Lato', sans-serif;     
       color: #565758;       
       height: 900px;
       background: #344e6f;   /* navy */
       
}

p {    margin-left: 10px;    
}

legend {  position: absolute;
          top: -2.2em;
          font-size: small;
          font-weight: bolder;
          color: #444444;           
          padding: 1em;   
}

a:link {color:#565758}      /* unvisited link */
a:visited {color:#565758}  /* visited link */
a:hover {color: #FAB040}  /* mouse over link */
a:active {color:#FAB040}  /* selected link */
                        
input.btn {
            color:white;   
            font: bold 90% 'Lato', sans-serif;  
            background-color: #00b4be;        
            border: none;
            padding-top: 5px;
            padding-bottom: 5px;
            /*border-color: #1992d1;*/ 
}

.checkout_btn{
            color:#00b4be;  
            font: bold 90% 'Lato', sans-serif; 
            background-color: white;            
            border: none;
            padding-top: 2px;
            padding-bottom: 2 px;
            
}

input.back_btn {margin-top: 255px;
                margin-left: 10px;                
                height: 20px;
                width: 75px;
                color:#138CA9;  
                font: bold 90% 'Lato', sans-serif;    
                background-color:white;   
                border: 1px solid;   
                border-color: white;   
                         
}

input.fbtn {  height: 25px;
             width: 60px;
             margin-left: 25px;
             margin-top: -3px;
             color:#138CA9;   
            font: bold 150% 'Lato', sans-serif;    
            background-color: white;   
            border: 1px solid;   
            border-color: white;  
                    
}


/* Wrapper Attributes */
#wrapper {  width: 990px;
            margin-left: auto;
            margin-right: auto;
            border-left: 2px solid #444444; 
            border-right: 2px solid #444444;            
            background: white;
            min-height: 400px;            
            position: relative;
}

/*************************************************/
/*******  Banner       **********************/
/*************************************************/

/* Banner Attributes */
.banner {              
            background: white;
            height: 50px;
            border-bottom: 2px solid #444444;
            border-top: 2px solid #444444;
			font-family: 'Lato', sans-serif;
}

.bannerAAA {              
            background: white;
            height: 30px;           
}

.banner img, .bannerAAA img {   
                margin-left: 5px;
                margin-top: 5px;
                height: 40px;                
                width: 192px;  
				object-fit: cover;				
}

.bannerAAA img.AAA {  position: absolute;
                   z-index: 10;                   
                   margin-left: 125px;
                   height: 60px;               
                   width: 80px;
                   margin-top: 5px;
}

.banner a.help_link, .bannerAAA a.help_link{
                     position: absolute; 
                     margin-top: 5px;
                     right: 15px;       
}

.banner a.policy_link {position: absolute; 
                       margin-top: 5px;
                       right: 65px;       
}

.banner a.Cw2p_link {   position: absolute; 
                       margin-top: 5px;
                       right: 140px;       
}

.banner a.Tw2p_link {   position: absolute; 
                       margin-top: 5px;
                       right: 250px;       
}

.banner a.hist_linkI {position: absolute; 
                     margin-top: 5px;
                     right: 375px;       
}

.banner a.hist_linkA {position: absolute; 
                     margin-top: 5px;
                     right: 75px;       
}

.banner a.hist_linkIA {position: absolute; 
                       margin-top: 5px;
                       right: 325px;       
}

.banner a.tao {        position: absolute; 
                       margin-top: 5px;
                       right: 140px;       
}

.banner span.copyright {   position: absolute;
                           margin-top: 7px;
                           margin-left: 10px;
                           font-size: x-small;
}

/*************************************************/
/*******  Subheading       **********************/
/*************************************************/

/* SubHeading Attributes */
.subhdr { position: relative;
            font-size: x-large;
            font-weight: bolder;
            font-family: 'Lato', sans-serif;           
            margin-left: 7px;
            margin-right: 2px;
            height: 30px;                   
            color: #565758;             
            padding: 0;
            border-bottom: 0;            
}

.subhdr a { position: absolute;
              right: 15px;
              top: 8px;
              font-size: xx-small;
              font-weight: normal;               
                                         
}

.subhdr .srvinstr
{           color: #565758; 
            font-size: small;
            font-weight: bold;
			font-family: 'Lato', sans-serif;	
}

.subhdr .errmsg{
            color: red;
            font-size: small;
            font-weight: bold;
			font-family: 'Lato', sans-serif;	
}

.note { margin-left: 25px;
        margin-bottom: 400px;
		font-family: 'Lato', sans-serif; 
}

#filter {  
          font-size: x-small;
          font-weight: bold;
          background: #1992d1;   /* magenta */ 
          height: 30px;
          color: white;
}

.ful{      position: relative;      
           list-style-type: none;            
}

.ful li{   float: left;
           margin-top: 5px;
           margin-right: 5px;
}

/*************************************************/
/*******  Login Page  ****************************/
/*************************************************/

.login_bg  {
            position: relative;
            margin-left:225px;
            margin-top: 7%;
            margin-bottom: 100px;            
}

.login {    position: absolute;
            width: 425px;                                            
            top: 50px;            
            left: 10px;            
}

.login li {            
            float: right;
            color: #565758;
            font-size: x-large;
            font-weight: bolder;
            font-family: 'Lato', sans-serif; 
            margin-bottom: 10px;
            list-style-type: none;
}

.login ul li input[type=submit]{
            margin-right: 155px;
            margin-top: 10px;
}

.login ul li a.log_linkL{ position: absolute;
                          margin-left: -100px;                          
                          margin-top: 35px;
                          font-size: x-small;
                          color: #565758;
                          
}

.login ul li a.log_linkL:hover {color:#FAB040}  /* mouse over link */
.login ul li a.log_linkR:hover {color:#FAB040}  /* mouse over link */                                                 


.login ul li a.log_linkR{ position: absolute;
                          margin-left: 110px;
                          margin-top: 35px;
                          font-size: x-small;
                          color: #565758;
}                                                    

input.log_btn {
                   color: white;
                   font: bold 65% 'Lato', sans-serif;   
                   background-color: #00b4be;     /* orange */   
                   border: none;   
                   padding-top: 5px;
				   padding-bottom: 5px;
}

input.snd_btn {
                   height: 30px;
                   width: 100px;                   
                   color: white;   
                   font: bold 125% 'Lato', sans-serif;  
                   background-color:#00b4be;     
                   border: none;  
}

.hbar{       color: #565758;
            font-size: small; 
            font-weight: bolder;
            font-family: 'Lato', sans-serif; 
            margin-right: 60px;
}

.hba{       color: #565758;
            font-size: small; 
            font-weight: bolder;
            font-family: 'Lato', sans-serif;             
}

.borderhi{      
     border-style: dashed;
     border-color: red;
     background-color: #FFFACD;
      
}
/*************************************************/
/*******  Begin Book Detail Page  ****************/
/*************************************************/

#book_dtl { position: relative;            
            margin: 5px;
            padding: 10px;
            border-bottom: 2px solid #444444;            
}

#book_dtl ul { position: absolute;               
               list-style: disc inside;               
               left: 100px;
               top: 15px;               
}

#book_dtl img { border: 2px solid #444444;    
}

#btn img{
        height: 50px;
        width: 135px;
        border: none;
        padding: 10px;
}

#btn {
        margin-top:250px;
}

/*************************************************/
/*******  Begin Order Form  Page  ****************/
/*************************************************/

/*********************/
/***  Control Bar  ***/
/*********************/

#ctl_bar { position: relative;           
           height: 35px;
           /*border-top: 2px solid #444444;*/
           border-bottom: 2px solid #444444;
           /*background: #CFD5DB;*/
		    
}

#ctl_left  {      margin-top: 5px;                
                  float: left;                  
                  padding: 5px;
                  border: 0;                 
}

.ctl_hdg {       position: absolute;
                 top: 8px;
                 left: 425px;
                 font-size: large;
                 font-weight: 700;
				 font-family: 'Lato', sans-serif;	
}

#ctl_right  {     width: 380px; 
                  float: right;
                  margin: 0;
                  padding: 0;
                  border: 0;
                  font-family: 'Lato', sans-serif;                 
}

#ctl_right a { position: absolute;
              right: 15px;
              top: 8px;              
              font-size: xx-small;
              font-weight: normal;               
                                         
}

#ctl_bar li {     
              list-style-type: none;                          
}

.ul1 {     float: left;
           margin-left: 5px;           
           margin-top: 5px;
           padding: 0;
           border: 0;
           width: 40px;
}

.ul2 {           
           margin-top: 5px;
           padding: 0;
           border: 0;                   
}

.apply {
           left: 2px;
}

.ul3 {     float: left;
           margin-top: 5px;
           padding: 0;
           border: 0;           
}

.err {      position: absolute;            
            font-size: small;            
            right: 75px;
            margin-top: 3px;          
}

/************************/
/***  Address Blocks  ***/
/************************/

.hdg {      
            font-size: small ;
            font-weight: bolder;
            font-family: 'Lato', sans-serif; 
            color: #565758; 
            z-index: 50;
}

.id_only {  position: absolute;
            margin-left: -155px;
             margin-top: 10px;
             
}

.da {      padding-left: 3em;
           padding-right: .5em;
    
}

.tosame {   position: absolute;            
            margin-top: -1px;
            margin-left: 10px;
            color: #444444;
}

.search {   position: absolute;            
             margin-top: 10px;
}

.srchlbl {  position: absolute;
            margin-left: 185px;
            padding-right: 3px;
			margin-top: 3px;
}

.srchtxt {  margin-left: 335px;
}

.adr_pos{ float: left;
        margin-left: 20px;
        width: 465px;
        margin-top: 25px;
}

#dlv{    float: right;        
         width: 465px;
         margin-right: 20px;        
         margin-top: 75px;
         border: none;
}

.xxs{
       font-size: xx-small;
}

.lc{   
		display: block;	
	   position: absolute;
       left: .2em;
       background: #344e6f;
       /*z-index: 60;*/
       color: white; 
       margin-top: 12px;
       margin-left: 15px;
       padding: .01em; 
       padding-left: 25px;
       width: 90px;
	   font-family: 'Lato', sans-serif; 
}

.ds{       position: relative;      
           list-style-type: none;
           padding-left: 6px;
           padding-top: 34px;
		   padding-bottom: 12px;	
           line-height: 1.8em;
           background: #344e6f;     
            margin-top: -28px;
            color: white; 
            border: none;
			font-family: 'Lato', sans-serif;
			font-size: 14px;	
}

.dsA{       position: relative;      
           list-style-type: none;
           padding-left: 6px;
           padding-top: 34px;
		   padding-bottom: 39px;	
           line-height: 1.8em;
           background: #344e6f;      
            margin-top: -28px;
            color: white; 
            border: none;
			font-family: 'Lato', sans-serif;
			font-size: 14px;	
}

.dst{      position: relative;      
           list-style-type: none;
           padding-left: 6px;
           padding-top: 13px;
           line-height: 1.8em;
           background: #344e6f;
            margin-top: -20px;
            color: white; 
}

.dst label { font-size: x-small;
             font-weight: bold;
                 
}

textarea { 
		margin-top: -10px;  
        margin-bottom: 5px;
}

.ckoutfn {         
          margin-top: 145px;
          margin-left:345px;
}

.ckoutd {  position: absolute;        
          margin-top: -25px;
          margin-left:360px;
}

.ckoutdA {  position: absolute;        
          margin-top: -5px;
          margin-left:360px;
}


.ckoutt {  float: right;       
          margin-top: 160px;
          margin-right:20px;
          margin-bottom: 10px;
}

.ckout {  /*margin-top: 220px;*/       
          margin-top: 175px;
          margin-left:360px;
}

.adr_blk{ position: relative;
          font-size: x-small;
          font-weight: bold;
          padding:13px;          
          background: #344e6f;
          color: white;          
          margin-top: 20px;
          border: none;
		  font-family: 'Lato', sans-serif; 
}

.seltab {       color: white; 
                background: #344e6f;       
                font-weight: bold;                               
                /*border-top: 1px solid;*/
                /*border-left: 1px solid;*/
                /*border-right: 1px solid;*/
                border-bottom: none;
                padding-left: 3px;
                width: auto;
                padding:.2em .5em 0 .5em;

}                

.nstab {        color: #565758;  
                background: white;                
                font-weight: bold;                
                border-top: 1px solid;
                border-left: 1px solid;
                border-right: 1px solid;
                border-bottom: none;
                padding-left: 3px;
                width: auto;
                padding: .2em .5em 0 .5em;

}

.labels{ float: left;       
         
}

.labels label{  line-height: 2.1em;
                margin-right: 50px;  
}

.textbx{float: left;        
}

.textboxes{float: right;
           
}

.ib{       float: right;
           font-size: x-small;
           font-weight: normal;
}


/** following for Firefox only **/
html>/**/body .textboxes input, x:-moz-any-link, x:default {margin-bottom: 2px;}
html>/**/body .textbx input, x:-moz-any-link, x:default {margin-bottom: 0px;}
@media screen and (min--moz-device-pixel-ratio:0){
  
       .id_only { position: absolute;
                   margin-left: -170px;
                   margin-top: 7px;
                }
                
       .srchlbl {  position: absolute;
                   margin-left: 185px;
                   padding-right: 3px;
                }

       .srchtxt {  margin-left: 340px;
                }
                
       .ds{       position: relative;      
              list-style-type: none;
              padding-left: 6px;
              padding-top: 16px;
              line-height: 1.0em;
              background: #344e6f;   /* navy */         
               margin-top: -16px;
               color: white;
               border: none;
       }
	   
	   .dsA{       position: relative;      
              list-style-type: none;
              padding-left: 6px;
              padding-top: 16px;
			  margin-bottom: -6px;	
              line-height: 1.0em;
              background: lightgrey;           
               margin-top: -16px;
               color: #565758;
               border: none;
       }
	   
       .lc{   position: absolute;
              left: .1em;
              background: #344e6f;   /* navy */           
              color: white;
              margin-top: 8px;
              margin-left: 10px;
              padding: 5px;
              padding-left: 10px;
              width: 90px;
       }
       .seltab {                
				color: white; 
                background: #344e6f;   /* navy */	
                font-weight: bold; 
                border-bottom: none;
                padding-left: 3px;
                width: auto;
                padding:.2em .5em 0 .5em;
                margin-left: -12px;
       } 

		#ctl_bar, .adrs {
			font-family: 'Lato', sans-serif;
		}

		textarea { 
		margin-top: 10px;  
        margin-bottom: 10px; 
		}

		.ckoutdA {  position: absolute;        
          margin-top: -5px;
          margin-left:360px;
		}		

}
/** following for Edge **/
@supports (-ms-ime-align: auto){
       
 .id_only { position: absolute;
                   margin-left: 335px;
                   margin-top: 10px;
 }      
       
 .srchlbl {  position: absolute;
                   margin-left: 660px;
                   padding-right: 3px;
 }

 .srchtxt {  margin-left: 815px;
 }      
 .lc{   position: absolute;
              left: .1em;
              background: #344e6f;   /* navy */	          
              color: white;
              margin-top: 10px;
              margin-left: 10px;
              padding: 2px;
              padding-left: 10px;
              width: 90px;
       }
}

/** following for Safari **/
@media screen and (-webkit-min-device-pixel-ratio:0){
                body .textboxes input {margin-bottom: 2px;}
}

.adrs {     position: relative;
            height: 290px;            
}

.formNote { margin-top: 30px;
            font-size: small;
            font-weight: bolder;
            color: red;              
}

/*************************/
/***  Brochure Gallery ***/
/*************************/

#gallery{ 
          height: 275px;
          overflow:auto;          
          border-bottom: 2px solid #444444;                   
          width: 990px;          
          margin: 0;
          padding: 0;
          font-size: x-small; 
		font-family: 'Lato', sans-serif; 	
}

/* #gallery table{  */
		 /* border: none;  */
		
/* } */




.ht10{    height: 10px;       
}

/* .ht15{           
              
} */

.ht25{
        height: 26px; 
       vertical-align: top;
}

.ht110{
       height: 110px;
       vertical-align: top;
}

.cell_wrap { float: left;            
            width: 155px;
            padding-top: 1px;
            padding-bottom: 5px;                     
            text-align: center;                
            font-size: x-small;
            font-weight: bolder;            
            border: 1px dashed #444444;
}

.cell_wrap input{ 
            margin-top: 5px;            
}

.cell_wrap img { /*width: 75px;
                 height: 98px;*/
                 margin-top: 5px;    
                 border: 1px solid #444444;      
}

.cell_wrap img.center {                     
                 margin-left: auto; 
                 margin-right: auto;
}

.pftr {   /* font-size: xx-small; */
          color: red;
		  	  
}

.prodnote, .err { color: red;
    
}

#wrapper a.pics span { display: none;   
        
}

#wrapper a.pics:hover span{ z-index:10;
                            display: block;                            
                            position: absolute;
                            left: 500px;
                            /*top: 345px;*/
                            top: 398px;
                            height: 250px;
                            width: 485px;
                            color: #565758; 
                            text-decoration: none;
                            font-size: 1.2em;
                            background-color: white; 
}

#wrapper a.pics span img { /*width: 150px;*/
                           /*height: 224px;*/
                           border: 1px solid #444444;                           
                           margin-top: 10px;
                           float: left;
                           clear: both;
}

#wrapper a.pics span ul { 
                          line-height: 1.2em; 
                          margin-left: 210px;
                          margin-top: 10px;
                          list-style: disc outside;
                          text-align: left;    
}


/*************************/
/***  Confirm/Ack ***/
/*************************/

.conack { position: relative;
          margin-left: 10px;
		  font-family: 'Lato', sans-serif; 
		  font-size: 14px;
}

.ackclass {
		font-family: 'Lato', sans-serif; 
}	

/*************************/
/***  Custom Alert Box ***/
/*************************/

#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
}

#alertBox {
	position:relative;
	width:500px;
	min-height:100px;
	margin-top:200px;
        margin-left:-50px;
	border:2px solid #000;
	background-color:white;
	background-image:url(../WebCore/alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
        padding-bottom:10px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#1992d1;
	color:white;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;       
}

#alertBox p {
	font:bold 0.8em verdana,arial;
	height:30px;
	padding-left:5px;
	margin-left:55px;
}

#alertBox #skipBtn {
	display:block;
	position:relative;	
	margin-left:170px;
        margin-top:-15px;
	padding:3px;
	border:1px solid #000;
	width:50px;
	font:900 0.7em verdana,arial;      
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#1992d1;
	text-decoration:none;
}

#alertBox #okBtn {
	display:block;
	position:relative;	
	margin-left: 250px;
        margin-top:-20px;
	padding:3px;
	border:1px solid #000;
	width:50px;
	font:900 0.7em verdana,arial;       
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color: #1992d1;
	text-decoration:none;
        font:
}

#alertBox #cancelBtn {
	display:block;
	position:relative;	
	margin-left:95px;
        margin-top:-15px;
	padding:3px;
	border:1px solid #000;
	width:100px;
	font:900 0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#1992d1;
	text-decoration:none;
}

#alertBox #delBtn {
	display:block;
	position:relative;	
	margin-left: 280px;
        margin-top:-32px;
	padding:3px;
	border:1px solid #000;
	width:100px;
	font:900 0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color: #1992d1;
	text-decoration:none;
}