@charset "UTF-8";

*,
html { margin: 0px; padding: 0px; }

html,
body { height: 100%; }

div.clear { clear: both; }

body,
div,
p { font-family: Arial; font-size: 12px; color: #000; }

a,
a:hover,
a:focus { outline: none; }

input,
buton,
object { outline: none; }

a img { border: none; }

html a,
* a,
a, 
a:hover, 
a:focus,
button,
input[type=submit],
label { cursor: pointer; }

label,
form { display: block; }

i,
em { font-style: italic; }

strong,
b { font-weight: bold; }

object { display: block; }

blockquote { padding: 0px 15px 0px 15px; }

/****
** Wrapper
****/

#wrapper { width: 900px; position: relative;  min-height: 100%; margin: 0 auto -180px; } /* */
#wrapper #header { height: 129px; position: relative; }
#wrapper #header .logo { display: block; height: 0; width: 275px; padding: 67px 0 0; overflow: hidden; background-image:url(../_images/divine-wear-logo.png); position: absolute; top: 32px; left: 0; }
#wrapper #header ul { position: absolute; top: 69px; right: 0; list-style: none; }
#wrapper #header ul li { list-style: none; display: inline; padding: 0 0 0 21px; }
#wrapper #header ul li a { color: #000; font-size: 14px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; text-transform: lowercase; }
#wrapper #header ul li a.current,
#wrapper #header ul li a:hover { color: #000; }

#wrapper .padding { height: 300px; }

#content { position: relative; background-image: url(../_images/border-collections.gif); background-position: center top; background-repeat: no-repeat; padding: 5px 0 0; }

#content h1 { color: #666; font-size: 24px; font-family: Helvetica, sans-serif, Arial; padding: 28px 0 0; }

#footer { position: relative; height: 180px; width: 100%; //background-image: url(../_images/bg-footer.gif); }
#footer-inner { width: 900px; margin: 0 auto; position: relative; }
#footer-inner .copyright { color: #999999; font-size: 10px; top: 165px; position: absolute; right: 45px; }
#footer-inner .copyright a { color: #666666; text-decoration: none; }
#footer-inner .copyright a:hover { text-decoration: underline; }
#footer-inner .column { float: left; width: 148px; margin: 10px 0 0; overflow: auto; }
#footer-inner .column a { display: block; color: #666666; text-decoration: none; margin: 0 0 9px 6px; font-size: 10px; font-family: Helvetica, Arial, sans-serif; clear: left; float: left; }
#footer-inner .column a.heading { margin-left: 0; font-size: 12px; font-weight: bold; }
#footer-inner .column a:hover { text-decoration: underline; }
#footer-inner .column a.heading:hover { text-decoration: none; cursor: default; }

#footer-inner #adverts { width: 390px; height: 100px; border: 4px solid #f1efef; position: absolute; top: 41px; right: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#footer-inner #adverts a { display: block; width: 390px; height: 100px; position: absolute; }

/****
** Home
****/

.home#content { position: relative; background-image: url(../_images/border-collections.gif);}
.home .flash-top { height: 520px; background-color:#fff; z-index: 0;}
.home .get-the-scoop { margin: 15px 0 0; height: 119px }
.home .get-the-scoop table td { color: #000; font-size: 14px; font-family: Helvetica, Arial, sans-serif; line-height: 20px; }
.home .get-the-scoop table td span.small { font-size: 10px; }
.home .get-the-scoop table td span a { color: #000; }
.home#content .get-the-scoop table td h1 { font-size: 30px; color: #666666; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 0 7px; padding: 0; }
.home .get-the-scoop table td span.title { color: #666666; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 16px; }
.home .get-the-scoop table td input.input-text { width: 196px; }
.home .get-the-scoop table td button { background-image:url(../_images/btn-submit.gif); height: 39px; width: 107px; border: none; }
.home .get-the-scoop table td button:hover { background-position: 0 -39px; }
.home .get-the-scoop table td button span { display: none; }

/****
** Collections
****/

.collection .btn-download { width: 125px; height: 0; padding: 38px 0 0; overflow: hidden; background-image:url(../_images/btn-download.gif); position: absolute; top: 33px; right: 22px; }
.collection .btn-download:hover { background-position: 0 -38px; }
.collection .btn-downloadsizechart { width: 200px; height: 0; padding: 38px 0 0; overflow: hidden; background-image:url(../_images/btn-downloadsizechart.gif); position: absolute; top: 33px; right: 22px; }
.collection .btn-downloadsizechart:hover { background-position: 0 -38px; }

.collection .collection-content { margin: 0; }
.collection .collection-content .collection-item { width: 224px; height: 173px; float: left; position: relative; margin: 0 1px 1px 0; }
.collection .collection-content .collection-item a { display: block; width: 224px; height: 173px; }
.collection .collection-content .collection-item a img.hover { display: none; position: absolute; top: 0; left: 0; }
.collection .collection-content .collection-item a:hover img.hover { display: block; }

.collection .sizechart-thumbs { margin: 0 0 35px; }
.collection .sizechart-thumbs .sizechart-item { float: left; width: 449px; height: 240px; position: relative; }
.collection .sizechart-thumbs .sizechart-item a { display: block; width: 449px; height: 240px; }
.collection .sizechart-thumbs .sizechart-item a img.hover { display: none; position: absolute; top: 0; left: 0; }
.collection .sizechart-thumbs .sizechart-item a:hover img.hover { display: block; }

.collection .sizechart-description { font-size: 14px; color: #959595; }

/****
** Stores
****/

.stores#content { background-image: url(../_images/bg-stores.gif); background-position: center top; background-repeat: no-repeat; padding: 5px 0 0; min-height: 326px; height: auto !important; height: 326px; }
.stores .stores-search { margin: 28px 0 31px; font-family: Helvetica, Arial, sans-serif; color: #000000; font-size: 16px; }
.stores .stores-search table input { background-color: #f8f8f8; border: 1px #dadada solid; height: 17px; padding: 1px 0; }
.stores .stores-search table a { color: #000; text-decoration: none; }
.stores .stores-search table a:hover { text-decoration: underline; }
.stores .store-content .store-item { width: 189px; height: 139px; padding: 18px; float: left; }
.stores .store-content .store-item h2 { color: #a19e9e; font-family: Helvetica, sans-serif, Arial; font-size: 12px; margin: 0 0 11px; font-weight:bold; }
.stores .store-content .store-item span { color: #a19e9e; font-size: 12px; display: block; }
.stores .store-content .store-item span.phone { font-size: 14px; margin: 12px 0 15px; }
.stores .store-content .store-item a.website { font-size: 14px; text-decoration: underline; color: #a19e9e; }
.stores .store-content .store-item-hover { background-image:url(../_images/bg-storeitem.png); }
.stores .store-content .store-item-hover h2 { color: #777676; }
.stores .store-content .store-item-hover span,
.stores .store-content .store-item-hover a.website { color: #777676; }
.stores .pagination { margin: 23px 0 0 18px; }
.stores .pagination a { border: 1px solid #eeeeee; color: #999; padding: 2px 6px; margin: 0 3px; font-size: 10px; text-decoration: none; }
.stores .pagination a:hover { color:#666; }
.stores .pagination a.current { border: none; color: #000; padding: 0; }
.stores .pagination span { font-size: 10px; }

/****
** Press
****/

.press .press-container { overflow: auto; }
.press .press-item { width: 102px; height: 141px; float: left; margin: 0 30px 30px 0; position: relative; }
#wrapper .press .last { margin-right: 0; }
.press .press-item a { display: block; width: 102px; height: 141px; }
.press .press-item a img.hover { position: absolute; top: 0; left: 0; display: none; }
.press .press-item a:hover img.hover { display: block; }

#press-overlay { position: fixed; background-color:#fff; opacity: 0.8; bottom: 0; left: 0; right: 0; top: 0; z-index:60; display: block; }
#press-overlay-header { position: fixed; top: 0; left: 0; right: 0; display: block; height: 167px; background-color: #d6d6d6; z-index:70; }
#press-overlay-header .cover { position: absolute; left: 13px; top: 11px; }
#press-overlay-header h1 { color: #615f5f; font-size: 33px; font-family: Helvetica, sans-serif, Arial; position: absolute; top: 71px; left: 125px; font-weight: normal; }
#press-overlay-header h2 { color: #FFF; font-size: 62px; text-transform: uppercase; font-family: Helvetica, sans-serif, Arial; position: absolute; top: 105px; left: 125px; font-weight: normal; }
#press-overlay-header img.divineinthepress { position: absolute; right: 16px; top: 10px; }
#press-overlay-header a.btn-close { position: absolute; top: 120px; right: 17px; }

#press-overlay-content { position: fixed; bottom: 0; left: 0; right: 0; top: 167px; z-index: 70; display: block; }

#press-overlay-image { margin: 54px 0 0; }
#press-overlay-image img { border: #e5e5e5 5px solid; }
#press-overlay-thumbs { overflow: auto; margin: 13px 0 0; }
#press-overlay-thumbs a { margin: 0 17px; position: relative; }
#press-overlay-thumbs a:hover,
#press-overlay-thumbs a.current { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }


/****
** Default Content Page
****/

#content .header_image { width: 900px; height: 222px; }
#content .content_default { margin: 34px 0 34px; font-family: Helvetica, sans-serif, Arial; font-size: 14px; color: #959595; line-height: 22px; }
#content .content_default h2 { font-family: Helvetica, sans-serif, Arial; font-size: 24px; font-weight: normal; color: #959595; margin: 0 0 29px; }
#content .content_default p { font-family: Helvetica, sans-serif, Arial; font-size: 14px; color: #959595; line-height: 22px; }

#content ul.subnav { list-style: none; margin: 29px 0 34px; }
#content ul.subnav li { list-style: none; display: inline; padding: 0 21px 0 0; }
#content ul.subnav li a { color: #000; font-size: 14px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; text-transform: lowercase; }
#content ul.subnav li a.current,
#content ul.subnav li a:hover { color: #807d7d; }


		#light {
		display: block;
		}
		#fade {
		display: block;
		}

		.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0;
			opacity:0;
			filter: alpha(opacity=0);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 12%;
			left: 19%;
			height: 33%;
			padding: 4px;
			border: 4px solid DarkGrey;
			background-color: Grey;
			z-index:1002;
			overflow: auto;
			-moz-opacity: 0.9;
			filter: alpha(opacity=90);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			opacity:0.9;
			text-align: center;
			color: pink;

		}
		#closebutton {
		position: absolute;
		top: 0px;
		z-index: 1003;
		right: 0px;
		border: 0;
		outline: none;
}


#social {
    left: 304px;
    position: absolute;
    top: 30px;

}

#eco {
    position: absolute;
    top: 19px;
    right: 1px;
    width: 93px;
}
