/* main structure and header ------------------------------------------------------------- */
html {
  font-size: 14px;
  font-family: arial;
  color: #3d3d3d;
}

body {
  min-width: 1000px;
  padding: 0px;
  margin: 0px;
}

#wrapper{
  width: 1000px;
  margin: 0px auto 0px auto;
  padding: 0px;
  background: #ffffff url(../images/bg.gif) repeat-y top center;
}

#logo{
  float: left;
  width: 200px;
}

.rightBlock{
	float: left;
  width: 790px;
  padding-top: 2px;
}

#jssHeader{
	background-color: #ffffff !important;
  width: 100%;
  height: 80px;
  margin: 0px;
  padding: 5px 0px 0px 0px;
}

#jssSubHeader{
	display: none;
}

#jssLeftMenu{
	float: left;
	font-size: 14px;
	  		padding-top: 0px;
		width: 270px;
	}

.sectionContent{
  font-size: 14px;
  padding: 5px;
}

div#jssMainContent {
  float: left;
    	width: 725px;
    margin: 0px;
  padding: 0px 0px 0px 0px;
}
div#jssMainContent:after { content: ""; display: block; height: 0; clear: both; }



a img{
  border: none !important;
}


/* TOP MENU NAV ------------------------------------------------------------- */
#topMenu{
  float:right;
}

ul#navlist {
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
}

#navlist li {
  font-size: 13px;
  color: #5c5c5c;
  display: inline;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#navlist a:link, #navlist a:visited {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: bold;
  padding: 0px 0px 0px 14px;
  text-decoration: none;
}

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

#checkoutLink{
	margin: 3px 0px 0px 15px;
	font-size: 13px;
  font-weight: bold;
  float:right;
}

#checkoutLink a{
  margin-left: 15px;
  color: #5c5c5c;
}

#checkoutLink a:hover{
  color: #000000;
}

#checkout{
  color: #BD2187 !important;
}

.action{
  color: #BD2187;
}

#checkoutLink a:hover{
  color: #666666;
}



/* LEFT MENU CONTENTS ------------------------------------------------------------- */

.jssMenuBox {
	width: 100%;
  margin-top: 10px;
}

.jssMenuBoxTitle {
	text-align: left;
  color: #a5a5a5;
  font-size: 17px;
  font-weight: normal;
  width: 100%;
  padding-left: 7px;
}

.jssMenuBoxContent {
	padding: 5px 0px 5px 0px;
}

.jssMenuBoxInner{
	padding: 5px 0px 5px 5px;
	color: #a5a5a5;
}

#searchForm{
  padding-right: 0xp;
}

.jssMenuBoxText{
  margin: 0px 0px 0px 2px;
  padding: 0px;
}

.jssMenuBoxTitle a , .jssMenuBoxText a{
  color: #a5a5a5;
}

.jssMenuBoxTitle a:hover , .jssMenuBoxText a:hover{
  color:#000000;
}


/* LEFT MENU SECTION CONTENTS ------------------------------------------------------------- */

.topLevel , .topLevelActive{
	background-color: #efefef !important;
	font-size: 15px;
	color: #2c2c2c;
}

.topLevelActive{
  /* background: #efefef url('../images/arrowDown.gif') no-repeat 245px 7px; */
}

.jssSectionList {
	background-color: #ffffff;
  padding: 0px 0px 0px 0px;
  margin: 0px ;
  list-style-type: none;
}

.jssSectionList ul {
	margin: 0px 0px 0px 0px;
}

.jssSectionList li {
	margin: 0px;
	padding: 0px;
}

.jssSectionList li a {
  display: block;
  color: black;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 10px
}

.jssSectionList li a:hover {
  color: #BD2187;
}

.subSectionSelected{
  color: #BD2187 !important;
}

.jssSubSectionList {
  margin: 0px;
  padding: 0px;
  padding-left: 14px;
  list-style-type: none;
}


#xSearch, #newsJoinField{
	width: 180px;
	border: none;
  padding: 2px;
}

#searchsubmit, #newsSubmit{
  border: 0px;
  background: none;
  color: #BD2187;
}



/* Breadcrumbs ------------------------------------------------------------- */

