h6   { color: #aa691d; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h7     { color: #000; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; letter-spacing: 1px }
.special   { color: #464648; position:fixed; bottom:0px; right:0px;font-size: 10px; text-decoration: none }
.special:hover   { color: #c30000; font-size: 10px; text-decoration: underline }


/*current Link*/

@font-face {

    font-family: BebasNeue;

    src: localBebasNeueRegular), url('http://www.statesidebeadsupply.com/httpdocs/fonts/BebasNeueRegular.ttf') format('opentype');

}




A  { color: #000; font-weight: bold; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; text-align: center }
A:hover { color: #d00900; font-weight: bold; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
A:active  { color: white; font-weight: bold; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; text-align: center }
a.category     { color: #079109; font-weight: bold; font-size: 11px; text-decoration: none; text-align: center; letter-spacing: 1px; position: relative; overflow: visible; visibility: visible }
a.category:hover      { color: #d00900; font-weight: bold; font-size: 11px; text-decoration: underline; text-align: center; letter-spacing: 1px; position: relative }
a.category:active     { color: #a9d699; font-weight: bold; font-size: 11px; text-decoration: none; text-align: center; letter-spacing: 1px; position: relative; overflow: visible; visibility: visible }
h1   { color: #191970; font-weight: bold; font-size: 16px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; letter-spacing: 3px }
h10 { color: #303000; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: #d9ffc9; text-indent: 5px; vertical-align: middle; padding: 5px; border: solid 1px #300; position: relative; top: 0px; left: 0px; width: 150px; height: 15px }
h2  { color: #191970; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular }
h3  { color: #000; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: #d9ffc9; text-indent: 5px; vertical-align: middle; padding: 5px; border: solid 1px #300; position: relative; top: 0px; left: 0px; width: 150px; height: 15px }






#navcontainer {position:relative;
top:-29px;
width:950px;
 }
#navcontainer a { text-decoration: none;
background-image: url(/Merchant2/graphics/00000001/state_tabs1.jpg);
background-repeat: repeat-x;
overflow: hidden;
 } 

#navcontainer ul
{
padding: 0;
margin: 0;
list-style-type: none;
position: relative;


}

#navcontainer li { display: inline;
overflow: hidden;width:950px;
 }

/*1st level elements*/
#navcontainer ul
{
border-top: 0px solid #414151;
border-bottom: 0px solid #89899c;
/*background-color: #grey;*/
padding: 1px 0px;
margin-bottom: -1.5em;


}
#navcontainer li { margin: 0 0 0px;
overflow: hidden;
}
#navcontainer ul a,


#navcontainer ul a:link,
#navcontainer ul a:visited
{
background-color: #e1e1e9;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: 1px solid white;
border-bottom-style: none;
color: black;
padding: 8px 6px;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
}
#navcontainer ul a:hover,
#navcontainer ul a:focus
{
background-color: #89899c;
border: 1px solid white;
border-bottom-style: none;
color: white;
overflow: hidden;
}


}

	
}

.custserv {
	position:relative;
	right:50px;
	top:75px;
	padding: 0px 0px 0px 0px;
	color:white;
	font: 14px arial, helvetica, sans-serif;
	letter-spacing: 0px;
        font-weight:bold;
		text-align:center;
		overflow: hidden;
	
}

.custservdays {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11.5px;
	color: #333;
	margin: 2px;
	font-weight: normal;
	overflow: hidden;
}
.custservmst {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	letter-spacing: -.1em;
	overflow: hidden;
}


.createnewacctbutton {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #4c507d;
}

.prevnextposition {
	width: 180px;
	position: relative;
	float: right;
	text-align: right;
	height: auto;
	bottom: 16px;
}

.nextpreviousbuttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
color:white;
font-weight:normal;
white-space:nowrap;
	background-color: #4C7196;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	letter-spacing: .1em;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #CCC;
}



.nextpreviousbuttons:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
color:white;
font-weight:normal;
white-space:nowrap;
	background-color: #4C7196;
	text-decoration: underline;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	letter-spacing: .1em;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #CCC;
}

.nextpreviousbuttons2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
color:white;
font-weight:normal;
white-space:nowrap;
	background-color: #4C7196;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	letter-spacing: .1em;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #CCC;
}



.nextpreviousbuttons2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
color:white;
font-weight:normal;
white-space:nowrap;
	background-color: #37526d;
	text-decoration: underline;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	letter-spacing: .1em;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #CCC;
}
.inputboxshadow {
	background-image: url(/Merchant2/graphics/00000001/input_shadow2.jpg);
	background-repeat: repeat-x;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	text-indent: 1px;
}


/* GLOBAL FOOTER */

.footercontainer {
	height: 200px;
	position: relative;
	float: none;
	background-color: #666;
	width: 100%;
	vertical-align: bottom;
	bottom: 0px;
	overflow: hidden;
	background-image: url(/Merchant2/graphics/00000001/footer_background1.jpg);
	background-repeat: repeat-x;
}

.footbox1 a:link {
	font: 12px arial, helvetica, sans-serif;
	color: white;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.footbox1 a:visited {
	font: 12px arial, helvetica, sans-serif;
	color: white;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.footbox1 a:hover {
	font: 12px arial, helvetica, sans-serif;
	color:#7A0A17;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.footbox1 a:active {
	font: 12px arial, helvetica, sans-serif;
	color:white;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}


.footbox2 a:link {
	font: 12px arial, helvetica, sans-serif;
	color: white;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.footbox2 a:visited {
	font: 12px arial, helvetica, sans-serif;
	color: white;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.footbox2 a:hover {
	font: 12px arial, helvetica, sans-serif;
	color:#7A0A17;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.footbox2 a:active {
	font: 12px arial, helvetica, sans-serif;
	color:white;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.footbox3 a:link {
	font: 12px arial, helvetica, sans-serif;
	color: white;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.footbox3 a:visited {
	font: 12px arial, helvetica, sans-serif;
	color: white;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.footbox3 a:hover {
	font: 12px arial, helvetica, sans-serif;
	color:#7A0A17;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.footbox3 a:active {
	font: 12px arial, helvetica, sans-serif;
	color:white;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}



.copywright a:link {font: 11px arial, helvetica, sans-serif; color: white;text-decoration:underline;overflow: hidden;}
.copywright a:hover {color:#7A0A17;text-decoration:underline;overflow: hidden;}
.copywright a:visited {color: #804249;text-decoration:underline;overflow: hidden;}


.footbox2 {
	float: right;
	height: auto;
	width: 110px;
	position: relative;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	list-style-type: none;
	padding: 10px;
	line-height: 24px;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	overflow: hidden;
        background-color: grey;
        box-shadow: 3px 4px 3px 2px rgba(50, 50, 50, 0.75);
       }


.footbox3 {
	float: right;
	height: auto;
	width: 110px;
	position: relative;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	list-style-type: none;
	padding: 10px;
	line-height: 24px;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
        background-color:grey;
        box-shadow: 3px 4px 3px 2px rgba(50, 50, 50, 0.75);
}
.footbox1  {
	float: right;
	height: auto;
	width: 110px;
	position: relative;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	list-style-type: none;
	line-height: 24px;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 10px;
	overflow: hidden;
        background-color:grey;
        box-shadow: 3px 4px 3px 2px rgba(50, 50, 50, 0.75);
}
.copywright  {
	height: 75px;
	width: 89%;
	position: absolute;
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	text-align: left;
	vertical-align: middle;
	top: 148px;
	left: 100px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
}

.copywright a:link {
	font: 11px arial, helvetica, sans-serif;
	color: white;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.copywright a:visited {
	font: 11px arial, helvetica, sans-serif;
	color: white;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.copywright a:hover {
	font: 11px arial, helvetica, sans-serif;
	color:#7A0A17;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}

.copywright a:active {
	font: 11px arial, helvetica, sans-serif;
	color:white;
	text-decoration:underline;
	white-space: nowrap;
	overflow: hidden;
}



.creditbox {
float: left;
width: 276px;
position: absolute;
left: 150px;
bottom: 60px;
overflow: hidden;
}

.authorizebox {
position: relative;
right: 425px;
width: 90px;
height: 90px;
bottom: 25px;
}

AuthorizeNetSeal {
height:90px;
width:90px;}

a.special   {
	color: #464648;
	position:absolute;
	bottom:0px;
	right:0px;
	font-size: 10px;
	text-decoration: none;
	overflow: hidden;
}

.searchboxfooter {
	position: absolute;
	top: 20px;
        right: 710px;
	width:220px;
	overflow: hidden;
}

.footerphonenumber {
font-size: 12px;
color: #FFF;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
position: relative;
text-align: center;
letter-spacing: .045em;
}


/*IDEAS PAGE CSS*/

.regmagheadtitle7 {
	width: 450px;
	background-image: 
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	position: relative;
	height: auto;
	vertical-align: bottom;
	float: left;
}
.regmagspacer {
	background-image: url(graphics/00000001/product_linespacer1.jpg);
	background-repeat: repeat-x;
	width: 100%;
	background-position: center;
	height: 1px;
}
.copybox7 {
	height: auto;
	width: 650px;
	background-color: #4c7196;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	float: left;
	border: medium solid #000;
	margin-top: -3px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	padding: 8px;
}
.copybox8 {
	height: auto;
	width: 650px;
	background-color: #fff;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	float: left;
	border: medium solid #c2c2c3;
	margin-top: -3px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	padding: 8px;
}
.copy1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 100%;
	color: white;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
.copy1 a {font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
text-decoration:underline;
color:white;}
.copy1 a:hover {color:#7A0A17}
.warning {
	font-family: Verdana, Geneva, sans-serif;
		-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	font-size: 10px;
	background-color: #C00;
	width: 100%;
	height: auto;
	position: relative;
	color: white;
	margin: 0px;
	left: -7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	bottom: -7px;
}
.copy2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #006;
	position: relative;
	text-align: center;
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.categoryheadcontainer7 {
	width: 685px;
	position: relative;
	text-align: center;
        overflow: hidden;
}
.strandlengthtype {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	float: right;
	font-weight:normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: bottom;
	text-align: left;
	position: relative;
	height: 20px;
	left: -30px;
	top: 20px;
}
.Tierra-example {
	height: 650px;
	width: 650px;
	background-repeat: repeat-x;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	float: left;
	border: medium solid #000;
	margin-top: -3px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	top: 50px;
	position: relative;
	left: 24px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 35px;
	padding-left: 8px;
}
.example-two {
	height: auto;
	width: 650px;
	background-repeat: repeat-x;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	float: left;
	border: medium solid #000;
	margin-top: -3px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	top: 50px;
	position: relative;
	left: 24px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 35px;
	padding-left: 8px;
}
.Tierra-copy3 {
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.Tierra-copy-links {
	position: relative;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 100px;
}

/* GLOBAL HEADER */

.header
{background-image: url(/Merchant2/graphics/00000001/Stateside_New_Top8000.jpg);
background-repeat:none;
height:126px;
overflow: hidden;}


body
{ 
background: #466387 url(/Merchant2/graphics/00000001/shadow_master6.jpg) repeat-y fixed center;
border-style: solid; 
border-color: #40404e;
border-width: 0;
margin: 0;

}

.minibask {float:right;
background-image: url(/Merchant2/graphics/00000001/minibasket_background3.jpg);
background-repeat: repeat-x;
padding: 5px 7px 10px 7px;
border: 1px solid white;
margin: -19px 5px 0px 0px;
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size:14px;
color:white;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
overflow: hidden;
bottom: 113px;
position: relative;
}
.minibask a {
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size:14px;
color:white;
overflow: hidden;
}
.CC-globalheader {
	position:relative;
        z-index:1000;
	left:672px;
        top:52px;
	width: 100px;
        
}

.custservesmalltype {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
position:relative;
float:left;
text-align:left;
margin-top:1px;
}


/* PHONE NUMBER ONLY */
.customerservice {
width:180px;
position:relative;
float:right;
padding: 0px 0px 0px 0px;
color:white;
font: 18px arial, helvetica, sans-serif;
letter-spacing: 0px;
font-weight:bold;
text-align:center;
overflow: hidden;
margin-top:4px;


}


.searchcustomerservice {
	
	float: right;
	height: 31px;
	width: 535px;
        margin-bottom:-31px;
        position:relative;
	overflow:hidden;
        bottom: 3px;
	       
}

.searchboxheader {
	position: absolute;
	top: 3px;
	right: 270px;
	width:275px;
	overflow: hidden;
}

.productsearchtype {
	float: left;
	position: relative;
        margin-top:2px;
        margin-right:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
        font-weight:bold;
	vertical-align: middle;
	text-align: center;
	width: 40px;
	margin-left: 20px;
	color: #FFF;
	text-align:left;
}




/* CAT TREE */

h1 { color: black; font-weight: bold; font: arial, helvetica, sans-serif; letter-spacing: 1px; font-size: 20px; }
h2 { color: #191970; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular }



h4 { color: #000; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: #d9ffc9; text-indent: 5px; vertical-align: middle; padding: 5px; border: solid 1px #300; position: relative; top: 120px; left: 0px; width: 150px; height: 15px }


/* FROM VARIOUS LOCATIONS */

.productsbsborders {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
	width: 100px;
}
.relatedproductsbox {
	border: thin solid #999;
	height: auto;
	width: auto;
}

/* CATTREE */

.cat:link            {
	color: white;
	font: 12px arial, helvetica, sans-serif;
	line-height:16px;
	text-decoration: none;
	padding-left:8px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:6px;
	margin-left:15px;
	margin-top:4px;
	margin-bottom:4px;
	width: 155px;
	position:relative;
	float:left;
	text-align: left;
	white-space: nowrap;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
	

.cat:visited  { color: white;
	font: 12px arial, helvetica, sans-serif;
	line-height:16px;
	text-decoration: none;
	padding-left:8px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:6px;
	margin-left:15px;
	margin-top:4px;
	margin-bottom:4px;
	width: 155px;
	position:relative;
	float:left;
	text-align: left;
	white-space: nowrap;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
    }
	
.cat:hover {text-decoration:underline;
    color: white;
	font: 12px arial, helvetica, sans-serif;
	line-height:16px;
	padding-left:8px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:6px;
	margin-left:15px;
	margin-top:4px;
	margin-bottom:4px;
	width: 155px;
	position:relative;
	float:left;
	text-align: left;
	white-space: nowrap;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;}
	
.cat:active  { color: white;
	font: 12px arial, helvetica, sans-serif;
	line-height:16px;
	text-decoration: none;
	padding-left:8px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:6px;
	margin-left:15px;
	margin-top:4px;
	margin-bottom:4px;
	width: 155px;
	position:relative;
	float:left;
	text-align: left;
	white-space: nowrap;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

a.cat1:link                 {
	font: 12px arial, helvetica, sans-serif;
	color: white;
	position:relative;
	float:left;
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
	margin:3px;
	padding-left:10px;
}	
	
	


a.cat1:visited {
	font: 12px arial, helvetica, sans-serif;
	color: white;
	position:relative;
	float:left;
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
	margin:3px;
	padding-left:10px;
		}
	
	

	
a.cat1:hover {
	font: 12px arial, helvetica, sans-serif;
	color: white;
	text-decoration: underline;
	position:relative;
	float:left;
	text-align: left;
	white-space: nowrap;
	margin:3px;
	padding-left:10px;
	
}
	

a.cat1:active {
	font: 12px arial, helvetica, sans-serif;
	color: white;
	position:relative;
	float:left;
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
	margin:3px;
	padding-left:10px;
	
	
	}

a.cat2:link {color: aqua;
	font: 12px arial, helvetica, sans-serif;
	text-decoration: none;
	position:relative;
	float:left;
	white-space: nowrap;
	margin-left:4px;
	line-height: 20px;
	}
	
a.cat2:visited {color: aqua;
	font: 12px arial, helvetica, sans-serif;
	text-decoration: none;
	position:relative;
	float:left;
	white-space: nowrap;
	margin-left:4px;
	line-height: 20px;}
	
a.cat2:hover {color: aqua;
	font: 12px arial, helvetica, sans-serif;
	text-decoration: underline;
	position:relative;
	float:left;
	white-space: nowrap;
	margin-left:4px;
	text-decoration:underline;
	line-height: 20px;}
	
a.cat2:active {color: aqua;
	font: 12px arial, helvetica, sans-serif;
	text-decoration: none;
	position:relative;
	float:left;
	white-space: nowrap;
	margin-left:4px;
	line-height: 20px;} 
	

a.cat3:link                 {
	color: white;
	font: 12px arial, helvetica, sans-serif;
	text-decoration: none;
	position:relative;
	padding:4px;
	background-color: none;
	text-align: left;
	white-space: nowrap;
}
a.cat3:visited {
	color: white;
	font: 12px arial, helvetica, sans-serif;
	text-decoration: none;
	position:relative;
	padding:4px;
	background-color: none;
	text-align: left;
	white-space: nowrap;}

a.cat3:hover {	
	color: white;
	font: 12px arial, helvetica, sans-serif;
	text-decoration: none;
	position:relative;
	padding:4px;
	background-color: none;
	text-align: left;
	white-space: nowrap;}
 
a.cat3:active {color: white;
	font: 12px arial, helvetica, sans-serif;
	text-decoration: none;
	position:relative;
	padding:4px;
	background-color: none;
	text-align: left;
	white-space: nowrap;} 

.cattreebox {
	float: left;
	height: auto;
	width: 195px;
	position: relative;
	left: -10px;
	top:-13px;
	background-color:#24263e;
	overflow: hidden;
	white-space: nowrap;
	background-image: url(/Merchant2/graphics/00000001/cattree_panel3.jpg);
	padding-top: 5px;
	padding-bottom: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c1c1c8;
}


.cattreetitle {
	line-height:50px;
	letter-spacing: 2px;
	text-align: center;
	vertical-align: top;
	color: #FFF;
	position: relative;
	width: 195px;
	overflow: hidden;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	top: -10px;
	right: 10px;
	white-space: nowrap;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
	background-image: url(/Merchant2/graphics/00000001/cattree_top3.jpg);
	background-repeat: repeat-x;
	height: 55px;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	float: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c1c1c8;
}


.cattreespacer1 {
	text-align: center;
	vertical-align: middle;
	height: 6px;
	width: 155px;
	background-color: #45476d;}

.cattreespacer2 {
	text-align: center;
	vertical-align: middle;
	height: 7px;
	width: 155px;
	background-color: #45476d;
}

.cattreespacer3 {
	text-align: center;
	vertical-align: middle;
	height: 7px;
	width: 155px;
	background-color: #45476d;}
	
/* Product Template only */	
	
.relate_box {
	width: 100%;
	position: relative;
	
}
.relate_title_only {
	color: white;
	background-color: #4c7196;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	letter-spacing: 1px;
	font-family: arial, helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;

}
.relate_div {
	position: relative;
	
}
.relate_products_border {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}	
.samedayshippingbox {
	position: relative;
	width: 100px;
        height:50px;
	text-align: center;
	left: 375px;
	top: 12px;
}

a.sameday:link {color: white;
	font: 16px arial, helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	white-space: nowrap;
	line-height: 16px;
	}
	
a.sameday:visited {color: red;
	font: 16px arial, helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	white-space: nowrap;
	line-height: 16px;}
	
a.sameday:hover {color: white;
	font: 16px arial, helvetica, sans-serif;
	font-weight:bold;
	text-decoration: underline;
	white-space: nowrap;
	text-decoration:underline;
	line-height: 16px;}
	
a.sameday:active {color: red;
	font: 16px arial, helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	white-space: nowrap;
	line-height: 16px;} 

.twittertopframe {
	position: relative;
        margin-left: 620px;
       top: -60px;
	
       
}

.facebooktopframe {
	position: relative;
        margin-left: 650px;
       top: -84px;
}
.pinterestframe {
       position: relative;
       margin-left: 680px;
       top: -108px;
}



	
	/* Product Copy only */	
	
	.productcopybox1 {
	background-image: url(/Merchant2/graphics/00000001/category_shade6.jpg);
	background-repeat: repeat-x;
	height: auto;
	width:624px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border: medium solid #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
	padding: 9px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	}
/* Product Copy for Magnetic Clasp footers */	
	
	.magclaspfooterdetails1 {
	background-image: url(/Merchant2/graphics/00000001/category_shade6.jpg);
	background-repeat: repeat-x;
	height: auto;
	width:624px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border: medium solid #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
	padding: 6px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	}
.trustpilot-navbar-float1 {
	float: left;
	height: 550px;
	width: 178px;
	top: 0px;
	position: relative;
}
/*Category Header Pages*/


.regmagheadtitle100 {
	width: 75%;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	position: relative;
	height: auto;
	vertical-align: bottom;
	float: left;
	white-space: nowrap;
	top: 33px;
	line-height: normal;
}
.regmagspacer100 {
	background-image: url(graphics/00000001/product_linespacer1.jpg);
	background-repeat: repeat-x;
	width: 100%;
	background-position: center;
	height: 1px;
}
.copybox100 {
	height: auto;
	width: 650px;
	background-image: url(http://www.statesidebeadsupply.com/Merchant2/graphics/00000001/footer_container1.jpg);
	background-repeat: repeat-x;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	float: left;
	border: medium solid #000;
	margin-top: -3px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	padding: 8px;
}
.jewelryideaslink100 {
	text-align: center;
	position: relative;
	bottom: 66px;
}
.copy1100 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 100%;
	color: white;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
.copy1100 a {font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
text-decoration:underline;
color:white;}
.copy1100 a:hover {color:#7A0A17}
.warning100 {
	font-family: Verdana, Geneva, sans-serif;
		-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	font-size: 10px;
	background-color: #C00;
	width: 100%;
	height: auto;
	position: relative;
	color: white;
	margin: 0px;
	left: -7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	bottom: -7px;
}
.copy2100 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #006;
	position: relative;
	text-align: center;
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.categoryheadcontainer100 {
	width: 685px;
	position: relative;
	text-align: center;
	overflow: hidden;
	height: auto;
	top: -25px;
}
.strandlengthtype100 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	float: right;
	font-weight:normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: bottom;
	text-align: left;
	position: relative;
	height: auto;
	left: -10px;
	white-space: nowrap;
	top: -10px;
}
.HPbraceletphotobox100 {
	float: right;
	position: relative;
	z-index:2;
}

/*Holiday Schedule*/

.categoryheadcontainerHOLIDAY {
	width: 650px;
	position: relative;
	text-align: center;
       
}
.copyboxHOLIDAY {
	height: auto;
	width: 625px;
	background-color: #373E66;
	background-repeat: repeat-x;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	float: left;
	border: medium solid #000;
	margin: 6px 6px 6px 6px;
	padding: 8px;
}
.regmagheadtitleHOLIDAY {
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	text-align: center;
	position: relative;
	height: auto;
	vertical-align: top;
	float: left;
        padding-top: 15px;
        padding-bottom: 15px;
}
.copy1HOLIDAY {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	position: relative;
	float: left;
	text-align: center;
	vertical-align: top;
	width: 100%;
	color: white;
	padding-top: 7px;
	padding-bottom: 7px;
	}
.copy1HOLIDAY a {font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-align: center;
text-decoration:underline;
color:white;}
.copy1HOLIDAY a:hover {color:#7A0A17}
.copy4HOLIDAY {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	position: relative;
	float: left;
	text-align: center;
	vertical-align: top;
	width: 100%;
	color: white;
	padding-top: 7px;
	padding-bottom: 7px;
	}
.copy4HOLIDAY a {font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-align: center;
text-decoration:underline;
color:white;}
.copy4HOLIDAY a:hover {color:#7A0A17}


/*NEW CATEGORY HEADER*/

.regmagheadtitle300 {
	width: 100%;
	background-image: 
	text-align: center;
	position: relative;
	float: right;
	height: auto;
	vertical-align: bottom;
}
.regmagspacer300 {
	background-image: url(graphics/00000001/product_linespacer1.jpg);
	background-repeat: repeat-x;
	width: 100%;
	background-position: center;
	height: 1px;
}
.copybox300 {
	height: auto;
	width: 650px;
	background-color: #4c7196;
	background-repeat: repeat-x;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	float: left;
	border: medium solid #000;
	margin-top: -30px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	padding: 8px;
}
.copy1300 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 100%;
	color: white;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
.copy1300 a {font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
text-decoration:underline;
color:white;}
.copy1300 a:hover {color:#7A0A17}
.warning300 {
	font-family: Verdana, Geneva, sans-serif;
		-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	font-size: 10px;
	background-color: #C00;
	width: 100%;
	height: auto;
	position: relative;
	color: white;
	margin: 0px;
	left: -7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	bottom: -7px;
}
.copy2300 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #006;
	position: relative;
	text-align: center;
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.categoryheadcontainer300 {
	width: 685px;
	position: relative;
	text-align: center;
        overflow: hidden;
}
.strandlengthtype300 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	float: right;
	font-weight:normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: bottom;
	text-align: left;
	position: relative;
	height: 20px;
	right: 15px;
	bottom: 40px;
}
.h-category-title-position {
	position: relative;
top: 0px;
text-align: center;
text-indent: 0px;
width: 550px;
	
	}
.HPbraceletphotobox300 {
	float: right;
	position: relative;
	z-index:2;
}
.jewelryideaslink300 {
	text-align: center;
	position: relative;
	bottom: 66px;
}
.copybox400 {
	height: auto;
	width: 650px;
	background-image: url('graphics/00000001/category_shade7.jpg');
	background-repeat: repeat-x;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	float: left;
	border: medium solid #000;
	margin-top: -30px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	padding: 8px;
}
.copy1400 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 100%;
	color: black;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
.copy1400 a {font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
text-decoration:underline;
color:black;}


/*NEW Product Discount box 3 discounts*/

.CSSTableGenerator {
	margin-top:8px;
        margin-bottom:30px;
        padding:0px;
	width:175px;
	box-shadow: 7px 7px 4px #888888;
	border:1px solid white;
	
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
	
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
}.CSSTableGenerator table{
        border-collapse: collapse;
       border-spacing: 0;
	width:175px;
	margin:0px;padding:0px;
}



.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
        background-color:#248e2e;
}
.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
}.CSSTableGenerator tr:hover td{
	background-color:#ffffff;
		

}
.CSSTableGenerator td{
	vertical-align:middle;
	background-color:#ffffff;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:3px;
        text-align:center;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:black;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
	background-color:#4c7196;
	border:0px solid #000000;
    text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:15px;
	font-family:Arial;
	font-weight:bold;
	color:white;
}


.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

/*NEW Product Discount box 4 discounts*/

.CSSTableGenerator2 {
	margin-top:8px;
    margin-bottom:30px;
    padding:0px;
	width:175px;
	box-shadow: 7px 7px 4px #888888;
	border:1px solid white;
	
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
	
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
}
.CSSTableGenerator2 table{
    border-collapse: collapse;
    border-spacing: 0;
	width:175px;
	margin:0px;padding:0px;
}
.CSSTableGenerator2 tr:last-child td:last-child {
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
}
.CSSTableGenerator2 table tr:first-child td:first-child {
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
}
.CSSTableGenerator2 table tr:first-child td:last-child {
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
        background-color:#248e2e;
}
.CSSTableGenerator2 tr:last-child td:first-child{
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
}.CSSTableGenerator2 tr:hover td{
	background-color:#ffffff;
		

}
.CSSTableGenerator2 td{
	vertical-align:middle;
	background-color:#ffffff;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:5px;
    text-align:center;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:black;
}.CSSTableGenerator2 tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator2 tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator2 tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator2 tr:first-child td{
	background-color:#4c7196;
	border:0px solid #000000;
    text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:15px;
	font-family:Arial;
	font-weight:bold;
	color:white;
}

.CSSTableGenerator2 tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator2 tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.product-desc-box1{
        margin-top:7px;
        font-size:12;}

/*Product Shadow Test*/

.class_box_shadow{
    width: 374px;
    min-width: 200px;
    min-height: 130px;
    margin: auto;
    background: #ccc;
    border: 5px solid white;
    position:relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
.sh_bottom{
    width: 100%; height: 45%;
    position:absolute;
    z-index: -2;
    bottom: 0; right: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 10px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 2px rgba(0, 0, 0, 0.2);
}
.sh_bottom:after{
    content: "";
    position:absolute;
    right: 0; bottom:0;
    width:150px; height: 100px;
    z-index: -1;
    background: rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 20px 30px 13px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 20px 30px 13px rgba(0, 0, 0, 0.30);
    box-shadow: 20px 30px 13px rgba(0, 0, 0, 0.30);
    -moz-transform:skew(10deg,10deg) translate(-40px,-15px);
    -webkit-transform:skew(10deg,10deg) translate(-40px,-15px);
    transform:skew(10deg,10deg) translate(-40px,-15px);
}
.sh_bottom:before{
    content: "";
    position:absolute;
    left: 0; bottom:0;
    width:150px; height: 100px;
    z-index: -1;
    background: rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -20px 30px 13px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: -20px 30px 13px rgba(0, 0, 0, 0.30);
    box-shadow: -20px 30px 13px rgba(0, 0, 0, 0.30);
    -webkit-transform:skew(-10deg,-10deg) translate(40px,-15px);
    -moz-transform:skew(-10deg,-10deg) translate(40px,-15px);
    transform:skew(-10deg,-10deg) translate(40px,-15px);
}


/*Ribbon for Mailing List*/

.ribbon {
   width: 240px;
   position: absolute;
   text-align: center;
   font-size: 17px!important;
   background: #4c7196;
   background: -webkit-gradient(linear, left top, left bottom, from(#4c7196), to(#273440));
   background: -webkit-linear-gradient(top, #4c7196, #273440);
   background: -moz-linear-gradient(top, #4c7196, #273440);
   background: -ms-linear-gradient(top, #4c7196, #273440);
   background: -o-linear-gradient(top, #4c7196, #273440);
   background-image: -ms-linear-gradient(top, #4c7196 0%, #273440 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   font-family: 'Helvetica Neue',Helvetica, sans-serif;
   right: 450px;
   height: 50px;
   top: 10px;
  
-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
        box-shadow: 3px 4px 3px 2px rgba(50, 50, 50, 0.75);
}
   }
.ribbon h1 {
   font-size: 18px!important;
   color: #ffffff;
   text-shadow: #38597a 0 1px 0;
   margin:0px;
   padding: 5px 0px;
   }
.ribbon:before, .ribbon:after {
   content: '';
   position: absolute;
   display: block;
   bottom: -1em;
   border: 1.5em solid #4c7196;
   z-index: -1;
   }
.ribbon:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   }
.ribbon:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   }
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
   border-color: #324e69 transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -1em;
   content: '';
   }
.ribbon .ribbon-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
   }
.ribbon .ribbon-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
   }
.ribbon-stitches-top {
   margin-top:2px;
   border-top: 0px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
   }
.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 0px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
   }


.mailinglist-small-type a {
font-family: Arial,Helvetica,sans-serif;
font-size: 9px;
color: #FFF;
   }



.join-our-mailing-type a {
color: #FFF;
font-weight: bold;
font-size: 18px;
font-family: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
letter-spacing: 1px;
right: 22px;
width: 225px;
z-index: 1;
overflow: visible;
position: relative;
float: right;
top: 15px;
}