
/* PowerPlay Textiles */

* { margin: 0; padding: 0; border: 0;}

body { color:#424242; background: url(../images/inner_bkg.jpg) repeat-x top center #FFFFFF; font: 12px Helvetica, Arial, Verdana, sans-serif; line-height:18px;}

h1 { font: 24px Helvetica, Arial, sans-serif; font-weight:normal; letter-spacing: .5pt; padding-bottom:20px; color:#c80101;}

h2 { font: 12px Helvetica, Arial, sans-serif; line-height:18px; font-weight:bold;}

h3 { font: 20px Georgia, "Times New Roman", Times, serif; font-weight:normal; letter-spacing: .5pt; padding: 20px 0 10px 0;}

#wrapper { width: 920px; margin: 0px auto;}

img {border: 0;}
.clear {clear: both;}

.main_logo { float:left; margin:20px;}

.header_img { margin-top:8px;}

.levis { padding-bottom: 20px;}


/* Cu3er */

#cu3er-container {width:920px; margin-top: 8px; outline:0; text-align:center;}

/* cu3er end */

/* Home Slider */

#slider {float:right; margin:55px 0 0 0; padding:0px; list-style:none;}
#slider ul, #slider li {margin:0; padding:0; list-style:none;}
#slider li {width:300px; height:208px; overflow:hidden;}

/* home slider end */

/* inner Slider */

#inner_slider {float:right; margin:55px 0 0 0; padding:0px; list-style:none;}
#inner_slider ul, #inner_slider li {margin:0; padding:0; list-style:none;}
#inner_slider li {width:350px; height:242px; overflow:hidden;}

/* inner slider end */

/* Content & Type Styles */

#top { width:920px; margin: 0px;}
#top p{ float:right; width: 300px; margin: 28px 17px 0px 0px;text-align:right; color:#c80101;}
#top a{ color:#c80101; text-decoration: none;}
#top a:hover{ color: #8e0202; text-decoration: none;}

#content { float: left; width:340px; text-align:left; margin:73px 10px 0px 20px;}
#content p{ font: 12px Helvetica, Arial, Verdana, sans-serif; line-height:18px; padding-top: 10px;}
#statement { font: 13px Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:18px; padding:10px 0px 10px 0px; border-bottom:dotted 1px #CCCCCC;}
.statement { font: 14px Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:18px;}

#rightCol { float: right; width:300px; text-align:left; }

#content_inner { float: left; width:710px; text-align:left; margin:73px 0px 0 0px;}
#content_full { float: left; width:600px; text-align:left; margin:73px 40px 0 20px;}

#flashContent {float: right; width:680px; margin:73px 0px 0px 20px;}

/* content & type styles end */

/* Nav */

.menu_list {  font: 12px Helvetica, Arial, Verdana, sans-serif; line-height:18px; width: 175px; float:left; margin:73px 30px 0 0; }
.menu_head { cursor: pointer; position: relative; margin:1px;  color: #c80101; padding-left:20px}
.menu_head a{ display:block; color: #c80101; text-decoration:none;}
.menu_head a:hover{ color: #8e0202; text-decoration: none;}

.menu_selected { font-weight: bold; cursor: pointer; position: relative; margin:1px; background: url(../images/nav_arrow.jpg) no-repeat top center;}
.menu_body { display: none; padding-left:21px}
.menu_body a{ display:block; color:#b79595; text-decoration:none;}
.menu_body a:hover{ color: #8e6565; text-decoration: none;}

/* Nav end */

/* Footer */ 
#footer { margin-top:50px; width: 100%; height:200px; font: 10px Helvetica, Arial, Verdana, sans-serif; line-height:18px; color:#afafaf; background: url(../images/footer_bkg.jpg) repeat-x top center #FFFFFF;}

#footer p {margin: 0px auto; width: 920px; text-align:left; padding: 70px 0px 20px 40px;}
#footer a {color: #afafaf; text-decoration:none;}
#footer a:hover {color: #888888;}
.footer_logo { margin-bottom: 5px;}

.this { float:right; padding-right:20px;}

.dot_spacer { padding:0 10px 0 10px}

/* Footer end */

#nav-shadow { margin: 0px auto; padding: 0px; width: 700px; min-height: 130px; text-align: center; list-style: none;}
			
#nav-shadow li { margin: 0 10px 0 10px; width: 200px; height: 96px; position: relative; float: left;}
			
#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover { margin: 0 auto; width: 200px; height: 96px; text-indent: -9999px; overflow: hidden; background: url(../images/brands_and_characters.png) no-repeat; display: block; position: relative; z-index: 2;}
			
/* Button Colors */
		
#nav-shadow li.brand1 a, #nav-shadow li.brand1 a:visited, #nav-shadow li.brand1 a:hover { background-position: -3px -15px;}
#nav-shadow li.brand2 a, #nav-shadow li.brand2 a:visited, #nav-shadow li.brand2 a:hover { background-position: -192px -3px;}
#nav-shadow li.brand3 a, #nav-shadow li.brand3 a:visited, #nav-shadow li.brand3 a:hover { background-position: -400px -17px;}
#nav-shadow li.brand4 a, #nav-shadow li.brand4 a:visited, #nav-shadow li.brand4 a:hover { background-position: -1000px -15px;}
#nav-shadow li.brand5 a, #nav-shadow li.brand5 a:visited, #nav-shadow li.brand5 a:hover { background-position: -800px -15px;}
#nav-shadow li.brand6 a, #nav-shadow li.brand6 a:visited, #nav-shadow li.brand6 a:hover { background-position: -600px -16px;}

#nav-shadow li.brand7 a, #nav-shadow li.brand7 a:visited, #nav-shadow li.brand7 a:hover { background-position: -192px -110px;}
#nav-shadow li.brand8 a, #nav-shadow li.brand8 a:visited, #nav-shadow li.brand8 a:hover { background-position: -400px -115px;}
#nav-shadow li.brand9 a, #nav-shadow li.brand9 a:visited, #nav-shadow li.brand9 a:hover { background-position: -600px -115px;}
#nav-shadow li.brand10 a, #nav-shadow li.brand10 a:visited, #nav-shadow li.brand10 a:hover { background-position: -800px -115px;}
#nav-shadow li.brand11 a, #nav-shadow li.brand11 a:visited, #nav-shadow li.brand11 a:hover { background-position: -1000px -115px;}
#nav-shadow li.brand12 a, #nav-shadow li.brand12 a:visited, #nav-shadow li.brand12 a:hover { background-position: -1400px -110px;}
#nav-shadow li.brand13 a, #nav-shadow li.brand13 a:visited, #nav-shadow li.brand13 a:hover { background-position: -1200px -110px;}
#nav-shadow li.brand14 a, #nav-shadow li.brand14 a:visited, #nav-shadow li.brand14 a:hover { background-position: -3px -115px;}

#nav-shadow li.brand15 a, #nav-shadow li.brand15 a:visited, #nav-shadow li.brand15 a:hover { background-position: -1200px -13px;}
#nav-shadow li.brand16 a, #nav-shadow li.brand16 a:visited, #nav-shadow li.brand16 a:hover { background-position: -1400px -15px;}

#nav-shadow li.brand17 a, #nav-shadow li.brand17 a:visited, #nav-shadow li.brand17 a:hover { background-position: -1600px -110px;}
#nav-shadow li.brand18 a, #nav-shadow li.brand18 a:visited, #nav-shadow li.brand18 a:hover { background-position: -1800px -110px;}

			
/* Button Shadow */
		
#nav-shadow li img.shadow { margin: 0px auto; position: absolute; bottom: 0; left: 0; z-index: 1;}
			
/* Map */

#nav-map {float:left; width: 150px; margin-top:140px;}

#map-container { float:left; width:920px; margin:0px;}
#content_map { float: left; width:650px; margin:50px 0px 100px 0px;}
#content_global { float: left; width:350px; margin:73px 0px 0px 0px;}

/* Distribution Map */

#distribution_pin1 { float:left; width:32px; margin: 15px 300px 0px 290px;}
#distribution_pin2 { float:left; width:32px; margin: 45px 0px 0px 50px;}
#distribution_pin3 { float:left; width:32px; margin: 0px 0px 0px 183px;}
#distribution_pin4 { float:right; width:32px; margin: 0px 280px 0px 0px;}
#distribution_pin5 { float:right; width:32px; margin: 10px 95px 0px 0px;}
#distribution_pin6 { float:right; width:32px; margin: 5px 90px 0px 0px;}
#distribution_pin7 { float:left; width:32px; margin: 50px 0px 0px 200px;}
#distribution_pin8 { float:left; width:32px; margin: 110px 0px 0px 270px;}

.orange-pin { margin: 0 ; padding: 0; width: 32px; position: relative;}
div.orange-pin em { background: url(../images/map/bubble_orange.png) no-repeat; width: 150px; height: 100px; position: absolute; top: -120px; left: -60px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#orange-pin { width: 32px; height: 58px; background: url(../images/map/pin_orange.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.red-pin { margin: 0 ; padding: 0; width: 32px; position: relative;}
div.red-pin em { background: url(../images/map/bubble_red.png) no-repeat; width: 200px; height: 150px; position: absolute; top: -170px; left: -85px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#red-pin { width: 32px; height: 58px; background: url(../images/map/pin_red.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.green-pin { margin: 0 ; padding: 0; width: 32px; position: relative;}
div.green-pin em { background: url(../images/map/bubble_green.png) no-repeat; width: 200px; height: 150px; position: absolute; top: -170px; left: -85px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#green-pin { width: 32px; height: 58px; background: url(../images/map/pin_green.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.blue-pin { margin: 0 ; padding: 0; width: 32px; position: relative;}
div.blue-pin em { background: url(../images/map/bubble_blue.png) no-repeat; width: 200px; height: 125px; position: absolute; top: -150px; left: -85px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#blue-pin { width: 32px; height: 58px; background: url(../images/map/pin_blue.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.grey-pin { margin: 0 ; padding: 0; width: 32px; position: relative;}
div.grey-pin em { background: url(../images/map/bubble_grey.png) no-repeat; width: 150px; height: 75px; position: absolute; top: -80px; left: -60px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#grey-pin { width: 32px; height: 58px; background: url(../images/map/pin_grey.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.purple-pin { margin: 0 ; padding: 0; width: 32px; position: relative;}
div.purple-pin em { background: url(../images/map/bubble_purple.png) no-repeat; width: 200px; height: 75px; position: absolute; top: -100px; left: -85px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#purple-pin { width: 32px; height: 58px; background: url(../images/map/pin_purple.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.pink-pin { margin: 0 ; padding: 0; width: 32px; position: relative;}
div.pink-pin em { background: url(../images/map/bubble_pink.png) no-repeat; width: 150px; height: 75px; position: absolute; top: -80px; left: -60px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pink-pin { width: 32px; height: 58px; background: url(../images/map/pin_pink.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

/* Sourcing Map */

#sourcing_pin1 { float:left; width:25px; margin: 120px 0px 0px 50px;}
#sourcing_pin2 { float:left; width:25px; margin: 45px 0px 0px 0px;}
#sourcing_pin3 { float:left; width:25px; margin: 40px 0px 0px 15px;}
#sourcing_pin4 { float:left; width:25px; margin: 120px 0px 0px 50px;}
#sourcing_pin5 { float:right; width:25px; margin: 132px 119px 0px 0px;}
#sourcing_pin6 { float:left; width:25px; margin: 190px 0px 0px 60px;}
#sourcing_pin7 { float:left; width:25px; margin:180px 0px 0px 20px;}
#sourcing_pin8 { float:left; width:25px; margin:230px 0px 0px 10px;}
#sourcing_pin9 { float:right; width:25px; margin: 200px 0px 0px 0px;}
#sourcing_pin10 { float:right; width:25px; margin: 330px 0px 0px 0px;}

.pin_uk { margin: 0 ; padding: 0; width: 25px; position: relative;}
div.pin_uk em { background: url(../images/map/bubble_uk.png) no-repeat; width: 150px; height: 60px; position: absolute; top: -80px; left: -65px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pin_uk { width: 25px; height: 50px; background: url(../images/map/pinH.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.pin_denmark { margin: 0 ; padding: 0; width: 25px; position: relative;}
div.pin_denmark em { background: url(../images/map/bubble_denmark.png) no-repeat; width: 150px; height: 60px; position: absolute; top: -82px; left: -62px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pin_denmark { width: 25px; height: 50px; background: url(../images/map/pinR.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.pin_portugal { margin: 0 ; padding: 0; width: 25px; position: relative;}
div.pin_portugal em { background: url(../images/map/bubble_portugal.png) no-repeat; width: 150px; height: 60px; position: absolute; top: -80px; left: -65px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pin_portugal { width: 25px; height: 50px; background: url(../images/map/pinL.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.pin_turkey { margin: 0 ; padding: 0; width: 25px; position: relative;}
div.pin_turkey em { background: url(../images/map/bubble_turkey.png) no-repeat; width: 150px; height: 75px; position: absolute; top: -82px; left: -62px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pin_turkey { width: 25px; height: 50px; background: url(../images/map/pinR.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.pin_dubai { margin: 0 ; padding: 0; width: 25px; position: relative;}
div.pin_dubai em { background: url(../images/map/bubble_dubai.png) no-repeat; width: 150px; height: 60px; position: absolute; top: -80px; left: -65px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pin_dubai { width: 25px; height: 50px; background: url(../images/map/pinL.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.pin_pakistan { margin: 0 ; padding: 0; width: 25px; position: relative;}
div.pin_pakistan em { background: url(../images/map/bubble_pakistan.png) no-repeat; width: 150px; height: 75px; position: absolute; top: -82px; left: -62px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pin_pakistan { width: 25px; height: 50px; background: url(../images/map/pinR.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.pin_hongkong { margin: 0 ; padding: 0; width: 25px; position: relative;}
div.pin_hongkong em { background: url(../images/map/bubble_hongkong.png) no-repeat; width: 150px; height: 75px; position: absolute; top: -80px; left: -65px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pin_hongkong { width: 25px; height: 50px; background: url(../images/map/pinL.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.pin_india { margin: 0 ; padding: 0; width: 25px; position: relative;}
div.pin_india em { background: url(../images/map/bubble_india.png) no-repeat; width: 150px; height: 75px; position: absolute; top: -82px; left: -62px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pin_india { width: 25px; height: 50px; background: url(../images/map/pinR.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.pin_china { margin: 0 ; padding: 0; width: 25px; position: relative;}
div.pin_china em { background: url(../images/map/bubble_china.png) no-repeat; width: 150px; height: 75px; position: absolute; top: -82px; left: -62px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pin_china { width: 25px; height: 50px; background: url(../images/map/pinR.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.pin_indonesia { margin: 0 ; padding: 0; width: 25px; position: relative;}
div.pin_indonesia em { background: url(../images/map/bubble_indonesia.png) no-repeat; width: 150px; height: 75px; position: absolute; top: -80px; left: -65px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pin_indonesia { width: 25px; height: 50px; background: url(../images/map/pinL.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.pinR { margin: 0 ; padding: 0; width: 25px; position: relative;}
div.pinR em { background: url(../images/map/bubble_pakistan.png) no-repeat; width: 100px; height: 100px; position: absolute; top: -120px; left: -60px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pinR { width: 25px; height: 50px; background: url(../images/map/pinR.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}

.pinL { margin: 0 ; padding: 0; width: 25px; position: relative;}
div.pinL em { background: url(../images/map/bubble.png) no-repeat; width: 150px; height: 100px; position: absolute; top: -120px; left: -60px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
#pinL { width: 25px; height: 50px; background: url(../images/map/pinL.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; display: block;}
