body {
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#777878;
margin:0;
padding:0;
}

.cb{
	clear:both;
}

.header{
background-image:url(images/head_bg.jpg); background-repeat:repeat-x; height:180px;
	width:100%;
	margin:0 auto;
}


.wrapper{
	width:1000px;
	margin:0 auto;
	background-color:#FFFFFF;
}

.logo { float:left; width:257px; height:78px; margin:28px 0px 0px 0px;}

.top{float:right; background-image:url(images/top.jpg); background-repeat:no-repeat; width:549px; height:137px;}

.top_txt{float:left; width:100%; text-align:center; color:#000000; font-weight:bold; font-size:14px; margin:98px 0px 0px 0px;}
.top1{color:#0101ff;}
.top2{color:#d97806;}

.navigation{float:left; width:100%; margin-top:1px;}

.navigation ul{ width:100%; padding:0; margin:0; list-style:none; float:left;}


.navigation ul li{
	list-style:none;
	float:left;
}

.navigation ul li a {
	color: #fff; 
	float: left;
	font-size:15px; text-transform:uppercase;
	padding: 12px 20px;
	text-decoration:none; border-right:1px solid #393939;
}

.navigation ul li a:hover{
color:#d97806;
}

.banner{float:left; background-image:url(images/banner.jpg); background-repeat:no-repeat; width:1000px; height:330px; border-bottom:20px solid #000;}

.banner_right{float:right; width:335px; background-image:url(images/banner_right_bg.png); background-repeat:repeat; padding:15px 0px 5px 0px;}

.tab_right{float:right; width:290px; height:52px; margin:0px 20px 10px 0px; background-image:url(images/tab_bg.png); background-repeat:repeat;}

.tab_right a{color:#fff; text-transform:uppercase; text-decoration:none; float:left; width:100%; text-align:center; margin-top:18px; font-size:14px;}

.body_left{float:left; width:500px; margin:20px 0px 0px 0px; }

.body_left img{float:left; margin:20px 50px;}

.body_right {
float:right; width:430px; margin:0px 40px 0px 0px; line-height:25px; text-align:justify;
}

.body_head{float:left; font-size:18px; width:100%; color:#0b66b9; margin:20px 0px 10px 0px;}
.body_head1{float:left; font-size:18px; width:100%; color:#000; margin:0px 0px 10px 20px;}

.logos{float:left; width:100%; border-top:1px solid #b7b7b7; padding:20px 0px; margin-top:30px;}
.logos img{ padding:0px 30px; float:left;}

.footer_bg {
	background-color:#b7b7b7; padding:20px 20px 200px 20px; width:960px; float:left; color:#FFFFFF; line-height:24px;
}

.footer_bg ul{ width:240px; padding:0; margin:0; list-style:none; float:left;}


.footer_bg ul li{
	list-style:none;
	float:left; width:100%;
}

.footer_bg ul li a {
	color: #FFFFFF; 
	float: left;
	font-size:16px;
	padding:2px 0px 2px 0px;
	text-decoration:none; text-transform:lowercase;
}

.footer_bg ul li a:hover{
color:#666;
}

.foot_head{ float:left; width:100%; text-transform:uppercase; color:#7d7d7d; margin-bottom:10px;}

.last{float:right!important; width:180px!important;}



.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 {
    opacity: 5; 
    background: rgba(255, 255, 255, 0.7);
    -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;
}
.protitle {width:225px; padding:10px 0px 10px 0px; text-align:center; position: absolute; top: 0px; opacity: 0; 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;}

.divmain input[type=text] {height:30px; width:240px; margin: 2px; border: 1px solid #cccccc;}
.divmain input[type=password] {height:30px; width:240px; margin: 2px; border: 1px solid #cccccc;}
.divmain input[type=submit], input[type=reset] {padding:10px; cursor:pointer; margin: 2px; border: 1px solid #cccccc;}
.divmain textarea {height:100px; width:240px; margin: 2px; border: 1px solid #cccccc;}

.divmain {width:100%; min-height: 300px;}
.divmain h1 {float:left; font-size:18px; width:100%; color:#0b66b9; margin:20px 0px 10px 0px;}

.div1 {float: left; padding:15px; width:930px;}
.div2 {float: left; padding:15px; width: 500px;}
.div3 {float: left; padding:15px; width: 430px;}
.div4 {padding:15px;}
.div5 {padding:15px;}
.div6 {padding:15px;}
.div7 {padding:8px;}
.div8 {padding:8px;}
.div9 {padding: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:5px 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;
	}