/* company dark blue #142F8F, light blue #C3CAE2, burgundy #8C1717
BG color F2F2F2
BG drop shadows: distance 1, opacity 65, softness 4, angle 315
rectangle roundness 3
*/


/* reset css */
h1, h2, h3, h4, h5, h6, p, body, div, ul, li {
	margin: 0;
	padding: 0;
	border: 0;;
}
img {border: 0;}
html, body {height: 100%;}
body {
	font: 14px/180% Arial, Helvetica, san-serif;
	color: #1A1A1A;

	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(20,47,143,0.5) 100%) fixed, url("https://www.stitchzone.com/images/1-SEAMLESS.png") repeat, rgba(20,47,143,0.5); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(20,47,143,0.5))) fixed, url("https://www.stitchzone.com/images/1-SEAMLESS.png") repeat, rgba(20,47,143,0.5); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(20,47,143,0.5) 100%) fixed, url("https://www.stitchzone.com/images/1-SEAMLESS.png") repeat, rgba(20,47,143,0.5); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(20,47,143,0.5) 100%) fixed, url("https://www.stitchzone.com/images/1-SEAMLESS.png") repeat, rgba(20,47,143,0.5); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(20,47,143,0.5) 100%) fixed, url("https://www.stitchzone.com/images/1-SEAMLESS.png") repeat, rgba(20,47,143,0.5); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(20,47,143,0.5) 100%) fixed, url("https://www.stitchzone.com/images/1-SEAMLESS.png") repeat, rgba(20,47,143,0.5); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80142f8f',GradientType=0 ) fixed, url("https://www.stitchzone.com/images/1-SEAMLESS.png") repeat, rgba(20,47,143,0.5); /* IE6-9 */
}
p {margin-bottom: 4px;}
a {
	text-decoration: none;
	color: #142F8F;
}
a:hover {
	text-decoration: none;
	color: #65909A;
}
h1 {font-size: 40px; font-weight: 700; padding-bottom: 10px;}
h2 {font-size: 30px; font-weight: 700; padding-bottom: 10px;}
h3 {font-size: 25px; font-weight: 700; padding: 10px 0;}
h4 {font-size: 20px; font-weight: 700; padding: 10px 0;}
h5, #subtotal, #discountcodelable {font-size: 18px; font-weight: 700; padding-bottom: 10px;}
h6, #shippingpref {font-size: 15px; font-weight: 700;}
#index{
	background: url(https://www.stitchzone.com/images/blueIndexBG.jpg) repeat;
	background-attachment:fixed;
	width: 100%;
	height: 500px;
}
#bodyheader, .bodyheader {
	font-size: 20px;
	font-weight: 700;
	color: #142F8F;
}
#header {
	margin: 0 auto;
	width: 960px;
	padding: 20px 20px 0px 20px;
}
#headerleft {
	width: 400px;
	float: left;
	padding-top: 20px;
	font-size: 85%;
	font-weight: 700;
}
#headerright {
	width: 560px;
	text-align: right;
	padding-top: 57px;
	margin-left: 400px;
}
#headerright a{font-size: 80%;}
#nav {
	list-style:none;
	width:960px;
	margin: 0 auto;
	background: url(https://www.stitchzone.com/images/navBG2.png) no-repeat;
	height: 34px;
	padding: 6px 20px 0px;
}
#nav li {
	font-size: 14px;
	font-weight: 700;
	float:left;
	display:block;
	text-align: center;
	position:relative;
	padding: 2px 20px 4px;
	border:none;
}
#nav li:hover {
	border: 1px solid #FFF;
	padding: 2px 19px 4px;
	background: #FFF;

}

#nav li a {
	color: #FFF;
	list-style: none;
	outline:0;
	text-decoration:none;
}
#nav li:hover a {
	color: #142F8F;
}

.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns{
	margin:4px auto;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #FFF;
	border-top:none;
	/* Gradient background */
	background:#FFF;

	/* shadow */
	-webkit-box-shadow:0 5px 3px #666;
	-moz-box-shadow: 0 5px 3px #666;
	box-shadow: 0 5px 3px #666;

	/* Rounded Corners */
	-moz-border-radius: 0px 3px 3px 3px;
	-webkit-border-radius: 0px 3px 3px 3px;
	border-radius: 0px 3px 3px 3px;
}
.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {min-width: 520px; max-width: 800px; padding: 20px 15px;}
#nav li:hover .dropdown_1column,
#nav li:hover .dropdown_2columns,
#nav li:hover .dropdown_3columns,
#nav li:hover .dropdown_4columns,
#nav li:hover .dropdown_5columns{
	left:-1px;top:auto;
	position: absolute;
	z-index: 9999;
}

