table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-image: none;
	list-style-type: none;
}

table ul{
	
	list-style-type: none;
}
.spacer {
	background-image: url(images/new_logo/left_space.gif); background-repeat:repeat-y;
	height: 9px;
	width: 37px;
}
.spaceright {
	background-image: url(images/new_logo/right_space.gif);background-repeat:repeat-y;
	height: 6px;
	width: 46px;
}
.footer {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

.subtab {

	font-size: 12px;

	color: #FFFFFF;

	font-weight: bold;

	font-style: normal;

}
a:link {
	color: #4074B3;
	text-decoration: none;
	font-weight: bold;

}
a:visited {
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;

}
a:active {

	color: #4074B3;

	text-decoration: none;

	background-color: #EEAEE6;

}






body {
	background-color: #FFF;
	background-image: url(images/new_logo/images.png);
	background-repeat: repeat-x;
	background-position: top;
}






.smal {
	
	background-image: url(images/bobbin.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
}



.sewingsub {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

}
.headl {
	font-size: 12px;
	font-weight: bold;
}
table.subtab a:link {
	color: #FFFFFF;
	text-decoration: none;
}


table.subtab a:visited {
	text-decoration: none;
	font-weight: bold;
}
table.subtab a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
table.subtab a:active {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #4083B2;
}
div#koala {
}
div#koala p {
	font-size: 9px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 10px;
}
table div#cardprice {
	width: 200px;
	position: absolute;
	left: 350px;
	top: 85px;
	border: 1px solid #4083B2;
	padding: 5px;
}
table#rel {
	position: relative;
}
div#cardprice h3 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color: #38749C;
}
div#cardprice ul {
	margin: 0px 0px 12px 34px;
	padding: 0px;
	list-style: none;
}
div#cardprice ul li.ourprice {
	font-weight: bold;
}
li.lastsep {
	border-top: 3px #C9C9C9;
	border-right: 3px #C9C9C9;
	border-bottom: 3px solid #C9C9C9;
	border-left: 3px #C9C9C9;
	margin-bottom: 8px;
	padding: 0px;
	display: block;
	margin-top: 3px;
}
ul#oesdlist {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul#oesdlist li {
	margin: 0px 0px 0px 20px;
	padding: 6px 0px 5px;
	display: block;
	width: auto;
}
table#submenu {
	display: block;
	position: relative;
	top: -20px;
}
table#submenu td {
	text-align: center;
	padding-bottom: 10px;
	padding-top: 3px;
	font-size: 11px;
}
table#ththumb {
}
table#ththumb td {
	border-bottom-color: #6AA4CA;
	padding-bottom: 4px;
	padding-top: 4px;


}
h1#pagehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	padding: 0px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h3.thumbtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;

}h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
a#classlink {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: left;
	border: 3px solid #4083B2;
	padding: 5px;
}
p#classp {
	text-align: center;
	padding: 3px;
	margin-right: auto;
	margin-left: auto;
}
a#classlink:hover {
	background: #f1f1f1;
}
h3.thumbtitle a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #000000;
	text-decoration: none;
	background-color: #99FFCC;
	display: block;




}
.flright {
	float: right;
	position: relative;

}
.lines1 {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #EEAEE6;
}
.freeshipping {
	text-decoration: underline;
	color: #FF00CC;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}





.hovermenu ul{
	margin-left: 0px;
	height: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat;
	color: #6098BF;
	text-decoration: none;
}

.hovermenu ul li{
	list-style: none;
	display: inline;
	vertical-align: middle;
	background-color: #6098BF;
}

.hovermenu ul li a{
	text-decoration: none;
	float: left;
	text-align: center;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	width: 90px;
	border: 1px solid #666666;
	background-color: #6098BF;
	color: #FFFFFF;
}

.hovermenu ul li a:hover{
	border-top-style: double;
	border-right-style: ridge;
	border-bottom-style: groove;
	border-left-style: double;
	background-color: #F4F8FA;
	color: #000000;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}



.hovermenu ul{
	margin-left: 0px;
	height: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat;
}

.overmenu ul li{
	list-style: none;
	background-image: url(images/new_logo/back_ground_nav.gif);
	vertical-align: bottom;
	background-repeat: repeat;
}


.boxes {
	list-style-image: url(images/new_logo/Front_Page_Products/bullet_IMage.gif);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	height: 180px;
}
.rightnav_box {
	border-left-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #4083B2;
	border-top-style: none;
	border-top-color: #4083B2;
	border-left-style: solid;
	border-left-color: #4083B2;
}





#breadcrumbsbar #breadcrumbs .right input {
	background-image: 
	background-repeat: repeat;
}
.newletterback {
	background-repeat: no-repeat;
	border: 2px inset #4083B2;
}

.searchBBox {
	height: 22px;
	width: 109px;

	border: 1px solid #4083B2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.searchbutton {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	top: 4px;
	float: none;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.searchbackground {
	padding: 0px;
}
.shopbox {
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #4083B2;
	border-right-width: 0px;
}

.contentbox {
	font-size: 11px;
	text-indent: 2px;
	font-weight: normal;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
	list-style-type: none;
	padding: 0;
	width: 160px;
	border-bottom-width: 2px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	list-style-image: none;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;

	border-bottom-color: #FFFFFF;
	
}

.glossymenu li a{
	display: block;
	width: auto;
	padding-left: 10px;
	text-decoration: none;
	list-style-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DEDEDE;
	background-repeat: repeat-x;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #FFFFFF;
	height: 15px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	background-image: url(images/Front_page_images/menu_background.png);
	background-position: bottom;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 160px;
	list-style-image: none;
}

.glossymenu li a:visited, .glossymenu li a:active{
	color: #FFFFFF;
}


.glossymenu li a:hover{
	color: #333;
	background-color: #ABB6C6;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;	background-image: url(images/Front_page_images/menu_background.png);
	background-position: top;
}
.newslettersignupbox {
	margin: 0px;
	padding: 0px;
	position: relative;
}


#dropmenudiv{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;

}



#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 2px;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	font-size: 12px;
	background-position: right top;
	vertical-align: baseline;
	right: 40px;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #F2F2F2;
	color: #000000;	
	
}
.linedivide {
	border: 5px ridge #4083B2;
	background-color: #EDAEE6;
}
.boxy420 {
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #5F97BF;
}
#slantedmenu{
font-weight: bold;
font-size: 90%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
	text-indent: 10px;
	padding: 3px 0;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #bebebe;
	text-align: left; /*set value to "center" for example to center items*/
	color: #000000;
}

