/*TWS Styling */

/*FONTS  **IMPORTANT- IE Declarations come first, .eot file src*/
/*@font-face{font-family:'newFont';src: url("~/fonts/OpenSans-Regular.eot"), url('~/fonts/OpenSans-Regular.ttf');}*/

hr.topRule{border:.5px solid black;}
a img{border:none;}         /*ie border issue" */

#ContentPane{min-height:500px;}
#ContentPane h3{text-align:center;}
#footer { clear: both; text-align: center; margin-top: 40px;color:white; font-size:small;}
#footer .footerLinks{color:Black;}

/*Standard Text Content */
.divStandardContent p{text-align:left;padding:0% 2%;}


/*HOME Page */
.divHomeContent{text-align:left;}
.divHomeSlider{padding-bottom:15px;}
.divHomeSlider iframe {width:100%;height:380px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block;}
.divHomeCenterRow{margin:10px auto;}
.divHomeCenterImage{height:650px;overflow:hidden;}
.divHomeColumn {width:32%; display:inline-block;vertical-align:top;padding-left:1%;text-align:center;}
.divHomeColumn a:link{text-decoration:none;color:Black;font-weight:bold;}
.divHomeColumn a:visited{color:Black;}
.divHomeColumn a:hover{}
.circle-icon { border-radius: 100%;padding:10px;border:2px solid black; }
.circle-icon:hover{border-color:white; background-color:#2250FC;}
.divHomeColumn a i:hover{color:white;}
.divHomeColumn h4{text-align:center;margin:0px;color:Black;}
.divHomeColumn h4:hover{color:#2250FC;}
.divHomeColumn p{margin-top:4px;text-align:left;}
.divHomeColumn i{text-align:center;color:Black;}
.divHomeColumn i:click{color:Black;}
.divHomeColumn i:hover{color:#2250FC;}
.divHomeColumn img{width:80%;}
.divHomeCenterText{text-align:center;margin-top:40px;}

/*Parrallax implentation */
.parallax-window {height: 550px; background: transparent;}


/*About Page */
.divAboutWrapper{/*background-color:#c2c2c2;*/}
.divAboutContent{background-color:white;text-align:left;padding:0px 15px 0px 20px;font-size:large;width:90%;margin:0px auto;}
.aboutimage { float: right; padding: 10px; margin: 0px 0px 20px 10px; text-align: center; font-size: large; border: 2px solid #ababab; -webkit-box-shadow: #ababab 0px 2px 3px; -moz-box-shadow: #ababab 0px 2px 3px; box-shadow: #ababab 0px 2px 3px; -webkit-border-radius: 5px; }

               
/*Gallery Page */
.divGallery{padding:0% 1%;}
.divGalleryItem{width:33%;display:inline-block;vertical-align:top;font-size:small;}
.divGalleryImage img{width:80%;margin: 20px auto;}
.divGalleryItem .navButtons{display:inline-block;}
.divGalleryText{display:inline-block;}
.galleryItemPrice{font-weight:bold;color:Red;font-size:large;}
.divGalleryItem i{margin:5px 0px;float:left;position:relative;left:20px;color:black;background-color:#eeeeee;}
.galleryTitle{font-weight:bold;font-size:large;}
.galleryDescription p{text-align:left;padding:0% 10%;}

/*Locations Page*/
.divLocationsContent{min-height:600px;}
.locationsImage{display:none;}
.locationlink{ display:inline-block;text-align: center; font-size: large; border: 2px solid #ababab; -webkit-box-shadow: #ababab 0px 2px 3px; -moz-box-shadow: #ababab 0px 2px 3px; box-shadow: #ababab 0px 2px 3px; -webkit-border-radius: 5px;clear:both; margin:10px 10px;}
a.locationlink{text-decoration:none; padding:10px;color:#444;}
a.locationlink:hover{color:#336699;}

/*locations pages*/
.crumbLink{margin-right:10px;line-height:2;float:left;}
a.crumbLink{text-decoration:none;color:#444;}
a.crumbLink:hover{color:#336699;}
.locationImage{float:right; width:40%;margin-left:20px;}


/*blog area*/

#content_divBlogContent, .divBlogContent { width: 89%;margin:0px auto; margin-top: 10px; }

.divDiscussionThread { color: Black; overflow: hidden; float: left; clear: both;text-align:left; width: 60%; padding: 5px; background-color: White; opacity: 0.9; border: 1px solid #ababab; border-bottom: none; -webkit-box-shadow: #ababab 0px 2px 3px; -moz-box-shadow: #ababab 0px 2px 3px; box-shadow: #ababab 0px 2px 3px; -webkit-border-radius: 5px; }
.DiscThreadCorner { clear: both; float: left; opacity: .9; padding-left: 25px; }
.AltDiscThreadCorner { clear: both; float: right; opacity: .9; padding-right: 25px; }
.AltDiscussionThread .spanMessageField img { float: right; }
.AltDiscussionThread { color: white; overflow: hidden; float: right; clear: both; text-align:left;width: 60%; padding: 10px; background-color: Gray; opacity: 0.9; border: 2px solid #ababab; border-bottom: none; -webkit-box-shadow: #ababab 0px 2px 3px; -moz-box-shadow: #ababab 0px 2px 3px; box-shadow: #ababab 0px 2px 3px; -webkit-border-radius: 5px; }
.divNewMessage { clear: both; text-align: center; padding-top: 40px; }
.spanMessageField { }
.spanMessageField img { float: left; margin: 5px 15px 5px 10px; }
.spanBlogHead { font-size: small; }
.divMessagePost { display: inline-block; width: 100px; vertical-align: top; }
.divRequiredField { color: Red; float: left; padding-left: 100px; }
.divAlternatingItemPost { background-color: #eeeeee; padding: 20px 0px; }
.divNavButtons { clear: both; text-align: center; }
.divMsgButtons { width: 100%; padding-left: 15%; float: left; }



/*Contact Page*/
.contactBG{background-color:lightgrey;background-image:url('../images/contactbg.jpg');color:white;}
    .contactBG .heading-text {margin-bottom:0px; }
        .contactBG .heading-text p{margin-bottom:10px;color:white;}
.contactContent .heading-text h3{color:white;}
.contactThanks { font-weight: bold; text-align: center;display:block;font-size:large;font-weight:bold;background-color:black; }
.contactPane { padding-left: 10%; text-align: left;max-width:500px; min-height:500px;margin:0px auto;}
.contactFooter { width: 100%; }
.Captcha { text-align: left; }
.contactLine{margin-bottom:8px;font-size:large;}
.contactLine input{width:200px; height:30px;}
.requiredField{color:Red;display:block;font-size:large;font-weight:bold;background-color:black;}
.captchaCover { background-color: white; height: 12px; width: 250px; position: relative; top: -55px; }

/*Marketing Page*/
.divMarketingContent{text-align:center;padding:0px 10px;font-size:large;}
.divMarketingContent p{text-align:left;padding:0% 2%;}
.ourprocess{margin:0px auto;width:90%;}
.ourprocess h5{text-align:left;padding-left:2%;}



/*File Manager */
.divFileLink{display:inline-block; float:left; border: 1px solid #ccc; border-radius:5px;vertical-align:top; padding:10px;margin:5px;}

/* Registration Page*/
.divRegister{margin:0px auto; width:50%; text-align:left;}
.registerField{margin-bottom:10px;font-weight:bold;}

/* Admin */
.gvInquiryRow{font-size:medium;}
 tr.gvInquiryRow {height:40px;}
.gvInquiryRow td{padding:2px 10px;max-width:300px;}
.gvInquiryHead th{text-align:center;}
.productForm{text-align:left;margin:0px auto; display:inline-block;}
.productEntry{margin-bottom:10px;}
.productLabel{min-width:150px;display:inline-block;}
.divPager{padding:20px;}
.divLogin{margin:20px auto;border:1px solid black; border-radius:5px;width:30%;padding:10px;}
.footerAdmin{text-align:right;margin-right:5%;}
.footerAdmin a{color:black;text-decoration:none;font-size:x-small;}
.breadCrumb{text-align:left;padding:10px;padding-left:5%;}
.breadCrumb a{color:Black;text-decoration:none;}
.breadCrumb a:hover{color:Red;text-decoration:none;}
.loginField{margin-bottom:10px;}
.divAdminLinks{margin:0px auto; width:40%;text-align:left;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;background-color:#E8E8E8;padding:10px;}
.adminLink{margin-bottom:5px;}
.adminLink i{margin-right:10px;}
.adminLink a{color:Black;text-decoration:none;}
.adminLink a:hover{color:red;}
.imgEditProduct{width:200px;display:inline-block;}
.divFileUpload{clear:both;}

/*Product Manager*/
.divProductManager { clear: both; color: black !important; }
.navButtons{text-align:center;clear:both;}
.pnlProductEdit{clear:both;margin:0px auto; width:50%;}
.productEntry input,.productEntry select{border:1px solid grey;width:200px;}
.msgReqField{color:red;font-weight:bold;}
.formMessage{clear:both;text-align:center;font-size:large;}

/*Registration Panel*/
.pnlRegister{margin:0px auto; width:50%;}
.pnlRegister .registerField span{display:inline-block;width:150px;}
.pnlRegister .registerField .requiredField{width:100%;}

/*login*/
.divLogin{clear:both;}
.loginField span{display:inline-block;width:75px;}



/*Mobile Compatibility Area */
@media screen and (max-width:1200px){
    #header {/* margin-bottom: 20px;*/ }
    .CenterContent{padding-right:0px;}
    }
    
@media screen and (min-width:1125px) {   
    .divHomeColumn p{min-height:200px;}
    }

@media screen and (max-width:1125px) {
     #divMenu,.divMenu { margin-top: 25px; width: 100%; float: none;padding:0px;margin-right:0px; }
     #logo, .logo{margin:0px auto;float:none;}
     .divHomeColumn {width:100%;}
    #headertext { text-align: center; width: 100%;margin-right:0px; }
    .divShopLeft{float:none;width:100%;padding:0px 0px;}
    .divShopRight{float:none;width:100%;padding:0px 0px;}
    .divAdminLinks{width:80%;}
    .divGalleryImage img{width:90%;}
    .divHomeColumn img{max-width:400px;}
    
}

@media screen and (max-width:768px){
    #logo, .logo{float:none;width:100%;padding-top:10px;}
    .logo img{width:100%;max-height:65px;max-width:425px;}
 #headertext {margin-top:0px;}   
 #headertext .headerFull{display:none;}   
 #headertext .headerMobile{display:block;}  
.divHomeSlider iframe{height:410px;}
.divSpecial{width:40%;}
.divGalleryItem{width:45%;}
.divShop .divInquiry{width:100%;}
.divDiscussionThread { width: 100%; }
    .AltDiscussionThread { width: 100%; }
    .divHomeSlider iframe{height:280px;}
.divLocationsContent{min-height:600px;}    
.locationsImage{display:none;}
.parallax-window {min-height: 400px;}
.divHomeColumn{margin-top:30px;}
.divHomeCenterImage{height:450px;overflow:hidden;}
.parallax-window {height: 350px; background: transparent;}
.footerAdmin { text-align:center; }
.divMarketingContent img { width: 100%; }
}

@media screen and (max-width:578px) {
    .menuitem{font-size:medium;margin:2px 4px;}
    .divGalleryItem{width:100%;}
    #aboutImage{float:none;width:100%;margin:0px;}
    #header { min-height: 80px; }
    #wrapper { border-width: 10px; }
    .facilityImage { width: 100%; float: none; display: block; }
    .imgColor,.colorHeight{width:22px;}
    .divLogin{width:100%;padding:0px;}
    .divAdminLinks{width:100%;padding:0px;}
    .divSpecial{width:100%;}
    .divHomeSlider iframe{height:280px;}
    .aboutimage{width:35%;margin-left:20px;}
    .locationImage{width:100%;float:none;margin:0px auto;}
}

@media screen and (max-width:360px) {
    .divSpecial{width:90%;}
    .divAboutContent{width:90%;}
    .divHomeSlider iframe{height:135px;}
    .aboutimage{width:95%;}
    .menuitem{font-size:small;margin:2px 2px;}
}

@media screen and (min-width:768px)
{
    .divAboutContent{min-height:500px;}
 
}

@media screen and (min-width:1280px)
{
    .divHomeSlider iframe{height:400px;}
    .divHomeColumn p{min-height:150px;}
}

@media screen and (min-width:1600px)
{
    .divHomeSlider iframe {height:500px;}
}