.col_1, .col_2, .col_3, .col_4, .col_5 {
	display:inline;
	float: left;
	position: relative;
}
.col_1 {
	width:200px;
	border-left: solid 1px #999;
	padding-left: 10px;
	line-height: 90%;
}
.col_2 {width:300px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}
.col_1  a {font-size: 12px; line-height: 180%; font-weight: 400;}
.navIMG{
	width: 75%;
	height: auto;
}
#nav p, .nav_h2, .nav_h3, .nav_h4, #nav ul li {
	text-align:left;
}

.nav_h4 {
	font-weight: 700;
	color: #000;
	text-transform:uppercase;
	line-height: 150%;
}
#nav p {
	line-height: 180%;
}
#nav .nav_right {
	float:right;
	margin-right: 0px;
}
#nav li:hover .align_right{
	left: auto;
	top: auto;
	position: absolute;
	z-index: 9999;
}
#nav li:hover .align_left{
	right: -20px;
	left: auto;
	top: auto;
	position: absolute;
	z-index: 9999;
}
#nav li:hover .align_hats{right: -410px;}
#nav li:hover .align_bags{right: -335px;}
#nav li:hover .align_accessories{right: -215px;}
#nav li:hover .align_screenprinting{right: -70px;}
.navthumbnailByPercentage {height:50%; width:50%}
.productname, .price {
	font-weight: 700;
	margin-bottom: 5px;
}
.productname {
	font-size: 15px;
	color: #142F8F;
	text-transform: uppercase;
}
.price {
	font-size: 20px;
	color: #8C1717;
}
.pricedescription{
	font-size: 12px;
	color: #1A1A1A;
}

/*slideshow*/
#slideshowwrapper {width:932px; margin: 0 auto;}

.slider-button {float:left; width:32px; cursor:pointer; font-size:30px; height:32px; line-height:26px; margin-top:134px; text-align:center; color:#888; background:#fff;}
.slider-button:hover {color:#222;}

.pagination {list-style:none; height:34px; margin:5px 0 0 420px; display:none;}
.pagination li {float:left; cursor:pointer; height:18px; width:18px; background:#C3CAE2; border-radius:9px; margin-right:8px;}
.pagination li:hover {background:#777; color:#000;}
li.current {background:#142F8F;}

#slideshow {float:left; width:932px; height:405px; border:2px solid #fff; background:#fff;}
#slides {position:relative; width:932px; height:405px; list-style:none; overflow:auto;}
#slides li {width:932px; height:405px;}
.fader-slide {opacity:0; position:absolute;}
.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s;}

/*end of slideshow styles*/

#main, #mainAdmin {
	margin: 0 auto;
	overflow:auto;
	width: 960px;
	min-height: 500px;
	padding: 20px;
}
#main {
	background: url("https://www.stitchzone.com/images/mainBGStrip2.png") repeat-y;
}
#mainAdmin {
	/*light blue color*/
	background-color: #C3CAE2;
}
#footer {
	margin: 0 auto;
	margin-bottom: 40px;
	background: url("https://www.stitchzone.com/images/mainBGStrip_bottom3.png") no-repeat;
	height: 320px;
	clear:both;
	width: 960px;
	padding: 0 20px;
}
#footbanner{
	background: url("https://www.stitchzone.com/images/featured_product/banner.png") no-repeat;
	width: 1000px;
	height: 40px;
	margin: 0 auto;
}
#foottop {
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
}
#footleft {
	float: left;
	text-align: left;
	width: 800px;
}
#footleft p{
	clear: both;
}
#footright {
	margin-left: 850px;
	width: 100px;
	height: 100px;
	padding-top: 10px;
}
/*sority fraternity table style in footer begin*/
.sororityFraternityList{
	float: left;
	height: 130px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin: 20px 20px 20px 0px;
	width: 300px;
}
.sororityFraternityList p{
	width: 285px;
	text-align: left;
	font-weight: 700;
	font-size: 15px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #C3CAE2;
	padding: 0 0 0 15px;
	margin: 0;
}
.sororityFraternityList ul{
	overflow: auto;
	height: 90px;
	padding: 0 0 10px 0;
	margin: 0 0 0 15px;
}
.sororityFraternityList ul li{
	list-style-type: none;
	text-decoration: none;
	text-align: left;
}
.sororityFraternityList a {
	text-decoration: none;
}
.sororityFraternityList a:hover{
	text-decoration: none;
	color: #65909A;
}
/*sority fraternity table style in footer end*/
.marginbottom10{margin-bottom: 10px}
#orderleft{
	width: 395px;
	margin-left: 580px;
	margin-top: 10px;
}
#orderright {
	width: 560px;
	padding-right: 10px;
	float: left;
}
#orderstep3agreement{
	width: 535px;
	background-color: #FFFACD;
	padding: 5px;
}

