/*
	SERVICE AREAS MAP PAGE CSS
*/
*,*:before,*:after {
	-webkit-box-sizing:inherit;
}

body {
	line-height: inherit;
}
.bodycontent {
	height:100%;
	margin-top:.01em;
	margin-bottom: 1.5em;
}
.bodycontent .bodysection{
	height:100%;

}
/*
	navigation menu
*/

nav{
	z-index:1000;
}
nav ul li ul {
	z-index:1000;
}
#map {
	width:100%;
	height:100%;
	margin-top:-2em;
}

#firstheading {
	font-size:1em;
}

#content {
	padding:.1em .1em .1em .1em;
	margin: 0;
}

h1 {
	text-align:center;
}

#welcomearticle {
	margin: -1em 0 0 0;
}
.firstpara{
	padding:0 1em 2em 1em;
	margin-top:-1.7em;
	font-size:100%;
	text-align:left;
	font-weight: normal;
}


table, table tr {
  width:100%;
}

table td {
  width:20%;
  font-weight: bold;
  font-size:1em;
    font-family: 'Montserrat', sans-serif;

}

table thead tr td {
  padding-top: 2%;
  padding-bottom: 2%;
  text-align:center;
  color:#fff;

}
table tbody tr:nth-child(even)
{
  /*background: #CCC*/
}
table tbody tr:nth-child(odd)
{
  background: lightgray
}

table thead {
  background-color: #960c26;
}


#animatedModalcart {
	line-height: inherit;
 	background-image: url(../IMAGES/articlebackground.png);
    background-position: center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-color: #edd6de;
    border-bottom-right-radius: 4px;
  	border-top-right-radius: 4px;
  	border-bottom-left-radius: 4px;
  	border-top-left-radius: 4px;
  	box-shadow: 0 0 5px #616c8f;
    color:#040303;
    top:10px;
    width:96%;
    margin-left:2%;
    z-index: 99999;
    position: fixed;
    height:98%;
    padding-top: 1%;
}

#animatedModalcart h1 {
	text-align:center;
}

#animatedModalcart table tbody tr td{
	padding-left:2%;
}

#animatedModalcart table tbody tr #amounth{
	text-align:right;
	padding-right:2%;
}

#animatedModalcart table thead #amount{
	padding-right:4%;
}

#animatedModalcart #total, #animatedModalcart #total tr {
	width:100%;
}

#animatedModalcart #total #label{
	text-align:right;
	width:90%;
	padding-top: .5%;
	padding-bottom: .5%;
}

#animatedModalcart #total #totalamount{
	color:#fff;
	background-color: #960c26;
}


#animatedModalcart table tbody tr td{
	padding-left:2%;
}

#animatedModalcart table tbody tr .orderdescription{
	background-color: transparent;
	border:none;
	width:100%;
    box-shadow: none;
    color: inherit;
}

#animatedModalcart table tbody tr textarea{
	background-color: transparent;
	border:none;
	width:100%;
    margin-top: 0;
    margin-left:0;
    margin-bottom: 0;
}

#animatedModalcart table tbody tr #ordertype{
	text-align:center;
}

#animatedModalcart table tbody tr #orderdescription{
	text-align:left;
	width:50%;
}

#animatedModalcart table tbody tr #cartdeleted{
	text-align:center;
	width:5%;
}

#animatedModalcart .modal-table-content {
    overflow-y:scroll;
    height: 200px;
}

#animatedModalcart button {
    background: #616c8f;
    color: #fff;
    font-weight: bold;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    font-family: 'Montserrat', sans-serif;
    vertical-align: middle;
    text-align: center;
    padding-left:2%;
    padding-right:2%;
    margin-top:1%;
    margin-right:2%;
    margin-bottom:5%;
}

.close-animatedModalServiceLocations{
	text-align: center;
}

.close-animatedModalServiceLocations img{
	width:15%;
	cursor:pointer;
}

table tbody tr td input[type=text] {
  width: 90.7%;
  height: 34px;
  padding-left: 5px;
  padding-top:2%;
  padding-bottom:2%;
  margin-bottom: 20px;
  margin-top: 8px;
  box-shadow: 0 0 5px #616c8f;
  border: 2px solid #616c8f;
  color: #4f4f4f;
  border-radius:5px;
}

table tbody tr td #quantity {
	text-align:center;
}


 table tbody tr td textarea{
  width: 90.7%;
  padding-left: 5px;
  padding-top:2%;
  padding-bottom:2%;
  margin-bottom: 20px;
  margin-top: 8px;
  box-shadow: 0 0 5px #616c8f;
  border: 2px solid #616c8f;
  color: #4f4f4f;
  border-radius:5px;
}

table img {
	text-align:center;
}

#animatedModalcart .close-animatedModal {
  text-align: center;
}

.tooltipclose {
    position: relative;
    display: inline-block;
}


/************************************
	FOOTER
************************************/
footer {
	height:22.5%;
}