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



html {

	font-size: 100%;

	font-family: Arial;

	margin: 0;

	padding: 0;	height: 100%;

}



img {

	border:none;

}



form {

	margin: 0;

	padding: 0;

}



body {
	text-align:center;
	margin: 0;
}

#flag-wrapper {
	background: #333;
	height: 30px;
	position: relative;
	margin-top: -3px;
}

#flag-wrapper a img {
	float: right;
	margin: 0 10px;
	line-height: 30px;
	position: relative;
	top: 8px;
}

#flag-wrapper p {
	float: right;
	margin: 0 10px;
	line-height: 30px;
	font-size: 0.8em;
	color: #fff;
}


#wrapper {

	width: 730px;

	margin: 0 auto;

	text-align: left;

	position:relative;

	background-color:#FFF !important; padding: 0 20px 10px 10px; 

	overflow: visible;

}





a, a:hover {

	text-decoration: none;

}



h1 {

	font-size: 1em;

	font-weight: bold;

	padding: 2px;

	margin-bottom: 10px;

	margin-top: 10px;

}



p {

	font-size: 1em;

	line-height: 1.3em;

}



input {

	font-size: 0.8em;

	font-weight: normal;



	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 {

	font-size: 0.8em;

	width: 100%;

	text-align:left;

}



.jssBoldLinks { 

	font-size: 0.8em;

	text-decoration: none; 

	font-weight: bold;

	text-align:left;

}



.jssBoldLinks:hover { 

	text-decoration: none; 

	font-weight: bold;

	text-align:left;

}



.jssProductTitle {

	font-size: 0.8em;

	text-decoration: none; 

	text-align:left;

}



.jssProductTitle:hover {

	font-size: 0.8em;

	text-decoration: none; 

	text-align:left;

}



.jssPrice {

	font-weight: bold;

	font-size: 0.8em;

	

}



.jssProductLinks, jssProductLinks:link {



	white-space: nowrap;

	cursor: pointer;

}



.jssProductAdd {

	padding: 1px 1px;

	margin: 2px 2px 0px 0px;

	margin-left: 0px;

	padding-top: 0px;

	font-size: 0.7em;

	font-weight: bold;

	border: 0px;

	text-align: left;

	cursor: pointer;

}



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







div#jssHeader {

	width: 729px;

	height: 290px;

	margin-left: auto;

	margin-right: auto;

}



div#jssSubHeader {

	font-size: 0.8em;

	font-weight: bold;

	margin: 0;

	width: 100%;

	padding-top: 3px;

	padding-bottom: 3px;

}



span#jssWelcome {

	padding-left: 5px;

	font-weight: normal;

	font-size: 0.8em;

}



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.8em;

}



#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.8em;

	font-weight: bold;

}



.jssHeaderBlockContent

{

	padding: 1px 5px;

	font-size: 0.8em;

	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 {

	

	float: left;

	top: 260px;

	width: 165px;

	padding-top: 5px;

	margin-top: 5px;

	min-height: 800px;

}



div#jssLeftMenuWhite {

	

	float: left;

	width: 165px;

	padding-top: 5px;

	padding-left: 5px;

	margin-top:5px;



}



.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;

}



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



div#jssRightMenu {



	float: right;

	width: 165px;

	padding-top: 5px;

	top: 255px;

	min-height:800px

}



/* 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.8em;

	height: 1%;

}



.jssMenuBoxContent {

	text-align: left;

}



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



.jssMenuBoxContentCent {

	text-align: center;

}



/* Main Content (Middle) Styles width: 390px;------------------------------------------------------------- */



div#jssMainContent {



	top: 295px;

	width: 370px;

	margin-left: -185px;

	margin-right: auto;

	margin-top: 10px;

	position: absolute;

	left: 50%;

	background-color:#FFF



}



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



.jssPageHeading {

	font-size: 1em;

	font-weight: bold;

	padding: 3px;

	margin-bottom: 10px;

}



.jssPageSubHeading {

	font-size: 0.7em;

	font-weight: bold;

	padding: 2px;

	margin-bottom: 10px;

	margin-top: 10px;

	clear: both;

}



.jssBreadcrumb {

	width: 360px;

	font-size: 0.8em;

	margin-bottom: 10px;

}



.jssBreadcrumbTitle {

	font-weight: normal;

	padding-left: 3px;

	margin-right: 3px;

}



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



div#jssFooter {

	width: 729px;

	clear: both;

	bottom:5px;

	position:absolute;

	height: 25px;

}