#ordersummary {
	width: 380px;
	border: solid 1px #D3D3D3;
	float: left;
	margin-top: 5px;

	/* shadow */
	-webkit-box-shadow:0 0px 2px #666;
	-moz-box-shadow: 0 0px 2px #666;
	box-shadow: 0 0px 2px #666;
}
#ordersummary p {font-size: 82%; line-height: 200%;}
#ordersummaryscroll{max-height: 1470px; overflow: auto; overflow-x: hidden;}
.ordersummarycolor1, .ordersummarycolor2, .ordersummarycolor3 {padding: 10px;}
.ordersummarycolor1{background-color: #A2B5CD; border: 1px solid #A2B5CD;}
.ordersummarycolor2{background-color: #C3CAE2; border: 1px solid #C3CAE2;}
.ordersummarycolor3{background-color: #FFF; border: 1px solid #FFF;}
.ordersumcol_1, .ordersumcol_2, .ordersumcol_3, .ordersumcol_4{
	display:inline;
	float: left;
	height: 30px;
	overflow: hidden;
	line-height: 110%;
}
.ordersumcol_1, .ordersumcol_2, .ordersumcol_4 {
	margin-right: 10px;
	text-align: left;
}
.ordersumcol_3 {
	text-align: right;
}
.ordersumcol_1 {width:70px;}
.ordersumcol_2 {width:130px;}
.ordersumcol_3 {width:60px;}
.ordersumcol_4 {width:50px;}
.ordersumnote{
	width: 350px;
}
.adminnote{
	width: 650px;
}
.adminnote span{width: 650px;}
.ordersumnote, .adminnote {
	overflow: auto;
	color: #8C1717;
}
.ordersumnote span{width: 350px;}
#ordercontenttop {
	width: 560px;
	min-height: 265px;
}
#ordercontentbottom{
	width: 560px;
	min-height: 300px;
	padding-top: 5px;
}
/*new styles for order page with item picture and description spanning across the page*/
#productcontainer{
	width: 970px;
	min-height: 250px;
	margin-bottom: 20px;
}
.ordercontentleft{
	width: 250px;
	float: left;
	margin-right: 30px;
}
.ordercontentright{
	width: 690px;
	margin-left: 280px;
}
#orderdescriptioncontainer{
	width: 500px;
	margin-right: 10px;
	float: left;
}
#ordersidebar, #orderoptions{
	width: 170px;
}
#ordersidebar{
	height: 200px;
	margin-left: 510px;
	background-color: #C3CAE2;
	text-align: center;

	/* shadow */
	-webkit-box-shadow:0 0px 2px #666;
	-moz-box-shadow: 0 0px 2px #666;
	box-shadow: 0 0px 2px #666;

	/* Rounded Corners */
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
#orderoptions{
	height: 30px;
	text-align: center;
	background-color: #A2B5CD;
	padding-top: 10px;
	font-weight: 700;
	font-size: 18px;
	/* Rounded Corners */
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;

}
.ordersidebarbtncontainer{
	width: 130px;
	margin: 15px auto;
	text-align: center;
}
.ordersidebarseparator{width: 130px; height: 1px; border-top: 1px solid #666;}
#ordersidebarinner{
	width: 150px;
	height: 70px;
	padding: 10px 0px 20px 0px;
	background-color: #FFF;
	margin: 0 auto;
	/* Rounded Corners */
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
}
/*end new styles*/

#customizeordertext{
	float: left;
	font-weight: 700;
	margin-top: 2px;
	font-size: 15px;
}

