@font-face {
    font-family: 'dejavu_sanscondensed';
    src: url('fonts/dejavusanscondensed.eot');
    src: url('fonts/dejavusanscondensed.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejavusanscondensed.woff') format('woff'),
         url('fonts/dejavusanscondensed.ttf') format('truetype'),
         url('fonts/dejavusanscondensed.svg#dejavu_sanscondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{height:100%;width:100%;}
body{min-height:100%;font-family: 'dejavu_sanscondensed', serif;margin:0px;padding:0px;}
p{font-size:12px;}
ul.social,ol.social{list-style:none;padding:0px;}
.clear{clear:both;}
a{transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-o-transition:all ease 0.3s;
color:#008886;}


.header{background:#008886;color:#56463C;position:relative;}
.header .logo{display:table;margin:0 auto;}
.header .right-side{position:absolute;right:0px;top:0px;padding:5px;}
.header .right-side img{float:right;}

.menu{background:#008886;padding:4px;}
.menu ul{list-style:none;padding:0px;margin:0px;text-align:center;}
.menu ul li{display:inline-table;color:#fff;}
.menu ul li:after{content:"|";}
.menu ul li:last-child:after{content:"";}
.menu ul li a{display:inline-table;color:#fff;padding:0px 10px;text-decoration:none;text-transform:uppercase;}

.main-content-wrapper{width:1000px;margin:10px auto;}
.main-content-wrapper .left-side{width:240px;float:left;border:1px solid #999;background:#EEEBE9;margin-right:5px;}
.main-content-wrapper .left-side .block-wrap{margin-bottom:20px;}
.main-content-wrapper .left-side .block-wrap .heading{background:#56463C;color:#fff;text-transform:uppercase;padding:2px 7px;display:block;}
.main-content-wrapper .left-side .block-wrap .content{padding:30px 8px;}
.main-content-wrapper .left-side .block-wrap .content a{display:block;margin-bottom:10px;text-decoration:none;text-transform:uppercase;}

.main-content-wrapper .right-side{display:table;}
.main-content-wrapper .right-side .banner{border:1px solid #333; margin-bottom:0px; width:100%;}
.main-content-wrapper .right-side .content{border:1px solid #333; padding:0px; width:736px; color:#4B3C34; min-height:124px;}

.footer{background:#56463C;padding:20px;color:#fff; margin-top:20px;}
.footer .center{width:1000px;margin:0 auto;text-align:center;}
.footermenu ul{list-style:none;padding:0px;margin:0px;text-align:center;}
.footermenu ul li{display:inline-table;color:#fff;}
.footermenu ul li:after{content:"|";}
.footermenu ul li:last-child:after{content:"";}
.footermenu ul li a{display:inline-table;color:#fff;padding:0px 10px;text-decoration:none;text-transform:uppercase;}




.productdiv {float:left; position: relative; margin:5px; border-radius: 5px; width:225px; height:275px; background-color:#ffffff;}

.productdiv:hover .proprice {
    opacity: 1; 
    
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.productdiv:hover .protitle {
   
}
.protitle {width:225px; padding:10px 0px 10px 0px; text-align:center; color: #000000; text-decoration: none; border-radius: 0 0 5px 5px;}
.proprice {width:225px; height: 50px; padding:0px; text-align:center; position: absolute; opacity: 0; color: #fff; text-decoration: none; border-radius: 5px 5px 0 0; }
.propricespan{line-height: 50px; color: #777; font-size: 24px;}
.protitlespan{line-height: 18px; font-size: 10px; width: 150px; margin:0 auto;}
.prolink {width:100%; background-color:#5e0001; padding:10px; text-align:center;}
.prolink a {color:#f79d27;  font-family:comic sans ms, arial;}

.leftcolumn {width:172px; padding:0px; text-align:left; vertical-align:top;}
.rightcolumn {width:830px; padding:0px; text-align:left; vertical-align:top;}

.right-side input[type=text] {height:30px; width:240px;}
.right-side input[type=password] {height:30px; width:240px;}
.right-side input[type=submit], input[type=reset] {padding:10px; cursor:pointer; margin:2px;}
.right-side textarea {height:100px; width:240px;}

.text1 {width:736px; padding:0px; text-align:left; vertical-align:top;}
.text2 {width:368px; padding:0px; text-align:left; vertical-align:top;}
.text3 {width:368px; padding:0px; text-align:left; vertical-align:top;}
.text4 {width:245px; padding:0px; text-align:left; vertical-align:top;}
.text5 {width:246px; padding:0px; text-align:left; vertical-align:top;}
.text6 {width:245px; padding:0px; text-align:left; vertical-align:top;}
.text7 {width:333px; padding:0px; text-align:left; vertical-align:top;}
.text8 {width:334px; padding:0px; text-align:left; vertical-align:top;}
.text9 {width:333px; padding:0px; text-align:left; vertical-align:top;}

.divmain {margin:15px; background-image:url(images/divback.png); background-repeat:repeat;}
.div1 {margin:15px;}
.div2 {margin:15px;}
.div3 {margin:15px;}
.div4 {margin:15px;}
.div5 {margin:15px;}
.div6 {margin:15px;}
.div7 {margin:8px;}
.div8 {margin:8px;}
.div9 {margin:8px;}

.gallerycell {margin:5px; border:0px solid #333333; text-align:center; width:50px;}
.galleryimage {width:50px; height:50px;margin:5px; border:1px solid #bfbcbc; }

.eventname {text-align:left; vertical-align:top; background:#ebf1f5;}
.eventname2 {text-align:left; vertical-align:top; background:#fafdff;}

.fieldname {text-align:right; background-color:#e1e1e1; width:150px; color:#000000;}
.fieldbox {text-align:left;}

.blogleft {background-color:#e0e1e2; width:170px; text-align:left; vertical-align:top; color:#000000;}
.blogright {background-color:#e8e9ea; text-align:left; vertical-align:top;}
.blogheader {background-color:#808285; text-align:left; vertical-align:top; color:#FFFFFF;}

.catalog {padding:5px;}

.starcell img {float:none;}


.membersdiv {margin-left:20px;}
.membersnav {margin-top:20px; margin-bottom: 0px;}

.storebreadcrumbs {border:0px solid #1b1f1b; padding:0px; color:#000000;}
.storemaincell {border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.storebottomlinks {border:0px solid #1b1f1b; color:#c1c8d3;}
.storeproductcell {border-top:0px solid #cccccc; border-bottom:0px solid #cccccc; padding:0px;}

.cart {background-color:#f5f5f5; color:#000000; }
.cartheaders {padding:3px; background-color:#e9e7e9; color:#000000;}
.cartitem {border-right:1px solid #e9e7e9; border-bottom:1px solid #e9e7e9; border-left:1px solid #e9e7e9;}

.cartbox {background-color:#f5f5f5; color:#000000; margin:30px auto; padding: 5px; border-collapse: separate;}
table.cartbox td{ margin:0; padding:2px; border-collapse: separate;}
table.cartbox tr{ margin:0; padding:0px; border-collapse: separate;}

.checkout {background-color:#f5f5f5; color:#000000;}
.checkoutheader {padding:5px; background-color:#d4d6d4; color:#000000;}
.checkoutcellleft {padding:5px; background-color:#e9e7e9; color:#000000; width:200px;}
.checkoutcellright {padding:5px;}

.servicename {border-bottom:1px dotted #1055ac; font-size:14px;}
.serviceprice {border-bottom:1px solid #1062c9; text-align:right; font-size:10px; background-color:#105ab5;}

.profilename {border-bottom:1px dotted #1055ac; font-size:14px;}

.estimateform {background-color:#808080; border:1px solid #000000; color:#ffffff; width:200px; height:28px; vertical-align:middle; margin-top:3px; font-size:12px;}

.socialprofile { vertical-align:top; text-align:left;}
.socialprofileleft2 {text-align:right; vertical-align:top; background-color:#eff0f1; font-size:14px; width:170px;}
.socialprofileright2 {text-align:left; vertical-align:top; font-size:12px;}

.socialcommentcell { vertical-align:top; text-align:left; border-bottom:1px solid #0f226b; width:100px;}
.socialcommentcell2 { vertical-align:top; text-align:left; border-bottom:1px solid #0f226b;}
.socialcommentcell3 { vertical-align:bottom; text-align:left; border-bottom:1px solid #0f226b; width:150px;}

.custombutton {padding:0;margin:0;border:none;background:none;cursor:pointer;}

* html .custombutton {cursor:hand;} /* alternate cursor style for ie */

.viewcartoptions {margin-left:20px; font-weight:400; font-size:10px;}

 #sortlist {
	width: 550px;
	margin: 0 auto;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #a5a1a1;
	text-align:center;

	}
#sortlist div.sorting {
	float: left;
	margin: 4px;
	padding: 4px;
	border: 1px solid #ccc;
	background-color:#FFFFFF;
	}
	
#sortlist div.sorting:hover { 
	float: left;
	margin: 4px;
	padding: 4px;
	background-color:#DEE7EB;
	cursor: move;
	}