#slantedmenu ul li{
	display: inline;
	color: #333333;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #999999;
}

#slantedmenu ul li a{
color: #000000;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(images/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: #4083B2;
}
.virtual_shopping {
	border: thick groove #EFEEEC;
	color: #4587B4;
	display: run-in;
}
.threadbanger {
	float: left;
	width: 120px;
}
.contentbox #threadbanger {
	background-color: #CCCCCC;
	float: right;
	width: 170px;
	height: 170px;
}
#topbanner {
	background-color: #9CC2DC;
	background-image: url(images/new_logo/back.jpg);
	background-repeat: repeat;
	border: 1px solid #4083B2;
	padding: 2px;
}



.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.midboxes {
	width: 140px;
	vertical-align: middle;
	float: none;
}
.smalfront {font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#topnewer {
	height: 250px;
	background-color: #cccccc;
	color: #FFFFFF;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 2px;
	border-bottom-width: 2px;
	border-bottom-style: double;
	border-bottom-color: #4083B2;	border-top-width: 2px;
	border-top-style: double;
	border-top-color: #4083B2;
}
.topboxesx3 {	list-style-image: url(images/new_logo/Front_Page_Products/bullet_IMage.gif);
	list-style-position: inside;
	width: 160px;
	background-image: url(images/Front_page_images/back+logo.gif);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DFE2EA;
	background-repeat: no-repeat;
}
.toggleopacity img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;

}

img {border:none;}

.midboxes {
	width: 130px;
	vertical-align: middle;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

.toggleopacity img{
}
.newcontent {
	border: 1px dotted #6098BF;
	height: 30px;
	font-family: Tahoma;
	color: #4083B2;
}
.contentbox #topnewer #thumb4 {
	border: 1px dotted #D6D3D2;
}
.contentbox #topbanner a {
	background-color: #FFFFFF;
}
.style4 {
	color: #000;
	font-weight: bold;
	background-color: #CCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F00;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
}
.style5 {
	color: #990000;
	font-size: 12px;
}



.style7 {font-size: 10}