.savetocart{margin-left: 195px;}
#codeCart2{
	width: 360px;
	float: left;
}
#codeButton{
	margin-left: 370px;
	margin-top: 8px;
}
.highlight{
	background-color: #FFFACD;
	overflow: hidden;
}
.highlight h6{
	margin-left: 20px;
}
a.boldbuttons, a.boldbuttons110, a.boldbuttonsDis, a.boldbuttonsDis110{
	display: block;
	float: left;
	line-height: 17px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 25px) */
	height: 25px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
	font-size: 11px;
	font-weight: 700;
	margin-right: 10px;
}
a.boldbuttons, a.boldbuttons110{background: transparent url(https://www.stitchzone.com/images/roundedge-gray-left.gif) no-repeat top left;}
a.boldbuttonsDis, a.boldbuttonsDis110{background: transparent url(https://www.stitchzone.com/images/roundedge-gray-left-disable.gif) no-repeat top left;}
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons, a:link.boldbuttons110, a:visited.boldbuttons110, a:hover.boldbuttons110, a:active.boldbuttons110{
	color: white; /*button text color*/
}
a.boldbuttons span, a.boldbuttons110 span, a.boldbuttonsDis span, a.boldbuttonsDis110 span{
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
	text-align: center;
}
a.boldbuttons span, a.boldbuttons110 span {background: transparent url(https://www.stitchzone.com/images/roundedge-gray-right.gif) no-repeat top right;}
a.boldbuttonsDis span, a.boldbuttonsDis110 span {background: transparent url(https://www.stitchzone.com/images/roundedge-gray-right-disable.gif) no-repeat top right;}
a.boldbuttons span, a.boldbuttonsDis span {min-width: 60px;}
a.boldbuttons110 span, a.boldbuttonsDis110 span{min-width: 110px;}
a:hover.boldbuttons, a:hover.boldbuttons110 {
	text-decoration: none;
	color: #C3CAE2;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden;
	text-decoration: none;
	width: 100%;
}
a.boldbuttonsDis:link, a.boldbuttonsDis:visited, a.boldbuttonsDis:hover, a.boldbuttonsDis:active, a.boldbuttonsDis110:link, a.boldbuttonsDis110:visited, a.boldbuttonsDis110:hover, a.boldbuttonsDis110:active {
	cursor: default;
	color: #C1C1C1;
}

/*bold button big*/
a.boldbuttonsBig{
	display: block;
	float: left;
	line-height: 40px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 50px) */
	height: 50px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
	font-size: 11px;
	font-weight: 700;
	margin-right: 10px;
}
a.boldbuttonsBig{background: transparent url(https://www.stitchzone.com/images/roundedge-blueBIG-left.gif) no-repeat top left;}

a:link.boldbuttonsBig, a:visited.boldbuttonsBig, a:hover.boldbuttonsBig, a:active.boldbuttonsBig {
	color: white; /*button text color*/
	font-size: 14px;
	line-height: 120%;
}
a.boldbuttonsBig span{
	display: block;
	padding: 8px 10px 8px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
	text-align: center;
}
a.boldbuttonsBig span{background: transparent url(https://www.stitchzone.com/images/roundedge-blueBIG-right.gif) no-repeat top right;}
a.boldbuttonsBig span{min-width: 110px;}
a:hover.boldbuttonsBig{
	text-decoration: none;
	color: #C3CAE2;
}

.strong {font-weight: 700;}
.alignright{float: right;}
#step{
	text-align: center;
	font-weight: 700;
	line-height: 125%;
	color: #FFF;
	width: 502px;
	background: url(https://www.stitchzone.com/images/stepblue.gif) no-repeat;
}
#step p {font-size: 12px;}
#step a{
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}
#step a:hover{
	text-decoration: underline;
	color: #C3CAE2;
}
#steplabel {
	font-size: 20px;
	padding: 10px 0px 0px 10px;
	width: 300px;
	text-align: left;
}
#step1, #step2, #step3 {
	padding-top: 15px;
	height: 15px;
}
#step1, #stepindicator1, #step2, #stepindicator2 {width: 120px; float: left; margin-left: 10px;}
#step3, #stepindicator3 {width: 200px; margin-left: 10px; float: left;}
#step1, #step2, #step3 {margin-top: 0px;}
#stepindicator1, #stepindicator2, #stepindicator3{
	background-color: #FFF;
	color: #142F8F;
	height: 20px;
	padding: 8px 5px 3px 5px;
	margin-top: 8px;

	/* Rounded corners */
	-moz-border-radius: 2px 3px 0px 0px;
	-webkit-border-radius: 2px 3px 0px 0px;
	border-radius: 2px 3px 0px 0px;
}
#stepcontentcontainer, #stepshirtcontainer{
	float: none;
	margin: 0;
	padding: 0;
}
#stepcontenttop{
	width: 575px;
	height: 25px;
	background: url(https://www.stitchzone.com/images/stepwhitetop3.gif) no-repeat;
}
#stepcontent, #stepcontentshirt, #stepcontentbag{
	text-align:left;
	margin: 0 auto;
	overflow:auto;
	width: 545px;
	min-height: 200px;
	background: url(https://www.stitchzone.com/images/stepwhite3.gif) repeat-y;
	padding: 0px 15px;
}
#stepcontent a {font-size: 85%;}
#stepcontent ul {list-style: none;}
#stepcontentbottom{
	margin: 0 auto;
	background: url("https://www.stitchzone.com/images/stepwhitebottom3.gif") no-repeat;
	width: 575px;
	height: 25px;
	clear:both;
}
#stepcontent select {width: 200px;}
#stepleftcol{
	width: 250px;
	float: left;
}
#steprightcol {
	width: 230px;
	margin-left: 330px;
}
.step3col1, .step3col2, .step3col3{margin-bottom: 20px;}
.step3col1 {
	width: 200px;
	float: left;
	margin-left: 10px;
	padding-right: 15px;
}
.step3col2 {
	width: 120px;
}
.step3col3 {
	width: 330px;
	margin-left:210px;
	padding-left: 15px;
}
.step3col3left {
	width: 210px;
	float: left;
}
.step3col3right {
	width: 100px;
	margin-left: 230px;
	padding-top: 5px;
}

.colorselection {
	margin: 5px 0px;
}
.colorselection ul {
	list-style:none;
	padding: 0;
	margin: 0;
}
.colorselection li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	border: solid 2px #D3D3D3;
}
.colorchip:hover {
	cursor: pointer;
	text-decoration: none;
	border: solid 2px #142F8F;
}
#colorchipselected, #colorchipselected2 {
	border: solid 2px #142F8F;
	margin-right: 10px;
	padding: 0;
}
.quantitysize {
	width: 50px;
	float: left;
	display:inline;
	margin-right: 10px;
	padding: 0;
	text-align: center;
}
.quantitysize input {margin: 0; padding: 3px; text-align: center;}
.quantitysize p{font-size: 12px;}
#stepbottomcontainer{
	width: 530px;
	height: 25px;
	margin: 0 auto;
	border-top: solid 1px #D3D3D3;
	margin-top: 20px;
}
#stepbottomcontainer p{
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
#preview {
	width: 540px;
	height: 200px;
	border: solid 1px #999;
}
#preview1, #preview2, #preview3 {
	width: 180px;
	height: 180px;
	float: left;
	margin: 10px 0px 0px 0px;
}
#previewlogo {
	width: 540px;
	margin: 0 auto;
}
#heatsealed { width: 200px; margin-left: 25px;}
.warning, .codeNotValid {color: #FF0000; margin-top: 5px; font-size: 85%;}
.codeValid{color: #238525; margin-top: 5px; font-size: 100%;font-weight: bold}
.clear{clear: both;}
.notetolily {color: #FF69B4;}
.stepbottomborder{
	width: 530px;
	border-bottom: 1px solid #D3D3D3;
	margin-bottom: 10px;
}
.steppageanchor{
	width: 100%;
	background-color: #C3CAE2;
	padding: 3px 0px 3px 3px;
	margin-bottom: 10px;
}
/*forms*/
select, input {
	margin: 5px;
	padding: 2px;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
.formcol1{
	width: 150px;
	float: left;
	text-align: right;
}
.formcol2{
	width: 230px;
	margin-left: 150px;
}
.formcol2 input{width: 200px;}
label {
	cursor: pointer;
	display: block;
	float: left;
	font-size: 13px;
	line-height: 28px;
	margin-bottom: 5px;
	width: 180px;
	text-align: right;
	margin-right: 10px;
}
.contactform{
	width: 600px;
	margin-top: 10px;
}
.contactform label{clear: both;}
.contactform select {width: 230px;}
.contactindent{margin-left: 190px;}
.contactbuttonindent{margin-left: 195px;}
.contactform textarea {margin: 2px 0px 10px 5px;}
#contactmailinglist{width: 250px; float: left;}
#contactmailinglistbtn{
	width: 100px;
	height: 30px;
	margin-left: 250px;
	padding-top: 5px;
}
/*accordion*/
* {margin:0; padding:0;}
#accordion2, #accordion3, #accordion4 {
	margin-bottom: 20px;
	border:1px solid #D3D3D3;
	border-top:none;
}

#accordion5 {
	margin-bottom: 50px;
	border:1px solid #D3D3D3;
	border-top:none;
}

.accordion2, .accordion3, .accordion4, .accordion5  {
	color:#333;
}
#accordion2, .accordion2{width:545px;}
#accordion3, .accordion3{width:745px;}
#accordion4, .accordion4{width:965px;}
#accordion5, .accordion5{width:965px;}

.accordion2 dt, .accordion3 dt, .accordion4 dt, .accordion5 dt {
	padding:4px 0px 4px 20px;
	font-weight:bold;
	cursor:pointer;
	background-color:#142F8F;
	background-image:url(https://www.stitchzone.com/images/arrow_right.gif); background-position:1% 50%;
	background-repeat:no-repeat;
	color:#fff;
}
.accordion2 dt{width:525px;}
.accordion3 dt{width:725px;}
.accordion4 dt, .accordion5 dt{width:945px;}

.accordion2 dt:hover, .accordion3 dt:hover, .accordion4 dt:hover, .accordion5 dt:hover {background-color:#333;}
.accordion2 .open, .accordion3 .open, .accordion4 .open, .accordion5 .open {
	background-color:#C3CAE2;
	background-image:url(https://www.stitchzone.com/images/arrow_down.gif);
}
.accordion2 dd, .accordion3 dd, .accordion4 dd, .accordion5 dd {
	overflow:hidden;
	background:#fff;
}
.accordion2 span, .accordion3 span, .accordion4 span, .accordion5 span  {
	display:block;
	border-top:none;
	padding:15px 5px;
}
.accordion2 span{width:530px;}
.accordion3 span{width:730px;}
.accordion4 span, .accordion4 span {width:950px;}
#customLocationContainer {
	max-height: 280px;
	overflow: auto;
	overflow-x: hidden;
}
/*shopping cart*/
#shoppingcartleft {
	width: 570px;
	float: left;
}
#shoppingcartcustomized, #shoppingcartnotcustomized, .shoppingcartitems {
	width: 520px;
}
#shoppingcartcustomized, #shoppingcartnotcustomized {
	border: solid 1px #D3D3D3;
	padding: 20px;
	margin-top: 10px;}

