@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; border:0px;}

body{ color:#444; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}

img{max-width:100%; width1:auto;height1:auto}
.clear{clear:both}



@font-face {
	font-family: 'calibri';
	src: url('../fonts/colabthi.eot');
	src: local('☺'), url('../fonts/calibri.woff') format('calibri'), url('../fonts/calibri.ttf') format('truetype'), url('../fonts/calibri.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


@font-face{font-family:Arial, Helvetica, sans-serif;}


/*---------------------------- Common Classes --------------------*/
h1{font-family:'calibri',Sans-Serif; font-size:25px; line-height:35px; color:#005990; text-transform:uppercase;}
h1 b{color:#DA251C;}
h2{font-family:'calibri',Sans-Serif; font-size:24px; line-height:30px; color:#ff0000; text-align:justify;}
h3{ font-size:15px; line-height:28px;}
h4{ font-size:14px; font-family:'Open Sans', arial; line-height:24px;}

hr{width:100%; float:left; border:3px solid #014B96; margin:0%; padding:0%; }
.arrow{width:90%; margin-left:10%; height:11px; background-image:url(../images/arrow.png); background-position:left; background-repeat:no-repeat; float:left;}


.center{width:1050px; max-width:96%;	margin: 0 auto;}

a{color:#f00; text-decoration:none;  -moz-transition: all 1s ease;       -o-transition: all 1s ease;      -ms-transition: all 1s ease;          transition: all 1s ease;}
a:hover{color:#000;}

.text{text-align:justify;}
.text ul{padding-left:22px; margin:0px;}
.text ul li{list-style-image:url(../images/bult.png); padding:2px 0px;}
.text a{background-color:#F00; color:#fff; text-decoration:none; padding:2px 6px;}
.text a:hover{background-color:#900; color:#fff;}



/*------------------------ Logo and Links --------------------*/ 
#topmenu{float:left; width:100%; background-image:url(../ddmenu/bgg.jpg); background-color:#0f6a37; padding:5px 0px; border-top:0px dashed #ff0000; border-bottom:0px dashed #ff0000; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
#topmenu .left{float:left;}
#topmenu .right{float:right; font-weight:bold;}
#topmenu a{color:#fff; padding:0px 4px; border-right:1px solid #ADB8C7; line-height:15px;}
#topmenu a:hover{color:#ff6600; text-decoration:underline;}
#topmenu a:last-child{border:none;}
#topmenu a:hover{text-decoration:underline;}

#header{width:100%; float:left; padding-top:1%; background-color:#fff;}

.logo{ float:left;margin-top:1%;}
#links{--background-color:#ff0000;background-image: url("../ddmenu/bg.jpg"); background-repeat: repeat; margin-top:1%; width:100%; float:left;}

#header .right{float:right; width:59%; color:#000; font-size:13px; text-transform:uppercase;  text-align:left; padding-top:1%; }
#header .right .cart{width:120px; float:right; margin-left:2%;}
#header .right .cart p{line-height:30px; background-color:#F1F1F1; padding:1px 8px; border:1px solid #ccc; font-weight:bold;}

#header .right .track{width:100px; padding:8px 4px; border:1px solid #cccccc; float:right; margin-right:2%; margin-top:16px; background:#efefef; font-size:13px;}

.search{width:60%; margin-top:2%; margin-bottom:2%; float:left; padding:4px 2px;  margin-right:3%;}
.search .searchbox{width:70%; float:left; border:1px solid #CCC padding:6px 2px;}
.search .searchbox:hover {border:1px solid #999;}
.searchbtn{background-color:#E80113; color:#fff; box-shadow:none; margin-left:2%; padding:5px 2px; border:1px solid #E70112; font-weight:bold; cursor:pointer;}
.searchbtn:hover{background-color:#333; border:1px solid #333;}
/*.searchbtn{background-image:url(../images/search.png); background-repeat:no-repeat; height:26px; width:25px; border:0px; float:right; cursor:pointer;}*/


#slidrdiv{width:100%; float:left; background-color:#fff; padding-bottom:2%; }

.hdrslider{width:57%; float:left;}
.hdrservies{width:39%; float:left; text-align:center; font-family:'calibri',Sans-Serif; font-size:18px; line-height:28px; color:#fff;}
.hdrservies img{margin:1% 0%;}

.prosdiv{width:100%; float:left;}
.prosdiv .product{float:left; padding:1% 1%; background-color:#eaeaea; text-align:center;  width:21%; margin:1%; box-shadow:0px 1px 3px #fff;}
.prosdiv .product b{font-weight:normal; width:100%; float:left; text-align:center;}

.prosdiv .product span{width:100%; float:left; margin:2% 0%; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:14px; }
.prosdiv .product .cart{background-color:#e80113; margin:3% 0%; font-weight:bold; border-radius:3px; padding:3px 10px; color:#fff;}
.prosdiv .product .cart:hover{background-color:#333;}

.prosdiv .product:hover{box-shadow:0px 1px 3px #333;}
/*-------------- Text Container -------------------*/




#section{width:97%; float:left; padding:1%; background-color:#fff; box-shadow:0px 1px 4px  #e3e3e3; border:1px solid #f3f3f3; border-radius:4px; }
#section .left{width:22%; float:left;}
#section .right{width:74%; float:right;}
#section .left ul{padding-left:25px; border-left:1px solid #e3e3e3; background-color:#f2f2f2;}
#section .left ul li{list-style:square; color:#DE621A; font-family:'Open Sans';}

#section .right a{color:#333; text-decoration:none; font-size:14px; line-height:25px; background:none;}
#section .right a:hover{text-decoration:underline;}

/*--------------- Services ---------------*/
ul.services{padding-left:22px; padding-right:20px; margin:0px;}
.services li{list-style-image:url(../images/list.png); font-size:14px; border-bottom:1px dashed #ccc; line-height:25px; padding:6px 0px; font-weight:bold;}


/*----------------------------Footer----------------------------*/
.footertop{width:100%; float:left; background-image:url(../bg/b44.png); background-repeat:repeat-x; background-position:bottom; height:6px; padding-top:20px;}
.footerbtm{width:100%; float:left; background-image:url(../bg/b57.png); background-repeat:repeat-x; background-position:top; height:8px;}
#footer{width:100%; float:left; background-image:url(../bg/b57.png); padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}

#footer nav{float:left; padding:4px 2px; width:20%;}
#footer h3{font-size:16px; line-height:22px; color:#F0BB00; font-family:Arial, Helvetica, sans-serif;}
#footer ul{list-style:none; float:left; padding-left:10px; width:98%;}
#footer ul li{list-style-image:url(../images/marker.png); text-align:left; line-height:16px; font-size:9px; color:#CA3F01; border:none; padding-bottom:3px;}
#footer ul li a{color:#c0c0c0; font-size:12px; text-decoration:none;}
#footer ul li a:hover{color:#ff6600; text-decoration:underline;}

#footer .btmlinks{width:100%; float:left; margin-bottom:20px; font-weight:bold;}
#footer .btmlinks a{background-image:url(../images/rs.png); background-position:left; font-weight:normal; background-repeat:no-repeat; padding:2px 8px; color:#c0c0c0;}
#footer .btmlinks a:hover{text-decoration:underline;}

#footer .contact{float:right; padding:4px 0px; width:26%; text-align:center; margin-bottom:5px;}
#footer .contact p{width:100%; float:left; text-align:center;}
#footer .contact img{padding:0px 0px;}
#footer .contact p img{margin-top:0px; margin-bottom:0px;  padding:0px 4px;
  -webkit-transition: margin 1s ease;   -moz-transition: margin 1s ease;   -o-transition: margin 1s ease;    -ms-transition: margin 1s ease;     transition: margin 1s ease;}

#footer .contact p img:hover { margin-top:10px; margin-bottom:-10px;}


.social-icons { float:right; margin:0px ; padding:0px; }
	.social-icons li { position:relative; overflow:hidden; width:31px; height:30px; padding:0px; margin:0px 3px 4px; display:inline-block; *display:inline; zoom:1;  }
	.social-icons li img { bottom:0px ; left:0px; position:absolute; -webkit-transition:all 300ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear;} 
	.social-icons li img:first-child { bottom:-38px; }
	.social-icons li:hover img:first-child { bottom:0px; z-index:1;  }
	.social-icons li:hover img:last-child { bottom:38px; }	




.cpy{width:100%; float:left; background-image:url(../bg/b44.png); padding-top:11px; padding-bottom:11px; color:#c0c0c0;}
.cpytop{width:100%; float:left; border-bottom:0px dashed #000; margin-bottom:0px; margin-top:0px; clear:both; }
.cpybtm{width:100%; float:left; border-bottom:0px dashed #000; margin-bottom:0px; margin-top:0px; clear:both; }
.cpy .left{float:left;}
.cpy .right{float:right;}


.trackrow{background-color:#efefef; font-size:12px;}
.trackrow td{padding:4px;}

/* --------------- Home Page Crawler ------------------- */
.slidiv{width:100%; float:left; margin:1% 0%; overflow:hidden;}
    .jcarousel-control {     margin-bottom: 10px;      text-align: center;   }

    .jcarousel-control a {font-size: 75%;     text-decoration: none;  padding:0 5px; margin: 0 0 5px 0; border: 1px solid #fff; color: #eee;       background-color: #4088b8;
        font-weight: bold;   }

    .jcarousel-control a:focus,   .jcarousel-control a:active {       outline: none;   }

    .jcarousel-scroll {   margin-top: 10px;    text-align: center;  }

    .jcarousel-scroll form {margin: 0;       padding: 0;   }

    .jcarousel-scroll select {    font-size: 75%;   }

    #mycarousel-next,  #mycarousel-prev {  cursor: pointer;    margin-bottom: -10px;   text-decoration: underline;    font-size: 11px;  }

.redbtn{background-color:#e80113; border:0px; margin:3% 0%; font-weight:bold; border-radius:3px; padding:3px 10px; color:#fff; cursor:pointer;
-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.redbtn:hover{background-color:#333;}

/*------------------------ Form ------------------------- */
input{ -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px; padding:6px 2px; border:1px solid #ccc; border-radius:4px;  }

#form{width:100%;}
#form input, #form textarea, #form select{padding:6px 2px; border:1px solid #ccc; border-radius:4px;  -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px; resize:none;}
#form p{width:100%; float:left; padding-bottom:1%; font-family:'Open Sans'}

#form label{width:24%; float:left; font-size:15px;}


.regchkfrm {width:49%;}
.regchkfrm input, .regchkfrm textarea, .regchkfrm select{padding:6px 2px; border:1px solid #ccc; border-radius:4px;  -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px;}
.regchkfrm #form label{width:32%; float:left; font-size:15px;}
.regchkfrm  input[type="radio"], .regchkfrm  input[type="checkbox"] {width:20px !important; float:none;}

.loginchkfrm{width:49%;}
.loginchkfrm input, .loginchkfrm textarea, .loginchkfrm select{padding:6px 2px; border:1px solid #ccc; border-radius:4px;  -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px;}
.loginchkfrm #form label{width:32%; float:left; font-size:15px;}
.loginchkfrm  input[type="radio"], .loginchkfrm  input[type="checkbox"] {width:20px !important; float:none;}

.checkoutfrm{width:50%;}
.checkoutfrm input, .checkoutfrm textarea, .checkoutfrm select{padding:6px 2px; border:1px solid #ccc; border-radius:4px;  -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px;}
.checkoutfrm #form label{width:32%; float:left; font-size:15px;}
.checkoutfrm  input[type="radio"], .checkoutfrm  input[type="checkbox"] {width:20px !important; float:none;}


.prd_pic{width:45%;}
.prd_pic input, .prd_pic textarea, .prd_pic select{padding:6px 2px; border:1px solid #ccc; border-radius:4px;  -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px;}
.prd_pic #form label{width:32%; float:left; font-size:15px;}
.prd_pic  input[type="radio"], .prd_pic  input[type="checkbox"] {width:20px !important; float:none;}


@media only screen and (max-width:900px){
	
	.hdrslider{width:100% !important; float:left;}
	.hdrslider img{width:100%;}
		.hdrservies{width:92%; float:left; margin-top:2%;}
		.hdrservies img{width:46%; float:left; margin:0%;}
	}
@media only screen and (max-width:700px){

.prosdiv .product{ width:29%; height:320px;}	

}
@media only screen and (max-width:698px){
#header .right{width:100%; float:left;}	
#footer nav{float:left; padding:1%; width:28%;}
#footer .contact{padding:10px 10px; width:96%;}		
}

@media only screen and (max-width:600px){
   	#section .left{width:98%; float:left;}
   #section .right{width:98%; float:left; margin-top:3%;}
  /* .hdrservies img{width:50%; border-right:0px;}
   .hdrservies img:nth-child(2){display:none;}*/
   
   #form{width:99%;}
#form input, #form textarea, #form select{width:94% !important;}
#form label{width:98%;}
#form input[type="radio"], input[type="checkbox"] {width:20px !important;}
}

@media only screen and (max-width:500px){
	#topmenu .right{float:left; padding-top:2%; width:98%; text-align:left;}
	.prosdiv .product span strong{width:98% !important; float:left;}
}

@media only screen and (max-width:420px){
	.search{width:100%}
	#header .right .cart{ margin-right:5%; margin-left:0%;}
	#header .right .track{ margin-right:5%; margin-left:0%;}
	.prosdiv .product{ width:46%; height:290px;}	
	   .hdrservies img{width:340px; max-width:99%;}
	   #footer nav{float:left; padding:1%; width:48%;}
	
#footer .contact img{padding:6px 2px;}
.checkoutfrm, .regchkfrm, .loginchkfrm{width:99%; float:left !important; margin-bottom:2%;}
.prd_pic{width:99%; float:left !important; margin-bottom:2%;}
.cpy .left{float:left; width:100%; text-align:center;}
.cpy .right{float:left; width:100%; text-align:center;}
}
@media only screen and (max-width:380px){
	/*.prosdiv .product{ width:96%; text-align:center;}*/
	.prosdiv .product span{width:100%; float:left; font-size:12px;}
	/*.prosdiv .product .cart{width:78%; margin:2% 10%; float:left;}*/
	
	#header .right{padding-bottom:3%;}
	.shopcart p:nth-child(2){width:90% !important;}
	.shopcart p:nth-child(3),.shopcart p:nth-child(4),.shopcart p:nth-child(5) {width:33% !important; padding-top:1%;}
	.shopinfo p span{width:98% !important; text-align:left !important;}

}


/*.pagging { height:20px; padding:8px 10px; font-size:12px; line-height:19px; color:#949494; }
.pagging a{ background:url(images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:2px;  }
.pagging b{ background:#2B6A91; color:#fff; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; margin-left:5px;  }
.pagging a:hover { border-color:#8c3521; background:#2B6A91; color:#fff; }
.pagging span{ float:left; margin-left:2px; padding-top:2px; }*/