html {margin: 0; padding: 0;}

form {margin: 0; padding: 0;}

body {margin:0 auto 0 auto; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em; background-color: #000000; height: 100%; overflow: -moz-scrollbars-vertical;}

/******** Main wrap ********/
#wrap {
	width:900px;
	margin:0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0;
	background-color: #FFFFFF;
	}

div { font-size: 1em; }

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	}

span {font-size: 11px; }

a { 
	font-size: 11px;
	color:#036; 
	text-decoration: none; 
}

h1 {
	font-size: 2.5em;
	font-weight: bold;
	color: #304A6D;
	padding: 0px;
	margin: 15px 0px 0px 0px;
}

.address {
	font-size: .7em;
	font-weight: bold;
	color: #999999;
	padding: 0px;
	margin: 15px 0px 0px 5px;
}

a:hover { 
	color:#ff8d29; 
	text-decoration: none; 
}

input {
	background-color: #FFFFFF; 
	font-size: 9px; 
	font-weight: normal; 
	color: #000000;
	border: 0px solid #30799E;
	height: 16px;
	width: 130px;
	padding: 3px 0px 0px 10px;
}

.input-box {
	font-size: 9px;
	color: #999999;
	background: url('../templates/images/input-box.jpg') no-repeat; 
	width: 135px;
	height: 16px;
}	

select {
	background-color: #FFFFFF; 
	font-size: 9px; 
	font-weight: normal; color: #000000;
	border: 1px solid #30799E;
}

.button {
	
	font-weight: bold;
	font-size: 10px;
	border: 0px solid #000;
	color: #FF7402;
	cursor: pointer;
	height: 17px;
	width: 100px;
}

.jssBoldLinks, .middle-links { 
	font-size: 12px;
	color:#036; 
	text-decoration: none; 
	font-weight: bold;
	text-transform: uppercase;
	}
	
.middle-links { 
	font-size: 12px;
	text-decoration: none; 
	font-weight: bold;
	text-transform: uppercase;
	}
	

.jssBoldLinks:hover { 
	color:#ff8d29; 
	text-decoration: none; 
	font-weight: bold;
}

.jssProductTitle {
	font-size: 0.75em;
	color:#fff; 
	text-decoration: none; 
}

.jssProductTitle:hover {
	font-size: 0.75em;
	color:#ff8d29; 
	text-decoration: none; 
}



/******** Header ********/

div#navcontainer {
	display : none; 
}

div#main-graphic {
	display : none; 
}


div#jssHeader {
	display : none; 
}

/*******Shop Pages Right Nav Column********/

div#jssRightMenu {
	display : none; 
}

/******** Mini cart ********/
.jssMiniCart {
	float: right;
	width: 250px;
	margin-right: 0px;
	display: inline;
	}

.jssMiniCartTitle {
	padding: 0px 0px 0px 0px;
	margin: 0px ;
	color: #000000;
	font-size: 0.70em;
	font-weight: bold;
	text-align: center;
	background: url('../templates/images/cart-back-top.gif'); 
	width: 250px;
	height: 21px;
}

.jssMiniCartContent {
	text-align: left;
	padding: 0px 0px 0px 20px;
	color: #000000;
	font-size: 0.85em;
	font-weight: normal;
	width: 230px;
	background: url('../templates/images/cart-back.gif') repeat-y; 
	height: 65px;
}



/******** Main Content Blocks ********/
div#jssMainContent {
	float:left;
	clear:left;
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 20px;
	line-height: 18px;
	vertical-align: top;
	width: 620px;
}




/******** Main Graphic on Home & "Other Pages" ********/

div#jssHomePageBanner {
	clear:left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 900px;
}

/******** 2 columns text home page ********/
div#jssHomeColumn1, div#jssHomeColumn2 {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	width: 280px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}



/******** styling for home page header/text blocks ********/
.homecolumn-title, .jssPageHeading{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	padding: 10px 0px 10px 0px;
	text-transform: uppercase;
	width: 250px;
}