.shoppingcartitems{
	border-top: solid 1px #333;
	padding-top: 20px;
	margin-top: 10px;
}
#shoppingcartright {
	position: absolute;
	top: 315px;
	margin-left: 600px;
	width: 310px;
	min-height: 150px;
	background-color: #C3CAE2;
	padding: 20px;
	text-align: center;
}
#shoppingcartright div{
	margin: 0 auto;
}
.shoppingcartbuttons li{
	display: block;
	text-decoration: none;
}
#discountcodeleft, #discountcoderight{
	float: left;
}
#discountcodeleft {width: 375px;}
#discountcoderight {margin: 3px;}
#subtotalbutton{
	padding-left: 20px;
}
#proceedRQbutton{
	width: 200px;
}
#RQbutton{
	width: 140px;
}
#addanotheritembutton{
	width: 130px;
	padding-left: 20px;
}
#scroller {width: 310px;}
#shoppingcartinfo{
	width: 930px;
	background-color: #FFFACD;
	padding: 10px;
}
#infoicon {
	background: url(https://www.stitchzone.com/images/info.png) no-repeat;
	width: 20px;
	height: 20px;
	margin: 5px;
	float: left;
}
#inforight{
	width: 870px;
	margin-left: 40px;
}

/*admin page*/
.reviseSampleSection {
	width: 730px;
	padding: 15px;
	border-bottom: solid 2px #999;
}