.jssBreadcrumb {
  width: 100%;
  font-size: 12px;
  margin-bottom: 10px;
  color: #a5a5a5;
}

.jssBreadcrumb a{
  color: #a5a5a5;
}

.jssBreadcrumb a:hover{
  color: #000000;
}

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

.crumbCurrent{
  color: #BD2187 !important;
}


/* SECTION PAGES ------------------------------------------------------------- */

.jssSubSecDiv {
  margin: 10px 10px 0px 25px;
  width: 200px;
  height: 180px;
  float: left;
  text-align: center;
}

.jssSubSecTitle {
  padding-top: 3px;
}

.jssSubSecDiv a{
  color: #BD2187;
}

.jssSubSecDiv a img{
}




/* Recently Viewed ------------------------------------------------------------- */

#recent{
  width: 1000px;
  z-index: 100;
  position: absolute;
  background: url(../images/recent_3.jpg) bottom left no-repeat;
  padding-bottom: 15px;
}

.recentViewContainterSmall , .recentViewContainter, .relatedProductContainer{
  padding: 0px;
  float: left;
  text-align: center;
  font-weight: bold;
  background: none;
}

.relatedProductContainer{
  width: 165px;
  height: 190px;
  margin: 10px 0px 10px 10px;
}


.recentViewContainterSmall{
  width: 120px;
  height: 140px;
  margin: 10px 10px 10px 10px;
}

.recentViewContainter{
  width: 195px;
  height: 250px;
  margin: 0px 20px 0px 20px;
}

.recentViewContainter a , .recentViewContainter a img{
  border: none;
}


th{
  text-align: left;
}



/* MY ACCOUNT ------------------------------------------------------------- */

#delivery{
  float: right;
  width: 345px;
}

#billing{
  float: left;
  width: 345px;
}


#customerMenu{
  border-top: 1px solid white;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 5px solid #efefef;
  margin: 10px 0px 10px -5px;
  padding: 0px;
}

#customerMenu ul{
 padding: 0px;
 margin: 0px;
}

#customerMenu ul li{
  display: inline;
  float: left;
  padding: 0px;
  margin: 0px;
}

#customerMenu ul li a{
  display: block;
  padding: 6px 20px 5px 20px;
  margin: 0px 5px 0px 0px;
  background-color: #dfddde;
  color: #BD2187;
  font-weight: bold;
}

#customerMenu ul li a.active{
  background-color: #efefef;
  color: black;
}




/* IMAGES ------------------------------------------------------------- */
.extraThumb{
  float: left;
  display: block;
  border: 1px solid #cccccc !important;
  height: 88px;
  width: 88px;
}

a .extraThumb{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

.relatedProductThumb{
  float: left !important;
  margin-right: 10px;
  display: block;
  border: 0px;
  padding: 0px;
}



/* PRODUCT PAGES ------------------------------------------------------------- */

.minorHeading{
  font-size: 14px;
  font-weight: bold;
  color: #3d3d3d;
}

.productHeading{
  font-size: 14px;
  font-weight: bold;
}

.sale{
  color: #800000;
}

#productPrice{
  margin: 20px 0px 5px 0px;
  font-weight: bold;
  font-size: 14px;
  text-align: right;
}

#features{
 padding: 10px 0px 0px 0px;
 font-size: 12px;
 margin: 0px 0px 30px 0px;
}

#description{
  font-size: 12px;
  padding: 10px 0px 0px 5px;
  width: 440px;
}

#productCode{
  font-size: 12px;
  margin-bottom: 3px;
}

.jssPrice {
  font-weight: bold;
  font-size: 13px;
  color: #800000;
}

#prodImage{
  border: 1px solid #cccccc !important;
  margin: 0 !important;
  padding: 0 !important;
  width:448px !important;
  height:337px;
}

#zoomLink{
  width: 450px;
  display: block;
  margin: 0px;
  padding: 0px;
}

a.lightwindow{
  margin: 0px !important;
  padding: 0px !important;
  display: block;
  height: 339px;
}

#magGlass{
  position: absolute;
  top: 315px;
  left: 425px;
  z-index: 500;
  border: 0px;
  width: 18px;
  height: 15px
}

#zoomLink img{
  border: 0px;
}

.productData{
  font-size: 13px;
}