.homecolumn-content {
	vertical-align: top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;		
	width: 280px;
}

.content {
	clear:left;
	float: left;
	vertical-align: top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;		
	width: 620px;
}

div#xxxxjssMainContent:after { content: ""; display: block; height: 0; clear: both; } /******** ????????? ********/


/******** jss section template div ********/
div#jssSectionContainer {
	clear:left;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	width: 580px;

	
}


/******** jss FOOTER!!! ********/
div#jssFooter {
	display : none; 
}

span#jssWelcome {
	padding-left: 5px;
	font-weight: normal;
	font-size: 0.88em;
}

span#jssDate {
	float: right;
	padding-right: 5px;
}

.jssSectionTitle {


}

.jssMenuBox {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	float: right;
	width: 250px;
	}



.jssMenuBoxTitle {
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-size: 0.70em;
	font-weight: bold;
	text-align: left;
	background: url('../templates/images/cart-back-top.gif'); 
	background-repeat: no-repeat;
	width: 250px;
	height: 21px;
}

.jssMenuBoxHeader {
	margin: 0px 10px 0px 10px;
	border-top: 1px dashed #DCDCDC;
}


.jssMenuBoxContent {
	width: 210px;
	background-color: #fff;
	padding:  0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	text-align: left;
	font:Verdana, Arial, Helvetica, sans-serif;
}



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

.jssMenuBoxContentCent {
	text-align: center;
}

.jssGeneralText {
	font-size: 0.7em;
}

.jssSmallerText {
	font-size: 0.6em;
	width: 100%;
}

ul#navlist
{

	margin: 0px 0px 0px 45px;
	padding: 0px;
}

#navlist li
{
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px 3px 0px 3px;
}

#navlist a { }

#navlist a:link, #navlist a:visited
{
	margin-right: 5px; 
	margin-left: 0px;
	color: #000000;
	text-decoration: none;
	padding: 3px;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#navlist a:hover
{
	margin-right: 5px; 
	margin-left: 0px;
	padding: 3px;
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/******** minicart nav links ********/

.jssMiniCartContent a {
	padding: 1px 5px 0px 5px;
	margin: 5px;
	border: 1px solid #8dbfff;
	font-size: 0.8em;

}

.jssMiniCartContent a:link,  .jssMiniCartContent a:visited {
	padding: 1px 5px 0px 5px;
	margin: 5px;
	color: #fff;
	background-color: #369;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #cccccc;
}

.jssMiniCartContent a:hover {
	padding: 1px 5px 0px 5px;
	margin: 5px;
	color: #fff;
	background-color: #036;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #FFFFFF;
}

.jssProductButtons {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	white-space: nowrap;
}

.jssProductButtons:link, .jssProductButtons:visited
{
	color: #304A6D;
	text-decoration: none;
	font-weight: bold;
}

.jssProductButtons:hover
{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

.jssLink2 {
	padding: 1px 1px;
	margin: 2px 2px 0px 0px;
	font-size: 0.75em;
	white-space: nowrap;
}

.jssLink2:link, .jssLink2:visited
{
	color: #f08100;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.75em;
}

.jssLink2:hover
{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 0.75em;
}

.jssProductPrice {
	font-size: 0.75em;
}



#jssMainContent h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	padding: 0px 0px 10px 0px;
	text-transform: uppercase;
}

.jssPageSubHeading {
	clear: left;
	float: left;
	font-size: 0.75em;
	color: #304A6D;
	border-bottom: 1px dotted #cccccc;
	padding: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 580px;
	font-weight: bold;
		}

.jssBreadcrumb {
	clear: left;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	margin-bottom: 10px;
	text-transform: uppercase;
	width: 400px;
}

.jssBreadcrumbTitle {
	color: #000000;
	font-weight: normal;
	font-size: 1em;
	padding-left: 3px;
	margin-right: 3px;
}

.jssPrice {
	color: #F1363F;
	font-weight: bold;
	font-size: 11px;
}

/* 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;
	/*background-color: #8dbfff;*/
	height: 15px;
	padding: 2px;
	margin-right: 2px;
	font-weight: bold;
}

.jssFormCol2 {
	float: left;
	text-align: left;
}	

.jssError {
	font-size: 12px;
	color: #f00;
	font-weight: normal;
}




div#pagescontainer {
	
		
}

