html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, b, p {
	border : 0;
	margin:0;
	padding:0;
	font-size : 100%;
	font-family: sans-serif;
	color:#777;
	}

body {margin:0px; padding:0px; background:#F0F0F0; font:normal 12px/16px Arial, Helvetica, sans-serif;}


ul,ol {margin:0; padding:0; list-style:none outside none;}

li {list-style-position:inside;}


A{outline:none; text-decoration:none; color:#f48c2c; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
A:hover {text-decoration:none; color:#fae77d;}

p{margin:10px 0px;}

/* Selection Styles*/
::-moz-selection{background:#666; color:#fff;}
::selection {background:#666; color:#fff;}

h1 {font-size:24px; line-height:28px;}
h2 {font-size:22px; line-height:26px;}
h3 {font-size:20px; line-height:24px;}
h4 {font-size:17px; line-height:22px;}
h5 {font-size:15px; line-height:20px;}
h6 {font-size:13px; line-height:17px;}
h1, h2, h3, h4, h5, h6{color:#444; font-weight:bold; text-transform: uppercase;}

img{border:none;}

.left{float:left;}
.right{float:right;}
.clear {clear:both;}

.deselect{
	-khtml-opacity:.50; 
	-moz-opacity:.50; 
	-ms-filter:"alpha(opacity=50)";
	filter:alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
	opacity:.50;
}

/* ================= Font Face =================== */

@font-face {
    font-family: 'Humnst777LtBTLight';
    src: url('../fonts/hum777l.eot');
    src: url('../fonts/hum777l.eot') format('embedded-opentype'),
         url('../fonts/hum777l.woff') format('woff'),
         url('../fonts/hum777l.ttf') format('truetype'),
         url('../fonts/hum777l.svg#Humnst777LtBTLight') format('svg');
}

@font-face {
    font-family: 'Humnst777BTBold';
    src: url('../fonts/hum777b.eot');
    src: url('../fonts/hum777b.eot') format('embedded-opentype'),
         url('../fonts/hum777b.woff') format('woff'),
         url('../fonts/hum777b.ttf') format('truetype'),
         url('../fonts/hum777b.svg#Humnst777BTBold') format('svg');
}




/* ================= Common Class =================== */


#wrapper{width:1000px; margin:30px auto 0px auto; height:100%;}

#logo{width:115px; height:99px; margin:30px 55px 10px 55px; float:left; background:url(../images/shivani-logo.png) no-repeat; display:block;}

#header{float:left; width:227px; background:#FFF;}
#homeicon {float:left; background:#FFF url(../images/home-icon.png) no-repeat 0px -40px; height:40px; width:40px;}
#homeicon:hover {background:#FFF url(../images/home-icon.png) no-repeat 0px 0px;}
.emaildiv{float:left; height:40px; line-height:40px; padding:0px 10px; color:#FFF; background:#f48c2c; font:bold italic 11px/40px Arial, Helvetica, sans-serif;}
.dothrline{float:left; width:100%; margin:10px 0px; height:2px; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}

.iconset{ float:left; font-weight:bold; text-transform:uppercase; width:78%; margin:10px 25px;}
.iconset ul{float:right; }
.iconset ul li{float:left; display:block;}
.iconset ul li a{float:left; background:url(../images/iconset.jpg) no-repeat; text-indent:-999px; width:21px; height:21px; margin-left:3px;}
.icon1{background-position:0px 0px !important;}
.icon1:hover{background-position:0px -22px !important;}
.icon2{background-position:-24px 0px !important;}
.icon2:hover{background-position:-24px -22px !important;}
.icon3{background-position:-48px 0px !important;}
.icon3:hover{background-position:-48px -22px !important;}

.navimenu {float:left; margin:0px 25px 20px 25px; width:78%;}
.navimenu ul{float:left; width:100%;}
.navimenu ul li{float:left; border-bottom:1px solid #DDD; width:100%; text-align:left;}
.navimenu ul li a{color:#999; font:bold 12px Arial, Helvetica, sans-serif; padding:10px 5px; float:left; width:96%; text-transform: uppercase;}
.navimenu ul li a:hover, .navimenu ul li a.active{color:#f48c2c; background:#F1F1F1;}

#containar{width:77.3%; float:left; position:relative; background:#e6e6e6;}
.punchline{float:left; font:normal 22px/40px 'Humnst777LtBTLight'; color:#6e8892; padding-left:20px; text-shadow:0px 1px 0px #FFF; background:#F0F0F0; width:97.5%;}
.punchline span{font:normal 13px 'Humnst777LtBTLight'; color:#f48c2c; text-transform:uppercase;}

.spacerdiv{float:left; width:95%; padding:20px 19px 20px 20px; background:#DDD;}
.link{position:absolute; right:0px; top:0px; background:url(../images/plus-corner.png) no-repeat; width:31px; height:31px; display:block;}
.blockelement{position:relative; width:221px; min-height:300px; background:#FFF; padding:3px; float:left; margin-right:24px;}
.blockelement h3{color:#f2811a; font:bold 15px Arial, Helvetica, sans-serif; text-transform:uppercase; float:left; padding:10px 0px 5px 10px;}
.blockelement p{color:#666666; font-size:12px; float:left; padding:0px 10px 10px 10px;}
.blockelement p a{color:#f2811a; font-size:11px; font-weight:bold; text-decoration:none; margin-top:8px; float:left;}
.blockelement p a:hover{color:#333;}
.nonemargin{margin-right:0px;}

.spacerblock{float:left; width:95%; padding:20px 19px 20px 20px; min-height: 343px;}
.spacerblock h1{float:left; font:bold 15px Arial; text-transform: uppercase; color:#F48C2C; padding:8px 10px; width:97%; background:#F8F8F8; border:1px solid #FFF; margin-bottom:20px;}


#footer{float:left; width:95%; padding:5px 25px; background:#e6e6e6; position:relative; margin-top:20px;}
#visualgraph{position:absolute; top:-140px; left:0px; z-index:-1; width:355px; height:140px; background:url(../images/visualgraph.png) no-repeat; display:none;}
#footer p{color:#777; font-size:11px;}


.footer ul{float:left; width:20%;}
.footer li{float:left; width:100%; text-align:left; margin-left:20px; list-style: circle outside none;}
.footer li a{color:#69abce; font:normal 14px/20px 'Humnst777LtBTLight'; text-decoration:none; text-shadow: 0 -1px 0 #004480;}
.footer li a:hover{color:#FFF;}
.coprights{float:left; width:100%; font-size:12px; text-align:center; padding:8px 0px; color:#6d6d6d; text-shadow:0px 1px 0px #FFF; background:url(../images/copyright-bg.jpg) repeat-x;}

.collectionbox{float:left; width:199px; height:190px; border:1px solid #cfcfcf; margin-right:35px; margin-bottom:30px; overflow:hidden; 
		-webkit-box-shadow:0px 1px 0px 0px rgba(230, 230, 230, 1);        
        box-shadow:  0px 1px 0px 0px rgba(230, 230, 230, 1);}
.last{margin-right:0px !important;}	
		
.collectionbox b{color:#b40201; font:normal 12px/16px 'arimo'; float:left; margin-left:10px; margin-top:10px; text-transform:lowercase;}
.collectionbox a{color:#1e1715; font:normal 11px/16px 'arimo'; text-decoration:none; margin-right:10px; margin-top:10px; float:right;}
.collectionbox a:hover{color:#ff5d00;}

.productlist{float:left; width:147px; margin-right:30px;}
.productlist ul{float:left; width:100%; border-left:1px solid #DDD; border-right:1px solid #DDD; border-top:1px solid #DDD; }
.productlist ul li{float:left; border-top:1px solid #F0F0F0; border-bottom:1px solid #DDD; width:100%;}
.productlist ul li a{color:#444; font:normal 12px/40px Arial, Helvetica, sans-serif; text-decoration:none; padding:2% 10%; width:80%; display:block; text-transform:lowercase;}
.productlist ul li a:hover{color:#D66321; background:url(../images/active-line.jpg) no-repeat 95% 50%; font:normal 12px/40px Arial, Helvetica, sans-serif;}
.productlist ul li a.active{color:#B40201; background:url(../images/active-line.jpg) no-repeat 95% 50%; font:normal 12px/40px Arial, Helvetica, sans-serif;}

.seriesbox{
	float:left; 
	width:180px; 
	color:#FFF;
	font:normal 15px 'Humnst777LtBTLight'; 
	padding:5px 20px 5px 8px; 
	background:#26669f url(../images/search-icon.png) no-repeat 95% 7px;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	border:none;
}

.subscribebox{
	float:left; 
	width:90%;
	padding:8px 5%;
	margin-bottom:20px;
	background:#ffead0;
}
.subscribebox h3{color:#004b8e; font:normal 20px/20px 'Humnst777BTBold'; float:left; padding:5px 0px; border-bottom:1px solid #FFF; width:100%; margin-bottom:5px;}
.subscribebox p{font-size:12px;}

.subscribetbox{
	float:left; 
	width:96%; 
	color:#888;
	font:normal 15px 'Humnst777LtBTLight'; 
	padding:5px 5px; 
	margin:5px 0px 8px 0px;
	background:#FFF;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:none;
	-moz-box-shadow: 0px 2px 0px #cccccc;
	-webkit-box-shadow: 0px 2px 0px #cccccc;
	box-shadow: 0px 2px 0px #cccccc;

}
.morelink {float:right; text-transform:uppercase; font-size:12px; color:#fff; background:#004b8e; padding:3px 8px; text-decoration:none; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; -moz-box-shadow: 0px 2px 0px #cccccc; -webkit-box-shadow: 0px 2px 0px #cccccc; box-shadow: 0px 2px 0px #cccccc;}
.morelink:hover {color:#fff; background:#c1c1c1; text-decoration:none;}



.banner {float:left; width:773px; position:relative;}

.lightbox{float:left; display:block; padding:0px; background:#fff; z-index:999;}

.leftpen{float:left; width:655px; padding:20px;}
.rightpen{float:left; width:285px; padding:20px 20px 20px 0px; }

.ullist{float:left; width:100%; margin-top:5px;}
.ullist li{float:left; list-style:none; color:#858585; font:normal 12px/20px Arial, Helvetica, sans-serif; background:url(../images/arrow.png) no-repeat 0px 4px;padding-left:20px; width:97%;}

.elevator{float:left; width:78%; background:#F0F0F0; border:1px solid #FEFEFE; font-size:11px;}
.elevator:hover{background:#EDEDED; }
.elevator span{padding:10px; text-align:left; float:left; width:63%; color:#999;}

.button_example{
border:1px solid #616261; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding:5px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #7d7e7d; cursor:pointer; font-size:11px;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
 background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: linear-gradient(top, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
}

.button_example:hover{
 border:1px solid #4a4b4a; background-color: #646464;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(100%, #282828));
 background-image: -webkit-linear-gradient(top, #646464, #282828);
 background-image: -moz-linear-gradient(top, #646464, #282828);
 background-image: -ms-linear-gradient(top, #646464, #282828);
 background-image: -o-linear-gradient(top, #646464, #282828);
 background-image: linear-gradient(top, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
}

.largeid{float:right; width:auto; margin-left:18px;}
.smallid{border:1px solid #CCC; float:left; width:302px; text-align:left; padding:10px; margin-top:20px;}
.tileseid{float:left; width:322px; text-align:left;}

.listBox { color:#595959; height: 150px; overflow: auto; position: absolute; background: #FFFFFF; z-index: 11000; border: 1px solid #DCDCDC; border-bottom-width: 5px; border-top: none; }
.listBoxItem { padding: 3px 8px; white-space:nowrap; border-bottom: 1px solid #DCDCDC; }
.listBoxSelectItem { cursor: pointer; padding:3px 8px; white-space:nowrap; background: #EEEEEE; border-bottom: 1px solid #DCDCDC; }

.address{position:absolute; width:265px; right:0px; top:26px; z-index:999; display:block;}
.address h5{font-weight:bold;}

.hrline{width:100%; border-bottom:1px solid #CCC; border-top:1px solid #FFF; height:0px; float:left; margin-bottom:10px;}

.rightside{float:right; width:755px;}

.cerface{
    border: 1px solid #DDD;
    background:#EEE url("../images/cerface-icon.jpg") no-repeat scroll 95% 50%;
    color: #2C2C2C;
	display:block;
    font: normal 15px/30px Arial,Helvetica,sans-serif; float:left; width:140px; padding:0px 10px;}

.cerface:hover{color:#990000; background:#ECECEC url("../images/cerface-icon.jpg") no-repeat scroll 95% 50%;}

.applique{
    border: 1px solid #DDD;
    background:#EEE url("../images/applique-icon.jpg") no-repeat scroll 95% 50%;
    color: #2C2C2C;
	display:block;
    font: normal 15px/30px Arial,Helvetica,sans-serif; float:left; width:140px; padding:0px 10px;}

.applique:hover{color:#990000; background:#ECECEC url("../images/applique-icon.jpg") no-repeat scroll 95% 50%;}

.pro-wrapar{float:left; width:755px;}


.fulldiv{float:left; width:100%; padding:10px 0px;}
.collam1{width:67%; float:left;}
.collam2{width:30%; float:left; margin-left:20px;}
.halfblock{width:48%; float:left;}
.grid1{float:left; margin-right:2%; width:20%;}
.grid2{float:left; width:78%;}
.textbox{text-align:left; font-size:12px; color:#666; border:1px solid #CCC; line-height:18px;}
.textarea{font-size:12px; color:#666; border:1px solid #CCC; line-height:18px; font-family:sans-serif; letter-spacing:-0.4px;}


.data{background:#FFF; border:1px solid #FFF; border-collapse:collapse;}
.data tr th{background:#F48C2C; padding:8px 10px; color:#FFF;}
.data tr{border-bottom:1px dotted #EFEFEF;}
.data tr:hover{background:#F5F5F5;}
.data tr td{padding:8px 10px; border-color: #eee;}



.a-btn{
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DDDDDD',GradientType=0 );
	margin:0px;
    line-height:60px;
    display:inline-block;
    position:relative;
    float:left;
    clear:both;
    overflow:hidden;
	cursor:pointer;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn-text{
    display:block;
	line-height:60px;
    color:#2c2c2c;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}

.a-btn-slide-text{
    position:absolute;
    height:100%;
    top:0px;
    right:0px;
    width:0px;
    text-align:center;
    overflow:hidden;
    line-height:60px;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}


.a-btn-slide-text1{
    position:absolute;
    height:100%;
    top:0px;
    right:100px;
	z-index:0;
    width:auto;
	text-align:center;
    overflow:hidden;
    line-height:60px;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}


.a-btn-slide-text a{
	padding:10px 10px; 
	border-left:1px solid #FFF; 
	border-right:1px solid #CCC; 
	background:#DDDDDD url(../images/cerface.png) no-repeat 15px 17px;
	float:left; 
	display:block; 
	width:75px;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#DDDDDD',GradientType=0 );
	-webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
	text-align: right;
}
.a-btn-slide-text1 a{
	padding:10px 10px; 
	border-left:1px solid #FFF; 
	border-right:1px solid #CCC; 
	background:#DDDDDD url(../images/applique.png) no-repeat 10px 17px;
	float:left; 
	display:block; 
	width:75px;
	text-align: right;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#DDDDDD',GradientType=0 );
	-webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}



.a-btn-slide-text a:hover{ 
	border-left:1px solid #FFF; 
	border-right:1px solid #CCC; 
	background:#2c2c2c url(../images/cerface_hover.png) no-repeat 15px 17px !important;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#2c2c2c',GradientType=0 );
	-webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

.a-btn-slide-text1 a:hover{ 
	border-left:1px solid #FFF; 
	border-right:1px solid #CCC; 
	background:#2c2c2c url(../images/applique_hover.png) no-repeat 10px 17px !important;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#2c2c2c',GradientType=0 );
	-webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}


.a-btn:hover{padding-right:200px;}

.a-btn:hover .a-btn-text{
    color:#fff;
	background:#FFF;
}

.a-btn:hover .a-btn-slide-text{
    width:100px;
	display:block;
}
.a-btn:hover .a-btn-icon-right span{
    opacity:1;
}
.a-btn:active{
    position:relative;
    top:0px;
}





/*---------------
ZOOM DEFAULT
---------------*/

.zoom { 
    width:200px; 
    height:157px;
    display:block; 
    position:relative;
	float:left;
	margin:0px !important;
    overflow:hidden; 
    background:url(../images/loader.gif) no-repeat center;
}

.zoomy { 
    width:221px;
    height:110px;
    display:block;
    position:relative;
	float:left;
	margin:0px !important;
    overflow:hidden; 
    background:url(../images/loader.gif) no-repeat center;
}

.zoomsquare { 
    width:165px;
    height:165px;
    display:block;
    position:relative;
	float:left;
	margin:0px !important;
    overflow:hidden; 
    background:url(../images/loader.gif) no-repeat center;
}

.zoomwide { 
    width:221px;
    height:55px;
    display:block;
    position:relative;
	float:left;
	margin:0px !important;
    overflow:hidden; 
    background:url(../images/loader.gif) no-repeat center;
}

.zoom img, .zoomy img, .zoomsquare img, .zoomwide img {display:none; float:left;}

.zoomOverlay {
	position:absolute;
	top:0; left:0;
	bottom:0; right:0;
	display:none;
	background-image:url(../images/zoom.png);
	background-repeat:no-repeat;
	background-position:center;
}


/* ==================== Script Class ================== */

#banner{
	width: 932px;
	height: 502px;
	float:left;
	z-index:-1;
}

/*#banner div {position: absolute;}

#banner div:nth-child(2) {
	-webkit-animation: wipe 6s infinite;
	-webkit-animation-delay: 3s;
	-webkit-animation-direction: alternate;
	-webkit-mask-size: 2000px 2000px;
	-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, 
			color-stop(0.00,  rgba(0,0,0,1)),
			color-stop(0.45,  rgba(0,0,0,1)),
			color-stop(0.50,  rgba(0,0,0,0)),
			color-stop(0.55,  rgba(0,0,0,0)),
			color-stop(1.00,  rgba(0,0,0,0)));
}
@-webkit-keyframes wipe {
	0% 		{-webkit-mask-position: 0 0;}
	100% 	{-webkit-mask-position: -1000px -1000px;}
}*/