/**YUI RESET CSS*/
/*html, body { height: 100%; font-size:10px; }*/
* html #wrapper { height: 100%; }
body { /*background: url(../images/bg-cloudpattern.jpg); font-family: Arial, Helvetica, sans-serif; color:#59554e;*/
    font-family: 'Josefin Sans', sans-serif;
    color: #333;
   /* font-size:1.6em;*/
}
header {
    margin: 15px 0px 13px 0px;
}
.logo img {
    height: 40px;
}
.helpLife {
	width: 161px;
}
.costR {
	font-size: 25px !important;
	float: right;
}
.regHead {
	font-family: 'Josefin Sans', sans-serif !important ;
	font-size: 20px;
	font-weight: bold;
}
.header_tab {
    height:150px;
    background:url(../images/banner_pattern_new.png) right no-repeat;
    background-color:#67999a;
    margin-top:10px;
    /*background-position:280px;*/
}
.header_tab img {
    margin:60px 0px 0px 20px;
}
.contentwrap h2 {
font-family: 'Josefin Sans', sans-serif !important ;
font-weight:bold !important;
text-transform:uppercase !important;
color:#67999a !important;
font-size:1.7em !important;
text-align:left !important;

}
.guidesHeader h3 {
font-family: 'Josefin Sans', sans-serif !important ;
font-size:1.7em !important;
text-align:left !important;
}
.margin0{margin: 0px !important;}
.marginL10{margin-left: 10px;}
.heightA{height: auto !important;}
.widthA{width: auto !important;}
.bold {
	font-family: 'cooper_hewittsemibold', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.resetText {font-size: 15px; padding: 13px;}
.fontBig { font-size: 16px;}
.noDisplay{display: none;}
.marginL { margin-left: 12px; }
.marginT{margin-tp: 5px; }
.displayIn{display: inline-block !important;}
/*body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote { margin: 0; padding:0; }*/
fieldset, img { border:0; }
del, ins { text-decoration:none; }
caption, th { text-align:left; }
q:before, q:after { content:'' }
abbr, acronym { border:0; font-variant:normal }
sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; line-height: 0; content: " "; clear: both; height: 0; width: 0; }
.clearfix { display: inline-block; }
.callTxt {display: inline-block; padding-top: 20px;}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.clearboth { clear:both; height:0; }
.carousel-control .glyphicon-chevron-right { margin-right: -14px !important; opacity: 0.8; top: 74px; }
.carousel-control .glyphicon-chevron-left { margin-left: -14px !important; opacity: 0.8; top: 74px; }
.carousel-control.left, .carousel-control.right {
    background-image:none !important;
}
.carousel-control{
    background-color:transparent;
}
.jcarousel center { font-size: 12px !important; }
.jcarousel ul>li { width: 98.5455px !important; }
/*-------------------------------------*/

