@charset "utf-8";

/* CSS Document */



@font-face {

    font-family: 'RockwellBook';

    src: url('../fonts/rockwell-webfont.eot');

    src: url('../fonts/rockwell-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/rockwell-webfont.woff') format('woff'),

         url('../fonts/rockwell-webfont.ttf') format('truetype'),

         url('../fonts/rockwell-webfont.svg#RockwellBook') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'arialnarrow';

    src: url('../fonts/arialn.eot');

    src: url('../fonts/arialn.eot?#iefix') format('embedded-opentype'),

         url('../fonts/arialn.woff') format('woff'),

         url('../fonts/arialn.ttf') format('truetype'),

         url('../fonts/arialn.svg#arialnarrow') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'lucida_sansregular';

    src: url('../fonts/lsans-webfont.eot');

    src: url('../fonts/lsans-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/lsans-webfont.woff') format('woff'),

         url('../fonts/lsans-webfont.ttf') format('truetype'),

         url('../fonts/lsans-webfont.svg#lucida_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

* {padding:0;margin:0;}

body {color:#000; font-size:14px; background:#050307; line-height:normal;font-family: 'lucida_sansregular', Arial, Helvetica, sans-serif; }

.fl { float:left; }

.fr, .right { float:right; }

.cl {line-height:0; height:0; font-size:0; clear:both;}



a { text-decoration:none}

a:hover {

	color: #FFF;

/*	font-size: 24px;

	font-family: RockwellBook;

	font-weight: bold;

	background-color: #F00;
*/
}



/*------------------------layout start------------------------*/

.layout {background:#270062 url(../images/body-bg.jpg) no-repeat top center}

.main {width:1000px; margin:0 auto;}





/*------------------------header starts ------------------------*/

header { padding:33px 0 20px; text-align:center; overflow:hidden}

header .logo { display:inline-block; margin-bottom:36px}
header .logo a:hover {background:none; font-size:10px; font-weight:normal}
.new-link-top  { background-color: #f00;color: #fff;font-family: RockwellBook;font-size: 26px; font-weight: bold; padding:5px}
.new-link-top:hover  { color: #fff; font-size:26px;}

/*navigation starts*/

nav {background:#78ac09; float:left; width:100%; border-top-left-radius:10px; border-top-right-radius:10px; font-family: 'RockwellBook'; border-bottom:5px solid #557c00; overflow:hidden}

nav ul { list-style:none}

nav ul li {float:left; border-right:1px solid #557c00; border-left:1px solid #c1e76f}

nav ul li:first-child {border-left:0}

nav ul li:last-child {border-right:0;}

nav ul li a {display:block; padding:28px 55px; color:#ffffff; font-size:24px;}

nav ul li:last-child a { padding-right:59px}

nav ul li a:hover { color:#fff; text-decoration:none; font-weight:normal}

nav ul li ul { display:none}

/*navigation ends*/





/*------------------------header end------------------------*/



/*------------------------body container start------------------------*/

.body-container { padding:0 0 20px;}

.banner-container {border-bottom-left-radius:10px; border-bottom-right-radius:10px; overflow:hidden; height:370px;}

.home-sections {display:block; padding:0 0 20px;}

.home-sections a { float:left; margin-right:13px}

.home-sections a.last { margin-right:0}

/*----- left container starts -----------*/

.left-container {float:left; width:300px; margin-right:20px;}

.fashion-accessories { border-radius:5px; background:#5219ce; overflow:hidden}

.fashion-accessories .pic { display:block; min-height:216px;}

.fashion-accessories .details { padding:26px 20px;}

.fashion-accessories h3 { padding:0 0 10px;}

.fashion-accessories p {color:#f7f3ff; font-size:13px; line-height:18px; padding-bottom:15px; font-style:italic}

.read-more {color:#ffd701; background:url(../images/link-arrow.png) no-repeat right center; padding-right:15px; text-decoration:underline; font-size:13px;}

.read-more:hover {color:#b494e5;}



.left-container .left-links {margin-bottom:0;}

.left-container .left-links a {margin-bottom:10px; display:block}

/*----- left container ends -----------*/

/*----- right container starts -----------*/

.right-container {float:left; width:655px; background:url(../images/right-sep.png) repeat-y 0 0; padding-left:25px}

.right-container .welcome { padding-bottom:25px;}

.right-container h2 { font-size:26px; line-height:28px; color:#f7f3ff; padding-bottom:22px; font-weight:normal; font-family: 'RockwellBook';}

.bxslider li { border:1px solid #977fbf; background:#320873}

.bxslider li .pic { background:#fff; width:151px; height:142px; padding:3px; display:block; overflow:hidden}

.bxslider li .img { max-width:100%}

.bxslider li p { padding:10px; text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fff}

.bxslider li a {color:#fff}



/*----- right container ends -----------*/



/*------------------------body container end------------------------*/



/*------------------------footer start------------------------*/

footer { background:#08040a; padding:65px 0 0;}

footer .main {padding:0 0 35px; color:#f7f3ff; font-size:13px;}

footer section { float:left; width:230px; margin-right:20px; padding:0 43px 0 25px; border-right:1px solid #3b343e}

footer section.latest-collection { width:385px; padding-right:0}

footer h3 { font-size:24px; color:#efc600; font-family: 'RockwellBook'; font-weight:normal; padding-bottom:22px}

footer p { font-size:12px; line-height:14px; padding-bottom:12px;}

footer section.latest-collection ul { list-style:none; padding-bottom:16px; float:left; width:100%}

footer section.latest-collection ul li { float:left; width:176px; padding-left:15px; background:url("../images/link-arrow.png") no-repeat scroll 0 5px; font-style:italic; padding-bottom:7px;}

footer section.latest-collection ul li a { color:#f7f3ff; text-decoration:underline}

footer section.latest-collection ul li a:hover { text-decoration:none; color:#78ac09}





footer section.social { margin-right:0; width:176px; padding-right:0}

footer section.social ul { list-style:none}

footer section.social ul li { float:left; padding-right:2px;}





footer .copy-rights { border-top:1px solid #444; padding:15px 0; text-align:center; font-size:14px; color:#cdc4d6; font-family: 'arialnarrow';}

footer .copy-rights a{ color:#cdc4d6; text-decoration:underline}

footer .copy-rights a:hover { color:#fff; text-decoration:none}





/*------------------------footer end------------------------*/







/*------------------------ inner page starts ------------------------*/



.right-container-inner { background:#fff; border-radius:5px; padding:20px; float:left; width:640px; min-height:774px;}

h1 { margin: 0 0 25px; font-size:25px; color:#471995; border-bottom:1px solid #471995; padding-bottom:10px; font-family: 'RockwellBook'; font-weight:normal}

.right-container-inner p {color:#666; margin:0 0 25px}

.right-container-inner p.btm-text {color:#78ac09; font-size:16px; font-style:italic; font-weight:bold; text-align:right}

h4 {color:#78ac09; font-size:16px; font-weight:normal}

h4 a {color:#78ac09; font-size:16px;}

.right-container-inner ul.products { list-style:none}

.right-container-inner ul.products li { padding-bottom:25px;}

.right-container-inner ul.products ul { list-style:none}

.right-container-inner ul.products ul li { padding-left:15px; background:url(../images/link-arrow-blue.png) no-repeat 0 14px; padding-top:8px; padding-bottom:0}

.right-container-inner ul.products ul li a {color:#666}







.image-container {width:auto; }

.image-container ul { float: left; list-style:none; width:100%;}

.image-container ul li {float: left; margin-right: 10px; position: relative; width:206px; margin-bottom:10px;}

.image-container ul li p { background:#c8cef3; color:#000; padding:8px 10px; margin-bottom:0; text-align:center; font-size:12px;}

.image-container ul li:nth-child(3n+3) {margin-right: 0;}

.image-container ul li .new { left: 0; padding: 0; position: absolute; top: 0; width: auto;}

.image-container ul li .new img { idth: auto;}

.image-container ul li a {border:2px solid #c8cef3; height: 150px;overflow: hidden; display:block; position:relative; background:#f2f2f2}

.image-container ul li div {float: left;padding-bottom: 15px;padding-top: 5px;width: 129px;}

.image-container ul li img {float: left; max-width:100%; width:100%; top:0; left:0; right:0; bottom:0; position:absolute; margin:auto}

.form-row { padding:0 0 20px;} 

.form-row .left-form { float:left; width:200px; padding-top:5px;}

.form-row .right-form { float:left; width:350px;}

.form-row .right-form a.text1 {color:green}

.form-row .right-form a.text1 img { margin-right:10px}

.form-row .right-form .text-box { border:1px solid #ccc; height:25px; line-height:25px; font-size:13px; padding:0 10px; width:200px; font-family:Arial, Helvetica, sans-serif}

.form-row .right-form textarea { border:1px solid #ccc; line-height:16px; font-size:13px; padding:0 10px; width:300px; height:100px; resize:none; font-family:Arial, Helvetica, sans-serif}

.form-row span.red {color:red; font-weight:bold}

.form-row p.warning { font-size:12px; color:#000; margin-bottom:0; font-style:italic}

.form-row .right-form input[type=submit] {border:1px solid #ccc; height:35px; line-height:35px; font-size:13px; padding:0 10px; width:100px; font-family:Arial, Helvetica, sans-serif; background:#471995; color:#fff; cursor:pointer}

.form-row .right-form input[type=reset] {border:1px solid #ccc; height:35px; line-height:35px; font-size:13px; padding:0 10px; width:100px; font-family:Arial, Helvetica, sans-serif; cursor:pointer}

.thankyou { font-size:14px; text-align:center; line-height:24px; padding:20px 10px; background:#f3f3f3; border:1px solid #ccc; color:#000}

.thankyou h4 span {color:#000}

.thankyou p { margin-bottom:0}

.image-container ul li .new-tag { position:absolute; top:0; right:-35px; z-index:999; display:none}

.image-container ul li .new-tag img { width:60px; max-width:unset}





/*------------------------ inner page end ------------------------*/



/*------------------------ ectra css starts ------------------------*/



#examples {margin-top:60px;}

.clear {clear:both;}

#example10 li {position:relative;  box-shadow:-5px 0 5px rgba(1, 1, 1, 0.3)}

#example10 div.slider-bg {background:#000;bottom:0px;height:102px;width:100%;left:0;position:absolute;z-index:10;opacity:.5; display:none}

#example10 li.slider-open  div.slider-bg { display:block}

#example10 div.slider-info {top:300px;height:72px;left:0;position:absolute;width:65px;z-index:15;padding:15px;}

#example10 div.slider-info strong {font-size:18px;color:#fff;margin-bottom:5px;}

#example10 div.slider-info p {display:none;font-size:12px;line-height:14px;color:#fff;margin:0 !important;}

#example10 div.slider-info {display:none}

#example10 li.slider-open div.slider-info {width:100%; text-shadow: 0 1px 3px #000; display:block}

#example10 div.slider-info strong {font-size:20px; color:#fff; font-family: 'RockwellBook';}

#example10 div.slider-info strong a {color:#fff;}

#example10 li.slider-open div.slider-info p {display:block;  font-family: 'lucida_sansregular'; display:inline; font-size:18px;}





.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;}





.arrowlistmenu{width:auto; margin-bottom:20px; background:#5219ce; border-radius:8px; overflow:hidden}

.arrowlistmenu .menuheader{font:16px 'RockwellBook';color: white; background: #653ea7; text-transform: uppercase; padding:12px 0 12px 15px; cursor: hand;cursor: pointer; border-bottom:1px solid #fff}

.arrowlistmenu .menuheader.no-brdr { border-bottom:0}

.arrowlistmenu .openheader{background:green}

.arrowlistmenu ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 0; font-size:14px;}

.arrowlistmenu ul li{padding-bottom: 0;}

.arrowlistmenu ul li .opensubheader{background: lightblue !important;}

.arrowlistmenu ul li .closedsubheader{background: lightgreen !important;}

.arrowlistmenu ul li a{color: #fff;background: url(../images/link-arrow.png) no-repeat 10px 14px; display: block;padding:10px 0;padding-left:25px;text-decoration: none;border-bottom: 1px solid #fff;font-size: 90%;}

.arrowlistmenu ul li.no-brdr a{border-bottom:0;}

.arrowlistmenu ul li a:hover{background:#fff url(../images/link-arrow-blue.png) no-repeat 10px 14px; color:#51259b}

.arrowlistmenu ul li a.subexpandable:hover{background: lightblue;}

/*------------------------ ectra css end ------------------------*/



/*------------------------layout end------------------------*/







.hilookelevators {

	color: #FFF;

	font-family: "Rockwell Extra Bold";

	font-size: 26px;

	font-style: normal;

	font-weight: bold;