#viewSampleContainer {
	width: 800px;
	padding: 30px;
	margin: 0 auto;
	border: solid 1px #000;
}
.viewSampleSection, .groupViewOrderA, .groupViewOrderB {
	width: 550px;
	padding: 15px;
	border-bottom: solid 2px #999;
}
#adminOrderContainer {
	width: 930px;
	padding: 30px 10px;
	border: solid 1px #000;
	margin: 0 auto;
	background-color: #A2B5CD;
}
.adminOrderSection, .groupOrderA, .groupOrderB {
	width: 940px;
	padding: 15px;
	margin: 0 auto;
}
.adminOrderSection {
	border-bottom: solid 2px #999;
}
.groupOrderA, .groupViewOrderA{
	/*dark blue background*/
	background-color: #A2B5CD;
}
.groupOrderB, .groupViewOrderB{
	/*light blue background*/
	background-color: #C3CAE2;
}
.viewSampleCol_0{
	display:inline;
	float: left;
}
.viewSampleCol_1, .viewSampleCol_2, .viewSampleCol_3, .viewSampleCol_4, .viewSampleCol1_wide{
	display:inline;
	float: left;
}
.viewSampleCol_1, .viewSampleCol_2, .viewSampleCol_4, .viewSampleCol1_wide {margin-right: 30px; text-align: left;}
.viewSampleCol_3 {text-align: right;}
.viewSampleCol_1 {width:110px;}
.viewSampleCol_2 {width:300px;}
.viewSampleCol_3 {width:60px;}
.viewSampleCol_4 {width:100px;}
.viewSampleCol1_wide {width:130px;}
.adminOrderID, .adminGroupID, .adminEmail, .adminOrderBtn, .adminOrderRevise, .adminOrderApprove, .adminOrderDelete {
	float: left;
	padding-left: 10px;
	border: 1px solid #C1C1C1;
}
.adminGroupID {width: 270px;}
.adminOrderID{width: 160px;}
.adminEmail {width: 220px;}
.adminOrderBtn {
	width: 70px;
}
.fontname{
	width: 250px;
	float: left;
	max-height: 300px;
	overflow: auto;
	padding-left: 10px;
	margin-bottom: 20px;

}
.fontname a:hover {cursor: pointer;}
.fontimage{width: 400px; float: left; margin-right: 30px; margin-left: 15px;}