div#jssFooterLinksDiv {

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	margin-top: 15px;

	margin-bottom: 10px;

	font-size: 0.8em;

}



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.8em;

	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.7em;

}



div#jssCopyright {

	margin-top: 10px;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	clear: both;

	font-size: 0.7em;

}



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



.jssForm {

}



.jssFormRow {

	clear: both;

	height: 20px;

	font-size: 0.8em;

	margin: 5px 0 0 0;

} 



.jssFormCol1 {

	float: left;

	width: 150px;

	text-align: left;

	height: 20px;

	padding: 2px;

	margin-right: 2px;

	font-weight: bold;

}



.jssFormCol2 {

	float: left;

	text-align: left;

}	



.jssError {

	font-size: 0.8em;

	font-weight: normal;

}



.jssFormDiv {

	text-align: center;

}



.jssFormTable {

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

	padding: 0px;

	border: 0px;

}



.jssFormTable caption {

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

	font-size: 0.7em;

}



.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: 0.8em; 

	font-weight: normal;

	height: 20px;

}



.jssFormTable select {

	font-size: 0.8em; 

	font-weight: normal;

}



.jssFormTable td.jssFormSubmit input {

	font-weight: bold;

	font-size: 0.8em;

	cursor: pointer;

	height: 20px;

}



.jssFormError {

	font-weight: bold;

	font-size: 0.8em;

}



/* 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.8em;

}



.jssCartTable th {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 0.7em;

	vertical-align: top;

}



.jssCartTable th.right {

	font-weight: bold;

	padding: 2px;

	text-align: right;

	font-size: 0.7em;

	vertical-align: top;

}



.jssCartTable td {

	font-weight: normal;

	padding: 2px;

	text-align: left;

	font-size: 0.7em;

	vertical-align: top;

}



.jssCartTable td.right {

	font-weight: normal;

	padding: 2px;

	text-align: right;

	font-size: 0.7em;

	vertical-align: top;

}



.jssCartTable th.total {

	font-weight: bold;

	padding: 2px;

	text-align: right;

	font-size: 0.7em;

	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.8em;

}



.jssGeneralTable th {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 0.7em;

	vertical-align: top;

}



.jssGeneralTable td {

	font-weight: normal;

	padding: 2px;

	text-align: left;

	font-size: 0.7em;

}



.jssGeneralTable td.bold {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 0.7em;

}



.jssGeneralTable a {

	padding: 1px 1px;

	margin: 2px 2px 0px 0px;

	font-size: 0.8em;

	white-space: nowrap;

}



.jssGeneralTable a:link, .jssGeneralTable a:visited

{

	text-decoration: none;

	font-weight: bold;

	font-size: 0.8em;

}



.jssGeneralTable a:hover

{

	text-decoration: underline;

	font-weight: bold;

	font-size: 0.8em;

}



/* 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.8em;

}



.jssProductTable th {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 0.8em;

	vertical-align: top;

}



.jssProductTable td {

	font-weight: normal;

	padding: 2px;

	text-align: left;

	font-size: 0.8em;

}



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



.jssIndexProductThumbnail {

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

}



.jssIndexFullWidth {

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

}



.jssIndexColLeft {

	width: 49%; float: left;

}



.jssIndexColRight {

	width: 49%; float: right;

}



.jssIndexCol4 {

	width: 25%;

	float:inherit;

}



.jssIndexCol3 {

	width: 33%;

}



.jssIndexProductBlock {

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

}



.jssIndexProductGap {

	width:2%; float: left;

}



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



div#pagescontainer {



	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.8em;

}



#pageslist a {

	padding: 0px 3px 0px 3px; 

	margin: 0px; 

	font-weight: normal; 

	font-size: 0.8em;

}



#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.7em; 

	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: 5px;

}



.jssProductFullImage {

	float: left; margin-right: 10px; border: 1px solid;

}



.jssProductOptionsDiv {

	float: right; width: 254px;

}



.jssProductFieldsDiv {

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

}



.jssSendFriendDiv {

	float:right; font-weight: bold;

}



.jssSendFriendDiv a { 

	font-size: 1em;

	text-decoration: none; 

}



/* New syles */



.ProductFlag



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

	font-size: 0.9em;

	padding: 0.2em;

	color:#FFFFFF;

	font-weight: 600;

	text-align:center;

	background-color:#FF0000;

	width:95%}

	

.ProductPrice {

	font-size: 1.2em;

	text-align:left;

	vertical-align:top}

.PinkHeader{

color:CC6699;

font-size:2em;

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

line-height:120%;

}