/* tools */
.replace { position:relative; margin: 0; padding: 0; overflow: hidden; }
.replace span { display: block; float: left; position: absolute; top: 0; left: 0; z-index: 100; }
.replace a { cursor: pointer; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clear fix */
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/
.clearfix {display: block;}


/* global */
body { font-size: 76%; background: #000 url("../images/bg_shop_nav.png") 0 114px repeat-x; font-family: arial, sans-serif; margin: 0; color: #333; }
a img { border: none; }


/* container */
div.container { position: relative; width: 940px; margin: 0 auto; padding: 0; clear: both; z-index: 0;  }
div.bg { }

/* --------- LAYOUT --------- */

/* header */
div#header { position: relative; width: 100%; height: 114px; margin: 0; padding: 0; clear: both; z-index: 99999; }
div#header #logo { position: absolute; top: 17px; width: 443px; height: 84px; margin: 0; }
div#header #logo a { outline: none; }

/* navigation */
div#navigation { display: inline; float: right; width: 534px; height: 34px; margin: 0; }
div#navigation ul { display: inline; float: right; margin: 0; padding: 0; list-style-type: none; clear: both; }
div#navigation li { display: inline; float: left; margin: 0; padding: 8px 0; font-size: 0.9em; }
div#navigation li a { display: inline; float: left; margin: 0; padding: 0 10px 0 10px; outline: none; cursor: pointer; color: #fff; text-decoration: none; text-transform: uppercase; border-right: 1px solid #FFFFFF; }
div#navigation li.active a { font-weight: bold; color: #fff; }

div#navigation ul li.expanded { position: relative; z-index: 999999; }
div#navigation ul li.expanded a span { background: url(../images/dropdown_arrow.gif) no-repeat right; padding: 0 12px 0 0; }
div#navigation ul li.expanded ul.subnav { position: absolute; top: 27px; left: 0; display: none; background: #222; width: 160px; padding: 1px; z-index: 1000; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-radius-bottom-right: 5px;  -webkit-box-shadow: 1px 1px 4px #777; -moz-box-shadow: 1px 1px 4px #777; box-shadow: 1px 1px 4px #777;  }
div#navigation ul li.expanded ul.subnav li { background: none; width: 150px; margin: 0; padding: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 999999; }
div#navigation ul li.expanded ul.subnav li a { background: #222; width: 140px; padding: 0 8px; color: #fff; border: none; z-index: 999999; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
div#navigation ul li.expanded ul.subnav li a:hover { background: #444 url(http://www.shopdecadesinc.com/images/innernav_bg.png) repeat-x; }
div#navigation ul li.expanded ul.subnav li a span { background: none; padding: 0; }
div#navigation ul li a:hover { color: #a8a8ac; }
div#navigation ul ul { display: none; }

/* social */
div#social { position: absolute; right: 0; top: 50px; width: 97px; }
div#social ul { padding: 0; margin: 0; }
div#social ul li { display: inline; }
div#social ul li a { display: inline-block; width: 30px; height: 36px; text-indent: -9000px; background: url("../images/social_alt.jpg"); }
div#social ul li#social_facebook a { background-position: -6px 0; }
div#social ul li#social_twitter a { background-position: 71px 0; }
div#social ul li#social_rss a { background-position: 148px 0; }

/* navigation */
div#shop-navigation { clear: both; float: left; width: 100%; height: 62px; }
div#shop-navigation ul { float: left; width: 730px; height: 22px; margin: 0 auto; padding: 20px 0; list-style-type: none; z-index: 99999; }
div#shop-navigation li { position: relative; display: inline; float: left; margin: 0 12px 0 0; padding: 0 0 0 15px; z-index: 99999; font-size: 15px; line-height: 16px }
div#shop-navigation li strong { color: #fff !important; }
div#shop-navigation li strong a { color: #fff !important; }
div#shop-navigation li a { display: inline; margin: 0; padding: 0; outline: none; cursor: pointer; color: #d1d1d1; text-decoration: none; }
div#shop-navigation li.active a { text-decoration: underline; font-weight: bold; }
div#shop-navigation li a:hover { color: #a8a8ac; }
div#shop-navigation li.first { padding-left: 0; border: none; }
div#shop-navigation li ul { display: none; }
div#shop-navigation li ul.subnav.wide { width: 704px; }
div#shop-navigation li ul.subnav.wide li { width: 166px; } 
div#shop-navigation li ul.subnav.wide li.subheading { width: 680px; padding-top: 20px; margin-bottom: 5px; border-bottom: 1px solid #999; }
div#shop-navigation li ul.subnav.wide li.subheading span { font-size: 1.6em; font-weight: bold; line-height: 1.3em; color: #fff; }
div#shop-navigation li ul.subnav { position: absolute; top: 15px; left: 15px; height: auto; width: 260px; display: none; padding: 35px 5px 10px; background: url(../images/subnav_bg.png) no-repeat; z-index: 99999; }
div#shop-navigation li ul.subnav li { display: inline; float: left; width: 260px; font-size: 0.8em; padding: 6px 5px; margin: 0; line-height: 1em; border: none; }
div#shop-navigation li ul.subnav li a { padding: 0; margin: 0; border: none; color: #fff; text-decoration: none; }
div#shop-navigation li ul.subnav li a:hover { color: #ccc; }

div#shop-navigation #shop-search { display: inline; float: right; background: #fff; padding: 3px; margin: 16px 0; width: 139px; height: 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
div#shop-navigation #shop-search input.formelement { width: 120px; margin: 0; padding: 2px; font-size: 1.1em; font-family: arial, sans-serif; }
div#shop-navigation #shop-search input { display: inline; float: left; margin: 0; padding: 0; border: none; }

/* side */
div#side { display: inline; float: left; width: 227px; }
div#side.left { margin: 0 20px 0 0; }
div#side.right { margin: 0 0 0 20px; }

/* side nav */
div#sidenav { background: #1b1b26; }
div#sidenav ul { list-style-type: none; margin: 0 0 20px; padding: 10px; }
div#sidenav ul li { margin: 0 0 5px; padding: 0; font-size: 1.1em; color: #fff; }
div#sidenav ul li a { display: block; border-bottom: 1px solid #fff; color: #fff; text-decoration: none; }
div#sidenav ul li.active a { font-weight: bold; }


/* tpl home */
#tpl-home { float: left; clear: both; margin-top: 17px; }
#tpl-home .col_300 h3 { font-size: 18px; font-weight: normal; line-height: 24px; color: #ddd; margin: 5px 0;  }
#tpl-home .col_460 h3 { font-size: 24px; font-weight: normal; line-height: 24px; color: #ddd; margin: 5px 0; }
#tpl-home .col_300 p,
#tpl-home .col_460 p { margin-bottom: 0; }
#tpl-home .col_300 p img,
#tpl-home .col_460 p img { -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }


/* content div */
div#content { display: inline; float: left; width: 693px; height: auto !important; height: 400px; min-height: 200px; }
div#content.full { width: 978px; }

/* top slider */
div#top { position: relative; width: 940px; margin-bottom: 20px; }
div#top div#topslider { position: relative; width: 940px; height: 325px; }
/*div#slider a { position: absolute; bottom: 58px; right: 161px; width: 385px; height: 42px; text-indent: -9999px; }*/

.col_300 { float: left; width: 300px; }
.col_460 { float: left; width: 460px; }
.col_right { margin-left: 20px; }
.clear { clear: both; width: 100%; height: 20px; }

/* Featured closet */
#featured-closet { position: relative; }
#featured-closet h2 { height: 27px; font-family: Arial; font-size: 24px; font-weight: normal; line-height: 24px; color: #ddd; margin-bottom: 5px; }
#featured-closet #carousel { width: 100%; height: 330px; overflow: hidden; }

/* Products in Home */
#products { }
#products div p { margin-bottom: 0px; }

/* Blog */
#blog h2 { height: 27px; font-family: Arial; font-size: 24px; font-weight: normal; line-height: 24px; color: #FFF; }
#blog #logo-blog { float: left; width: 73px; height: 73px; margin-right: 20px; background: url("../images/blog.png"); }
#blog .post { float: left; width: 210px; margin-right: 72px; }
#blog .post h3 { color: #FFF; margin-top: 0; margin-bottom: 0px; }
#blog .post p { font-family: Arial; font-size: 12px; line-height: 18px; color: #FFF; margin: 2px 0; }
#blog .post p img.pic { display: none; }
#blog a.readmore { color: #989898; text-decoration: none; }
#blog .col_right { margin-left: 70px; }

/* Latest tweets */
#latest-tweets { display: inline-block; margin-bottom: 46px; }
#latest-tweets h2 { height: 27px; font-family: Arial; font-size: 24px; font-weight: normal; line-height: 24px; color: #FFF; }
#latest-tweets .tweet { float: left; width: 284px; height: 85px; background: #5d5d5d url("../images/bgtweet.png") no-repeat 260px 70px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; padding: 8px; }
.tweet_list { margin: 0; padding: 0; list-style: none; }
.tweet_avatar { float: left; margin: 0 10px 0 0 }
.tweet_avatar img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tweet_text {
    color: #B0B0B0;
    /*float: right;*/
    padding-top: 5px;
    width: 220px;
    font-size: 12px;
    line-height: 14px;
    display: inline;
}
.tweet_text a { color: #44ccf6; text-decoration: none; }
.tweet_time { display: none; }
.tweet_join { display: none; }
.join_text { display: inline-block; margin-right: 5px; color: #44ccf6; text-decoration: none; }

/* footer */
div#footer {
	display: inline;
	float: left;
	width: 100%;
	background: #222222;
	padding: 20px 0;
	margin-top: 20px;
	clear: both;
	text-align: left;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
div#footer ul { display: inline; list-style-type: none; margin: 0; padding: 0 0 6px 10px; }
div#footer ul li { display: inline-block; margin: 0 10px 5px 0; padding: 0; font-size: 1em; }
div#footer ul li a { padding: 0 10px 0 0; border-right: 1px solid #FFF; text-decoration: none; text-transform: uppercase; }
div#footer ul ul { display: none; }
div#footer h4 { color: #000; font-size: 1.3em; font-weight: normal; margin: 0 0 5px; }
div#footer p { font-size: 1em; }
div#footer a { color: #FFF; }
div#footer small { color: #888; }
div#footer .col { display: inline; float: left; width: 170px; border-right: solid #d3d2d1 1px; margin: 0 20px 0 0; padding: 0; }
div#footer .col.first { width: 200px; padding: 0; margin: 0 20px 0 40px; }
div#footer .col.last { width: 160px; margin: 0; padding: 0; border: none; }
div#footer .copy { display: inline; float: left; width: 170px; margin: 20px 20px 0 40px; padding: 0; }
div#footer div#copyright { margin-left: 10px; color: #606060; font-size: 10.89px; line-height: 11.61px; }

/* --------- DEFAULT TEMPLATE --------- */

/* content styles */
div.content h1 { font-size: 1.8em; font-weight: bold; color: #333; margin: 0 0 20px; }
div.content h1 strong { color: #272727; }
div.content h2 { font-size: 1.5em; font-weight: normal; color: #333; margin: 0 0 5px; }
div.content h1.underline, div.content h2.underline { border-bottom: 1px solid #aaa; margin: 10px 0 20px; padding: 0 0 6px; }
div.content h1 small, div.content h2 small { line-height: 2em; font-size: 0.5em; }
div.content h3 { font-size: 1.5em; font-weight: normal; color: #000; margin: 0 0 20px; }
div.content h4 { font-size: 1.1em; font-weight: bold; color: #000; margin: 0 0 10px; }
div.content h5 { font-size: 1em; font-weight: normal; color: #555; margin: 0 0 10px; }
div.content p { font-size: 1em; margin: 0 0 15px; line-height: 1.3em; }
div.content small { color: #999; font-size: 0.9em; }
div.content small strong { color: #777; }
div.content ul { padding: 0 0 0 16px; list-style-position: outside; }
div.content ul li { padding: 0 0 10px 5px; }
div.content a { color: #333; text-decoration: underline; }
div.content a:hover { text-decoration: none; }
div.content a.title { color: #222; text-decoration: none; }
div.content blockquote { color: #888; font-size: 1em; line-height: 1.8em; margin: 0 0 20px; padding: 10px 0 10px 40px; border-left: 3px solid #222; }
div.content li { padding: 0 0 8px 20px; }
div.content hr { border: 0; color: #ccc; background-color: #ccc; height: 1px; width: 100%; text-align: left; margin: 5px 0 10px; }
div.content .nomargin { margin: 0; }

/* menus */
div.content ul.menu { list-style-type: none; margin: 20px 0; padding: 0; }
div.content ul.menu li { padding: 0; margin: 0; border-bottom: 1px solid #fff; }
div.content ul.menu li.active { background: #972a23; }
div.content ul.menu li a { display: block; color: #000; font-size: 1em; padding: 6px 0 6px 6px; }
div.content ul.menu li.active { background: #fff; padding: 0; }
div.content ul.menu li.active a { color: #972a23; font-weight: bold; }
div.content ul.menu ul.subnav { list-style-type: none; margin: 0; padding: 0; background: #fff; }
div.content ul.menu ul.subnav li { border-top: 1px solid #e3edf8; }
div.content ul.menu ul.subnav li a { color: #000; font-weight: normal; padding: 6px 0 6px 15px; }

/* search form */
form.search { display: inline; float: left; background: #fff; margin: 0; padding: 2px; border: 1px solid #c7c7c7; }
form.search input { display: inline; float: left; }
form.search .formelement { width: 120px; background: #fff; margin: 0; padding: 2px; border: none; font-family: arial, sans-serif; font-size: 1em; }

/* forms */
form.default { margin: 0 0 10px; padding: 0; }
form.default .formrow { float: left; width: 100%; clear: both; }
form.default label, form.default input, form.default textarea, form.default select, a.button { float: left; font-family: arial, sans-serif; font-size: 1em; }
form.default input, form.default textarea, form.default select, .formelement { margin: 0 3px 6px 0; }
form.default label { font-weight: bold; width: 220px; margin: 0 0 6px 0; clear: both; }
form.default .formelement { width: 220px; background: #fff; color: #444; border: 1px solid #c1c2c1; padding: 5px; }
form.default input.small { width: 80px !important; }
form.default select.formelement { width: 220px; padding-right: 2px !important; }
form.default select.formelement.small { width: 100px; }
form.default textarea.formelement { width: 586px; height: 200px; }
form.default textarea.small { width: 240px !important; height: 100px; }
form.default textarea.big { width: 740px; height: 280px; }
form.default .button { margin: 0 4px 0 0; font-size: 1.1em; }
form.default .nolabel { margin: 0 4px 6px 150px; }
form.default .uploadfile { float: left; width: 250px; padding: 6px; background: #ffeece; border: 1px solid #bbb; margin: 0 0 6px; }
form.default .tip { float: left; border: 1px solid #A6FF9F; background: #D2FFCF; padding: 6px; font-size: 0.95em; color: #4A9F45; margin: 0 0 6px 120px; }
form.default input.error, form.default select.error, form.default textarea.error { border: 1px solid red !important; }
form.default label.error { color: red !important; }
form.default img.formelement { float: left; margin: 0 6px 6px 0; }
form.default .price { float: left; line-height: 30px; margin: 0 5px; }

/* errors */
div.error { background: #fff2f2; padding: 20px; border: 1px solid #ff0000; margin: 0 0 30px 0; color: #444; clear: both; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
div.warning { background: #fffaf2; padding: 20px; border: 1px solid #ffb033; margin: 0 0 30px 0; color: #444; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
div.message { background: #f4f4f4; padding: 20px; border: 1px solid #ccc; margin: 0 0 30px 0; clear: both; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
div.error p, div.warning p, div.error p { padding: 0; margin: 0; }

/* boxes */
div.box { background: #fff; padding: 20px; min-height: 280px; height: auto !important; height: 280px; margin: 0 0 20px; border: none; -webkit-box-shadow: 0px 0px 4px #bbb; -moz-box-shadow: 0px 0px 4px #bbb; box-shadow: 0px 0px 4px #bbb; }

div#tpl-shop-product .box { -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

/* tables */
table.default { width: 100%; font-size: 1em; border-collapse: collapse; margin: 0 0 20px; clear: both; }
table.default th { padding: 6px 8px; background: #e8e8e8; color: #585858; text-align: left; border-bottom: 1px solid #ddd; }
table.default td { padding: 10px 8px; vertical-align: top; }
table td.narrow { width: 60px; }
table td.separate { border-right: 1px solid #eaeaea; }
table.default label { font-weight: bold; }

/* columns */
div.col { display: inline; float: left; margin: 0 20px 0 0; padding: 0; }
div.col.last { margin: 0; padding: 0; }

/* buttons */
div.content .button { display: block; background: #1b1b26; border: 1px solid #1b1b26; color: #fff !important; text-decoration: none; vertical-align: middle; font-size: 15px; margin: 0 4px 6px 0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor: pointer; font-family: arial, sans-serif; }
div.content a.button { padding: 6px 8px; }
div.content input.button { padding: 6px 8px; }
div.content .button:hover { background: #888; border: 1px solid #888; }
div.content .button.grey { background: #444; border: 1px solid #444; }
div.content .button.grey:hover { background: #888; border: 1px solid #888; }
div.content .button.black { background: #000; border: 1px solid #000; }
div.content .button.black:hover { background: #888; border: 1px solid #888; }
div.content .button.big { font-weight: bold; font-size: 1.5em; }


/* pic alignment */
img.pic.default { margin: 0; }
img.pic.bordered { }
img.pic.left { display: inline; float: left; margin: 0 20px 20px 0; }
img.pic.right { display: inline;  float: right; margin: 0 0 20px 20px; }
img.pic.center  { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
img.pic.full { width: 100%; margin: 0; text-align: center; }


/* positioning */
div.content .right { float: right; margin: 0 0 10px 15px; }
div.content .left { float: left; margin: 0 15px 10px 0; }
div.content .center { margin-left: auto; margin-right: auto; text-align: center; }

/* overrides */
div.module { width: 230px; height: 280px; background: #444; color: #fff; padding: 0; margin: 0 0 20px; }
div.module h3 { color: #fff; font-size: 14px; padding: 10px; margin: 0; }
div.module h3 a { padding-right: 20px; color: #fff; background: url(../images/module_heading_arrow.gif) no-repeat right; text-decoration: none; }
div.module h3 a:hover { text-decoration: none; }
div.module p { padding: 12px; margin: 0; }
div.module iframe { padding: 12px; margin: 0; }
div.module a { color: #fff; text-decoration: underline; }

div.pics { width: 230px; min-height: 280px; background: #fff; }
div.pics h3 { background: #444; color: #fff; font-size: 14px; padding: 10px; margin: 0; }
div.pics h3 strong { color: #777; }
div.pics h3 a { padding-right: 20px; color: #fff; background: url(../images/module_heading_arrow.gif) no-repeat right; text-decoration: none; }
div.pics h3 a:hover { text-decoration: none; }
div.pics img.pic { background: #fff; margin: 0; width: 204px; height: 204px }
div.pics p { background: #fff; color: #343434; padding: 2px 12px 2px; margin: 0; font-size: 0.9em; }

/* products */
div.product { float: left; width: 230px; height: 280px; margin: 0 0 20px 19px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; overflow: hidden; }
div.product h3 { background: #1b1b26; color: #fff; font-size: 14px; padding: 10px; margin: 0; }
div.product h3 a { padding-right: 20px; color: #fff; background: url(../images/module_heading_arrow.gif) no-repeat right; text-decoration: none; }
div.product h3 a:hover { text-decoration: none; }
div.product p { background: #fff; color: #343434; padding: 8px 12px 7px; margin: 0; font-size: 0.9em; }
div.product .pic { background: #fff; margin: 0; width: 204px; height: 204px }
img.productpic { background: #fff; margin: 0; width: 204px; height: 204px }
img.productpic.big { width: 400px; height: 400px; margin: 0 0 0 22px; }
.outofstock { display: block; width: 50px; height: 15px; margin: 20px 0; background: url(../images/sold.png) no-repeat; text-indent: -9000px; }

/* events */
div.event { float: left; width: 230px; height: 280px; margin: 0 0 20px 19px; background: #fff; }
div.event h3 { background: #1b1b26; color: #fff; font-size: 14px; padding: 10px; margin: 0; }
div.event h3 a { padding-right: 20px; color: #fff; background: url(../images/module_heading_arrow.gif) no-repeat right; text-decoration: none; }
div.event h3 a:hover { text-decoration: none; }
div.event p { background: #fff; color: #343434; padding: 0; margin: 0; font-size: 0.9em; }
div.event img.pic { background: #fff; margin: 0; width: 230px; height: 244px }

div.eventslider { width: 397px; height: 420px; margin: 0 0 10px; overflow: hidden; }
div.popup a.close { position: absolute; top: -20px; right: -20px; outline: none; }
div.scroller { width: 600px; height: 430px; overflow: auto; }