﻿#productImage					{ max-width:500px;float:left;font-size:14px !important; }
#qqs{white-space: nowrap;float:left;width:50%;}

#priceText						{ margin:8px; }
#priceText .containerPrice		{ margin:0 5px 0 5px; }
#priceText .containerPriceL		{ float:left;padding:0 10px 0 10px; }
#priceText .containerPriceR		{ float:right;padding:0 10px 0 10px; }

#helpLinks						{ float:right;width:260px; }
#helpLinks .inlineText			{ line-height:16px;white-space: nowrap; }
#helpLinks .imgValign			{ vertical-align:middle;padding-left:5px; }
#helpLinks .containterL			{ float:left; }
#helpLinks .containterR			{ float:right; }

#socialLinks .containter		{ float:left; }

#itemdescription				{ min-height:150px;max-width:43%;float:right;padding:0 20px 15px 10px; }

#tabs							{ width:auto;border-top:solid 2px #808080;margin-top:20px; }
#tabs img						{ margin:10px 15px 10px 15px; }
#sampleNote						{ margin:5px; }

#colorsDiv						{ width:auto;display:block;}
#colorsDiv .container			{ float:left;width:85px;height:150px;text-align:center;margin:5px; }
#colorsDiv .details				{ clear:both;width:auto;text-align:left;margin: 15px 5px 5px 5px; }
.strongHeader					{ color:#106580;font-size:18px; }
#colorsDiv:after				{ clear:both; }

#qandaDiv						{ width:auto;display:none; }
#qandaDiv .question				{ margin: 10px 0 10px 0;padding-bottom:10px;border-bottom:dashed 1px #808080; }
#qandaDiv .answer				{ padding:0 0 15px 0; border-bottom:solid 1px #808080;margin-bottom:35px;}

#reviewsDiv						{ width:auto;display:none; }
#reviewsDiv .inlineText			{ line-height:16px;white-space: nowrap; }
#reviewsDiv .imgValign			{ vertical-align:middle;padding-left:5px; }
.reviewRating {width:150px;float:left;margin-right:15px;}
.review{min-height:150px;}

#upgradesDiv					{ width:auto;display:table;display:none; }
.upgradesRow					{ width:auto;margin-bottom:20px; }
.upgradesRow .containerImg		{ float:left; width:150px;height:125px;text-align:left; }
.upgradesRow .containerText		{ text-align:left;margin-left:10px;min-height:125px; }
.upgradesRow:after				{ clear:both; }

#specsDiv						{ width:auto;display:table;display:none;  }
#wrapper						{ width:auto; }
#wrapper .containerH			{ width:275px;float:left;text-align:right; }
#wrapper .containerD			{ width:100px;float:left; }
#wrapper:after					{ clear:both; }

#productReviewDiv				{ width:auto;display:table; }
#productReviewDiv .rating		{ float:left;display:table-column;width:25%;min-width:140px; }

#saleBanner                     {  width:100%; border-top: 1px solid #999; padding: 2px 0 2px 0; }
.saleBannerLeft,.saleBannerRight { background-color:#729F06;}
.saleBannerLeft                 { color:#fff; font-size:20px; font-weight:normal; padding:10px; min-height:23px;} 
.saleBannerRight                { color:#fff; font-size:13px; font-weight:normal; padding:10px; min-height:23px; text-align:right;} 
.saleBannerContainer            { float:Left;width:50%;}
 
#sampleSpacer {height:52px;}
#sampleImage {min-height:195px;}


#popUpDiv {
    position: absolute;
    background-color: #eeeeee;
    width: 600px;
    height: 626px;
    z-index: 999992;
}
#popupImage, #popupSwatch {
        display: none;
        position:fixed;
        top: 50%;
        left: 50%;
        background: #fff;
        width: 600px;
        height: 626px;
        margin-left: -300px; /*Half the value of width to center div*/
        margin-top: -313px; /*Half the value of height to center div*/
        z-index: 999992;
        padding:10px;
        }
.popupcontentSwatch {height:600px;}

#popupcloseImage, #popupcloseSwatch {float:right;padding:10px;cursor:pointer;}
#galleryPopupImage, #galleryPopupSwatch{width:100%;height:550px;border:0px}

@media screen and (max-width: 950px) 
{
    #itemdescription{width:66%;max-width:60%;margin-right:10px;}
    #productImage{width:33%;}
    #slider img {width:100%;height:auto;}
}


@media screen and (max-width: 850px) 
{
    #free_upgrades{width:100%;height:auto;}
}

@media screen and (max-width: 640px) 
{
	#productReviewDiv .rating	{ float:none;display:inline;width:100%; }	
	#popupImage, #popupSwatch { width: 320px;height:550px;overflow:hidden; margin-left: -175px; /*Half the value of width to center div*/}
    

}

@media screen and (max-width: 575px) 
{
#image_product,#productImage,#helpLinks { width:100%; height:auto; }
 #itemdescription{width:100%;max-width:95%;padding:0 10px 0 10px;margin:0;}
}

@media screen and (max-width: 500px) 
{
	#productImage,#helpLinks { width:100%; height:auto; }
    #productImage{margin-bottom:20px;margin-left:0;}
    #needHelp{margin-top:25px;}
    #orderFreeSamples{float:none;text-align:center;margin-bottom:10px;}
    #sampleImage{width:45% !important;height:auto !important;text-align:center;}
    #sampleImage img{width:95%;height:auto;}
    .btn-small{font-size:15px;}
    #sampleSpacer {height:40px;}
    .btn-small {width:95%;}
    #galleryEnlarge{display:none;}
}

@media screen and (max-width: 425px) 
{
    #qqs{float:none;width:100%;margin-bottom:8px;}
    .reviewRating {width:100%;float:none;margin-right:0;}
}