.productAction{
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  text-align: right;
  display: block;
  padding: 10px 0px 10px 0px;
  margin: 15px 0px 10px 0px;
}

.productAction:hover{
  color: #666666;
}

.productHeading{
  color: #999999;
  size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  
}

.share{
  margin: 5px 0px 10px 0px;
}


/* WISHLIST AND ORDERS ----------------------------------------------------- */
.orderDetail{
  padding: 0px 0px 10px 0px;
  border-bottom: 0px solid #efefef;
}

.orderLines{
  margin: 10px 0px 0px 0px;
  background-color: #fafafa;
  padding: 5px 5px 5px 5px;
}


/* CART/BASKET ------------------------------------------------------------- */
th{
  color: #5c5c5c;
}


.cartName{
  color: black;
}






/* CUSTOMER SERVICES ------------------------------------------------------------- */
.exp{
  display: block;
  padding: 2px 0px 2px 0px;
}

.expCont{
  margin: 10px 0px 10px 0px;
  border-bottom: 1px solid #cccccc;
}





/* HOMEPAGE ------------------------------------------------------------- */
.homeBlock{
  float: right;
  width: 340px;
  margin: 20px 0px 0px 20px;
  padding: 0px;
  height: 220px;
}

.quoteContainer{
  padding: 10px;
}

.quote{
  font-size: 15px;
  color: ;
}

.quote img{
  vertical-align: middle;
}




/* LOGIN PAGE ------------------------------------------------------------- */

#login.underlineBlock , #forgottenPassword, #createAccount , #guest{
  width: 370px;
}

#createAccount{
  float: left;
}

#createAccountExtra{
  width: 330px;
  float: left;
  margin: 40px 0px 0px 10px;
}

#createAccountExtra ul{
  margin: 0px;
  padding: 0px 0px 0px 5px;
  list-style-type: none;
  
}

#createAccountExtra ul li{
  padding: 2px 0px 2px 0px;
  margin: 0px;
  color: #676767;
}

#forgottenPassword{
  text-align: right;
}

.underlineBlock{
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
  margin: 10px 0px 10px 0px;
}


/* SEARCH PAGE ------------------------------------------------------------- */
.searchProductName{
  color: #5c5c5c !important;
}

.searchProductName:hover{
  color: #000000 !important;
}

.searchProductPrice{
  color: #3d3d3d;
}





/* Basic Element Formatting ------------------------------------------------------------- */
.black{
  color: black;
}

.jssPageHeading, h3 {
  font-size: 18px !important;
  padding: 3px 3px 3px 0px;
  margin-bottom: 3px;
  color: #000000;
}

h3{
  font-weight: normal;
  padding: 10px 3px 3px 0px;
  margin: 0px 0px 3px 0px;
}

.jssPageSubHeading{
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  padding: 3px 3px 3px 0px;
  margin-bottom: 3px;
  clear: both;
}


.p{
  color: #3d3d3d;
  
}

.sectionImage{
  padding: 0px;
  margin: 0px;
}
  
  
/* Basic Element Formatting ------------------------------------------------------------- */

a {
  color: #BD2187;
}

a:hover {
  color: #999999;
}

h1 {
  color: #ffffff;
  background-color: #3586ef;
  border-bottom: 2px solid #8dbfff;
}

input, textarea {
  background-color: #FFFFFF;
  color: #5c5c5c;
}

select {
  background-color: #FFFFFF;
  color: #5c5c5c;
}



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

.button, .actionLinkArrow {
  background: url(../images/arrowRightBig.jpg) no-repeat bottom right;
  padding: 0px;
  margin: 0px;
  padding-right: 18px;
  border: 0px;
  font-weight: bold;
  color: #BD2187;
  font-family: arial;
  font-size: 14px !important;
}

.button:hover{
  cursor: pointer;
}


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

.jssBold {
  color:#036;
}

.jssBold:hover {
  color:#ff8d29;
}

.jssProductTitle {
  color:#fff;
}

.jssProductTitle:hover {
  color:#ff8d29;
}

.jssPrice {
  
}

.jssProduct, .jssProduct:link
{
  color: #f08100;
}

.jssProductAdd, .jssProductAdd:link
{
  color: #f08100;
}

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