div#SectionContainer {
		
		
}

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; border: 1px dotted #000000; font-size: 0.75em; background-color: #8dbfff; color: #000000;
}

#pageslist a { padding: 0px 3px 0px 3px; margin: 0px; font-weight: normal; font-size: 1em; background-color: #8dbfff;}

#pageslist a:link, #npageslist a:visited
{
	color: #000000;
	background-color: #8dbfff;
	text-decoration: none;
}

#pageslist a:hover
{
	color: #fff;
	background-color: #036;
	text-decoration: none;
}


/* product flag output */
.jssSecFlagsDiv {
	float: right; width: 75px; margin-left: 5px; padding: 3px;
	
}

.jssProductFlag {
	
	color: #ff0000; 
	margin-bottom: 3px; 
	border: 1px dotted #FF7401; 
	border-left: 3px solid #FF7401; 
	padding-left: 3px; 
	font-size: 9px; 
	font-weight: normal;
	text-align: left;
}

/* section classes */
.jssSectionThumbnail {
	float: left;
}

.jssSectionDesc {
	margin-left: 105px;
}

.jssSubSecDiv {
	clear: left; 
	text-align: left;
}

.jssSecImages {
	float: left; margin-right: 35px; padding: 3px;
}

.jssSecImages2 {
	clear:left;
	float: left;
	left: 0px; 
	padding-left: 5px;
}

.jssLinksDiv {
	float: left;
	margin-left: 0px;
	font-weight: bold;
}

.jssLinksDivProdPage {
	width: 580px;
	clear: left;
	float: left;

	font-weight: bold;
}

.jssSubSecTitle {
	padding-top: 3px;
}

.jssSectionContent {
	width: 580px;
	float: left;
}


.jssSecProductTitle {
	padding-top: 3px;
}

.jssSecProductDiv {
	clear: both; 
	text-align: left;
	margin-left: auto; 
	margin-right: auto;
	width: 580px;

}

.jssSecProductDiv2 {
	float: left;
	text-align: left;
	margin-left: 0px; 
	margin-right: 0px;
}

.jssProductSep {
	clear: both; 
	border: 0px; 
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 5px; 
	background: #fff; 
	height: 1px;
}




.AdditionalProductFields {
	float: left; 
	margin-left: 5px; 
	text-align: left;
	width: 350px;
}	


.PricingTables {
	float: left;
	clear: left;
	width: 500px;
	border: 1px solid #ff0000;
}	

.AssociatedProducts {
	width: 580px;
	float: left;
	clear: left;
}

/* form tables */

.jssFormDiv {
	text-align: left;
}

.jssFormTable {
	margin-left: auto;  margin-right: auto;
	/*width: 100%;*/
	width: 580px;
	padding: 0px;
	border: 0px;
}

.jssFormTable caption {
	border-bottom: 1px dotted #000;
	margin-left: auto;  margin-right: auto;
	font-size: 0.70em;
}

.jssFormTable th {
	font-weight: bold;

	padding: 2px;
	text-align: left;
	font-size: 0.70em;
	/*border-right: 1px dotted #000;*/
	vertical-align: top;
	padding-top: 3px;
}

.jssFormTable td {
	font-weight: normal;
	padding: 2px;
	text-align: left;
	font-size: 0.70em;
}

.jssFormTable td.jssFormSubmit {
	border-top: 1px dotted #000;
	text-align: right;
}

