/*
Theme Name: SU Japanese
Theme URI: http://www.thatfresh.com
Description: SU Japanese
Author: Thatfresh
Version: 1.0
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}


*{padding:0; margin:0;}
body {float:left; width:100%; background:#efefef url(./images/fabric-background.jpg) repeat;}
p{font-size: 0.75em; font-family: Helvetica; font-weight: lighter; color:#666; line-height: 1.65em; text-align: left; }
a, a:visited {font-family: Helvetica; color: #44aae9; text-decoration: none;}
a:hover,a:active {font-family: Helvetica; color: #000; text-decoration: none;}
strong{font-weight:900;}
img{border: none; background: none;}
span{text-align: left;}
small{ font-size: 0.6em;}

/* render HTML 5 elements as blocks */  
header, footer, aside, nav, article {display: block;}  


/* container classes */

/* stock containers */
.c01{width:150px;}
.c02{width:230px;}
.c02a{width:230px;}
.c03{width:270px;}
.c04{width:550px;}
.c06{width:950px;}

/* Grid Container classses */
{display: inline; float: left; position:relative; }
.c02a, .c03, .c04a{ display: inline; float: left; position:relative; margin-left: 10px; margin-right: 0px;}




/* headline for keywords, dumb Japanese thing, pointless */
#homepage-headline{float:left; width:100%;background: url(./images/red-ribbon01.png); margin: 0 0 10px 0; font-size: 1.2em; line-height: 1.3em;}
body h1 {background-color: #FFF; border-bottom: 1px solid #ccc; font-size: 0.8em; line-height: 1em; color:#000; font-weight: bolder;  text-align:center; padding: 10px 10px 10px 10px;}
#homepage-headline a { color:#FFF;}
#homepage-headline a:hover { color:#000;}
#homepage-headline h2{font-size: 0.8em; line-height: 1.2em; color:#FFF; text-align: left; padding: 10px 10px 10px 10px;}
#homepage-headline h3{font-size: 1.1em; line-height: 1.2em; color:#FFF; text-align: left; padding: 10px 10px 10px 10px;}


/*Page containers */
#header-container{width:100%; height: 70px; background: #ccc url(./images/headerbg.jpg) repeat-x; border-bottom: 1px solid #ededed;}
#header{width:960px; height:70px; margin: 0 auto;}


/* Menu Css */
#nav {
	font-size:0.9em;
float: left;
margin: 0 0 0 40px;
	}
	
#nav, #nav ul {
	list-style: none;
	line-height: 1;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	height:35px;
	}

#nav li {
	float: left;
	list-style:none;
	border-right:1px dashed #ccc;
	margin-top: 0px;
	max-width: 150px;
	}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #333;
min-width:100px;
text-align: center;
padding: 25px 5px 0 5px;
margin: 0 0 0 0;
	}

#nav a:hover{
	background: url(./images/blue-ribbon01.png);
	color:#FFF;
	text-decoration:none
	}	

#nav a:active, .current_page_item a, .current-menu-item a,  #home .on {
background:url(./images/blue-ribbon01.png);
	text-decoration:none
}	
	
/* Dropdown Menus */		
#nav li ul {
			z-index: 500;
position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
		margin-top: 0px;

	}

#nav li li {
	width: 190px;
	background: url(./images/blue-ribbon01.png);
	margin-top: 0px;
	max-width: 200px;

			
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size: 1.3em;
	color:#FFF;
	padding-top:10px;
padding-bottom: 10px;
height:10px;
margin-top: 0px;
border-bottom: 1px dashed #ccc;
	}

#nav li li a:hover, #nav li li a:active {
	background: url(./images/red-ribbon01.png);
	padding-top:10px;
padding-bottom: 10px;
height:10px;
border-bottom: 1px dashed #ccc;

	}	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

