@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
@import "fonts/style.css";


/*****************************************************************************************************************
COMMON TAGS
*****************************************************************************************************************/

body, div, h1, h2, h3, p, ul, ol, li, img, table, form {
	padding: 0px; margin: 0px; border: 0px; list-style: none;
}

a		{color:#666; text-decoration:underline;}
a:hover	{color:#000; text-decoration:none;}
a       {outline:none;}


body, html, form {height: 100%; }

body { font-family: Calibri, 'CalibriRegular', Arial; font-size  : 14px; color: #656565; background:#fff; }

table {	border-collapse: collapse;}

.clear { clear:both;}
.spacer { background:none; height:15px; width:100%; clear:both; }
p 		    {margin:0px  0px 15px 0px; padding:0px;  line-height:15pt;}

ul  {padding:0px; margin:0px;}
li {list-style-type:circle; padding:0px; margin:0px;}
.list li { list-style-image: url('images/list-bullet.gif'); padding-left: 00px; margin:5px 15px 5px 25px; line-height: 13pt; vertical-align:text-top; }


.scrollup{ width:20px; height:20px;	text-indent:-9999px; position:fixed; bottom:10px; right:20px; display:none; background: url('images/top.png') no-repeat; z-index:999999999;}

/*****************************************************************************************************************
COMMON TAGS ENDS HERE
*****************************************************************************************************************/


/*****************************************************************************************************************
WRAPPER 
*****************************************************************************************************************/

.wrap        {width:320px; margin:0px auto; text-align: left;}


/*****************************************************************************************************************
WRAPPER ENDS
*****************************************************************************************************************/



/*****************************************************************************************************************
HEADER
*****************************************************************************************************************/

#headerpan		{max-width:768px; height:40px; background:#f05a30; border-bottom: 1px solid #fff; margin:0 auto; float:none;}
#headerpan .logo	{ padding:0px; margin:0px; text-align:center; line-height:40px; font-family:Arial; color:#fff; text-transform:uppercase; font-size:20px;   }
#headerpan .logo a { text-decoration:none; color:#fff;}

/*****************************************************************************************************************
HEADER ENDS
*****************************************************************************************************************/


/*****************************************************************************************************************
HOME STYLING
*****************************************************************************************************************/
#visualpan		{max-width:768px; margin:0 auto; float:none;}
#visualpan .visual-pic img{ max-width:100%; height:auto; position:relative;}
#visualpan .visual-text { position:absolute; margin-top:-50px; margin-left:26px; color:#fff; font-size:16px; font-weight:bold; }

#home-containerpan		{max-width:768px; margin:0 auto; float:none;}
ul.home_links { padding:0px; margin:0px; text-align:center;}
ul.home_links li { padding:0px; margin:2% 2%; width:40%; display:inline-block;  background:#cc4028; list-style:none; font-size:13px; text-transform:uppercase; text-align:center; }
ul.home_links li:hover { background:#333;}
ul.home_links li a { padding:8px 10px; text-decoration:none; color:#fff; display:block; }
ul.home_links .sub { background:#c99d72; }

/*****************************************************************************************************************
HOME STYLING ENDS
*****************************************************************************************************************/



/*****************************************************************************************************************
BODY
*****************************************************************************************************************/


#body-containerpan		{max-width:768px; margin:0 auto; float:none;}
#body-container			{width:90%; margin:0 auto; float:center;  }



/* Gallery Page */
ul.gallery { padding:0px; margin:0px; width:100%;}
ul.gallery li{ padding:0px; list-style:none; border:1px solid #ccc; width:46%; float:left; margin:0% 2% 4% 0%; }
ul.gallery li img { width:100%; height:auto; padding:0px; margin:0px;}
ul.gallery li .gall-name { font-size:14px; padding: 5px 10px 10px 10px;}


@media only screen and ( min-width: 240px) and ( max-width: 480px)
{
ul.gallery { padding:0px; margin:0px; width:100%;}
ul.gallery li{ padding:0px; list-style:none; border:1px solid #ccc; width:100%; float:left; margin:0% 2% 8% 0%; }
ul.gallery li img { width:100%; height:auto; padding:0px; margin:0px;}
ul.gallery li .gall-name { font-size:14px; padding: 5px 10px 10px 10px;}
}

/*****************************************************************************************************************
BODY ENDS
*****************************************************************************************************************/






/*****************************************************************************************************************
FOOTER
*****************************************************************************************************************/

#footerpan		{ max-width:768px; margin:0 auto; float:none; border-top: 1px solid #f25f34; margin-top:10px; padding-bottom:10px; color:#666666; }

#footerpan .send-enq { background:#f25f34; width:85%; margin:0 auto; float:none; margin-top: -16px; font-size:13px; text-transform:uppercase; text-align:center;}
#footerpan .send-enq a {padding:8px 10px; text-decoration:none; color:#fff; display:block; }

#footerpan .footer { margin: 10px 0px; text-align:center; color:#666666; line-height:13pt; font-size: 12px; }



/*****************************************************************************************************************
FOOTER ENDS
*****************************************************************************************************************/




/*****************************************************************************************************************
HEADER TAGS
*****************************************************************************************************************/
h1, h2, h3, h4, h5, h6 {font-style:normal; font-weight:normal; margin:0px; padding:0px; }

h1      {font-size:22px; color:#f15c32; margin:10px 0px; text-transform:uppercase}
h2      {font-size:16px; color:#25155f; margin-bottom:10px; line-height:18px; text-transform:uppercase}
h3      {font-size:15px; color:#c80000; margin-bottom:10px; line-height:18px; text-transform:uppercase}

h2.orderonline  {font-size:15px; color:#fff; margin:0px; padding:2px 0px 0px 0px}
h2.add          {font-size:15px; margin-bottom:0px;}
h3.pay          {display:block}
/*****************************************************************************************************************
HEADER TAGS ENDS HERE
*****************************************************************************************************************/



/*****************************************************************************************************************
BREADCRUMB
*****************************************************************************************************************/
#breadcrumbs-bar { width:980px; min-height:35px; padding:0px 0 0 ; margin:0 auto; float:none; overflow:hidden;  border-bottom:1px solid #cccccc; position:fixed; background:#fff; z-index:9999; }
#breadcrumbs-bar .left-bar { width:850px; float:left; border:0px;  margin:0px; padding:0px 0px; }
#breadcrumbs-bar .right-bar { width:120px; float:right; border:0px; }


.breadcrumbs { font-family: Arial; color:#7c7c7c; padding:0px; width:auto; float:left; font-size:12px; height:20px; line-height:20px;  font-weight:normal; 	list-style-type:none;	list-style-image:none; }
.breadcrumbs .last { text-align:left; background:none; font-family: Calibri, 'CalibriRegular', Trebuchet MS, Arial; font-weight:bold; font-size: 16px; color: #2389c0; }
.breadcrumbs li:last-child {background:none; }
.breadcrumbs li { float:left; line-height:14pt; vertical-align:top; margin: 0px; list-style:none; padding:0px 13px 1px 5px; height:20px; line-height:20px; background:transparent url(images/breadcrumbs-arrow.png) no-repeat right center;}
.breadcrumbs li a {    line-height: 20px;}
.breadcrumbs li a:link, .breadcrumbs li a:visited { text-decoration:none; color:#666666; font-weight:normal;    }
.breadcrumbs li a:hover, .breadcrumbs li a:focus { color:#000; font-weight:normal; text-decoration:underline; }
.breadcrumbs li {color:#666666; font-size:12px; }


ul.right-links { padding:0px; margin:0px; text-align:right;}
ul.right-links li { padding:0px 0px 0px 0px; margin:0px; list-style:none; display:inline-block;}
ul.right-links li a { text-decoration:none; }

.icon-home { width:17px; height:20px; background:url(images/icon-home.png) no-repeat; display:inline-block; }
.icon-home:hover { width:17px; height:20px; background:url(images/icon-home.png) no-repeat; background-position: 0 -20px; display:inline-block; }

/*****************************************************************************************************************
BREADCRUMB ENDS
*****************************************************************************************************************/







/*****************************************************************************************************************
TABLE STYLING
*****************************************************************************************************************/

.th { background:#456aab;  padding: 6px 4px; line-height:14pt; font-size:14px; font-weight:bold; color:#fff; }
.tch {  color:#333; background:#e8e8e8; padding: 6px 4px;}
.tc {  color:#333; background:#f8f8f8; padding: 6px 4px;}




/*****************************************************************************************************************
TABLE STYLING ENDS
*****************************************************************************************************************/





/*****************************************************************************************************************
FORM STYLING
*****************************************************************************************************************/




.form_box { width: 100%; margin: 10px 0; padding: 0px; overflow: hidden; font-family: Calibri, 'CalibriRegular', Arial; }

.form_box .float_left {float:left; width:215px; }
.form_box .float_left .normal_input { width: 160px;}

.form_row { width: 100%; overflow: hidden; margin-bottom:10px; }
.form_column { width: 100%; float: left; display: inline; text-align: left; font-size:13px; margin-bottom:5px;}
.form_left_column { width: 25%; float: left; display: inline; text-align: left; padding-top:4px; font-size:13px; }
.form_right_column { width: 75%; float: right; display: inline; }

.form_row span {color:#ff7f00;}
.form_box input { font-size: 14px; color:#777777; outline:none; }
.form_box input:focus { color: #000; }
.normal_input { width: 200px; padding: 4px 6px; font-size:14px; font-family: Calibri, 'CalibriRegular', Arial; color: #999; background: #fff; border: 1px solid #dedad4; outline:none;}
.normal_input:focus { color: #666; border: 1px solid #60adc2; }

.normal_input_date { width:50px; padding: 4px 1px; font-size:13px; font-family: Calibri, 'CalibriRegular', Arial; color: #999; background: #fff; border: 1px solid #dedad4; outline:none;}
.normal_input_month { width:80px; padding: 4px 1px; font-size:13px; font-family: Calibri, 'CalibriRegular', Arial; color: #999; background: #fff; border: 1px solid #dedad4; outline:none;}
.normal_input_year { width:60px; padding: 4px 1px; font-size:13px; font-family: Calibri, 'CalibriRegular', Arial; color: #999; background: #fff; border: 1px solid #dedad4; outline:none;}
.normal_input_date:focus { color: #666; border: 1px solid #60adc2; }
.normal_input_month:focus { color: #666; border: 1px solid #60adc2; }
.normal_input_year:focus { color: #666; border: 1px solid #60adc2; }

.unit_input { width: 40px; padding: 0px 0px 0px 1px; font-size:12px; color: #fff; background: #2f9db8; border: none; outline:none;}
.unit_input:focus { color: #e6e6e6; border: none; }


.form_box .verification_box {display:block; width:100%; float:left;}
.form_box .verification_box .captcha-img {display:inline-block; width:150px; float:left;  }
.form_box .verification_box .captcha-code {display:inline-block; width:80px; float:left; }
.form_box .verification_box .captcha-text {display:inline-block; width:100%; float:left; text-align:left; padding:10px 0px;}
.form_box .verification_box .captcha-text a { text-decoration:underline; font-size:13px; color:#c80000;} .form_box .verification_box .captcha-text a:hover { text-decoration:none; font-size:13px; color:#000;}

.btn_submit { width: 100px; height: 35px; background:#ff7f00; color:#fff; font-size:18px; font-weight:normal; border:0px; cursor: pointer; }
.btn_submit:hover { background: #ccc; color:#333; }



/*****************************************************************************************************************

FORM STYLING ENDS
*****************************************************************************************************************/

img        {max-width:100%; height:auto;}
.bigtext   {font: normal 16px Arial; color:#333333; line-height: 150%; text-decoration:none; text-transform:none; margin-top:10px; text-align:left;}
.bigtext1   {font: normal 17px Arial; color:#333333; line-height: 150%; text-decoration:none; text-transform:none; margin-top:10px; text-align:center; margin-bottom:50px;}


.plans       {text-align:center;}
.plans img   {max-width:100%; height:auto; text-align:center;}


h2.location     {font: 16px Arial; text-transform: none; line-height:150%; color: #cc4028; text-decoration: none; margin:0 0 0 0;}
.add		    {margin:0px  0px 15px 0px; padding:0px; line-height:15pt; font-size:16px;}

ul.location    {float:left; margin:0 auto; list-style:none;}
ul.location li {width:200px; float:left; margin:0 auto; line-height:10pt; font-size:16px; display:inline; margin:0px  0px 7px 0px; background:url(images/bullet.gif) no-repeat left; list-style:none; padding:0px 15px;}


.contacts      {width:300px; float:left; margin:0 auto; margin-bottom:15px;}
.contacts  .contact-left {width:100px; float:left; margin:0 auto;  margin-bottom:5px;  font-size:16px; font-weight:bold;}
.contacts  .contact-right {width:200px; float:right; margin:0 auto; margin-bottom:5px; font-size:16px;}

.enquiries-left  {width:350px; float:left; margin:0 auto;}
.enquiries-right {width:350px; float:right; margin:0 auto;}
h2.enquiry       {font-size:16px; color:#000; margin-bottom:2px; line-height:18px; font-weight:bold;}
.tb              {width:100%; height:17px; background:#eeeeee; border:0px; margin-bottom:10px; outline:none;}
.tb-1            {width:100%; height:70px; background:#eeeeee; border:0px; margin-bottom:10px; resize:none; outline:none;}
.btn             {width:70px; height:20px; background:none; border:1px #ccc solid; font-size:12px; margin:15px 0px 15px 0px;}
.enquiries-right .form-left    {width:100px; float:left; margin:0 auto; margin-bottom:12px;}
.enquiries-right .form-right   {width:250px; float:right; margin:0 auto; margin-bottom:12px;}


ul.sitemap {width:100%; margin:0 auto;}
ul.sitemap li {width:85%; float:left; margin:0 auto; line-height:15pt; font-size:16px; display:block; margin:0px  0px 7px 0px; background:url(images/bullet.gif) no-repeat left; list-style:none; padding:0px 15px;}
ul.sitemap li a  {float:left; margin:0 auto; font-size:16px; line-height:15pt; text-decoration:none;}
ul.sitemap li a:hover  {float:left; margin:0 auto; font-size:16px; line-height:15pt; color:#434343;}





.testimonials-box {
    border: 1px solid #ccc;
    padding: 20px 10px 20px 15px;
    display: block;
    border-bottom: none;
	/*background: url(images/quote-bottom.png) no-repeat bottom left;*/
    box-shadow: 4px -3px 5px #ccc;
}

.the-author {
    display: block;
    color: #e3343f;
    background: url(../images/quote-bottom.png) no-repeat top left;
    padding: 18px 0 0 0px;
	width:100%;
}

.home_data { display:table-cell; width:100%; vertical-align:top;  }

.testimonials p{font-size:13.5px; line-height:1.5em; }


.content-slider .bx-wrapper .bx-controls-direction a{top:-5%;}
.content-slider .bx-wrapper .bx-prev{right:35px; left:auto;}
ul.testimonials_bx{margin:0; padding:0;}
ul.testimonials_bx li{display:block;  margin:0; padding:0; float:left; width:100%;}
ul.testimonials_bx li .text{float:left; min-height:50px; height:100%; }
ul.testimonials_bx li .text p{ color:#333; text-align:left; font-size:10.5pt; line-height:1.5em;}
ul.testimonials_bx li .text h4{color: #86020d; font-size: 11pt; font-style: italic; margin-bottom:0;}