.jssFormTable input {
	background-color: #FFFFFF; 
	font-size: 10px; 
	font-weight: normal; color: #000000;
	border: 1px solid #30799E;
	height: 12px;
}

.jssFormTable select {
	background-color: #FFFFFF; 
	font-size: 10px; 
	font-weight: normal; color: #000000;
	border: 1px solid #30799E;
}

.jssFormTable td.jssFormSubmit input {
	background-color: #369;
	font-weight: bold;
	font-size: 1em;
	border: 1px solid #000;
	color: #fff;
	cursor: pointer;
	height: 16px;
}

.jssFormError {
	font-weight: bold;
	color: #f00;
	font-size: 0.8em;
}

/* cart styling */

.jssCartDiv {
	text-align: center;
}

.jssCartTable {
	margin-left: auto; 
	margin-right: auto;
	padding: 0px;
	border: 0px;
	width: 580px;
}

.jssPCentered {
	text-align: center;
}

.jssCartTable caption {
	border-bottom: 1px dotted #000;
	margin-left: auto;  margin-right: auto;
	font-size: 0.70em;
}

.jssCartTable th {
	font-weight: bold;
	padding: 2px;
	text-align: left;
	font-size: 0.70em;
	/*border-right: 1px dotted #000;*/
	vertical-align: top;
	border-bottom: 1px dotted #000;
}

.jssCartTable th.right {
	font-weight: bold;
	padding: 2px;
	text-align: right;
	font-size: 0.70em;
	/*border-right: 1px dotted #000;*/
	vertical-align: top;
	border-bottom: 1px dotted #000;
}

.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;
	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;
	/*border-right: 1px dotted #000;*/
	vertical-align: top;
	border-top: 1px dotted #000;
}

/* bottom links */
div#jssFooterLinksDiv {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight:bold;
}

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;
	white-space: nowrap;
	font-weight: bold;

}

#jssFooterLinks a:link, #jssFooterLinks a:visited
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;

}

#jssFooterLinks a:hover
{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}


div#jssUsersOnline {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}

div#jssFooterContent {
	margin-top: 0px;
	padding-top: 3px;
	text-align: center;
	clear: both;
	color: #000000;
	font-weight: bold;
	font-size: 0.7em;
}


a.footer-links:link, a.footer-links:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}

a.footer-links:hover {
	color: #304A6D;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1em;
}


/* product option table stylings */

.jssProductTableDiv {
	float: left;
	clear: left;
	text-align: left;
	width: 580px;
}

.jssProductTable {
	float: left;
	margin-left: auto;  
	margin-right: auto;
	padding: 0px;
	width: 500px;
	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;
	/*border-right: 1px dotted #000;*/
	vertical-align: top;
	background-color: #aaaaaa;
}

.jssProductTable td {
	font-weight: normal;
	padding: 2px;
	text-align: left;
	font-size: 0.70em;
	background-color: #dddddd;
}

.align-right {
	text-align:right;
	font-size: 200px;

}

/* general table styling */

.jssGeneralTableDiv {
	text-align: center;
	
}

.jssGeneralTable {
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	border: 0px;
	width: 580px;
}

.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;
	border-bottom: 1px dotted #000;
	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
{
	color: #f08100;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}

.jssGeneralTable a:hover
{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1em;
}

.jssSendFriendDiv {
	float:right; font-weight: bold;
}

.jssSendFriendDiv a { 
	font-size: 11px;
	color:#ff8d29; 
	text-decoration: none; 
}

.jssSendFriendDiv a:hover { 
	color:#ff8d29; 
	text-decoration: underline; 
	cursor: pointer;
}

.float-left {
	float: left;
	padding-right: 10px;
	}
#imagegallery {
	text-align: center;
	width: 166px;
	float: left;
	padding-right: 10px;
	
	}
	
.shippingcountry, .productclass, .product {
	clear: left;
	}	
.price{
	float: left;
	color: #ff0000;
	}	
	
.highlight {
	padding-left: 5px;
	width: 600px;
}