div#jssSubHeader {
  color: #ffffff;
  background-color: #3586ef;
}

.jssHeaderBlock
{
  border: 1px solid #ffffff;
  background-color: #539dfb;
}

.jssHeaderBlockTitle
{
  background-color: #3586ef;
  color: #ffffff;
}

.jssHeaderBlockContent
{
  background-color: #539dfb;
  color: #ffffff;
}

.jssHeaderBlockContent a {
  border: 1px solid #8dbfff;
}

.jssHeaderBlockContent a:link,  .jssHeaderBlockContent a:visited {
  color: #fff;
  background-color: #369;
  border: 1px solid #8dbfff;
}

.jssHeaderBlockContent a:hover {
  color: #fff;
  background-color: #036;
  border: 1px solid #FFFFFF;
}






\



/* Footer Styles ------------------------------------------------------------- */
#jssFooter {
  padding: 20px 0px 10px 0px;
  margin: 0px;
  clear: both;
}

#footerLeft{
  float: left;
  width: 270px;
  text-align: center;
}

#footerRight{
  float: left;
  width: 725px;
  text-align: center;
}

#jssFooter div ul{
  margin: 0;
  padding: 10px 0px 0px 50px;
}

#jssFooter div ul li{
  display: inline;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#jssFooter div ul li a{
  padding: 2px 20px 2px 20px;
  font-size: 13px;
  color: #858585;
  display: block;
  float: left;
}

#jssFooter div ul li a:hover{
  color: black;
}


/* CART ----------------------------------------------------------------------------- */

.right{
  text-align: right;
}










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

.jssFormTable caption {
  border-bottom: 1px dotted #000;
}

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

.jssFormTable input {
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #30799E;
}

.jssFormTable select {
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #30799E;
}

.jssFormTable td.jssFormSubmit input {
  background-color: #8dbfff;
  border: 1px dotted #000;
  color: #fff;
}

.jssFormError {
  color: #5c5c5c;
}

.jssError{
  color: #f00;
}

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

.jssCartTable caption {
  border-bottom: 1px dotted #000;
}

.jssCartTable th {
  border-bottom: 1px dotted #000;
}

.jssCartTable th.right {
  border-bottom: 1px dotted #000;
}

.jssCartTable th.total {
  border-top: 1px dotted #000;
}

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

.jssGeneralTable th {
  border-bottom: 1px dotted #000;
}

.jssGeneralTable a:link, .jssGeneralTable a:visited {
  color: #f08100;
}

.jssGeneralTable a:hover {
  color: #000;
}

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

.jssProductTable th {
  background-color: #aaaaaa;
}

.jssProductTable td {
  background-color: #dddddd;
}


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

#pageslist li {
  border: 1px dotted #000000;
  background-color: #8dbfff;
  color: #000000;
}

#pageslist a {
  background-color: #8dbfff;
}

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

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

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

.jssProductFlag {
  background-color: #f08100;
  color: #ffffff;
  border: 1px dotted #f00;
  border-left: 3px solid #f00;
}

.jssProductSep {
  border-bottom: 1px dotted #bbbbbb; background: #fff;
}

.jssSendFriendDiv a {
  color:#ff8d29;
}

.jssSendFriendDiv a:hover {
  color:#ff8d29;
}

.jssProductSep {
  border-bottom: 1px dotted #bbbbbb; background: #fff; color: #fff;
}



























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




form {
  margin: 0;
  padding: 0;
}

a, a:hover {
  text-decoration: none;
}

h1 {
  font-size: 16px;
  font-weight: bold;
  padding: 2px;
  margin-bottom: 10px;
  margin-top: 10px;
}

input {
  margin-bottom: 1px;
}

select {
  font-weight: normal;
}

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

.clearLeft {
  clear: left;
}

.clearBoth {
  clear: both;
}

.floatRight {
  float: right;
}

.center {
  text-align: center;
}

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

.jssBoldLinks {
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}

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

.jssProductTitle {
  font-size: 12px;
  text-decoration: none;
}

.jssProductTitle:hover {
  text-decoration: none;
}



.jssProductLinks, jssProductLinks:link {
  padding: 1px 1px;
  margin: 2px 2px 0px 0px;
  white-space: nowrap;
  font-weight: bold;
  border: 0px;
  cursor: pointer;
}