/*********************************************************************
* Global *
**********************************************************************/
.signika-bold{font-family: 'signikabold', Arial, sans-serif; font-size:1.4em;}
.signika-semibold{font-family: 'signikasemibold', Arial, sans-serif;}
#hotline{padding: 6px 0; text-align:right; margin-bottom:5px;}
#hotline p{font-family: 'signikalight', Arial, sans-serif; font-size:1.8em;}
.contentwrap{  
	font-family: 'Josefin Sans', sans-serif;
    color: #333;	
    margin-bottom: 20px; 
    font-size:1.3em;
}
.contentwrapHelp{  
	font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 14px;
}
.contentwrap a,.contentwrap a:visited{color:#00a6e4;}
.contentwrap a:hover{color:#474e59}

h1{font-family: 'signikasemibold', Arial, sans-serif; font-size:3em;}
h2{font-family: 'signikasemibold', Arial, sans-serif; font-size:1.5em;}
h3{font-family: 'signikasemibold', Arial, sans-serif; font-size:1.5em;}
/*.guide-list{margin-left:4em; width:95%;}*/
.guide-list li{/*font-size:1.4em;*/ margin-bottom:1.5em;}

.checkListlHeight{height: 290px;border: 1px #c9c1c1 solid;background: url(../images/checklist_bg_clr.png) repeat-x;}
.borderAndBakgroundImg{border: 1px #c9c1c1 solid;background: url(../images/checklist_bg_clr.png) repeat-x;}
.highlightbox h3, .highlightbox .header{font-family: 'Josefin Sans', sans-serif ; color:#fff; font-size:1.7em; padding-left: 10px;  display:block; margin-bottom: 1px;margin-top: -0.5px;padding-top: 5px;}
.highlightbox .header{background-color: #67999a;}
.highlightbox-inner{padding: 10px;padding-top: 0px !important;}
/*.highlightbox-inner p{font-size: 1.3em;}*/
.highlightbox-inner table label{font-family: 'signikasemibold', Arial, sans-serif; color:#48708a; font-size:1.3em; padding-left:10px; height:31px; display:block; padding-top:8px;}
.boxLbl { color:#48708a; font-size:18px; padding-left:10px; height:31px; display:block; padding-top:8px;}
.uploadP { font-size:13px; font-style: italic; margin: 0 0 0px;}

/*#footer{background:#48708A; padding:20px;}
#footer p{font-size:1.1em; color:#ddd; line-height:1.5em;}
#footer a{color:#fff; text-decoration:none}
#footer a:hover{color: #FF6;}
#footer-text{float:left; width:640px; padding-top:3px;}
#footer-icons{float:right; width: 260px; text-align:right;}*/

.carousel{
    background: #fff;
    margin-top: 20px;
    border: 1px #c9c1c1 solid;
}
.carousel .item{
    min-height: 0px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
}

.button {
    background-color: #67999a; 
    color: #fff;
    padding: 10px 20px 5px 20px;
    margin-top:10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.2em;
    border-radius:5px;
}

.button a {
    color: #fff;
    text-decoration: none;
}

.button:hover{
    background-color: #097a7d;
    text-decoration: none;
}
.buttonPrev {
    background-color: #67999a; 
    color: #fff;
    padding: 5px 10px 3px 10px;
    margin-top:10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    border-radius:5px;
}

.buttonPrev a {
    color: #fff;
    text-decoration: none;
}

.buttonPrev:hover{
     background-color: #4e8182;
     text-decoration: none;
}

.jcarousel-pagination {
	display: none;
}

.buttonNext {
     background-color: #67999a; 
     color: #fff;
     padding: 5px 10px 3px 10px;
     margin-top:10px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 1em;
     border-radius:5px;
     float:right;
}

.buttonNext a {
     color: #fff;
     text-decoration: none;
}

.buttonNext:hover{
     background-color: #4e8182;
     text-decoration: none;
}
.contact {
     font-family: 'Josefin Sans', sans-serif;
     text-align:left;
     font-size:1.2em;
     line-height: 1.1em;
     color:#626262 !important;
}
.hContact {
	font-family: 'Josefin Sans', sans-serif;
	text-align: right;
	font-size: 17px;
	padding-top: 10px;
	line-height: 1em;
}
.osize {
	font-size: 0.9em !important;	
}
.contact a {
     color:#2991d6;
     font-weight:bold;
}

.contact a:hover {
	text-decoration:underline;
}

.calLRow, .calDiv {
	display: flex;
}

@media (max-width: 991px) {
.calLRow {
	display: block;
}
.contact  {
    text-align:left;
}

.header_tab {
   background-position:280px;
}
}
.footer_border {
     border-top: 2px solid #cccccc;
     margin-bottom:10px;
     margin-top:20px;
}

h6.copyright {
     font-family: 'Josefin Sans', sans-serif;
     color:#666;
     font-size:0.6em;
     text-align:right;
}

h6.copyright_links {
     font-family: 'Josefin Sans', sans-serif;
     color:#666;
     font-size:0.8em;
     text-align:left;
     text-decoration:none !important;
}

h6.copyright_links a:hover {
      color:#666;
      text-decoration:none !important;
}

@media (max-width: 991px) {

h6.copyright_links {
     line-height:1.2em;
}

h6.copyright {
     text-align:left;
}
}



/*********************************************************************
* Ads *
**********************************************************************/
.ad-area{margin-bottom:8px;}
#top-left{	width:170px; height:90px; float:left; margin-right:10px;}
#top-center{width:600px; height:90px; float:left; margin-right:10px;}
#top-right{width:170px;	height:90px; float:left;}
.right-side-bar{width:260px;  margin-bottom:15px; float:right;}
#nofloat{float:none;}

/*********************************************************************
* Global Forms*
**********************************************************************/

/*label.text{font-size:1.4em; font-weight:bold; padding-right: 20px; width:200px; display:inline-block; color:#59554e; float:left;}

input[type="text"],textarea{color:#0077c1; font-size:1.3em; margin-bottom:20px; padding:0.3em; width:25%; border:3px solid #ecf2f8;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;  -moz-box-shadow:    inset 0 0 1px #333;
   -webkit-box-shadow: inset 0 0 1px #333;
   box-shadow:         inset 0 0 1px #333;}
input[type="text"]:focus{outline:none; border:3px solid #bad5f0; -moz-box-shadow:    inset 0 0 1px #333;
   -webkit-box-shadow: inset 0 0 1px #333;
   box-shadow:         inset 0 0 1px #333;}

label.checkboxlabel,label.radiolabel{font-size:1.3em;padding-left:10px;}

.selectClass{ color:#0077c1; font-size:1.3em; margin-bottom:20px; padding:0.3em; width:25%; border:3px solid #ecf2f8;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;  -moz-box-shadow:    inset 0 0 1px #333;
   -webkit-box-shadow: inset 0 0 1px #333;
   box-shadow:         inset 0 0 1px #333;background: url('../images/select-arrow.gif')  no-repeat;
   background-position: 15.8em 0.5em; width: 17.8em; font-size:1.3em;
	color:#0077c1;
	text-indent: 0.01px;  text-overflow: ""; /*removes default arrow from firefox*/
}
.selectClass:focus{outline:none; border:3px solid #bad5f0; -moz-box-shadow:    inset 0 0 1px #333;
   -webkit-box-shadow: inset 0 0 1px #333;
   box-shadow:         inset 0 0 1px #333;background: url('../images/select-arrow.gif')  no-repeat;
   background-position: 15.8em 0.5em; width: 17.8em; font-size:1.3em;
	color:#0077c1;
	text-indent: 0.01px;  text-overflow: ""; /*removes default arrow from firefox*/
}
.selectClass::-ms-expand{display: none;}
label.text {
	padding-right: 20px;
	width: 21%;
	display: inline-block;
	float: left;
	font-weight: 400;
}
label.boldText {
	font-weight: 500 !important;
	font-size: 18px !important ;
	margin-top: 25px;
    margin-bottom: 10px;
}

label.boldText1 {
	font-weight: 500 !important;
	font-size: 18px !important ;
    margin-bottom: 10px;
}

label.checkboxlabel {
	display: inline;
	font-weight: 400;
	font-size: 0.9em;
}
label.chkboxEmailNotification {
	display: inline;
	font-weight: 400;
	font-size: 12px;
	color:#696969;
}

label.checkboxlabel a,label.chkboxEmailNotification a {
	color: #ef4035;
}
label.digiMoreInfo{
	color: #ef4035;
	font-weight: 100;
}
label.digiMoreInfo a{
	color: #ef4035;
	font-weight: 700;
}

input[type="text"] {
	color: #333;
	padding: 0.3em;
	width: 30%;
	font-size: 14px;
}

textarea {
	color: #333 !important;
	padding: 0.3em !important;
	width: 30% !important;
	font-size: 14px !important;
}

input[type="text"]:focus {
	outline: none;
}

select {
	border: 3px #ecf2f8 solid;
	outline: none;
	display: inline-block;
	background-position: 12em 0.5em;
	text-indent: 0.01px;
	text-overflow: ""; /*removes default arrow from firefox*/
	color: #333 !important;
	margin-bottom: 20px;
	padding: 0.3em !important;
	font-size: 14px !important;
}
.selectClass {
   /* color: #0077C1;*/
    padding: 0.3em;
    border: 3px solid #ECF2F8;
    border-radius: 6px;
    box-shadow: 0px 0px 1px #333 inset;
}
label.checkboxlabel,label.radiolabel  {
	
	font-size: 16px;
    font-weight: 500 !important;
}
/*********************************************************************
* Navigation *
**********************************************************************/
/*#sprite {    width: 960px;    height: 55px;    position: relative; margin-bottom:10px;}
#sprite li, #sprite a {    height: 55px;    display: block;}
#sprite li { float: left;  list-style: none;  display: block; text-indent: -9999em;}
#sprite-01 { width: 120px; background:url(../images/nav-sprite-2.jpg) 0 0 no-repeat; }
#sprite-02 { width: 130px; background:url(../images/nav-sprite-2.jpg) -120px 0 no-repeat; }
#sprite-03 { width: 110px; background:url(../images/nav-sprite-2.jpg) -250px 0 no-repeat; }
#sprite-04 { width: 120px; background:url(../images/nav-sprite-2.jpg) -360px 0 no-repeat; }
#sprite-05 { width: 120px; background:url(../images/nav-sprite-2.jpg) -480px 0 no-repeat; }
#sprite-06 { width: 140px; background:url(../images/nav-sprite-2.jpg) -600px 0 no-repeat; }
#sprite-07 { width: 120px; background:url(../images/nav-sprite-2.jpg) -740px 0 no-repeat; }
#sprite-08 { width: 100px; background:url(../images/nav-sprite-2.jpg) -860px 0 no-repeat; }

#sprite-01 a:hover  { background:url(../images/nav-sprite-2.jpg) 0 -55px no-repeat; }
#sprite-02 a:hover { background:url(../images/nav-sprite-2.jpg) -120px -55px no-repeat; }
#sprite-03 a:hover { background:url(../images/nav-sprite-2.jpg) -250px -55px no-repeat; }
#sprite-04 a:hover { background:url(../images/nav-sprite-2.jpg) -360px -55px no-repeat; }
#sprite-05 a:hover { background:url(../images/nav-sprite-2.jpg) -480px -55px no-repeat; }
#sprite-06 a:hover  { background:url(../images/nav-sprite-2.jpg) -600px -55px no-repeat; }
#sprite-07 a:hover  { background:url(../images/nav-sprite-2.jpg) -740px -55px no-repeat; }
#sprite-08 a:hover  { background:url(../images/nav-sprite-2.jpg) -860px -55px no-repeat; }

#sprite-01.dark { background:url(../images/nav-sprite-2.jpg) 0 -110px no-repeat; }
#sprite-02.dark { background:url(../images/nav-sprite-2.jpg) -120px -110px no-repeat;}
#sprite-03.dark { background:url(../images/nav-sprite-2.jpg) -250px -110px no-repeat;}
#sprite-04.dark { background:url(../images/nav-sprite-2.jpg) -360px -110px no-repeat;}
#sprite-05.dark { background:url(../images/nav-sprite-2.jpg) -480px -110px no-repeat;}
#sprite-06.dark { background:url(../images/nav-sprite-2.jpg) -600px -110px no-repeat;}
#sprite-07.dark { background:url(../images/nav-sprite-2.jpg) -740px -110px no-repeat;}
#sprite-08.dark { background:url(../images/nav-sprite-2.jpg) -860px -110px no-repeat;}*/

.navigation {
	height: 60px;
}

nav {
	text-transform: uppercase;
	font-size: 1.15em;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
}
nav li a {
	color: #333;
}
nav li div {
	text-decoration: none;
	text-align:center;
}
.nav>li>div {
	position: relative !important;
	padding:10px 0px 10px 10px; !important;
	display:block;
}
nav li.active div {
	color: #333;
    border-radius: 5px;
}
nav li.active a {
	background-color: #e7e7e7;
}
nav ul li.arrow {
	margin: 0 24px;
}

/*********************************************************************
* Ad Cost Box*
**********************************************************************/
.adcost{ margin: 0px 20px 0px 20px; border:1px solid #D4D6D5; background: #f9f7e8;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f7e8), color-stop(200%,#67999a));
background: -webkit-linear-gradient(top,  #f9f7e8 0%,#67999a 200%);
background: -o-linear-gradient(top,  #f9f7e8 0%,#67999a 200%);
background: -ms-linear-gradient(top,  #f9f7e8 0%,#67999a 200%);
background: linear-gradient(to bottom,  #f9f7e8 0%,#67999a 200%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7e8', endColorstr='#67999a',GradientType=0 );
-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 2px 6px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 2px 6px 0px rgba(0, 0, 0, 0.1);font-size: 0.9em;}
.adcost h2{margin-bottom:0.2em;}
.adcost #details p{font-size:1.3em;}
.adcost #price div{font-weight:bold; font-size:2.4em; color:#0077c1; margin-top:0.4em;}
.bdRight {border-right: 1px solid #ccc;}

/*********************************************************************
* Buttons *
**********************************************************************/
.buttons{display:inline-block; height:40px;}
#getstarted {width: 179px; background:url(../images/btn-getstarted.jpg);}
#getstarted:hover{background:url(../images/btn-getstarted.jpg) 0 -40px;}
#backnextbuttons{height:40px; margin-bottom:20px;}
#back{width:92px; background:url(../images/btn-back.jpg); float:left}
#back:hover{background:url(../images/btn-back.jpg) 0 -40px;}
#next{width:92px; background:url(../images/btn-next.jpg); float:right;}
#next:hover{background:url(../images/btn-next.jpg) 0 -40px;}
input#next, input#back{cursor:pointer; border: none; margin: 0; padding: 0; }
/*********************************************************************
* Index *
**********************************************************************/
/*#col-left{width:640px; float:left;}
#col-left p{font-size:1.6em !important;}*/
#col-right{width: 260px; float:left; margin-left:14px;}/*margin 14px not 20 to accomodate 3px border}*/

/*#guides-header{background: url(../images/guides-header1.jpg) no-repeat; height:50px;
width:auto;}
.guides-button{ float:left;width:160px; height:55px;}
#one.guides-button{background:url(../images/howtobookObi.png);}
#one.guides-button:hover{background:url(../images/guides-1.jpg) 0 -55px;}
#two.guides-button{background:url(../images/howtowriteObi.png);}
#two.guides-button:hover{background:url(../images/guides-2.jpg) 0 -55px;}
#three.guides-button{background:url(../images/sampleadsObi.png);}
#three.guides-button:hover{background:url(../images/guides-3.jpg) 0 -55px;}
#four.guides-button{background:url(../images/guides-4.jpg);}
#four.guides-button:hover{background:url(../images/guides-4.jpg) 0 -55px;}
#guides-footer{background: url(../images/guides-footer1.jpg) no-repeat; height:15px;

width:auto;}*/
select#checklist {
    padding:3px 6px;margin: 0; border:3px #ecf2f8 solid;    outline:none;
    display: inline-block; -webkit-appearance:none; -moz-appearance:none;
    appearance:none;    cursor:pointer;
	background: url('../images/select-arrow.gif')  no-repeat;
	background-position: 12em 0.5em; width: 14em !important; font-size:1.3em;
	color:#0077c1;
	text-indent: 0.01px;  text-overflow: ""; /*removes default arrow from firefox*/
}
.checkpoints ul{list-style-type: none;padding: 0;margin: 0;}
.checkpoints li {
background: url(../images/checklist-mark.gif) no-repeat left top;
padding-left: 25px; margin-bottom:1.5em;
}


/************************************************************** *******
* Register *
**********************************************************************/
.form-register{border: 1px solid #ddd; padding:20px;}
.required{font-size:1em; color:#ff0000}
.register{width:98px; height:30px; background:url(../images/btn-register.jpg); border:none; text-indent:-999em; cursor:pointer}
.register:hover{background:url(../images/btn-register.jpg) 0 -30px}


/*********************************************************************
* Classification & date *
**********************************************************************/
/*.selector-box{ float:left; margin-right:40px;}*/
/* Calendar YUI Styles */
/*.calDiv { width:40%;margin: auto;float: left; }*/
 .restrictCSSClass{
       /*text-decoration:line-through;
       color: #000 !important;*/
       color: #D4D6D5 !important;
}
 .disableCSSClass{
       text-decoration: none;
       background-color: #FFFFFF;
}
.yui3-calendar-content {
        color:#0077c1 !important;
        font-size:116%;    
}
.yui3-calendar-day{
        font-weight: normal !important;
}
.yui3-calendar-day:hover {
    background: #FFFFFF !important;
    color: #000 !important;
}

.yui3-calendar-day-selected:hover {
    background-color: #B3D4FF !important;
    color:#000 !important;
}
.yui3-calendar-header-label,.yui3-calendar-weekday {
        color: #000;
}
.yui3-calendar-prevmonth-day, .yui3-calendar-nextmonth-day {
        background-color: #CCCCCC !important;
}
.yui3-calendar-selection-disabled,.yui3-calendar-selection-disabled:hover{
        color: #D4D6D5 !important; background-color: #FFFFFF !important;
}

/**************************************	*******************************
* Layout & size *
**********************************************************************/
#size { display: inline-flex !important; }
.selector-layout{width:129px; float:left; margin-right:23px; text-align:center;}
.selector-size{float:left; margin-right:25px; text-align:center;}
.selector-size img{cursor:pointer;cursor:hand;}
.selector-layout img{cursor:pointer;cursor:hand;}
.size-table{background:#eff9fe; padding: 0.5em; margin-bottom:2px;text-align:center; }
.height-label{font-family: 'signikasemibold', Arial, sans-serif;color:#48708a;}
.height{margin:auto;}
.size-price{font-size:1.1em; color:#48708a;font-family: 'signikasemibold', Arial, sans-serif;}
.relativesize{display: block;
margin:auto;
	width: 151px;
	height: 250px;
	text-indent: -99999px;
	cursor:pointer;
}
.relativesize:hover {	background-position: 0 -250px;}
.fifteenbyone{background: url(../images/rel15x1small.gif) 0 0;}
.tenbytwo{background: url(../images/rel10x2small.gif) 0 0;}
.tenbytwo-dec{background: url(../images/rel16x2small-dec.gif) 0 0;}
.fifteenbythree{background: url(../images/rel15x3small.gif) 0 0;}
.fifteenbythree-dec{background: url(../images/rel16x3small-dec.gif) 0 0;}
.twentybyfour{background: url(../images/rel20x4small.gif) 0 0;}
.twentybyfour-dec{background: url(../images/rel20x4small-dec.gif) 0 0;}
.twentysevenbyfive{background: url(../images/rel27x5small.gif) 0 0;}
.twentysevenbyfive-dec{background: url(../images/rel27x4small-dec.gif) 0 0;}
.twentysevenbyten{background: url(../images/rel27x10small.gif) 0 0;}
.twentysevenbyten-dec{background: url(../images/rel27x8small-dec.gif) 0 0;}
.fiftyfourbyten{background: url(../images/rel54x10small.gif) 0 0;}
.fiftyfourbyten-dec{background: url(../images/rel54x8small-dec.gif) 0 0;}
.fifteenbytwo { background: url(../images/rel15x2small.jpg) 0 0; }
.forteenbytwo { background: url(../images/rel14x2small.jpg) 0 0; }
.thirteenbytwo { background: url(../images/rel13x2small.jpg) 0 0; }
.twentybythree { background: url(../images/rel20x3small-dec.jpg) 0 0; }

/*********************************************************************
* Compose *
**********************************************************************/
#obitDBox { font-family:ITCCentury;font-size:11px; overflow: scroll;margin-top: 13px; }
.bg-holder{}
.bg-thumbs{float:left; margin-right: 20px; }
.heightwidth{width:300px; float:left; margin-right:40px;}
.heightwidth-title{ float:left; background-repeat:repeat-x; display:block; }
.heightwidth-title h3{font-family: 'signikalight', Arial, sans-serif; color:#48708a; font-size:1.5em; background:none !important}
.heightwidth-details{float:left; margin-left:0px; width:130px; padding:0px;}
input.heightwidthbox{width:30px !important; font-size:1.3em !important; margin: 0 10px; text-align:center}
.heightwidth img{vertical-align: middle;}
#loadingDialog {
	background: #000;
	opacity: 0.9;
	position: fixed;
	z-index: 999;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

#loadingDialog {
	background: rgba( 255, 255, 255, .5 ) url(../images/loadingImage.gif) 54% 50% no-repeat;
}


/*********************************************************************
* Confirm *
**********************************************************************/
/*#preview{width:auto;min-width:640px;float:left;}*/
/*#preview-relative{width:260px; float:right;}*/
#preview-relative h3{font-size: 1.6em;}

/*********************************************************************
* Upload documents *
**********************************************************************/
#additionalinfo textarea{width:97% !important; height:100px; resize:none;}

/*********************************************************************
* Payment *
**********************************************************************/
#paymentterms p{font-size:1.1em;}
.scrollbar{height:120px;background: #f4f4f4;;overflow-y:scroll;float:left; border: 1px solid #cdcdcd; padding:10px;}
#paymentterms::-webkit-scrollbar{
width:16px;background-color:#e9e9e9;} 
#paymentterms::-webkit-scrollbar-thumb{
background-color:#ffffff;border-radius:10px; border:1px solid #d5d5d5;}
#paymentterms::-webkit-scrollbar-thumb:hover{background-color:#f8f8f8;}
#paymentterms::-webkit-scrollbar-thumb:active{background-color: #fff;} 

/*********************************************************************
* Receipt *
**********************************************************************/
.receipt{padding: 15px;  border:1px solid #D4D6D5; background: #f9f7e8;background: -moz-linear-gradient(top,  #f9f7e8 0%, #67999a 200%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f7e8), color-stop(200%,#67999a));
background: -webkit-linear-gradient(top,  #f9f7e8 0%,#67999a 200%);
background: -o-linear-gradient(top,  #f9f7e8 0%,#67999a 200%);
background: -ms-linear-gradient(top,  #f9f7e8 0%,#67999a 200%);
background: linear-gradient(to bottom,  #f9f7e8 0%,#67999a 200%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7e8', endColorstr='#67999a',GradientType=0 );
margin-bottom:20px; 
-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 2px 6px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 2px 6px 0px rgba(0, 0, 0, 0.1);
display:inline-block;}
.receipt p{ font-size: 14px;}
.receipt hr{ margin: 20px 0; border: 0;    height: 1px;    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); }
#totalprice{  font-size:3em; color:#0077c1;}
/*********************************************************************
* Others *
**********************************************************************/
.error_message{font-size: 14px;font-weight: 600;; color:#ff0000;margin-left: 23px;float: right;}
.error_message1{font-size: 14px;font-weight: 600;; color:#ff0000;}
.hyper{
	/*font-size:1.3em;*/
	color: #ef4035;
}
.submitlink{
    border: none;background-color: transparent;color: #00a6e4;padding:0;margin:-3px;font-size:1.0em;text-decoration: underline;cursor:pointer;
}
.submitlink:hover{color:#474e59;}
.toAddress ul{margin-top: -21px;}
	

/**************** MEDIA QUERIES ******************/

/* Small devices (tablets, 768px and up) */
@media only screen and (max-width: 768px) {
	.navigation, .navigation1 {
		height: auto;
		margin-top: 0
	}
	nav li div {
		border: 1px solid #666;
		text-align:left;		
	}
	nav div { margin-top: 0.6em; }
	.generic {
	    padding-top: 16px;
	    background-color: #e7e7e7;
        color: #555;
        font-family: 'Open Sans', sans-serif;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 16px;
        padding-bottom: 20px;
        
   }
   header .container ,footer .container ,.navigation div, .navigation1 div {
        padding-left: 15px;
        padding-right: 15px;
   }
   .adCostAlign{
	  padding-bottom: 320px;	
	}
	.adcost #price{text-align:left;}
	
	label.text{width: 100%}
	input[type="text"]{width:100%;}
	.selectClass{width: 100%;}
	#details{border-bottom:1px solid #ccc;}
	.selector-layout-adprice{width:400px; float:left;  text-align:center;}
	.carousel{width:360px;}
	select { width: 100%; }
	.contentwrap label.text { width: 40%;}
	.mobileViewEmailNotification{
	display:block;
	}
	.desktopViewEmailNotification{
	display:none;
	}
}
@media screen and (max-width:480px)  {
	.selector-layout-adprice{width:300px; float:left;  text-align:center;}
	.adCostAlign{
	  padding-bottom: 360px;	
	}
	#details{border-bottom:1px solid #ccc;}
	.carousel{width:260px;}
	.contentwrap label.text { width: 100%;}
}

@media screen and (min-width:768px) and (max-width:999px) {
	nav div { margin-top: 0em; } 
	.generic {
	    padding-top: 16px;
	    background-color: #e7e7e7;
        color: #555;
        font-family: 'Open Sans', sans-serif;
        margin-top: 35px;
        font-size: 16px;
        padding-bottom: 20px;
   }
   header .container ,footer .container ,.navigation div, .navigation1 div{
       padding-left: 0px;
       padding-right: 0px;
   }
   .adCostAlign{
	  padding-bottom: 320px;
	  margin-right: 320px;	
	}
	.adcost #price{text-align:center; }
	label.text { margin-bottom: 2px; }
	.selectClass{width:30%;}
	#details{border-bottom:1px solid #ccc;}
	.selector-layout-adprice{width:186px; float:left;  text-align:center;}
	.carousel{width:360px;}
	select { width: 30% !important; }
	.selector-box select{width: 100% !important;}
	.contentwrap label.text { width: 30%;}
	.mobileViewEmailNotification{
	display:block;
	}
	.desktopViewEmailNotification{
	display:none;
	}
    .textWidth{
       width:34% !important;
    }


}
/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.generic {
	   padding-top: 16px;
	   background-color: #e7e7e7;
       color: #555;
       font-family: 'Open Sans', sans-serif;
       margin-top: 15px;
       font-size: 16px;
       padding-bottom: 20px;

     }
     header .container ,footer .container ,.navigation div, .navigation1 div{
      padding-left: 0px;
      padding-right: 0px;
    }
	.adCostAlign{
	  padding-bottom: 260px;
	  margin-right: 135px	
	}
	.adcost #price{text-align:center; }
	.selectClass{width:30%;}
	.selector-layout-adprice{width:240px; float:left;  text-align:center;border-left:1px solid #ccc;}
	select { width: 30% !important; }
	.selector-box select{width: 80% !important;}
	.contentwrap label.text { width: 30%;}
	.mobileViewEmailNotification{
	display:none;
	}
	.desktopViewEmailNotification{
	display:block;
	}
	.textWidth{
       width:24% !important;
    }
    
    .jcarousel-control-next, .jcarousel-control-prev {
    	display: none;
    }
}
.dispInBlk {
	display: inline-block;
}
.cursorP {
    cursor: pointer;
}
.fontBtn {
    margin: 0px !important;
}
.confirmText {
    margin-bottom: 0px !important;
    border: 1px solid #0062a3 !important;
    padding-left: 9px !important;
    font-weight: bold !important;
    width: 35px !important;
	display: inline;
}
.adsizeDisplay { display: inline-flex; padding-top: 25px; }
.customLabl { padding-right: 40px; }
.translateCM{font-size:12px;}
.semiTrans { float: left;margin-left: 30px; }
.adsizeselector{width: 200px; float: left; margin-right: 10px;}
/* Calender */

.yui3-calendar-content {
        color:#0077c1 !important;
        font-size:11px !important;/*116%;    */
}
.yui3-calendar-day{
        font-weight: normal !important;
}
.yui3-calendar-day:hover {
    background: #FFFFFF !important;
    color: #000 !important;
}

.yui3-calendar-day-selected:hover {
    background-color: #B3D4FF !important;
    color:#000 !important;
}
.yui3-calendar-header-label,.yui3-calendar-weekday{
        color: #000;
        font-size:11px;
        padding-left:10px;
}
.yui3-calendar-row { font-size:11px;}
.yui3-calendar-prevmonth-day, .yui3-calendar-nextmonth-day {
        background-color: #CCCCCC !important;
}
.yui3-calendar-selection-disabled,.yui3-calendar-selection-disabled:hover{
        color: #D4D6D5 !important; background-color: #FFFFFF !important;
}
.yui3-panel { z-index:99 !important;font-size:13px;}
.yui3-panel select{width:100% !important;font-size:13px;}
.yui3-panel td{font-size:13px;}

@font-face {
    font-family: 'classifiedinterstate';
    src: url('fonts/classifiedinterstate.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'classifiedinterstate';
	src:url('fonts/classifiedinterstateb.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: 'classifiedinterstate';
	src: url('fonts/classifiedinterstatei.ttf') format('truetype');
    font-style: italic;
}
@font-face {
    font-family: 'classifiedinterstate';
	src:url('fonts/classifiedinterstatebi.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'itccentury';
	src:url('fonts/itccentury.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'itccentury';
	src:url('fonts/itccenturyb.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: 'itccentury';
	src: url('fonts/itccenturyi.ttf') format('truetype');
    font-style: italic;
}
@font-face {
    font-family: 'itccentury';
	src:url('fonts/itccenturybi.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'cochin';
	src:url('fonts/cochin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cochin';
	src:url('fonts/cochinb.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: 'cochin';
	src: url('fonts/cochini.ttf') format('truetype');
    font-style: italic;
}
@font-face {
    font-family: 'cochin';
	src:url('fonts/cochinbi.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'frutiger';
	src:url('fonts/frutiger.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'frutiger';
	src:url('fonts/frutigerb.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: 'frutiger';
	src: url('fonts/frutigeri.ttf') format('truetype');
    font-style: italic;
}
@font-face {
    font-family: 'frutiger';
	src:url('fonts/frutigerbi.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'itcfenice';
	src:url('fonts/itcfenice.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'itcfenice';
	src:url('fonts/itcfeniceb.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: 'itcfenice';
	src: url('fonts/itcfenicei.ttf') format('truetype');
    font-style: italic;
}
@font-face {
    font-family: 'itcfenice';
	src:url('fonts/itcfenicebi.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'korinna';
	src:url('fonts/korinna.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'korinna';
	src:url('fonts/korinnab.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: 'korinna';
	src: url('fonts/korinnai.ttf') format('truetype');
    font-style: italic;
}
@font-face {
    font-family: 'korinna';
	src:url('fonts/korinnabi.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'souvenir';
	src:url('fonts/souvenir.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'souvenir';
	src:url('fonts/souvenirb.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: 'souvenir';
	src: url('fonts/souveniri.ttf') format('truetype');
    font-style: italic;
}
@font-face {
    font-family: 'souvenir';
	src:url('fonts/souvenirbi.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'tekton';
	src:url('fonts/tekton.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tekton';
	src:url('fonts/tektonb.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: 'tekton';
	src: url('fonts/tektoni.ttf') format('truetype');
    font-style: italic;
}
@font-face {
    font-family: 'tekton';
	src:url('fonts/tektonbi.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('fonts/glyphicons-halflings-regular.ttf') format('truetype'),
       url('fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
    font-weight: normal;
	font-style: normal;
}


@media screen and (min-width: 768px) {
    a[href*="tel:"] {
        cursor:default;
        pointer-events: none;
    }
}