/* Basic Element Formatting ------------------------------------------------------------- */



html {

	font-size: 100%;

	font-family: arial,helvetica,clean,sans-serif;;

	margin: 0;

	padding: 0;

}





form {

	margin: 0;

	padding: 0;

}



body {

	font-size:100%;

	font-family: arial,helvetica,clean,sans-serif;;

	margin: 0;

	padding: 0;

	height: 100%;

}







h1 {

	font-size: 1.0em;

	font-weight: bold;

	padding: 2px;

	margin-bottom: 10px;

	margin-top: 10px;

}



h5 {

	

	margin-top: 5px;

}



p {

	font-size: 13px;

}



input {

	font-size: 1em;

	font-weight: normal;

	height: 1.25em;

	margin-bottom: 1px;

}





select {

	font-size: 1em;

	font-weight: normal;
	

}



/* Multiple-Use Selectors ------------------------------------------------------------- */



.clearLeft {

	clear: left;

}



.clearBoth {

	clear: both;

}



.floatRight {

	float: right;

}



.center {

	text-align: center;

}



.button {

	font-weight: normal;

	font-size: 1em;

	cursor: pointer;

	height: 1.6em;

}



/* Standard text and link formatting ------------------------------------------------------------- */



.jssSmallerText {

line-height:16px;

	font-size: 13px;

	width: 100%;

}



.jssBoldLinks {

	font-size: 12px;

	text-decoration: none; 

	font-weight: bold;

}







.jssBoldLinks a:hover { 

	text-decoration:none;


	font-weight: bold;

}



.jssBoldLinks2 {

	font-size: 14px;

	text-decoration: underline; 

	font-weight: bold;

}

.jssBoldLinks2:hover { 

	text-decoration: none; 

	font-weight: bold;

}

.jssBoldLinks3 {

	font-size: 16px;

	text-decoration:none; 

	font-weight: bold;

}


.jssBoldLinks3:hover { 

	text-decoration: underline; 

	font-weight: bold;

}



.jssProductTitle {

	font-size: 0.75em;

	text-decoration: none; 

}



.jssProductTitle:hover {

	font-size: 0.75em;

	text-decoration: none; 

}



.jssPrice {

	font-weight: bold;

	font-size: 14px;

}





.jssProductLinks, jssProductLinks:link {

	padding: 1px 1px;

	margin: 2px 2px 0px 0px;

	font-size: 0.7em;

	white-space: nowrap;

	font-weight: bold;

	border: 0px;

	cursor: pointer;

}

a.jssProductLinks {
text-decoration:none;}



.jssProductAdd {

margin-top: 20px;

	font-size: 0.7em;

	font-weight: bold;


	text-align: center;

	cursor: pointer;

	height: 25px;
	padding: 3px;



}



.jssProductAdd2 {

	margin: 20px 0 20px 0;

	font-size: 0.6em;

	font-weight: bold;

	border: 0px;

	text-align: center;

	cursor: pointer;

	height: 25px;
	padding:3px 0 6px 0;

	

}



/* Header Styles ------------------------------------------------------------- */



img#jssLogo {

	float: left; border: 0px;

	padding: 45px 0 0 15px;

}



div#jssHeader {

	font-size: 1em;

	margin: 0;

	width: 100%;

	height: 70px;

}



div#jssSubHeader {

	font-size: 1em;

	font-weight: bold;

	margin: 0;

	width: 100%;

	padding-top: 3px;

	padding-bottom: 3px;

}



span#jssWelcome {

	padding-left: 5px;

	font-weight: normal;

	font-size: 0.7em;

}



span#jssDate {

	float: right;

	padding-right: 5px;

}



div#navcontainer {

	float: right;

	position: relative;

	display: inline;

	top: -5px;

}



ul#navlist {

	margin: 0px;

	padding: 0px;

	white-space: nowrap;

	}





#navlist li {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



#navlist a {

	padding: 1px 2px;

	margin-right: 2px;

	margin-bottom: 0px;

	font-weight: normal;

	font-size: 0.7em;

}



#navlist a:link, #navlist a:visited {

	text-decoration: none;

}



#navlist a:hover {

	text-decoration: none;

}



.jssHeaderBlock

{

	margin: 5px;

	margin-left: 0px;

	padding: 0px;

	float: right;

	display: inline;

	height: 80%;

	font-size: 1em;

}



.jssHeaderBlockTitle

{

	padding: 1px 5px;

	font-size: 0.7em;

	font-weight: bold;

}



