#header * { margin: 0; padding: 0; }
#header { position: relative; overflow: hidden; width: 779px; background: #dadafc url(/images/header-bg.gif) repeat-y; font: 12px/1.2 Arial, Helvetica, sans-serif; }
#header .hLeft { width: 460px; float: left; display: inline; }
#header .hRight { width: 295px; float: left; display: inline; margin: 5px 0 5px 20px; }
#header .hLogo { float: left; display: inline; margin: 10px 0 6px 15px; }
#header h1 { color: #800080; font-size: 14px; float: left; display: inline; margin: 18px 0 10px 12px; text-align: center; width: 225px; }
#header h4 { color: #f42015; font-size: 16px; padding-bottom: 2px; border-bottom: 1px solid #f42015; margin-right: 10px; }
#header h5 { color: #800080; font-size: 11px; clear: both; margin: 7px 0 6px 15px; text-align: center; padding-top: 5px; border-top: 1px solid #f42015; width: 415px; }
#header p { color: #555; font-size: 11px; margin: 5px 0; }
#header form {  }
#header input { float: left; border: none; background: #FFF; border-top: 1px solid red; padding: 0 2px; height: 15px; width: 105px; color: #f42015; font-size: 11px; margin: -2px 5px 0 0; }
#header input:focus { outline: none; }
#header input.btnSubmit { border: 1px solid #800080; background: #fedc00; padding: 0 4px 0 4px; font-size: 10px; color: #800080; font-weight: bold; height: 17px; width: 56px; cursor: pointer; margin: -2px 0 0 0; font-family: Arial,Helvetica,sans-serif;}
#header input:hover.btnSubmit { color: #f42015; border-color: #f42015;}


bodytxt {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:NORMAL; color: #000000
}
right-background{
	margin-left: 20px; 
}
.mainText{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight:BOLD; color: #799102
}
.subMainText{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:BOLD; color: #799102
}

TD {
        FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial
}
H1 {
        COLOR: #000000; FONT-FAMILY: Arial,Helvetica;FONT-SIZE: 14px;
}
H2 {
        COLOR: #000000; FONT-FAMILY: Arial,Helvetica;FONT-SIZE: 11px;
}