.language-message{float:left; width:210px; margin: 30px 0 0 10px; font-size: 0.75em; font-family: Helvetica; text-transform: uppercase; font-weight: bolder: }
.language-message a{ background: red; color:#FFF; padding: 1px 5px 1px 5px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.language-message a:hover{ background: #000;}



#headline-links{float:right; margin: 0 5px 0 0;}
#headline-links a{font-size: 0.55em; font-family: Helvetica; text-transform: uppercase; }

#toplinks a, #toplinks a:active {float:right; font-size: 0.7em; font-family: Helvetica; display: block; margin: 10px 15px 10px 15px;}

#body-container{width:960px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 20px;}

section {min-height:500px;}
.logo{float:left; width: 81px; margin:  5px 0 0 45px;}
 {float:left;}

/* page left */
.page-left {float:left; min-height:500px; margin: 0px 5px 5px 5px;}
#garment-menu{float:left; min-height:300px; margin: 5px 0 5px 0;}
.garment-menu-item{margin: 0 0 0 0;}

/*page center */
.page-center {float:left; min-height:100px; margin:10px 5px 10px 5px;}
.page-center-content{float:left; width:550px; min-height: 50px; background: #FFF url(./images/boxes/550-bg-03.png) repeat-y; margin: 10px 0 0px 0;}
.page-center-text-column1{width:230px; float:left; margin: 20px 5px 20px 20px;}
.page-center-text-column2{width:230px; float:left; margin: 20px 20px 20px 5px;}
.index p {/*padding:5px 20px 12px 20px;*/ font-weight: bolder; color:#FFF;}
.page p {font-weight: bolder; color:#000;}
.page {float:left; width:510px; padding:20px 20px 10px 20px;}
.page-center h3, .page-center h2, .page-center h4 {text-shadow: rgba(209, 999, 229, 0.3) 1px 1px 1px; text-align: justify; text-align-last: right;}

/* note to self clean up css and add more global classes */
.550bg01{background: #FFF url(./images/boxes/550-bg-03.png) repeat-y;}

/* order steps pages */
.ordersteps{float:left; margin:20px 20px 20px 20px}
.ordersteps span{display:block; font-size: 0.8em; padding: 5px 7px 5px 7px; background: url(./images/red-ribbon01.png); color:#FFF; }
.ordersteps span:hover{background: #666;}


/* homepage order steps */
.ordersteps-homepage {position: relative; float:left;}
.ordersteps-homepage-container {float:left; padding:15px 8px 10px 8px;}

.ordersteps-homepage a{float:left; position: relative; margin:25px 8px 0px 8px}
.ordersteps-homepage span{font-size: 0.65em; font-weight: bolder; position: absolute; color: #333;  padding: 5px 5px 5px 5px; z-index: 500; bottom:-28px; left:5px;}
.ordersteps-homepage span:hover {color:red;}
.ordersteps-homepage-number{position: absolute; left:0px; top:0px; padding:2px 5px 2px 5px; font-size: 0.75em; background:#000; color:#fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}

.fromprice{float:left; position: relative; padding: 20px 0 20px 0;}
.fromprice-item{float:left; margin: 20px 0 0px 20px}


.page-center-banner-a {float:left; margin: 5px 5px 5px 0;}
.page-center-banner-b {float:left; margin: 5px 0 5px 5px;}
.page-center-banner-c {float:left; margin: 5px 0 0px 0px;}
.page-center-banner-d {float:left; height:164px; position: relative; margin: 5px 0 0px 0px; background: url(./images/boxes/550-bg-02.png) no-repeat;}
.page-center-banner-e {float:left; height:220px; margin: 5px 0 0px 0px; background: url(./images/boxes/270-box.png) no-repeat;}

.page-center-banner-f {float:left; height:150px; margin: 5px 0 0px 0px; background: url(./images/boxes/550-bg.png) repeat;}

/* page right */
.page-right {float:right; min-height:100px; margin:0px 5px 5px 5px;}
.page-right p {float:left; clear:both; padding:5px 20px 10px 10px;/* border-bottom: 1px dashed #999; color: #494949; */}
.page-right h3, .page-right h2 {padding:10px 0 0 5px;}
.page-right-banner-a {float:left; height:80px; margin: 20px 0 5px 0px;}
.page-right-banner-b {float:left; margin: 5px 0 5px 0px; position: relative;}
.page-right-banner-c {float:left; position: relative; margin: 10px 0 10px 0px; width:230px; background: url(./images/boxes/230-bg-02.png) repeat-y; padding: 0px 0px 5px 0px; }
.page-right-banner-d {float:left; height:142px; margin: 0px 0 10px 0px; background: url(./images/lang-search.png) no-repeat;}
.page-right-banner-d img {margin: 10px 0 0 5px;}
.page-right-banner-e {float:left; height:171px; margin: 0px 0 10px 0px; background: url(./images/boxes/230-box-border.png) no-repeat;}
.page-right-banner-f {float:left; height:427px; margin: -40px 0 5px 0px; background: url(./images/homepage/ja/laminate.png) no-repeat; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); }

.page-right-banner-g {float:left; width:230px; height:230px; margin: 10px 0 10px 0px; position:relative; background: url(./images/boxes/230-bg-2.png) no-repeat;}

#contact-info{float:left; margin: 45px 0 0 20px; }
#contact-info p {border-bottom: none; padding: 0 0 0 10px;}
.contact-info-icon{padding: 0 10px 0 0;}
.contact-info-number{text-decoration: none; border-bottom: none; font-size: 1.4em; font-weight: bolder;}

/*.page-center a{float:left; padding: 40px 21px 0px 21px; position: relative; z-index: 100;}*/
.ribbon-title {position: absolute; z-index: 5; left:0px; top:0;}


.smallbutton{width:120px; height: 120px;}

/* Homepage Best Price & Top5 */

#best-price-top-5{float:left; width:550px; margin: 10px 0 0 0;}

#best-price{ height:275px; background: #FFF url(./images/boxes/550-bg-03.png) repeat-y;}
#best-price-content{float:left; width:230px; margin:30px 0 10px 0; padding:20px;}
#best-price p{float:left; clear:both; width:100%; padding: 0 0 20px 0;}
#best-price .best-price-quantity {float:left; font-size: 2.3em; font-family: Osaka; font-weight: bolder; color:#000;}
#best-price .best-price-price {float:right; font-size: 2.3em; font-family: Osaka; font-weight: bolder; color:#000;}
.best-price-content-details{ padding:5px; float:right; font-size: 0.70em; font-family: Osaka; color:#000; background: #FFF;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#intro-text{ position: relative; float:left; min-height: 100px; padding: 40px 10px 10px 10px; margin-top: 0px; background: #FFF url(./images/boxes/550-bg-03.png) repeat-y; font-size: 1.1em;}

.top-5{float:left; height:275px; background: #FFF url(./images/boxes/550-bg-03.png) repeat-y; margin:0 0 10px 0;}
.top-5-content{float:left;  margin:30px 0 10px 0; padding:20px;}
.top-5-garment{float:left; position: relative; clear:both; margin: 0 0 10px 0;}
.top-5-garment-number{background: #f6e300; color:#000; /*border:2px solid #000;*/ font-family: Osaka; font-size: 0.7em; font-weight: bolder; padding:5px 5px 5px 5px; position: absolute; left:-5px; top:-5px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.top-5-garment img {float:left; margin: 0 5px 0 0; padding:3px; border:1px dashed #999; background: #000;}
.top-5-garment-title a{ font-size: 0.80em; color:#000;}

/* End Homepage Best Price & Top5 */

.ribbon-title-01{height:50px; width:157px; position: absolute; z-index: 5; left:0px; top:0; background: url(images/ribbons/blue-ribbon-01.png)no-repeat; text-align: left; font-family: Osaka; font-weight: bolder; font-size: 0.75em; color:#FFF; padding: 8px 0 0 10px;}
.ribbon-title-02{height:50px; width:157px; position: absolute; z-index: 5; left:0px; top:0; background: url(images/ribbons/red-ribbon-01.png)no-repeat;  text-align: left; font-family: Osaka; font-weight: bolder; font-size: 0.75em; color:#FFF; padding: 8px 0 0 10px;}

#ourwork{float:left; margin: 225px 0 0 23px;}

/*#news {float;left; width:210px; margin: 0px 5px 10px 10px; background: url(./images/boxes/newsbg.png) no-repeat; width:261px; height:165px; position: relative; }*/
#news-content{float:left; width:210px; margin: 35px 10px 0 10px;}
#news-content .news-item{float:left; clear: both; padding: 15px 5px 0 10px; font-size: 0.8em;}
.news-content-date span{float:left; padding: 3px 5px 3px 5px; font-size: 0.75em; font-weight: bolder; color:#000; text-transform: uppercase;}
#news-content h5 a  {color:#000; float:left; margin: 5px 0 0 0;}

.article-content-date {float:left; margin: 0 0 0 10px; font-size: 0.65em; text-transform: uppercase;}
.article-content{float:left; width:100%; margin: 20px 0 20px 0; padding: 0 0 10px 0;border-bottom: 1px dashed #efefef;}

/* homepage-headline */

#homepage-headline p {float:left; font-size: 0.8em; line-height: 1.6em; color:#FFF; text-align: left; padding: 10px 10px 10px 10px;}

/* homepage right column banners */

.right-banner{float:left; margin-top: 10px;}



#shop-flag{height:235px; margin: 0 0 5px 0; background: url(./images/cut-tag-jp.png) no-repeat; }
#special-slider{float:left; max-width: 550px; height:300px; margin: 10px 0 5px 0px; overflow: hidden;}
#special-slider p { float:left;}
#special-slider p a{ float:left;}

#footer-container{float:left; width: 100%; height:330px; clear:both; text-align: center;}
#footer{width: 100%; height:330px; background:#FFF url(./images/footerbg.jpg) repeat-x; border-top: 1px solid #ccc;}
#brands {width:900px; position: relative; margin: 0 auto; margin-top :2px; margin-bottom: 0px;}
#brands img{float:left; position:relative; width:100px; margin: 0 5px 0 5px;}
#copyright{width:800px; height:30px; margin: 0 auto; margin-top: 50px;}
#copyright p{float:left; font-size: 0.7em;}
#copyright ul {float:left;}
#copyright ul li{  list-style: none;
	text-decoration: none;
	border:none;
	float:left;
	}
#copyright ul li a{float:left; color:#333; font-size: 0.7em;}
#social-icons {width:230px; margin:0 auto; margin-top: 100px;}	
	

/* global classes */
.clear{clear:both;}
.clear-right {clear:right;}
.left{float:left;}
.right{float:right;}
.pad20 {padding: 20px; width:510px;}
.pad10 { padding:10px;}
.pad5 { padding:5px;}
.pad3 { padding:3px;}
.padtop{padding: 10px 0 0 0;}
.marginbottom{margin: 0 0 10px 0;}
.highlight {background: #4badea url(./images/blue-ribbon01.png); color:#FFF; padding: 2px 3px 2px 3px;}
.rotateleft{-webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg);}
.rotateright{-webkit-transform: rotate(2deg); -moz-transform: rotate(2deg);}
.rotateleft02{-webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg);}
.rotateright02{-webkit-transform: rotate(1deg); -moz-transform: rotate(1deg);}
ul{ list-style: decimal; list-style-position: inside;}
ul li {font-size: 0.75em; font-family: Helvetica; font-weight: lighter; color:#666; line-height: 1.65em; list-style: decimal; list-style-position: inside; }

/* Typography */

h1,h3{ font-family: Helvetica; font-size: 1.45em; font-weight: bolder; line-height: 1.2em; color: #666;}
.homepage h4{font-size: 2.1em; font-weight: bolder; line-height: 1.3em; color: #666;}

h2{ font-family: Helvetica; font-size: 2.20em; font-weight: bolder; line-height:1.2em; color: #666;}
h4{ font-family: Helvetica; font-size: 1.15em; font-weight: bolder; line-height: 1.2em; color: #666;}
h5{font-family: Helvetica; font-size: 0.9em; font-weight: bolder; line-height:1.2em; color: #666;}
h6{font-family: Helvetica; font-size: 0.8em; font-weight: bolder; line-height:1.2em; color: #47aff3;}

/* Print Charge Page */

#case-study{ width: 510px; float:left; margin: 10px 10px 20px 20px;}
#case-study-left{width: 250px; float:left; margin:0 0 0 5px;}
#case-study-right{width: 250px; float:right; margin:0 5px 0 0;}

/* Screen Page */

.screen-data {float:right; width:100px; margin: 30px 10px 0px 0;}
.screen-data-2 {float:left; width:251px; height:226px; margin-left: 10px; margin-top: -10px; margin-bottom: 15px; position: relative; padding-top: 80px;}

.screen-small{ background: url(./images/screens/screen-small-new.png)no-repeat;}
.screen-medium{ background: url(./images/screens/screen-medium-new.png)no-repeat;}
.screen-large{ background: url(./images/screens/screen-large-new.png)no-repeat;}
.screen-xlarge{ background: url(./images/screens/screen-xlarge-new.png)no-repeat;}

.screen-text-container{width:240px; margin: 0 auto; position: relative;}

.screen-data-name {float:left; font-size: 1.7em; line-height: 1.9em; font-weight: bolder; text-transform: uppercase; display :block; width:100%;}
.screen-data-size {float:left; font-size: 1.0em; line-height: 1.2em; display: :block; width:100%;}
.screen-data-price {float:left; font-size: 2.1em;line-height: 2.1em; display: :block; width:100%; font-weight: bolder;}

.screen-data-name-2 {float:left; font-size: 1.7em; line-height: 1.9em; text-align: center; font-weight: bolder; text-transform: uppercase; display :block; width:100%;}
.screen-data-size-2 {float:left; font-size: 1.0em; line-height: 1.2em; text-align: center; display: :block; width:100%;}
.screen-data-price-2 {float:left; font-size: 2.1em;line-height: 2.1em; text-align: center; display: :block; width:100%; font-weight: bolder;}


.print-steps{float:left; margin: 10px 0 0 0;}

/*-------tables--------*/
.box-table-a, .smallbox-table-b, #smallbox-table-b
{font-size: 12px;width: 100%;text-align: left;border-collapse: collapse;float:left;clear:right;margin: 0 0 20px 0;}
.box-table-a th, .smallbox-table-b th, #smallbox-table-b th
{font-size: 13px;font-weight: normal;padding: 8px;background: url(./images/blue-ribbon01.png);border-bottom: 1px dashed #fff;color: #FFF;}
.box-table-a td, .smallbox-table-b td, #smallbox-table-b td
{padding: 8px;border-bottom: 1px dashed #fff;color: #333;}
.box-table-a tr:hover td, .smallbox-table-a tr:hover td, #smallbox-table-a tr:hover td
{background: #ccc;color: #000;}


/**********************Garment Pages*********************/

/* garments  category template*/

.garments-featured-group {float:left; width:548px; min-height:270px; position:relative; margin: 0 0px 10px 0; background: #efefef; border: solid 1px #CCC;}
.garments-featured-group-image{float:left; background: #FFF; height:240px; width:200px; margin: 10px; padding:5px; border: dashed #CCC 1px; }
.garments-featured-group-text{ float:left; position: relative; width: 270px; height:20px;  margin: 10px 0 0 10px;}
.garments-featured-group-text-area{float:left; width:100%; margin-bottom:10px; border-bottom: 1px dashed #ccc;}
.garments-featured-group img {height:240px;width:200px;z-index:0;position:relative;}
.garments-featured-group img {height:240px;width:200px;z-index:0;position:relative;}


#category-featured-garment-tag-container{float:left; margin: 0 0 0 10px;}
.garment-category{z-index: -100;display:block;height:200px;width:170px; float:left;margin: 8px 5px 5px 8px;padding:0px;}
.category-featured-garment-container{float:left; width:169px; border:1px dashed #ccc;}
.category-featured-garment{width:169px; height:200px; background: #FFF; float:left; position: relative; margin: 0px 0 0px 0;}
.category-featured-garment img{float:left;padding:3px;}
.category-featured-garment-title{ width:167px; float:left; font-size: 0.66em; font-family: Helvetica; text-transform: uppercase; color:#FFF; margin-top: 0px; background: #4badea url(./images/blue-ribbon01.png); padding: 8px 0 8px 3px;}
/*.category-featured-garment-price{background: #f6e300; color:#000; font-family: Osaka; font-size: 0.7em; font-weight: bolder; padding:5px 5px 5px 5px; position: absolute; left:-5px; bottom:-5px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }*/

.category-featured-garment-price{height:30px; width:168px; position: absolute; z-index: 1000; left:-5px; bottom:0; background: url(images/ribbons/red-ribbon-01-long.png)no-repeat;  text-align: left; font-family: Osaka; font-weight: bolder; font-size: 0.75em; color:#FFF; padding: 8px 0 0 10px;}

.colours-small {float:right; background: #931716; font-size: 9px; padding: 1px 3px; margin: 1px 28px 0 0px; border-radius: 999px; }
.weight-small {float:right; background: #931716; font-size: 9px; padding:1px 3px; margin: 1px 3px 0 3px; border-radius: 999px;}

#category-featured-garment-tags{
	-moz-column-count: 3;
	-moz-column-gap: 8px;
	-webkit-column-count: 3;
	-webkit-column-gap: 8px;
	column-count: 3;
	column-gap: 8px;
}

.tag-list dt{float:left; font-size: 0.86em; font-family: Helvetica; text-transform: uppercase; color:#FFF; margin-top: 0px; background: #4badea url(./images/blue-ribbon01.png); padding: 8px 0 8px 3px; clear:both; width:165px;}
.garments-featured-group {float:left; width:548px; min-height:270px; position:relative; margin: 0 0px 10px 0; background: #efefef; border: solid 1px #CCC;}
.tag-list dd, .tag-list dl{float:left; width:160px;}
.tag-list dd a{float:left; width:160px; font-size: 0.8em; padding: 3px 0 3px 0;}


.garments-featured-group-image{float:left; background: #FFF; height:240px; width:200px; margin: 10px; padding:5px; border: dashed #CCC 1px; }
.garments-featured-group-text{ float:left; position: relative; width: 270px; height:20px;  margin: 10px 0 0 10px;}
.garments-featured-group-text-area{float:left; width:100%; margin-bottom:10px; border-bottom: 1px dashed #ccc;}
.garments-featured-group img {height:240px;width:200px;z-index:0;position:relative;}
.garments-featured-group img {height:240px;width:200px;z-index:0;position:relative;}


/* Single garments template*/
.single-garment-thumb{
float:left; width:280px; height:277px; margin: 10px 0px 10px 0; background: url(./images/single-garments/garment-image-bg.png) no-repeat;}
.single-garment-thumb img{padding:10px;}
.single-garment-details{float:right; width:270px; height:55px; margin: 10px 0 0 0; background: url(./images/single-garments/garment-details-bg.png) no-repeat;}
.single-garment-details p{padding: 20px 0 0 20px;}
.single-garmnet-content{}
.single-garmnet-content img{ max-width: 520px; margin: 10px 0 0 10px; background: #FFF; padding:5px;}
.single-garment-tags a{ color:#FFF; background: url(./images/blue-ribbon01.png); padding: 2px 3px 2px 3px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.single-garment-tags a:hover{background: #ccc;}

/* Block weight tags */
#weight-tag-container {	
	width:100%;
	clear:both;
}

#weight-tag-container ul {
	width:100%;
}

#weight-tag-container ul li {
	list-style: none;
	background: #efefef;
	padding:10px 0;
	font-weight: 14px;
	margin:5px 0;
	text-align: center;
}

#weight-tag-container ul li a{
	color:#222;
	font-size: 14px;
	display: block;
	font-weight: bolder;
}

#weight-tag-container ul li:hover{
	background: #ccc;
}


/* wordpress classes */
.alignnone { padding:5px;}


/* Google map */
#map_canvas{float:left; height:300px; width:500px; margin: 10px 0px; border: dashed 1px #666;}

/* Google Calendar */
#calendar{width:210px; float:left; padding:10px 10px 0 10px;}

/*form progress bar */
#fakeprogress {
	background-color:#ceecff;
	border:2px solid #ADDEFC;	
	background-image:url(http://www.sweatshopunion.jp/cms_images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:120px;
	width:510px;
	position:absolute;
	bottom:0;
	left:50;
	z-index:2000;
}
#fakeprogress h2 {
	text-align:center;
	margin:0;
	padding:25px 0 0 0;
	font-weight:bold;
	font-size:24px;
	font-family:sans-serif;
}

#fakeprogress p {
	text-align:center;
	margin:0;
	padding:25px 0 0 0;
	font-weight:bold;
	font-size:0.8em;
	color:#000;
	font-family:sans-serif;
}

#contact-form .gfield{float:left;}
#contact-form .ginput_container, .gfield_label {float:left; clear:both;}

#contact-form{ float:left; width: 510px; height:100%; position: relative;}

#contact-form .contact-reason{ float:left; width:100%; margin:5px 0px 5px 0px; clear:both; padding:10px;}
#contact-form .contact-check{ float:left; width:100%; margin:5px 0px 5px 0px; clear:both; padding:5px; font-size: 1.3em;}

#contact-form .contact-name-1{ float:left; width:235px; margin:5px 10px 0 0px; clear:left; padding:5px;}
#contact-form .contact-name-2{ float:left; width:235px; margin:5px 0px 0 0px;padding:5px;}
#contact-form .contact-name-1 input, #contact-form .contact-name-2 input {width:215px; padding: 5px;  background: #efefef; border: 1px dashed #666;}

#contact-form .contact-gen{ float:left; margin:10px 10px 0 0px; width:100%; padding: 5px;}
#contact-form .contact-gen input {width:215px;  padding: 5px;  background: #efefef; border: 1px dashed #666;}

#contact-form .contact-phone{ float:left; width:235px; margin:5px 10px 0 0px; clear:left; padding: 5px;}
#contact-form .contact-phone input {width:215px;  padding: 5px;  background: #efefef; border: 1px dashed #666;}


#contact-form .contact-email{float:left; width:235px; padding: 5px; margin:5px 0px 0 0px;}
#contact-form .contact-email input {width:215px;  padding: 5px;  background: #efefef; border: 1px dashed #666;}

#contact-form .contact-text{ float:left; margin:5px 0px 0 0px; clear:both;}
#contact-form .contact-text textarea {width:498px;  padding: 5px;  background: #efefef; border: 1px dashed #666;}


#contact-form .specials{ float:left; width:100%; margin-right:10px; clear:left;}
#contact-form .checkboxlist{ float:left; width:100%; margin-right:10px; clear:left;}

#contact-form .contact-address input {float:left; width:498px;  padding: 5px;  background: #efefef; border: 1px dashed #666;}
#contact-form .contact-postcode, #contact-form .contact-pref {float:left; clear:both; margin:10px 10px 0 0px; }
#contact-form .contact-postcode input {float:left; width:135px;  padding: 5px;  background: #efefef; border: 1px dashed #666; clear:both;}
#contact-form .contact-pref select, #contact-form .medium gfield_select select{float:left; clear:both; padding: 5px; width:235px; font-size: 1em;}


#contact-form .contact-reason ul li {float:left; width:100%; padding:10px; font-size: 1.3em;}

#contact-form .button{
float:left;
color: white;
font-family: HelveticaNeue, "HelveticaNeue", Helvetica, sans-serif, Verdana, Arial; 
	width:180px;  
	padding:20px; 
	margin: 10px 0 0 5px;
	font-size:1.6em;
	background-color: #44aae9;
	text-transform: lowercase;
	border:none;
	clear:both;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
}

#contact-form .button:hover	{ 
font-family: HelveticaNeue, "HelveticaNeue", Helvetica, sans-serif, Verdana, Arial;
	background-color: #8e8d90;
	color:#FFF;
}

#contact-form .gfield_error{ background-color:#FFDFDF!important; border:none;}

#contact-form .quote-quantity{float:left; width:235px; padding: 5px; margin:5px 0px 0 0px;}

.ui-datepicker-unselectable {background: #3f9cd5; color:#FFF;}
.ui-datepicker-other-month {background: #fff;}
.ui-datepicker-current{background: red;}
.ui-datepicker-days-cell-over{background: red;}

#terms{float:left; margin:10px;}
ol { width:500px; float:left; list-style-position: inside; font-size: 0.8em; padding:0 5px 0 0;}
ol li{ float:left; list-style: decimal;}
ol li p{font-size: 0.8em; color: #222;}

.downloads a, .downloads a:visited{	background-color: #44aae9; padding: 2px 5px 2px 5px; color:#FFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.downloads a:hover,.downloads a:active {background:#8e8d90; color:#fff;}

#garments-container{ float:left; width:960px;}
.category_navigation{text-align: center; margin: 0 auto; width:350px; height:50px; clear:both;}

.link_alignleft a, .link_alignleft a:visited{float:left; background-color: #44aae9; padding: 6px 9px 6px 9px; color:#FFF; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin-top: 20px;}
.link_alignleft a:hover,.link_alignleft a:active {background:#8e8d90; color:#fff;}

.link_alignright a, .link_alignright a:visited{float:right; background-color: #44aae9; padding: 6px 9px 6px 9px; color:#FFF; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin-top: 20px;}
.link_alignright a:hover,.link_alignright a:active {background:#8e8d90; color:#fff;}


/* Global Classes */

.nomargin{margin: 0px;}

/*****:search box******/
#search_box {
    width: 210px;
    height: 30px;
    padding:0px;
    margin-top: 20px;
    margin-left: 10px;
       background: #fff;
    border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
    border: 1px dashed #999;
    position: relative;
    }
    
#search_box #s {
    float: left;
    padding: 5px;
    margin: 3px 0 0 10px;
    border: 0;
    width: 155px;
    background: none;
}
#search_box #go {
position: absolute;
    right:0px;
top:0px;
height:30px;
width:30px;
background: url(./images/search-icon.png);
border:none
}

#search_box #go:hover {
background-position: 0 -30px;
}

#search_box #go:active {
background-position: 0 -60px;
}


#search_box input{
padding:5px;
}

#search_box #s:hover, #search_box #s:active, #search_box #s .on{
background-position: 0 -30px;
}

#search_box #s:focus{
}

.link-to-us table{max-width: 500px; }

#quick-link-menu{float:left;padding: 45px 0 0 10px;}
#quick-link-menu ul { float:left; width:200px; list-style: none;}
#quick-link-menu ul li {float:left; margin: 5px 0 5px 0; border-bottom: 1px dashed #333; list-style: none; width: 100%; }
#quick-link-menu ul li a{float:left; font-size: 1.2em; color:#000; font-weight: bolder; display: block; padding:3px; }

/*Links page */
.linkcat, .linkcat li{list-style: none;}
.linkcat ul li {float:left; width:100%; border-bottom: 1px #333 dashed; text-align: left; padding: 5px 0 5px 0; font-size: 1.8em; }
.linkcat ul li a{ font-weight: bolder; display: block; color:#FFF;}
.linkcat ul li a:hover{ font-weight: bolder; display: block; color: #4badea;}



/* flex slider hero image */

.flexslider {
	height:300px;
}

#hero {
	float:left;
	height:300px;
	width:550px;
	position: relative;
	
}

#hero .slides li {
	list-style: none;
	height:300px;
}

.flex-direction-nav li{
	list-style: none;
}


/* for code */

.code_wrapper{
	display: block;
	border: solid 1px #999;
	background: #efefef;
	font-size: 1.3 em; 
 	color: red; 
	margin: 10px; 
	padding:10px; 
}

code {
font-size:1.2em; 
color: #008099}

.single_special {
	float: left;
	display: block;
	margin-bottom: 20px;
	padding-top: 20px;
	background:url(http://localhost:7888/su/wp-content/themes/sweatshop_union/images/boxes/550-bg-03.png) repeat-y;
	
	border-bottom: 1px dashed #000;
}

.single_special .page-center-content {
	margin-top: 0 !important;
	line-height: 0;
}

.single_special img {
	line-height: 0 !important;
}

a.specials_button {
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	padding: 40px 0;
	margin-top: 10px;
	background:url(http://localhost:7888/su/wp-content/themes/sweatshop_union/images/blue-ribbon01.png);
	border-radius: 5px;

	color: #fff;
	font-size: 26px;
}