#liquid-round {
background:#FFFFFF url(http://www.icanhelpsew.com/sewing/images/navigation/leftside.gif) repeat-y scroll left top;
margin:0 auto;
width:99%;
}
.top {
background:transparent url(http://www.icanhelpsew.com/sewing/images/navigation/top.gif) no-repeat scroll left top;
height:20px;
width:100%;
}
.top span {
background:transparent url(http://www.icanhelpsew.com/sewing/images/navigation/top-right.gif) no-repeat scroll right top;
display:block;
height:20px;
position:relative;
}
.center-content {
	background:transparent url(http://www.icanhelpsew.com/sewing/images/navigation/rightside.gif) repeat-y scroll right top;
	position:relative;
	margin-top: -1px;
	margin-right: 0;
	margin-bottom: -10px;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 20px;
}

.bottom {
background:transparent url(http://www.icanhelpsew.com/sewing/images/navigation/bottom.png) no-repeat scroll left bottom;
height:35px;
width:100%;
}
.bottom span {
background:transparent url(http://www.icanhelpsew.com/sewing/images/navigation/bottom-right.png) no-repeat scroll right bottom;
display:block;
height:35px;
position:relative;
}
p {
margin:0 0 1em;
}
h1 {
font-family:Arial,Verdana,sans-serif;
font-size:12px;
font-weight:normal;
}
* {
margin:0;
padding:0;
}

#myController span{
	background-repeat: repeat-x;
	border:solid 1px;
	border-color: #ccc;
	padding: 3px;
	background-image: url(images/Front_page_images/back_gradient.png);
	background-position: bottom;
	cursor:pointer;
}
#myController span hover{
	background-repeat: repeat-x;
	border:solid 1px;
	border-color: #ccc;
	padding: 3px;
	background-image: url(images/Front_page_images/menu_background.png);
	background-position: top;
	cursor:pointer;
	color: #333333;
}
#jFlowSlide{
padding-top:3px;
}

#myController span.jFlowSelected {
	border:1px solid #CCCCCC;
	padding: 3px;
	background-image: url(/images/Front_page_images/back_gradient.png);
	background-position: top;
	cursor:pointer;
	color: #666666;
	background-repeat: repeat-x;
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
	background: transparent url('images/media/roundedge-blue-left.gif') no-repeat top left;
	display: block;
	float: left; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFF;
	cursor:pointer;
	font-weight: bold;
	}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFF;
	cursor:pointer; /*button text color*/
}

#jFlowSlideContainer{
background-color:#CCCCCC;
	
}
a.boldbuttons span{
background: transparent url('images/media/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
	text-decoration: none;
	cursor:pointer;
	color: #333;
}
a:visited .boldbuttons{ /* Hover state CSS */
	text-decoration: none;
	cursor:pointer;
	color: #333;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}




.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
.glossymenu  h3 {
	background-image: url(sewing/images/navigation/price.png);
	background-repeat: repeat-x;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	padding-top: 5px;
	margin: 0px;
	color: #3A739C;
}


#content {
	width:150px;
	float:left;
	background-image: url(images/media/bg-content.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}

#frontboxes h2 {
background-image:url(http://www.icanhelpsew.com/sewing/images/navigation/bg2008.png);
background-position:center bottom;
background-repeat:repeat-x;
color:#3C3C3C;
font-family:"Trebuchet MS",Tahoma;
font-size:14px;
font-weight:bold;
height:auto;
margin:4px;
padding:1px;
}
#frontboxesContent {
background-color:#ffffff;
font-size:10px;
text-align:justify;

width:130px; 
}
#frontboxes .freeshipping {
background:transparent url(http://www.icanhelpsew.com/sewing/images/navigation/free_shipping.png) repeat scroll 0 0;
float:right;
}
#frontboxes {
background-color:#F7FAFD;
border:1px solid #CCCCCC;
float:left;
font-family:Tahoma;

padding:8px;
width:135px;
}
#content #frontboxes h2 {
background-image:url(http://www.icanhelpsew.com/sewing/images/navigation/bg2008.png);
background-position:center bottom;
background-repeat:repeat-x;
color:#3C3C3C;
font-family:Tahoma;
font-weight:bold;
height:auto;
margin:4px;
padding:1px;
}
#content #frontboxes #frontboxesImage img {
background-color:#FFFFFF;
padding-bottom:3px;
padding-top:3px;
text-align:center;
}
#content #frontboxes #frontboxesImage {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
width:130px;
}
#content #frontboxes h3 {
	font-size:11px;
	font-weight:bold;
	text-align:center;
	padding-bottom: 3px; 
}
#content .frontboxesPrice {
background-color:#CCCCCC;
background-image:url(http://www.icanhelpsew.com/sewing/images/navigation/price.png);
background-repeat:repeat-x;
border:1px solid #CCCCCC;
color:#663333;
font-size:13px;
font-weight:bold;
letter-spacing:1px;
margin-bottom:2px;

margin-top:2px;

text-align:center;
text-decoration:none;
width:130px;
}
#frontboxesGiftIdea {
background-image:url(http://www.icanhelpsew.com/sewing/images/navigation/gift_idea.png);
background-position:center bottom;
background-repeat:no-repeat;
height:40px;
width:42px;
}