A:active {
        FONT-SIZE: 12px; COLOR: #01329b; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
A:link {
        FONT-SIZE: 12px; COLOR: #01329b; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
A:visited {
        FONT-SIZE: 12px; COLOR: #01329b; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
A:hover {
        FONT-SIZE: 12px; COLOR: red; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: underline; FONT-WEIGHT: bold
}


.input {
        FONT-SIZE: 10px; WIDTH: 120px; COLOR: #000000; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff
}

.textbox1 {
        FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff
}

.search {
        FONT-SIZE: 11px; COLOR: #932318; FONT-FAMILY: Arial, Verdana; FONT-WEIGHT: BOLD
}
.bottomtext {
        FONT-SIZE: 11px; COLOR: #932318; FONT-FAMILY: Arial, Verdana
}
.generallink A {
        FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #01329b; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: none
}
.generallink A:visited {
        FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #01329b; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: none
}
.generallink A:hover {
        FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #01329b; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: underline
}

.notifytext
{
            FONT-FAMILY: Arial,Helvetica;
            FONT-SIZE: 10pt;
            font-weight: normal;
             COLOR: #000000;
}

.acustom:link
{
          font-size: 8pt;
	  	  font-weight: bold;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          COLOR:#302d4c;
}

.acustom:visited
{
          font-size: 8pt;
	 	  font-weight: bold;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          COLOR:#302d4c;
}

.acustom:active
{
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 8pt;
	  font-weight: bold;
          COLOR:#302d4c;
}

.acustom:hover
{
          font-size: 8pt;
	  font-weight: bold;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          COLOR:#932318;
}


A.h:link {
        COLOR: #302d4c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none
}

A.h:active {
        COLOR: #302d4c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A.h:visited {
        COLOR: #302d4c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A.h:hover {
        COLOR: #302d4c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none
}
div.CompareContainer
{
	width: 535px;
	height: 225px;
	overflow: auto;
}
div.showcaseOptionContainer
{
	height: 190px;
	width: 150px;
	overflow:auto;
 	align: center
}

.option_showcase_table
{
	border-left: 1px solid black;
	border-top: 1px solid black;
}

.option_showcase_table td
{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

.multiple_images
{
	border: 1px solid #cccccc;
}

.option_showcase_heading
{
	background-color: #fdc647;
	font-size: 8pt;
        font-weight: bold;
        color: #a82a21;
}
.combination_showcase
{
	font-size: 8pt;
        color: #555555;
}

.navigation_heading{
	background: url(../images/bgheading.png) no-repeat;
	padding-left: 20px;
	padding-top: 2px;
}

.mainlevel-nav-home {
	padding-right: 15px;
}

.mainlevel-nav-home  a
{
	height: 26px;
	
	padding-left:15px;
	
	display: block;
	padding-top: 0px;
	text-decoration: none;
	color: #000000;
	border-bottom: 1px solid #FFAD00;
/*	background: url(../images/aboutusactive.png) center no-repeat;
*/
	
}
/*
.mainlevel-nav-home a:hover
{
	color: #000000;
	
	height: 20px;
	display: block;
	text-decoration: none;
	padding-top: 8px;
	background-color:#FFAD00;
	border-bottom: 1px solid #C9FFFF;
}
*/
/*
.mainlevel-nav {
	padding-right: 15px;
}

.mainlevel_active {
	padding-right: 15px;
}
*/
.mainlevel-nav  a
{
	height: 20px;
	
	padding-left:15px;
	
	display: block;
	padding-top: 8px;
	text-decoration: none;
	color: #000000;
	border-bottom: 1px solid #FFAD00;
/*	background: url(../images/aboutusactive.png) center no-repeat;
*/
	
}

.mainlevel-nav a:hover
{
	color: #000000;
	
	height: 20px;
	display: block;
	text-decoration: none;
	padding-top: 8px;
	background-color:#FFAD00;
	border-bottom: 1px solid #C9FFFF;
/*	background: url(../images/aboutushover.png) center no-repeat;
*/
}

.mainlevel_active  a
{	
	padding-left:15px;
	
	height: 20px;
	display: block;
	padding-top: 8px;
	text-decoration: none;
	color: #a52c00;
	background-color:#FFAD00;
	border-bottom: 1px solid #C9FFFF;
/*	background: url(../images/aboutushover.png) center no-repeat;
*/
	
}

INPUT.buttons {
        BACKGROUND-COLOR: #FDB301; COLOR: #932318; FONT-WEIGHT: bold; FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 12px; cursor: pointer;
}

INPUT.buttons2 {
        BACKGROUND-COLOR: #7B00AB; COLOR: #9BEBEB; FONT-WEIGHT: bold; FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 12px; cursor: pointer;
}

input.disabled {
	background-color: #eee;
}

input.checkoutinput {
	border: 1px solid #aaa;
	width: 170px;
	padding: 3px 2px 3px 3px;
}
input.checkoutinput:focus {
	border: 1px solid #000;
}
.sffocus {
	border: 1px solid #000 !important;
}

select.checkoutinput {
	width: 177px;
}

div.coupon_message {
	font-size:10px;
}
span.error_msg, div.error_msg {color:red; font-size:10px; font-weight:bold; }
span.error_msg h1 {color:red; font-size:15px; font-weight:bold; }


.invalid, table.invalid { border: 2px solid #FF0000 !important;}  
.invalid:focus { border: 2px solid #FF0000 !important;} 


.requiredFld {
	background-image: url(/images/reqField.gif);
	background-position: right 10px;
	background-repeat: no-repeat;
}

#buttons>mainlevel_active a { width: auto; }

.mainlevel_active a:hover
{
	color: #000000;
	padding-top: 8px;
	
	height: 20px;
	display: block;
	background-color:#FFAD00;
	border-bottom: 1px solid #C9FFFF;
/*	background: url(../images/aboutushover.png) center no-repeat;
*/
}

#pathway_outer {
	width: 777px;
	float: center;
  	//margin-bottom: 1px;
	//margin-top: 1px;
	//margin-right: 1px;
}

#pathway_inner {
  
  float: center;
	height: 25px;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) repeat-y;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #01329b;
	text-align: left;
	padding-top: 5px;
	padding-left: 14px;
	height: 20px !important;
	height: 20px;
	width: 95%;
	text-decoration: none;
}

a.mainlevel:hover {
	background: url(../images/menu_bg1.png) repeat-y;
	text-decoration: none;
	color: #000000;
	
}
a.mainlevel_active:link, a.mainlevel_active:visited {
	display: block;
	background: url(../images/menu_bg1.png) repeat-y;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #01329b;
	text-align: left;
	padding-top: 5px;
	padding-left: 14px;
	height: 20px !important;
	height: 20px;
	width: 95%;
	text-decoration: none;
}
a.mainlevel_active:hover {
	background: url(../images/menu_bg1.png) repeat-y;
	text-decoration: none;
	color: #000000;
	
}
a.mainlevel1:link, a.mainlevel1:visited {
	display: block;
	background: url(../images/menu_bg1.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-top: 5px;
	padding-left: 14px;
	height: 20px !important;
	height: 20px;
	width: 95%;
	text-decoration: none;
}

a.mainlevel1:hover {
	background: url(../images/menu_bg.png) no-repeat;
	text-decoration: none;
	color: #01329b;
	
}
a.mainlevel1_active:link, a.mainlevel1_active:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-top: 5px;
	padding-left: 14px;
	height: 20px !important;
	height: 20px;
	width: 95%;
	text-decoration: none;
}

a.mainlevel1_active:hover {
	background: url(../images/menu_bg1.png) no-repeat;
	text-decoration: none;
	color: #a52c00;
	
}

table.moduletable {
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #ffffff;
	text-align: center;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

#left_outer {
  float: left;
	margin-top: 2px;
/*	padding-left: 1px;
*/	width: 190px;
}

#left_inner {
  
  float: none !important;
  float: left;
}

.blueText{
	color: #330066;
}

a.yellow_link, a.yellow_link:active, a.yellow_link:hover, a.yellow_link:visited {
color: yellow;
}

h1.purple_heading {
	color:purple;
	font-size:16px;
	font-family: Helvetica;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
/*	left:15px; */
	text-align:center;
}
div.purple_heading {
	color:purple;
	font-size:16px;
	font-family: Helvetica;
	font-weight:bold;
/*	left:15px; */
	text-align:center;
}

h1.purple_blurb {
	color:purple;
	font-size:15px;
	font-family: Helvetica;
	position: relative;
/*	left:15px; */
	text-align:center;
	
}

.home_categories_table td {
	align: center;
}

div.box {
  background-image: url(/sewtrue_homepage/Box.gif);	
  width:124px;
  height:109px;
  padding:0px;
  position: relative;
  margin-top:5px;
  margin-bottom:5px;
}
/*
div.specials_box {
  background-image: url(/sewtrue_homepage/Specials-Box.gif);	
  width:124px;
  height:572px;
  font-size:12px;
  font-family: Helvetica;    
}
*/
/*
table.specials_box {

  background-color:#CBFFFF;
  border: 1px solid black;
  margin:0px 0px 0px 0px; 
  padding:0px 0px 0px 0px; 
  height:124px;
  width:95%;
  font-size:12px;
  font-family: Helvetica;
  align:center;
  text-align:center;

}

table.specials_box td {
	spacing:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
 	padding:0px 5px 0px 5px;
 	align:center;
 	text-align:center;
}
*/
div.inner_specials_box {
vertical-align: top;
  padding:5px;
  margin:auto;
  align:center;
  text-align:center;
  width:109px;
  
}

.specials_pic {
  border: 2px solid black;
}

.special_price {
  color:red;
  font-size:13px;
  font-family: Helvetica;  
}

div.and_much_more {
  color:purple;
  font-size:12px;
  font-family: Helvetica;
}

div.cat_1_line, div.cat_2_line {
	font-family: Helvetica;
	font-size:8px;
	text-align:center;
	position: relative;
	color:blue;	
	padding:2px;
}

div.cat_1_line {
	top: 90px;
	padding: 0px;
	margin: 0px;
	padding-right: 1px;
	padding-left: 1px;	
}

div.cat_2_line {
	top: 78px;
	padding: 0px;
	margin: 0px;
	padding-right: 1px;
	padding-left: 1px;	
}

div.cat_pic {
	padding:0px;
	margin: 0px;
	position: absolute;
	left:0px;
	top:2px;
	width:124px;
	text-align: center;
}

A.hplink {
  font-size: 10px;
}

.hplink A:active {
  font-size: 10px;
}

.hplink A:hover {
  font-size: 10px;
}

.hplink A:visited {
  font-size: 10px;
}

.contentbox {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	border: 1px solid #000000;
	font-size: 11px;
	line-height: 11px;
	color: #FFFFFF;
	text-align: justify;
	background-position: center center;
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.contentbox2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border:none;
	font-size: 11px;
	line-height: 11px;
	color: #000000;
	text-align: justify;
	background-position: center center;
	background-repeat: repeat-x;
	padding: 0;
}

.contentlinksfootlink {
	border: 1px solid #999999;
	font-size: 12px;
	display: inline-block;
	font-weight: normal;
	color: #666666;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 2px;
}

.contentlinksfootdisabled_link {
	border: 1px solid #999999;
	font-size: 12px;
	display: inline-block;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #6f0099;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 2px;
}

a.contentlinksfootlink:hover {
	color: #FFFFFF;
	background-color: #6f0099;
}
/*
.contentlinksfootlink_prev,.contentlinksfootlink_next, .contentlinksfootdisabled_link_prev, .contentlinksfootdisabled_link_next {
	border: 1px solid #999999;
	font-size: 12px;
	display: inline-block;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #55BFAA;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 2px;
}*/

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #FFFFFF;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #FFF; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


#jqmIFrameUrl{ display:none; }

/*.jqmClose{ background:#FFDD00; border:1px solid #FFDD00; color:#000; clear:right; float:right; padding:0 5px; cursor:pointer; }
*/.jqmClose{ /*background:#FFDD00; */border:1px solid #AAA; color:#000; float:right; margin: 2px 10px 2px 2px; padding:1px; cursor:pointer; }
.jqmClose:hover{ background:#FFF; }
#jqmContent{ width:99%; height:99%; display: block; clear:both;}

.jqmTitle{
/*  margin:5px 2px;
  height:16px;
  color:#000;
  background:#EEEEEE;
*/width:100%;
  font-size:12px;
}
.jqmTitle div {
	float:left; 
	margin: 3px 2px 2px 10px;
}

.jqmTitle h1{
  margin:5px 2px;
  padding-left:5px;
  padding:0;
  font-size:14px;
  text-transform:capitalize;
  letter-spacing:-1px;
  font-weight:bold;
  color:#000;

  float:left;
  height:18px;
}


.checkoutbox {
	border: 1px solid #aaa;
}

.mini-cart {
	border: 1px solid #aaa;
	padding: 5px;
	width: 210px;
}

.mini-cart, .mini-cart td, .mini-cart td a {
	font-size: 9px;
}

.reverse .stepactive, .reverse .stepinactive {
	border-top-width: 0px;
	border-bottom-width: 3px;
}

.stepactive {
	padding: 8px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #27791C;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #27791C;
	border-left-width: 0px;
	border-left-style: none;
	border-left-color: #FFF;
	margin-right: 3px;
	display: inline-block;
	float: left;
}
.stepactive tr td {
	font-size: 11px;
	color: #27791C;
}

.stepinactive  {
	padding: 8px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #AAA;	
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #AAA;
	border-left-width: 0px;
	border-left-style: none;
	border-left-color: #FFF;
	margin-right: 3px;
	display: inline-block;
	float: left;
}
.stepinactive tr td, .stepinactive tr td a {
	font-size: 11px;
	color: #999;
}

td.steparrow, td.steparrow a {
	font-size:20px !important;
	line-height:5px !important;
	padding-bottom: 3px;
}

.empty_value {
	color: #AAA !important;
	text-align: center !important;
}