#designIMGContainer{
	width: 280px; height: 280px;
	border: 1px solid #FFF;
	background-color: #FFF;
	float: left;

	/*dropshadow*/
	-webkit-box-shadow:0 0px 2px #666;
	-moz-box-shadow: 0 0px 2px #666;
	box-shadow: 0 0px 2px #666;
}
#designIMG{
	width: 250px; height: 250px;
	margin: 0 auto;
}
.photoIMGdesc
{
	text-align:center;
	font-weight:700;
	width:200px;
	margin:0 auto;
}
#designIMGdesc
{
	text-align:center;
	font-weight:700;
	width:200px;
	margin:0 auto;
}
#designThumbContainer{
	width: 635px;
	max-height: 400px;
	margin-left: 10px;
	padding: 15px;
	border: 1px solid #FFF;
	background-color: #FFF;
	float: left;
	overflow: auto;

	/*dropshadow*/
	-webkit-box-shadow:0 0px 2px #666;
	-moz-box-shadow: 0 0px 2px #666;
	box-shadow: 0 0px 2px #666;
}
#photoThumbContainer{
	width: 635px;
	max-height: 400px;
	margin-left: 15px;
	padding: 7px;
	background-color: #FFF;
	float: left;
	overflow: auto;
	border: 1px solid #FFF;

	/*dropshadow*/
	-webkit-box-shadow:0 0px 2px #666;
	-moz-box-shadow: 0 0px 2px #666;
	box-shadow: 0 0px 2px #666;
}
.designthumbscale{
	width:50%;
	height: auto;
}
.designthumbimg
{
	margin:2px;
	border:1px solid #999;
	float:left;
	text-align:center;
	width: 200px;
	cursor: pointer;
}
.designthumbimg img
{
	display:inline;
	margin:3px;
	border:1px solid #ffffff;
}
.designthumbimg a:hover img
{
	border:1px solid #0000ff;
}
.designthumbdesc
{
	text-align:center;
	font-weight:400;
	width:200px;
	margin:0 auto;
}
.indent5px{margin-left: 5px; margin-top: 5px;}
.cartitemimg{
	width: 180px;
	margin-right: 20px;
	float: left;
	padding: 10px 0px;
}
.cartitemcontent{
	width: 300px;
	margin-left: 200px;
	padding-left: 20px;
	padding: 10px 0px;
}
#fundraisebutton{
	width: 180px;
	height: 30px;
	margin-left: 195px;
}
#fundraisebutton p{
	margin: 0px;
	padding: 0px;
}
.thumbnailcontainer{
	width: 960px;
	margin-bottom: 40px;
	margin-left: 5px;
}
.thumbnail{
	width: 160px;
	height: 250px;
	padding: 20px 10px;
	float: left;
	border: 1px solid #FFFFFF;
	box-shadow: 0 0 2px #666666;
	margin-right: 10px;
	margin-top: 20px;
}
.thumbnail img{
	width: 80%;
	height: auto;
}
.thumbnailname, .thumbnailprice{
	text-align: left;
	font-size: 80%;
}
.thumbnailname {margin-top: 10px;}
.thumbnailprice{font-weight: 700;}
#stitchingcontainer{
	width: 576px;
	margin: 0 auto;
}
#stitchingTypeContainer{
	width: 500px;
	margin: 0 auto;
}
#solidColorContainer, #designerPatternContainer{
	max-height: 260px;
	overflow: auto;
}
#solidColorContainer{
	width: 950px;
	margin: 0 auto;
}
#designerPatternContainer{
	width: 670px;
	margin-left: 280px;
}
#designerPatternSample{
	width: 250px;
	padding-bottom: 10px;
	float: left;
}
#designerPatternSampleIMG{
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#designerPatternSampleDesc{
	width: 250px;
	font-size: 90%;
	line-height: 110%;
	margin: 0 auto;
	text-align: center;
}
.solidColorThumbnailContainer{
	width: 80px;
	height: 70px;
	padding: 10px;
	float: left;
}
.solidColorIMG{
	width: 30px;
	height: 30px;
	overflow: hidden;
	margin: 0 auto;
}
.solidColorDesc{
	width: 80px;
	margin: 0 auto;
	text-align: center;
	line-height: 110%;
	font-size: 90%;
	padding-top: 5px;
}
#customMaterialContainer{
	width: 950px;
	max-height: 200px;
	margin: 0 auto;
	overflow: auto;
	border: solid 1px #999999;
}
.customMaterialThumb{
	width: 100px;
	height: 150px;
	padding: 20px;
	float: left;
}



table{border-collapse:collapse; text-align: left;}
#lettersizes td, #lettersizes th{
	border: 1px solid #999999;
	padding: 3px 7px 2px;
}
#lettersizes th{
	background-color: #142F8F;
	font-weight: 700;
	color: #FFF;
}
#lettersizes tr.alt td{
	background-color: #C3CAE2;
	color: #1A1A1A;
}
#shippingrates td, #shippingrates th{
	border: 1px solid #999999;
	padding: 3px 7px 2px;
}
#shippingrates th{
	background-color: #142F8F;
	font-weight: 700;
	color: #FFF;
}
#shippingrates tr.alt td{
	background-color: #C3CAE2;
	color: #1A1A1A;
}
.shippingrates_alignright{text-align:right;}
#embroideryLocContainer{
	width: 950px;
	margin: 0 auto;
}
.embroideryLocThumb{
	width: 125px;
	height: 175px;
	float: left;
	padding: 10px;
}
.embroideryLocIMG{
	width: 125px;
	margin: 0 auto;
}
.embroideryLocDesc{
	width: 125px;
	margin: 0 auto;
	text-align: center;
}
#special{
	width: 950px;
	margin: 0 auto;
}
#panel_holder {margin: 0px; width: 800px; }
.faqindent{margin-left: 20px;}
#faq1, #faq2, #faq3, #faq4, #faq5, #faq6, #faq7, #faq8, #faq9,#faq10  {display: none;}
.faqhidebullet{list-style: none;}

#homecontainer{
	width: 920px;
	margin: 0 auto;
}
#homecol1, #homecol2, #homecol3{
	width: 283px;
	height: 188px;
	border: 8px solid #C3CAE2;
	float: left;
}
#homecol1, #homecol2 {margin-right: 10px;}
#homecol3contents{
	width: 160px;
	margin: 0 auto;
}
.homecol3thumb{
	width: 60px;
	height: 60px;
	padding: 0px 10px 10px 10px;
	float: left;}