.jssHeaderBlockContent

{

	padding: 1px 5px;

	font-size: 0.7em;

	font-weight: normal;

}



.jssHeaderBlockContent a {

	padding: 1px 8px;

	margin: 2px 2px 0px 3px;

	font-size: 0.8em;

}



.jssHeaderBlockContent a:link,  .jssHeaderBlockContent a:visited {

	text-decoration: none;

	font-weight: normal;

}



.jssHeaderBlockContent a:hover {

	text-decoration: none;

	font-weight: normal;

}



.jssHeaderBlockLinks {

	margin-top: 4px; margin-bottom: 2px; text-align: right;

}



/* Left Column ------------------------------------------------------------- */



div#jssLeftMenu {

	font-size: 1em;

	position: absolute;

	left: 5px;

	width: 150px;

	padding-top: 0px;

}



.jssSectionList {

	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: square;

}



.jssSubSectionList {

	margin: 0px; padding: 0px; padding-left: 14px;  list-style-type: square;

}



.jssCustomerLinks {

	margin: 0px; padding: 0px; padding-left: 5px; list-style-type: none;

}



.jssNewsLinks {

	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: square;

}

.jssSmallLinks {
font-size:12px;
text-align: center;
}
.jssSmallLinks img{
margin-bottom:5px;
}
.jssSmallLinks a:hover{
text-decoration:none;
}



/* Right Column ------------------------------------------------------------- */



div#jssRightMenu {

	font-size: 1em;

	position: absolute;

	right: 5px;         

	width: 150px;

	padding-top: 0px;

}



/* Right and Left Menu Box Style ------------------------------------------------------------- */



.jssMenuBox {

	width: 148px;

	margin-top: 10px;

}



.jssMenuBoxTitle {

	font-size: 0.8em;

	font-weight: bold;

	width: 100%;

	text-align: center;

}



.jssMenuBoxContent,

.jssMenuBoxContentCent {

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 2px;

	font-size: 0.75em;

	height: 1%;

}



.jssMenuBoxContent {

	text-align: left;

}



.jssMenuBoxContent:after { content: ""; display: block; height: 0; clear: both; }



.jssMenuBoxContentCent {

	text-align: center;

}



/* Main Content (Middle) Styles ------------------------------------------------------------- */



div#jssMainContent {

	margin: 10px 20px 20px 20px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 0px;

	padding-bottom: 0px;

	font-size: 1.2em;

}



div#jssMainContent:after { content: ""; display: block; height: 0; clear: both; }


div#jssMainContent ul{

margin-left:30px;



}

a.middle-links{font-size:14px;}

div#jssMainContent li{

font-size: 13px;

padding-bottom: 5px;

}





.jssPageHeading {

	font-size: 0.95em;

	font-weight: bold;

	padding: 3px 0 3px 0;

	margin-bottom: 10px;

}



.jssPageSubHeading {

	font-size: 0.85em;

	font-weight: bold;

	padding: 2px;

	margin-bottom: 10px;

	margin-top: 10px;

	clear: both;

}



.jssBreadcrumb 

{

float: left;

font-size: 11px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 10px;

padding-left: 0px;

}





.jssBreadcrumbTitle {

	padding-left: 3px;

	margin-right: 3px;

}



.jssMinicart 

{

float: right;

font-size: 12px;

font-weight:bold;

padding-top: 15px;

padding-bottom: 10px;

padding-left: 0px;

}

.jssMinicart a,.jssMinicart a:visited,.jssMinicart a:link{
color:#0F395B;
text-decoration:underline;

}
.jssMinicart a:hover{
text-decoration:none;
}


/* Footer Styles ------------------------------------------------------------- */



div#jssFooter {

	margin: 0;

	width: 100%;

	clear: both;

}



div#jssFooterLinksDiv {

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	margin-top: 15px;

	margin-bottom: 10px;

	font-size: 1em;

}



ul#jssFooterLinks	{

	margin-left: 0;

	padding-left: 0;

	white-space: nowrap;

	margin-top: 0px;

	padding-top: 0px;

	margin-bottom: 0px;

	margin-right: 0px;

}



#jssFooterLinks li {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	padding-left: 2px;

	padding-right: 2px;

	font-weight: bold;

}



#jssFooterLinks a { 

	padding: 1px 1px;

	margin: 2px 2px 0px 0px;

	font-size: 0.7em;

	white-space: nowrap;

}



