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

 body{    background:url(../images/body_bg.jpg) repeat-x scroll 0 0 transparent;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;}
	
*{ box-sizing:border-box;}

.main{margin:0; padding:0; width:100%; float:left;}

.head{margin:auto;
    padding-top: 6px;
    width: 950px;}
	
.clear{clear:both; width:100%;}

.logo{cursor: pointer;
    display: block;
    height: 46px;
    margin-left: 5px;
    margin-top: 0;}
	
a {color: #000000; text-decoration: underline;}

.toplink1rt { margin-left: 10px; margin-top: 13px;}

.toplink1rt ul{list-style: none outside none; text-decoration:none;}

.toplink1rt ul li {
    color: #024370;
    display: inline-block;
    list-style: none outside none;
    padding: 0 6px;
    text-decoration: none;}

.toplink1rt ul li a{color:#024370; text-decoration: none;}

.fl{float:left;} .fr{float:right;} .bold{font-weight:bold;} .color{color:#024370; font-weight:bold;}
h1{font-size:14px; text-align:Left; color:#024370; padding-bottom:20px; padding-top:10px; width:711px; margin:auto; }
.content{width:711px; margin:auto;}
.content p{font-family:Arial,Lucida Console,sans-serif; font-size:13px; line-height:22px; word-spacing:1px; text-align:justify; line-height: 2;}
.content ul {margin-right:10px; font-weight:bold; line-height:20px;}

.content ul li{ font-weight:normal; list-style:none; padding-left:10px; line-height:22px; word-spacing:5px; font-size:12px;text-align:justify;  }

.content ul li span a{text-decoration:none; padding-left:10px; color:#024370;}
.content img{border:0px; margin-top:10px;}
.btn{background:url(../images/btn.jpg) no-repeat; border:none; width:156px; height:29px;}

.fl{float:left;} .fr{float:right;}
/*for sliding panel*/
#wrap{ width:100%;top:0px; position:relative; bottom:0px; }
#wrap ul{ margin:0px; padding:0px; width: 713px;
text-align:center;
   
}
#wrap .detail-view {
   /* background: none repeat scroll 0 0 #F3F4EE;*/    left: 0;
    overflow: hidden;
	clear:both;
	display:none;
	margin-left:13px;
	margin-bottom:15px;
    width: 96%;
}
#wrap .detail-view .close{ text-align:right; width:98%; margin:5px; }
#wrap .close a{ padding:6px; height:10px; width:20px; color:#000000; }
#wrap .detail-view .detail_images{ float:left}
#wrap .detail-view .detail_info{ 
	float:right;
	font-family: "Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,sans-serif; 
	color:#525049;
	margin-right:20px;
	margin-top:30px;
	text-align:justify;
	width:250px;
	font-size:12px;
}
#wrap .detail-view .detail_info label{ font-size:12px;text-transform:uppercase; letter-spacing:1px; line-height:60px;} 
#wrap .detail-view .detail_info p{ height:110px;}
a#show_cart{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8E7DC;
    cursor: pointer;
	display:block;
    display: inline-block;
    font: 9px/21px "Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,sans-serif;
    letter-spacing: 2px;
    color:#525049;
	padding:8px;
	text-decoration:none;
	
    text-transform: uppercase;
}
.add-to-cart-button{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8E7DC;
    cursor: pointer;
    display: inline-block;
    font: 9px/21px "Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,sans-serif;
    letter-spacing: 2px;
    padding-top: 10px;color:#525049;
	margin-top:15px;
    text-transform: uppercase;
}
.add-to-cart-button:hover {
    background: none repeat scroll 0 0 #F8F8F3;
}
.shopp{background: none repeat scroll 0 0 #F8F8F3;}
#wrap ul li{
	list-style-type:none; 
	width:700px; 
	margin-left:10px; 
	margin-bottom:15px; 
	float:left; font-family: Arial,Lucida Console,sans-serif; font-size:13px;word-spacing:6px; 
	padding:15px 0px 0px 0px;
	
	overflow:hidden;line-height:28px; word-spacing:6px; text-align:justify;
}
#wrap ul li div{ 
	
	text-align:center;
	margin-top:10px;
	position:relative;
	bottom:0px;
	padding-top:6px;
	padding-bottom:4px;
	background:#f3f4ee ;
	font: 12px/21px "Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,sans-serif;
	/*opacity:0.8;*/
	color: #525049 ;
	text-shadow: 0px 2px 3px #555;
}
img#cart{bottom:0px;position:fixed; margin-left:30px; /* keep the bar on top  */}
/*#wrap ul li { cursor:pointer;}*/
#cart_wrapper { 
	border:solid #E8E7DC 1px; 
	min-height:120px;
	width:100%;
	padding-top:15px;
	display:none;
    background:#E2E2E2;
	font: 12px/21px "Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,sans-serif;
	position:relative
}
.closeCart{ cursor:pointer;}
.cart-total{background: none repeat scroll 0 0 #F8F8F3;}

.shopp,.cart-total{ 
	border:solid #E8E7DC 1px; padding:8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; font-size:12px;
	background:url(remove.png) center right no-repeat 5px;
	border-radius: 8px; 
	font-family:"LubalGraphBdBTBold",Tahoma; 
	margin-top:3px;
	width:320px;
	float:left;
	}

#cart_form{ width:570px; padding-left:15px;}

div.shopp span{ float:left;}	
div.shopp div.label{ width:130px; float:left; }		
div.shopp div.shopp-price{ width:70px; float:left;}
.quantity{ float:left; margin-top:-3px; width:20px;}

img.remove{float:right;cursor:pointer;}
.cart-total b{width:130px;}
.fleft{float:left;}
.fRight{float:right;}
.header ul {
    margin: 0;
    padding: 0;
}
.header li {
    float: left;
    line-height: 36px;
    list-style: none outside none;
    margin: 0 5px;
    padding: 2px 5px;
}#more {
    color: #024370;
    cursor: pointer;
    padding: 2px 6px;
    position: relative;
}img {
    border: 0 none;
}.header a {
    color: #024370;
    text-decoration: none;
}
    #dropmenu {
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border: 1px solid #CCCCCC;
    border-top:none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    left: -1px;
    padding-bottom: 3px;
    position: absolute;
    top: 44px;
    z-index: 150;
}
#dropmenu ul li {
    display: list-item;
    line-height: 25px;
    list-style: none outside none;
    margin: 0;
    padding: 0 5px;
    white-space: nowrap;
    width:130px;
    
}

