/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 4387 2006-09-04 13:54:28Z drbyte $
 */

body {margin: 0; font-family: open sans, verdana, arial, helvetica, sans-serif; font-size: 80%; /*	font-size: 16px; */	color: #000000; background: #E2CAE0 url(../images/bg.gif) repeat-x fixed;}
.info {color:#006666; margin-left: 25px; margin-right: 25px; border:#006666 thin solid;}
a {font-weight:bold;}
#speech a, #bestsellersContent a, #shopcol3 a, .login a {font-weight:normal;} 
a img {border: none;}
a:link, #navEZPagesTOC ul li a {color: #894E50; text-decoration: none;}
a:visited {color: #894E50; text-decoration: none;}
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {color: #894E50;}
a:active {color: #894E50;}
h1, h2, h3, h4, h5, h6 {font-family: verdana, arial, helvetica, sans-serif;}
h1 {font-size: 18px; color: #969766;}
h2 {font-size: 16px;}
.greeting {font-size: 1em;}
h3 {font-size: 14px;}
h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger {font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 1em;}
.biggerText {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {margin: 0.3em 0; color: #969766;}
h4.optionName {margin: 0;}
/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {position: relative;}
*html .centerColumn {height: 1%;} */
ol, ul {line-height: 1.5em;}
CODE {font-family: arial, verdana, helvetica, sans-serif;font-size: 11px;}
FORM, SELECT, INPUT {display: inline; font-size: 12px; margin: 0.1em;}
TEXTAREA {float: left; margin: auto; display: block; width: 95%;}
input:focus, select:focus, textarea:focus {background: #E4FEF5;}
FIELDSET {padding: 0.5em; margin: 0.5em 0em; border: 1px solid #cccccc;}
LEGEND {font-weight: bold; padding: 0.3em; color:#894E50;}
LABEL, h4.optionName {line-height: 1.5em; padding: 0.2em;}
.payment label.radioButtonLabel {margin: 1em 0.5em; vertical-align: middle;}
.payment input {margin-top: 0.2em; vertical-align: top;}
.payment input#pmt-paypalwpp {margin-top: 1em;}
LABEL.checkboxLabel, LABEL.radioButtonLabel {margin: 0.5em 0.3em;}
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}
LABEL.inputLabel {width: 9em;float: left;}
LABEL.inputLabelPayment {width: 14em; float: left; padding-left: 2.5em;}
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {width: 11em; float: left;}
#checkoutPayment LABEL.radioButtonLabel {font-weight: bold;}
P, ADDRESS {padding: 0.5em;}
ADDRESS {font-style: normal;}
.clearBoth {clear: both;}
HR {height: 1px; margin-top: 0.5em; border: none; border-bottom: 1px solid #9a9a9a;}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {line-height: 1.8em; padding: 0.2em; border: 1px solid #9a9a9a;}
.messageStackWarning, .messageStackError {background-color: #ff0000; color: #ffffff;}
.messageStackSuccess {background-color: #99FF99; color: #000000;}
.messageStackCaution {background-color: #FFFF66; color: #000000;}

/*wrappers - page or section containers*/
/*#mainWrapper {background-color: #ffffff; text-align: left; width: 940px !important; vertical-align: top; border: 0px solid #9a9a9a;}*/
#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {margin: 0em; padding: 0em;}
#logoWrapper{background-image: url(../images/planetjune_logo.png); background-repeat: no-repeat; background-color: #C9CBB3; height:171px; border-bottom: 10px solid #C9CBB3;}
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {margin: auto;}
/*#navColumnOneWrapper, #navColumnTwoWrapper {margin-left: 0.5em; margin-right: 0.5em;}*/
#tagline {color:#000000; /*	font-size: 2em;*/ font-size: 24px; text-align : center; vertical-align: middle;}
#sendSpendWrapper {border: 1px solid #cacaca; float: right; margin: 0em 0em 1em 1em;}
.floatingBox, /*#accountLinksWrapper, #sendSpendWrapper,*/ #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {margin: 0; width: 47%;}
#accountLinksWrapper {margin: 0; width: 58%;}
#sendSpendWrapper {margin: 0; width: 38%;}

.wrapperAttribsOptions {margin: 0.3em 0em;}

/*navigation*/
.navSplitPagesResult {}
.navSplitPagesLinks {padding-bottom: 1em;}
.navNextPrevCounter {margin: 0em; font-size: 11px;}
.navNextPrevList {display: inline; white-space: nowrap; margin: 0; padding: 0.5em 0em; list-style-type: none;}
/*#navMainWrapper {margin: 0.5em 0em; padding: 5px; font-weight:bold;}*/
#navSuppWrapper {margin: 0em; padding: 1.5em 0 0 0; font-weight:bold;}
#navCatTabsWrapper {margin: 0em; background-color: #C9CBB3; padding: 0.5em 0.2em; font-weight: bold;}
#navCatTabsWrapper {background-color: #ffffff; color: #9a9a9a; background-image:none;}
#navMain ul, #navSupp ul, #navCatTabs ul {margin: 0; padding: 10px 25px 0 0; list-style-type: none; font-size:12px;}
#navSupp ul {padding-bottom: 10px; padding-left: 10px;}
#navMain ul li, #navSupp ul li, #navCatTabs ul li {display: inline;}
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {text-decoration: none; padding: 5px; margin: 0; color: #ffffff; white-space: nowrap;}
#navCatTabs ul li a {color: #9a9a9a;}
#navEZPagesTOCWrapper {font-weight: bold; float: right; height: 1%; border: 1px solid #9a9a9a;}
#navEZPagesTOC ul {margin: 0; padding: 0.5em 0em; list-style-type: none; line-height: 1.5em;}
#navEZPagesTOC ul li {white-space: nowrap;}
#navEZPagesTOC ul li a {padding: 0em 0.5em; margin: 0;}
#navMainSearch {margin: 0;}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin: 0.5em;}
#navBreadCrumb {padding: 0.5em 0.5em; margin: 1px; background-color: #ffffff; font-size: 11px; font-weight: bold; margin: 0em;}
#navEZPagesTop {font-size: 11px; font-weight: bold; margin: 0em; padding: 0.5em;}
#navColumnOne, #navColumnTwo {background-color: transparent;}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {vertical-align: top;}
/*.content,*/ #productDescription, .shippingEstimatorWrapper {/*font-size: 1.2em;*/ padding: 0.5em;}
.alert {color: #FF0000; margin-left: 0.5em;}
.advisory {}
.important {font-weight: bold;}
.notice {}
.rating{}
.gvBal {float: right;}
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {padding: 0.8em;}
/*#siteinfoLegal {clear:both; font-size: 10px; margin: 0; padding: 10px 0 20px 0; background-color: #E2CAE0; text-align:left;}*/
.smallText, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {font-size: 11px;}

/*Shopping Cart Display*/
#cartAdd {text-align: center; margin: 0 !important; border: none; padding: 0 0 2.5em 0;}
.tableHeading TH {border-bottom: 1px solid #9a9a9a;}
.tableHeading, #cartSubTotal {background-color: #C9CBB3;}
#cartSubTotal {border-top: 1px solid #cccccc; font-weight: bold; text-align: right; line-height: 2.2em; padding-right: 2.5em;}
.tableRow, .tableHeading, #cartSubTotal {height: 2.2em;}
.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {padding: 0.5em 0em;}
.cartUnitDisplay, .cartTotalDisplay {text-align: right; padding-right: 0.2em;}
#scUpdateQuantity {width: 0;}
.cartQuantity {width: 4.7em;}
.cartNewItem {color: #621217; position: relative; /*do not remove-fixes stupid IEbug*/}
.cartOldItem {color: #8a4f51; position: relative; /*do not remove-fixes stupid IEbug*/}
.cartBoxTotal {text-align: right; font-weight: bold;}
.cartRemoveItemDisplay {width: 3.5em;}
.cartAttribsList {margin-left: 1em; font-size: 11px; color: #555555;}
#mediaManager {width: 50%; margin: 0.2em; padding: 0.5em; background-color: #E4FEf5; border: 1px solid #003D00;}
.normalprice, .productSpecialPriceSale {text-decoration: line-through;}
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {color: #ff0000;}
.orderHistList {margin: 1em; padding: 0.2em 0em; list-style-type: none;} 
#cartBoxListWrapper ul, #ezPageBoxList ul {list-style-type: none;}
#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {margin: 0; padding: 0.2em 0em;} 
#cartBoxEmpty, #cartBoxVoucherBalance {font-weight: bold;}
.totalBox, .amount {width: 5.5em;text-align: right;padding: 0.2em;}
.lineTitle {text-align: right; padding: 0.2em;}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {margin: 0em 1em 1em 0em ;}
.categoryIcon {}
.cartImage, .listingProductImage, .cartProdTitle {margin-right: 0.5em;}

/*Attributes*/
.attribImg {width: 20%; margin: 0.3em 0em;}
.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {margin: 1em 0em;}
.centerBoxWrapper {border: 1px solid #9a9a9a; height: 1%; margin: 1.1em 0;}
h2.centerBoxHeading {font-size: 16px; color: #ffffff;}

/*sideboxes*/
.columnLeft {}
h3.leftBoxHeading, h3.leftBoxHeading a, h3.rightBoxHeading, h3.rightBoxHeading a {font-size: 12px; color: #621217;}
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {font-size: 12px; color: #ffffff;}
.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {margin: 0em; background-color: #C9CBB3; padding: 0.5em 0.2em;}
.leftBoxContainer_, .rightBoxContainer_ {margin: 0em; border: 1px solid #9a9a9a; border-bottom: 5px solid #336633; margin-top: 1.5em;}
.sideBoxContent {background-color: #ffffff;font-size:11px;padding: 0.4em;}
#categoriesContent {background: #e8e7d0;}
#categoriesContent a {font-weight: normal !important; color: #894E50 !important; font-size: 13px; }
#categoriesContent ul.list-links {margin-left:0px;}
#categoriesContent ul.list-links li {list-style-type: none; margin: 0; border-bottom: 1px solid #D3D9E3;}
#categoriesContent ul.list-links li a {margin: 0; padding: 3px 5px 4px 7px; display: block;}
h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {color: #FFFF33;text-decoration: none;} 
.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {color: #FFFFFF;}
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {text-align: center;}
.listCell0-1 {width:152px !important;}
#bestsellers .wrapper {margin: 0em 0em 0em 1.5em;}
#bestsellers ol {padding: 0; margin-left: 1.1em;}
#bestsellers li {padding: 0; margin: 0.3em 0em 0.3em 0em;}
#bannerboxHeading {background-color: #C9CBB3;}
#upProductsHeading {text-align: left;}
#upDateHeading {text-align: right;}

/* categories box parent and child categories */
A.category-top, A.category-top:visited {color: #686848; text-decoration: none;}
A.category-links, A.category-links:visited {color: #686848; text-decoration: none;}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {color: #686848; text-decoration: none;}
SPAN.category-subs-parent {font-weight: bold;}
SPAN.category-subs-selected {font-weight: bold;}
/* end categories box links */

/*misc*/
.back {float: left;}
.forward {float: right;}
.bold {font-weight: bold;}
.rowOdd {background-color: #E8E8E8; height: 1.5em; vertical-align: top;}
.rowEven {background-color: #F0F0F0; height: 1.5em; vertical-align: top;}
.hiddenField {display: none;}
.visibleField {display: inline;}
CAPTION {/*display: none;*/}
#myAccountGen li, #myAccountNotify li {margin: 0;} 
.accountTotalDisplay, .accountTaxDisplay {width: 20%; text-align: right; /*vertical-align: top*/}
.accountQuantityDisplay {width: 10%; vertical-align: top;}
TR.tableHeading {background-color: #969766; height: 2em;}
.productListing-rowheading {background-color: #C9CBB3; height: 3em; color: #FFFFFF;}
.productListing-data img {border:#b18a8b thin dashed;}

/* override max-width for old tables e.g. product listing, checkout */ 	
td img {max-width:none !important;}
/* end - remove this once all tables have been upgraded! */

/*checkout shipping address*/
.shipaddress {color:blue; font-weight:bold;}



#cat6Table img {border:none;}
.listingBuyNowButton {border:none !important;}
.productListing-odd, .productListing-even {height:150px;}
#siteMapList {width: 90%; float: right;}
.ratingRow {margin: 1em 0em 1.5em 0em;}
LABEL#textAreaReviews {font-weight: normal; margin: 1em 0em;}
#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {background-color: #ffffff;}

/* ADDED FOR 1.5 */
.information {padding: 10px 3px; line-height: 150%;}
#shoppingcartBody #shippingEstimatorContent {clear: both;}
.seDisplayedAddressLabel {background-color:#e2cae0; text-align: center;}
.seDisplayedAddressInfo {text-transform: uppercase; text-align: center; font-weight: bold;}
#seShipTo {padding: 0.2em;}

/* added padding to prevent CSS buttons from touching product image */
.navNextPrevWrapper {padding-bottom: 5px;}
.paypal-button-hidden {visibility: hidden;}

/* markup for tables used to present tabular data */
.alignLeft {text-align: left}
.alignCenter {text-align: center}
.alignRight {text-align: right}
.tabTable {width:100%;border:none;padding:0;margin:0; border-spacing:0;border-collapse:collapse;}
table{border:none;padding:0;margin:0; border-spacing:0;border-collapse:collapse;}
#cartContentsDisplay {width: 100%;}
#myAccountOrdersStatus, #orderHistoryHeading, #prevOrders {width: 100%;}
.accountOrderId {width:30px;}
.accountOrderDate, .accountOrderStatus, .accountOrderTotal {width:70px;}
#seQuoteResults {width: 100%;}
#seQuoteResults td {border: 1px solid black;}
.listBoxContentTable {width:100%;}
.listBoxContentTable td {border: 1px solid black;}
#upcomingProductsTable {width: 100%;}
#quantityDiscountsDetails td {border: 1px solid black;}
.products-listing .productsAllListing, .productsNewListing, .productsFeaturedListing {width: 100%;}
.tableBorder1 td {border: 1px solid black;}
/* END ADDED FOR 1.5 */

#socmedia_button {float:left; padding-right:20px; padding-bottom: 0.8em !important;}
.login {float:right; font-style:normal !important; max-width: 40%; text-align:right; margin-top:10px; padding: 0 0 10px 20px; 	background: #efe2ee !important; border:2px solid #c9cbb3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.chooseOption {float:left; width:200px; height:100px; margin:10px; padding:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; background-color:#e8e7d0; border: 1px solid #638263;}
.commBox {width:300px; height:100px; margin:0 auto; padding:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background-color:#e8e7d0; border: 1px solid #638263;}
.chooseOption h2, .commBox h2 {text-align:center;}
.chooseOption .details, .commBox .details {text-align:center; padding:5px 0 0;}
.chooseOption ul, .commBox ul {margin: 10px 10px 10px 20px; font-size: 0.85em; font-weight:normal !important;}
.chooseOption2 {float:left; width:200px; margin:10px; padding:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; background-color:#ffffff; border: 1px solid #638263; font-size: 0.85em; font-weight:normal !important;}
.chooseOption2 a {font-weight:normal !important;}

/* Layout */
/* column container */
/* Cols (l pad, content, r pad), px: Left: 25, 130, 20. Middle: 15, 500, 15. Right: 30, 180, 25. */
/* Cols SHOP: Left: 25, 130, 20. Middle: 15, 500, 15. Right: 30, 180, 25. */
#shopcolmask {position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ background:#fff; /* Right column background colour */}

/* Average Product Rating */
.reviewCount img {
vertical-align: middle;
}

@media all and (min-width: 960px) {
#shopcolmid {float:left; width:200%; margin-left:-182px; /* Width of right column */ position:relative; right:100%; background:#fff; /* Centre column background colour */}
#shopcolright {float:left; width:100%; margin-left:-50%; position:relative; left:372px; /* Left column width + right column width */ background:#fff; /* Left column background colour */}
#shopcol1wrap {float:left; width:50%; position:relative; right:190px; /* Width of left column */ padding-bottom:1em; /* Centre column bottom padding */}
#shopcol1 {margin:0 194px 0 196px; /* Centre column side padding: Left padding = left column width + centre column left padding width; Right padding = right column width + centre column right padding width */ position:relative; left:200%; overflow:hidden;}
#shopcol2 {float:left; float:right; /* This overrides the float:left above */ width:170px; /* Width of left column content (left column width minus left and right padding) */ position:relative; right:15px; /* Width of the left-hand side padding on the left column */}
#shopcol3 {float:left; float:right; /* This overrides the float:left above */ width:170px; /* Width of right column content (right column width minus left and right padding) */ margin-right:41px; /* Width of right column right-hand padding + left column left and right padding. JG: I had to add 15px to get this number to work properly. */ position:relative; left:50%;}}

@media only screen and (max-width: 959px) {
#testimonial {display:none;}}

@media only screen and (min-width: 813px) and (max-width: 959px) {
#shopcolmid {float:left; width:100%; background:#fff;}
#shopcolright {float:left; width:200%; position:relative; left:190px; background:#fff;}
#shopcol1wrap {float:right; width:50%; position:relative; right:190px; padding-bottom:1em;}
#shopcol1 {margin:0 20px 0 190px; position:relative; right:100%; overflow:hidden; width:568px;}
#shopsidebars {width:170px;}
#shopcol2 {float:left; width:170px; position:relative; right:187px;}
#shopcol3 {float:left; width:170px; position:relative; right:187px;}}

@media only screen and (min-width: 415px) and (max-width: 812px) {
#shopcolright {float:left; width:100%; background:#fff;}
#shopcol1wrap {float:right; width:100%; padding-bottom:1em;}
#shopcol1 {display:block; margin:0 auto; overflow:hidden; max-width:568px; padding: 0 15px;}
#shopsidebars {clear:both; display:block; margin: 0 auto; max-width: 568px}
#shopcol2 {float:left; margin:0 auto; padding: 0 0 15px 7.5%;}
#shopcol3 {float:right; margin:0 auto; padding: 0 7.5% 15px 0;}}

@media only screen and (max-width: 414px) {
#shopcolright {float:left; width:100%; background:#fff;}
#shopcol1wrap {float:right; width:100%; padding-bottom:1em;}
#shopcol1 {display:block; margin:0 auto; overflow:hidden; padding: 0 15px;}
#shopsidebars {clear:both; width: 100%;}
#shopcol2 {clear:both; display:block; margin:0 auto; width:170px; padding: 0 15px;}
#shopcol3 {clear:both; display:block; margin:0 auto; width:170px; padding: 0 15px 15px 15px;}}

/* Fix table pages (product listings, shopping cart, checkout etc) on tiny screens */
@media only screen and (max-width: 499px) {
.discountodd, .discounteven , #checkoutBillto, #checkoutShipto, #checkoutShippingFormsplit, #checkoutPaymentFormsplit, #sendSpendWrapper, .floatingBox {clear:both; float:none !important; width:100% !important;}}

@media only screen and (max-width: 300px) {
.cartImage, /*.listingProductImage*/ {display:none;}
th#scUnitHeading, td.cartUnitDisplay {display:none;}}

@media only screen and (max-width: 400px) {
/*.productListing-data img {max-width:100px !important;}
.listingProductImage {width:100px !important; }*/}

@media only screen and (max-width: 350px) {
#shoppingCartDefault table#cartContentsDisplay {position:relative; margin-left: -20px;}
#productListing table {position:relative; margin-left: -10px;}}

@media only screen and (min-width: 835px) {
.topmenumobile {display:none !important;}}

.tabTable {width:100%;}
.tabTable .productListing-odd, .tabTable .productListing-even {display:block; clear:both; padding:5px 0;}
.PL_image {float:left; padding:5px;}
.PL_title {padding:5px;}
.PL_price {padding:5px;}

@media only screen and (max-width:450px) {
.PL_image {float:none;text-align:center;}
.tabTable .productListing-odd, .tabTable .productListing-even {height:auto;}
.PL_title, .PL_price {width:250px; margin:auto; text-align:center;}}


.flex-container {
    display: flex;
    flex-wrap: nowrap; /* This ensures that the divs are side by side */
	width: 90%; /* Adjust this width as needed */
}
.main-image {
    flex-shrink: 0; /* Prevents the main-image div from shrinking */
}
.info-block {
    flex: 1; /* Allows the info-block div to grow and shrink as needed */
}
/* Media query for viewport width of 550px or less */
@media (max-width: 550px) {
    .flex-container {
        flex-wrap: wrap; /* This will make the divs stack vertically */
		margin: 0 auto; /* Centers the container horizontally */
		width: 90%; /* Adjust this width as needed */
    }
    .main-image, .info-block {
        flex-basis: 100%; /* This makes each div take the full width of the container */
		flex-grow: 0;     /* Prevents divs from growing beyond their content */
    }
	.productMainImage {
		width: 500px;
		margin: 0 auto;
	}
}