a.squarebutton{
background: transparent url('images/media/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/media/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
border-bottom-width: 6px;
width: 400px; /*width of featured content slider*/
height: 250px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 390px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

#tabs {width:400px; text-align:center; background: url(http://www.chipslayton.com/mini-tabbed-pages/icon/top.gif); margin:0; position:relative; z-index:200; font:bold 11px verdana, arial, sans-serif;}
#tabs ul {padding:0; margin:0; width:399px; list-style:none; position:relative;}
#tabs ul li.outer {float:left; display:inline; margin:0 4px 3px 4px; width:75px; height:53px; border-bottom:1px solid #9c9c9c; line-height:45px; color:#664;  padding:0 0 0 50px; cursor:pointer;}

#tabs ul li.one {background:#fff url(http://www.chipslayton.com/mini-tabbed-pages/icon/world.jpg) no-repeat top left;}
#tabs ul li.two {background:#fff url(http://www.chipslayton.com/mini-tabbed-pages/icon/key.jpg) no-repeat top left;}
#tabs ul li.three {background:#fff url(http://www.chipslayton.com/mini-tabbed-pages/icon/mail.jpg) no-repeat top left;}
#tabs ul li.four {background:#fff url(http://www.chipslayton.com/mini-tabbed-pages/icon/search.jpg) no-repeat top left;}
#tabs ul li.five {background:#fff url(http://www.chipslayton.com/mini-tabbed-pages/icon/profile.jpg) no-repeat top left;}
#tabs ul li.six {background:#fff url(http://www.chipslayton.com/mini-tabbed-pages/icon/draw.jpg) no-repeat top left;}

#tabs ul li div {display:none;}

#tabs ul li.click {padding-bottom:132px; border-bottom:1px solid #fff; color:#000; margin-bottom:0;}

#tabs ul li.click {color:#000; background-position:0 -55px; height:55px; cursor:default;}


#tabs ul li.click div {
	display:block;
	padding:5px;
	position:absolute;
	left:4px;
	top:5px;
	width:381px;
	height:118px;
	border-bottom:3px solid #fff;
}

#tabs ul li.click div.tab_left
{background:#fff url(http://www.chipslayton.com/mini-tabbed-pages/icon/tab_left.gif);}

#tabs ul li.click div.tab_center
{background:#fff url(http://www.chipslayton.com/mini-tabbed-pages/icon/tab_center.gif);}

#tabs ul li.click div.tab_right
{background:#fff url(http://www.chipslayton.com/mini-tabbed-pages/icon/tab_right.gif);}

.clear {clear:both; height:0; line-height:0; overflow:hidden;}

#tabs span.base {display:block; height:20px;font-size:10px; color:#c60; background:url(http://www.chipslayton.com/mini-tabbed-pages/icon/bottom.gif) bottom;}
#tabs div h5 {font-size:11px; margin:0;}
#tabs div p {font-weight:normal; text-align:left; color:#000; margin-top:3px; line-height:15px;}
#tabs div a img {border:0;}
#tabs div img.image {float:left; border:0; margin-right:5px; margin-top:-15px;}
#tabs div a.unlock {background:url(http://www.chipslayton.com/mini-tabbed-pages/icon/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#tabs div a.unlock:hover {border:0;}
#tabs div a:hover.unlock img {visibility:hidden;}
#tabs p.bold {color:#069; padding-top:5px;}
#tabs form {margin-top:-10px; padding:0;}
#tabs form fieldset {padding:0;}
#tabs p.buttons {text-align:center;}