#sororityFraternitySlideshow{
	width: 932px;
	height: 405px;
	margin: 0 auto;
	border: 8px solid #C3CAE2;
	background-color: #C3CAE2;

	/*shadow*/
	-webkit-box-shadow:0 5px 3px #666;
	-moz-box-shadow: 0 5px 3px #666;
	box-shadow: 0 5px 3px #666;
}
#sororitySlideshow{float: left;}
#fratSlideshow {margin-left: 467px;}
.categorySlideshow{
	width: 464px;
	height: 403px;
	border: 1px solid #C3CAE2;
	cursor: pointer;
	background-color: #FFF;
}
#shopByCategoryContainer{
	margin: 0 auto;
	width: 948px;
	padding-top: 40px;
	overflow: hidden;
}
.categoryheader{
	font-size: 20px;
	font-weight: 700;
	color: #888;
	padding: 10px 0px 0px 42px;
	cursor: default;
}
.categorythumbscale{
	width:50%;
	height: auto;
}
.categorythumbimg
{
	width: 260px;
	margin: 10px 12px 0px 0px;
	padding: 20px;
	border:1px solid #999;
	float:left;
	text-align:center;
	cursor: pointer;
}
.categorythumbimg img
{
	display:inline;
	margin:3px;
	border:1px solid #ffffff;
}
.categorythumbimg a:hover img
{
	border:1px solid #0000ff;
}
.categorythumbdesc
{
	text-align:center;
	font-weight:700;
	width:250px;
	margin:0 auto;
	color: #142F8F;
	background-color: #C3CAE2;
}
.categorythumbdesc:hover {
	background-color: #142F8F;
	color: #C3CAE2;
}

#sfLogo img{
	margin-bottom: 20px;
}

#sfCategory{
	border: 1px solid #FFF;
	background-color: #FFF;
	padding: 10px;

	/*dropshadow*/
	-webkit-box-shadow:0 0px 2px #666;
	-moz-box-shadow: 0 0px 2px #666;
	box-shadow: 0 0px 2px #666;
}
#sfCategory img{
	width: 190px;
	height: 190px;
}
#sfCategory ul{
	overflow: hidden;
}
#sfCategory ul li{
	width: 190px;
	height: 250px;
	list-style: none;
	text-align: center;
	float: left;
	border: 1px solid #ccc;
	padding: 10px 13px;
	margin: 8px;
	background-color: #FFF;
	line-height: 140%;
}
#sfCategory p{
	margin-top: 10px;
}
.readableText{
	width: 700px;
}
.readableText p{
	margin: 10px 0px;
}
.photoGalIndent{
	margin-left: 5px;
}
.photoGalContainer {
	max-height: 400px;
	overflow: auto;
	width: 950px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
}
.photoGalSection{
	width: 100%;
	overflow: hidden;
}
.photoGalSectionHeader{
	font-weight: 700;
	font-size: 15px;
	margin: 15px 0 0 5px;
}
.photoGalthumb {
	float: left;
	border: 1px solid #ccc;
	width: 160px;
	margin: 5px;
	height: 220px;
	padding: 5px;
}
.photoGalIMG {
	width: 150px;
	height: 150px;
	overflow: hidden;
	margin: 0 auto;
}

.photoGalthumb p{
	margin: 10px auto;
	line-height: 110%;
	padding-top: 5px;
	font-size: 13px;
	text-align: center;
}

p.escapestep3col3right {
	height: 30px;
}

#pending,
#pending tbody,
#approved,
#approved tbody,
#complete,
#complete tbody{
	display: block;
}

#pending tr,
#approved tr,
#complete tr{
	display: block;
	width: 100%;
}



#pending td:nth-of-type(1),
#approved td:nth-of-type(1),
#complete td:nth-of-type(1){
	word-break: break-all;
	width: 300px;
}
#pending td:nth-of-type(2),
#approved td:nth-of-type(2),
#complete td:nth-of-type(2){
	word-break: break-all;
	width: 600px;
}
#pending td:nth-of-type(3),
#approved td:nth-of-type(3),
#complete td:nth-of-type(3){
	word-break: break-all;
	width: 10%;
}

#pending td:nth-of-type(4),
#approved td:nth-of-type(4),
#complete td:nth-of-type(4){
	word-break: break-all;
	width: 10%;
}

#pending td:nth-of-type(5),
#approved td:nth-of-type(5),
#complete td:nth-of-type(5){
	word-break: break-all;
	width: 10%;
}

/* The alert message box */
.alert {
	padding: 20px;
	background-color: #f44336; /* Red */
	color: white;
	margin-bottom: 15px;
	display: none;
	position: fixed;
	top: 20px;
	width: inherit;
}

/* The close button */
.closebtn {
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
	color: black;
}
.mysegment {
	background-color: inherit !important;
}

.mysidebar {
	background-color: #A2B5CD !important;
}