.none {
    display: none;
}
#more:hover
{ background-color: #FFFFFF;
 border-left: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
 padding:0 5px;
 padding-top:8px;
 }


.footer {
    clear: both;
    color: #000000;
    font-size: 11px;
    margin: auto;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}.footer a {
    font-size: 11px;
    margin: 0 10px;
    text-decoration:none;
}
.cur
{
    cursor:pointer;
}

.text {
    font-family: arial;
    font-size: 13px;
    line-height: 22px;
    margin-top: 20px;
    text-align: justify;
    word-spacing: 6px;
}


/* new class Start*/

section{ margin:0 auto; padding:0; width:80%;}

.sectionInner{ float:left; margin:65px 0 30px 0; padding:0; width:100%; box-shadow:0 10px 20px 3px #D3D3D3; border:1px solid #CCCCCC; background:#fff;}

.callClss{background:#024370; border-top:1px solid #999; color:#fff; padding:10px; float:left; width:100%; font-size:16px; font-weight:bold; text-align:left;}

.colmDiv1{ float:left; margin:10px 0 10px 0; padding:15px; width:100%;}

.colmDiv1Inner{ float:left; margin:0; padding:0 22px 0 22px; width:100%;}

.goBack{ float:left; margin:0; padding:0; width:auto; text-decoration:underline; color:#024370; font-size:16px; font-weight:bold;}

.dowldAdvColm{float:right; margin:30px 0 0 0; padding:0; width:100%; text-align:center;}

.bClss{ text-align:center; line-height:26px; float:right; font-size:18px;}

.advHlpTextColm{ margin:0 auto; padding:0; width:50%;}

.advHlpText{text-align:center; text-decoration:underline; color:#024370; font-size:18px;}

.phnNmbr1{ font-size:18px; text-align:center;}

.phnNmbr2{margin-left:202px; font-size:18px;}

.orClss{ float:left; margin:0; padding:8px; width:100%; font-size:18px; font-weight:bold; text-align:center;}

.lgnDasbrdText{ font-size:15px;}

.advLoytBnsColm{ text-align:center; font-size:14px; line-height:26px; float:left; width:100%; margin:0; padding:12px;}

.colmDiv2{float:left; margin:0 0 10px 0; padding:15px; width:100%;}

h2{text-align:center; font-weight:normal; float:left; margin:0; padding:0; width:100%; font-size:20px;text-decoration:underline; color:#024370;}

.dwnladClss{ width:auto;}




@media only screen and (min-width:1025px) and (max-width:1100px)
{
   section{ width:90%;}
   .sectionInner{ margin:30px 0 30px 0;}
}

@media only screen and (min-width:768px) and (max-width:1024px)
{
  section{ width:96%;}
  .sectionInner{ margin:12px 0 20px 0;}
}


@media only screen and (min-width:600px) and (max-width:767px)
{
 section{ width:100%;}
 .sectionInner{ margin:0 0 20px 0;}
 .colmDiv1Inner{ padding:0 12px 0 12px;}
 .goBack{ font-size:15px;}
 .dowldAdvColm{ margin:25px 0 0 0;}
 .advHlpTextColm{ width:64%;}
 .content{ width:100%;}
 h2{ font-weight:bold; font-size:18px;}
 #wrap ul{ width:100%;}
 #wrap ul li{ width:100%;}
}

@media only screen and (min-width:480px) and (max-width:599px)
{
    section{ width:100%;}
 .sectionInner{ margin:0 0 20px 0;}
 .colmDiv1Inner{ padding:0;}
 .dowldAdvColm{ margin:20px 0 0 0;}
 .advHlpTextColm{ width:82%;}
 .content{ width:100%;}
 h2{ font-weight:bold; font-size:18px;}
 #wrap ul{ width:100%;}
 #wrap ul li{ width:100%;}
 .content img{border: 0px;
    margin-top: 10px;
    width: auto;
    max-width: 100%;}
}

@media only screen and (min-width:0px) and (max-width:479px)
{
    section{ width:100%;}
 .sectionInner{ margin:0 0 20px 0;}
 .colmDiv1{margin: 0 0 10px 0; padding: 10px; width: 100%;}
 .colmDiv1Inner{ padding:0;}
 .dowldAdvColm{ margin:20px 0 0 0;}
 .advHlpTextColm{ width:100%;}
 .content{ width:100%;}
 h2{ font-weight:bold; font-size:18px;}
 #wrap ul{ width:100%;}
 #wrap ul li{ width:100%;}
 .content img{border: 0px;
    margin-top: 10px;
    width: auto;
    max-width: 100%;}
.goBack{font-size:16px; width:100%;text-align:left;}
.dwnladClss{width:100%; float:left; text-align:center;}
.advHlpText{ font-size:16px;}
.phnNmbr1{ font-size:16px;}
.phnNmbr2{margin-left:178px; font-size:16px;}
.bClss{ float:none; text-align:left; font-size:18px;}

	}