#jssFooterLinks a:link, #jssFooterLinks a:visited {

	text-decoration: none;

	font-weight: bold;

}



#jssFooterLinks a:hover {

	text-decoration: underline;

	font-weight: bold;

}





div#jssUsersOnline {

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	clear: both;

	font-size: 0.8em;

}



div#jssCopyright {

	margin-top: 10px;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	clear: both;

	font-size: 0.8em;

}



/* General Form Styling ------------------------------------------------------------- */



.jssForm {

}



.jssFormRow {

	clear: both;

	height: 15px;

	font-size: 0.8em;

	margin: 5px 0 0 0;

} 



.jssFormCol1 {

	float: left;

	width: 150px;

	text-align: left;

	height: 15px;

	padding: 2px;

	margin-right: 2px;

	font-weight: bold;

}



.jssFormCol2 {

	float: left;

	text-align: left;

}	



.jssError {

	font-size: 11px;

	font-weight: bold;

}



.jssFormDiv {

	text-align: center;

}



.jssFormTable {

	margin-left: auto;  margin-right: auto;

	margin-bottom: 50px;

	padding: 0px;

	border: 0px;

}



.jssFormTable caption {

	margin-left: auto;  margin-right: auto;

	padding-bottom: 15px;

	font-size: 0.70em;

}



.jssFormTable th {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 0.8em;

	vertical-align: top;

	padding-top: 3px;

}



.jssFormTable td {

	font-weight: normal;

	padding: 2px;

	text-align: left;

	font-size: 0.8em;

}



.jssFormTable td.jssFormSubmit {

	text-align: right;

}



.jssFormTable input {

	font-size: 1em; 

	font-weight: normal;

	height: 1.25em;

}




.jssFormTable select {

	font-size: 0.8em; 

	font-weight: normal;

}



.jssFormTable td.jssFormSubmit input {

	font-weight: bold;

	font-size: 13px;

	cursor: pointer;

	height: 30px;

	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;	

	

}



.jssFormError {

	font-weight: bold;

	font-size: 1em;

}


.jssFormTablesm input {

	font-size: 1em; 

	font-weight: normal;

	height: 1.5em;

}

.jssFormTablesm th {

	font-size: 0.8em; 

	

}

.jssFormTablesm td {

	font-size: 0.8em;  


}
.jssFormTablesm td.jssFormSubmit input {

	font-weight: bold;

	font-size: 13px;

	cursor: pointer;

	height: 30px;

	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;		

}
.jssFormTablesm .jssFormError{
color:#FF0000;	

}



/* Cart Styling ------------------------------------------------------------- */



.jssCartDiv {

	text-align: center;

}



.jssCartTable {

	margin-left: auto; margin-right: auto;

	padding: 0px;

	border: 0px;

}



.jssPCentered {

	text-align: center;

}



.jssCartTable caption {

	margin-left: auto;  margin-right: auto;

	font-size: 0.70em;

}



.jssCartTable th {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 0.70em;

	vertical-align: top;

}



.jssCartTable th.right {

	font-weight: bold;

	padding: 2px 8px 2px  2px;

	text-align: right;

	font-size: 0.70em;

	vertical-align: top;

}



.jssCartTable td {

	font-weight: normal;

	padding: 2px;

	text-align: left;

	font-size: 0.70em;

	vertical-align: top;

}



.jssCartTable td.right {

	font-weight: normal;

	padding: 2px 8px 2px  2px;

	text-align: right;

	font-size: 0.70em;

	vertical-align: top;

}



.jssCartTable th.total {

	font-weight: bold;

	padding: 2px;

	text-align: right;

	font-size: 0.75em;

	vertical-align: top;

}



/* general table styling ------------------------------------------------------------- */



.jssGeneralTableDiv {

	text-align: center;

}



.jssGeneralTable {

	margin-left: auto;  margin-right: auto;

	padding: 0px;

	border: 0px;

}



.jssGeneralTable caption {

	margin-left: auto;  margin-right: auto;

	text-align: right;

	font-weight: bold;

	font-size: 0.70em;

}



.jssGeneralTable th {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 0.70em;

	vertical-align: top;

}



.jssGeneralTable td {

	font-weight: normal;

	padding: 2px;

	text-align: left;

	font-size: 0.70em;

}



.jssGeneralTable td.bold {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 0.70em;

}



.jssGeneralTable a {

	padding: 1px 1px;

	margin: 2px 2px 0px 0px;

	font-size: 1em;

	white-space: nowrap;

}