.jssProductAdd {
  padding: 1px 1px;
  margin: 2px 2px 0px 0px;
  margin-left: 0px;
  padding-top: 0px;
  font-size: 12px;
  font-weight: bold;
  border: 0px;
  text-align: left;
  cursor: pointer;
}

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

img#jssLogo {
  float: left; border: 0px;
}



div#jssSubHeader {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
}

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

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

div#navcontainer {
  float: right;
  position: relative;
  display: inline;
  top: -5px;
}


.jssHeaderBlock
{
  margin: 5px;
  margin-left: 0px;
  padding: 0px;
  float: right;
  display: inline;
  height: 80%;
  font-size: 12px;
}

.jssHeaderBlockTitle
{
  padding: 1px 5px;
  font-size: 12px;
  font-weight: bold;
}

.jssHeaderBlockContent
{
  padding: 1px 5px;
}

.jssHeaderBlockContent a {
  padding: 1px 8px;
  margin: 2px 2px 0px 3px;
}

.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 {
}



.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 {
  position: absolute;
  right: 5px;
  width: 150px;
  padding-top: 0px;
}



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

.jssForm {
}

.jssFormRow {
  clear: both;
  height: 15px;
  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-weight: normal;
}

.jssFormDiv {
  text-align: center;
}

.jssFormTable {
  padding: 0px;
  border: 0px;
}

.jssFormTable caption {
  margin-left: auto;  margin-right: auto;
}

.jssFormTable th {
  font-weight: bold;
  padding: 2px;
  text-align: left;
  vertical-align: top;
  padding-top: 3px;
}

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

.jssFormTable td.jssFormSubmit {
  text-align: right;
}

.jssFormTable input {
  font-weight: normal;
}

.jssFormTable select {
  font-weight: normal;
}

.jssFormTable td.jssFormSubmit input {
  font-weight: bold;
  cursor: pointer;
  height: 16px;
}

.jssFormError {
  font-weight: bold;
  font-size: 12px;
}

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

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

.jssPCentered {
  text-align: center;
}

.jssCartTable caption {
  margin-left: auto;  margin-right: auto;
}

.jssCartTable th {
  font-weight: bold;
  padding: 2px;
  text-align: left;
  vertical-align: top;
}

.jssCartTable th.right {
  font-weight: bold;
  padding: 2px;
  text-align: right;
  vertical-align: top;
}

.jssCartTable td {
  font-weight: normal;
  padding: 2px;
  text-align: left;
  vertical-align: top;
}

.jssCartTable td.right {
  font-weight: normal;
  padding: 2px;
  text-align: right;
  vertical-align: top;
}

.jssCartTable th.total {
  font-weight: bold;
  padding: 2px;
  text-align: right;
  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;
}

.jssGeneralTable th {
  font-weight: bold;
  padding: 2px;
  text-align: left;
  vertical-align: top;
}

.jssGeneralTable td {
  font-weight: normal;
  padding: 2px;
  text-align: left;
}

.jssGeneralTable td.bold {
  font-weight: bold;
  padding: 2px;
  text-align: left;
}

.jssGeneralTable a {
  padding: 1px 1px;
  margin: 2px 2px 0px 0px;
  white-space: nowrap;
}

.jssGeneralTable a:link, .jssGeneralTable a:visited
{
  text-decoration: none;
  font-weight: bold;
}

.jssGeneralTable a:hover
{
  text-decoration: underline;
  font-weight: bold;
}

/* 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;
}

.jssProductTable th {
  font-weight: bold;
  padding: 2px;
  text-align: left;
  vertical-align: top;
}

.jssProductTable td {
  font-weight: normal;
  padding: 2px;
  text-align: left;
}

/* 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;
}

.jssIndexProductBlock {
  width: 100%; clear: both; text-align: left;
}

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

#pageslist a {
  padding: 0px 3px 0px 3px;
  margin: 0px;
  font-weight: normal;
}

#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;
  white-space: nowrap;
  font-weight: normal;
  text-align: right;
}

.jssSectionThumbnail {
  float: left;
}

.jssSectionDesc {
  margin-left: 105px;
}



.jssLinksDiv {
  padding: 3px; font-weight: bold;
}



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



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