.jssGeneralTable a:link, .jssGeneralTable a:visited

{

	text-decoration: none;

	font-weight: bold;

	font-size: 1em;

}



.jssGeneralTable a:hover

{

	text-decoration: underline;

	font-weight: bold;

	font-size: 1em;

}



/* Product Option (qty discounts, combinations etc.) ------------------------------------------------------------- */



.jssProductTableDiv {

	text-align: center;

}



.jssProductTable {

	margin-left: auto;  margin-right: auto;

	padding: 0px;

	width: 100%;

	border: 0px;

}



.jssProductTable caption {

	margin-left: auto;  margin-right: auto;

	text-align: right;

	font-weight: bold;

	font-size: 0.70em;

}



.jssProductTable th {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 0.70em;

	vertical-align: top;

}



.jssProductTable td {

	font-weight: normal;

	padding: 2px;

	text-align: left;

	font-size: 0.70em;

}



/* Index-specific Styles ------------------------------------------------------------- */



.jssIndexProductThumbnail {

	float: left; margin-right: 5px; margin-top:5px; margin-bottom: 0; padding: 3px;

}



.jssIndexFullWidth {

	clear: both; text-align: center; width: 820px;

}



.jssIndexColLeft {

	width: 380px; height: 260px; float: left; border: 1px solid #626262; padding: 10px; margin-bottom: 10px;

}



.jssIndexColRight {

	width: 380px; height: 260px; float: right; border: 1px solid #626262;padding: 10px; margin-bottom: 10px;

}



.jssIndexProductBlock {

	width: 100%; clear: both; text-align: left;  margin: 10px 0 10px 0;

}



.jssIndexProductGap {

	width:2%; float: left; 

}



/* Section And Listing Styles ------------------------------------------------------------- */



div#pagescontainer {

	float: right;

	position: relative;

	top: 0px;

	padding: 1px;

	margin-bottom: 5px;

}



ul#pageslist {

	margin-left: 0;

	padding-left: 0;

	white-space: nowrap;

	margin-top: 0px;

	padding-top: 0px;

	margin-bottom: 0px;

	margin-right: 0px;

}



#pageslist li {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	margin: 0px; font-weight: normal; font-size: 0.75em;

}



#pageslist a {

	padding: 0px 3px 0px 3px; 

	margin: 0px; 

	font-weight: normal; 

	font-size: 1em;

}



#pageslist a:link, #npageslist a:visited {

	text-decoration: none;

}



#pageslist a:hover {

	text-decoration: none;

}



/* Other/Misc Styles ------------------------------------------------------------- */



.jssProductListMain {

	clear: both; padding-top: 2px;

	margin-bottom: 2px;

}



.jssProductListTitle {

	float: left; margin-right: 5px;

}





.jssSecFlagsDiv {

	float: right; width: 4.5em; margin-left: 5px; padding: 3px;

}



.jssProductFlag {

	margin-bottom: 3px; 

	padding-left: 3px; 

	font-size: 0.6em; 

	white-space: nowrap;

	font-weight: normal;

	text-align: right;

}



.jssSectionThumbnail {

	float: left;

}



.jssSectionDesc {

	margin-left: 105px;

}



.jssSubSecDiv {

	width: 100%; clear: both; text-align: left;

}



.jssSecImages {

	float: left; margin-right: 5px; padding: 3px;

}



.jssLinksDiv {

	padding: 3px; font-weight: bold;

}



.jssSubSecTitle {

	padding-top: 3px;

}



.jssSectionContent {

	clear: both; padding-top: 10px;

}



.jssSecProductTitle {

	padding-top: 3px;

}



.jssSecProductDiv {

	clear: both; text-align: left;

	margin-left: auto; margin-right: auto;

}



.jssSendFriendDiv a:hover {  

	text-decoration: underline; 

	cursor: pointer;

}



.jssProductSep {

	clear: both; border: 0px; margin-bottom: 5px; height: 0px;	background-color: #ffffff;

 

}



.jssProductFullImage {

	float: left; margin-right: 10px; border: 0px solid; margin-bottom: 5px;

}



.jssProductOptionsDiv {

	float: right; width: 254px;

}



.jssProductFieldsDiv {

	float: left; margin-left: 5px; text-align: left;

}



.jssSendFriendDiv {

	font-size: 13px;



	float:right; font-weight: bold;

}



.jssSendFriendDiv a { 

	font-size: 13px;

	text-decoration: none; 

}