/* style for spill ninja created Mar 11, 2015 */

/* Background pattern from subtlepatterns.com */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a img {border: none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* place all fonts here */
@font-face {
    font-family: 'forqueregular';
    src: url('Forque-webfont.eot');
    src: url('Forque-webfont.eot?#iefix') format('embedded-opentype'),
         url('Forque-webfont.woff') format('woff'),
         url('Forque-webfont.ttf') format('truetype'),
         url('Forque-webfont.svg#forqueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {font-family: Georgia, Times, Times New Roman, serif; font-size: 12pt;}
h1, h2, h3, h4, h5, h6 {font-family: 'forqueregular'; margin: 10px 0; letter-spacing: 1px; line-height: .7;}
h1 {font-size: 40pt;}
h2 {font-size: 34pt;}
h3 {font-size: 28pt;}
h4 {font-size: 24pt;}
h5 {font-size: 20pt;}
h6 {font-size: 18pt;}

ul {margin: 10px 0 10px 25px; line-height: 1.8; list-style-image: url("img/ul.png"); }
ol {margin: 10px 0 10px 30px; line-height: 1.8;}
p {margin: 10px 0; line-height: 1.3; }
em{font-style: italic;}
strong{font-weight: bold;}

a{color: #559536;}
a:hover{color: #495c8f; text-decoration: none;}

input{font-family: Georgia, Times, Times New Roman, serif; font-size: 10pt;}

/* generic elements */



body {background: url("img/bg.jpg") 0 45px;}





/* specific elements */
#overwrap {background: url("img/overwrap-bg.jpg") repeat-x 0 45px;}
#menu{height: 45px; background: url("img/headerbg.jpg") repeat-x 0 0;}
#mainmenu {width: 1022px; margin: 0 auto; list-style: none; line-height: 1; padding: 0 0 0 5px;}
#mainmenu li {display: block; float: left; margin: 0; text-align: center; background: url("img/separation.png") no-repeat right 5px; padding-right: 6px; height: 43px;}
#mainmenu li a {color: #fff; display:block; padding: 16px 30px 9px; text-decoration: none; font-size: 13pt; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
#mainmenu li a:hover {background-color: #6cbe45;}

#mainmenu .last {background: none; padding-right: 0;}
#header {background: url("img/header-img.jpg") no-repeat top left;}

#logo {}
#logo .logoback {
		background-color: #fff; 
		border-right: 1px solid #000; 
		border-bottom: 1px solid #000;
		display: block; 
		width: 292px;
		-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
		-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
		box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
		float: left;
		}
#logo .logoback img {margin: 10px;}
#logo .searchback {
		float: right; 
		display: block; 
		width: 62px;
		height: 125px;
		-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
		-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
		box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
		background-color: #fff; 
		border-left: 1px solid #000; 
		border-bottom: 1px solid #000;}
#logo .searchback a{
		display: block;
		width: 62px;
		height: 62px;
		text-indent: 5000px;
		overflow: hidden;
		font-size: 0;
	}

#logo .searchback .search {
		background: url("img/search.jpg") no-repeat 9px 13px; position: relative; z-index: 1000; background-color: #fff;}
#logo .searchback .search:hover{
		background: url("img/searchhover.jpg") #3e424d no-repeat 9px 13px;}	
#logo .searchback .cart {
		border-top: 1px solid #ccc;
		background: url("img/cart.jpg") no-repeat 9px 13px;}
#logo .searchback .cart:hover{
		background: url("img/carthover.jpg") #3e424d no-repeat 9px 13px;}
#featurebox .feature {
		width: 298px; 
		height: 298px; 
		border: 1px solid #6cbe45; 
		float: left; 
		margin: 200px 30px 40px 0; 
		display: block;
		-webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
		box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
		color: #000;
		font-size: 10pt;
		text-decoration: none;
		position: relative;}
		
#featurebox .last {margin-right: 0px;}

#featurebox #shirt {background: url("img/shirt.jpg") no-repeat 0 0;}
#featurebox #bulk {background: url("img/bulk.jpg") no-repeat 0 0;}
#featurebox #order {background: url("img/order.jpg") no-repeat 0 0;}
#featurebox { margin-left: 20px;}

#featurebox .feature span {color: #6cbe45;}
#featurebox .feature .img {
		position: absolute; 
		bottom: 20px; 
		right: 0;
		background: url("img/learnmore.png") no-repeat 0 0; 
		display: block; 
		width: 153px; 
		height: 29px; 
		text-indent: 5000px;
		overflow: hidden;
		font-size: 0;}
#featurebox .feature:hover .img	{ background: url("img/learnmorehover2.png");}
#featurebox .feature:hover{ border-color: #434f63;}
#featurebox .feature:hover h1 span {color: #434f63;}
#featurebox .feature h1, #featurebox .feature p {margin: 0 0 0 20px;}
#featurebox .feature h1 {margin-top: 20px; line-height: .85; font-size: 43pt;}

#featurebox #shirt h1 {margin-top: 175px;}
#featurebox #order h1 {margin-top: 50px;}

#boxes {margin-bottom: 40px; padding: 1px 0;}
#boxes .quarterbox {width: 225px; margin-left: 20px; float: left; text-align: center;}
#boxes .quarterbox .cart {background: url("img/cart.png") no-repeat 0 0; text-indent: 5000px; overflow: hidden; font-size: 0; display: block; width: 153px; height: 29px; margin: 15px 36px 20px;}
#boxes .quarterbox .cart:hover {background: url("img/carthover.png") no-repeat 0 0;}
#boxes .quarterbox p{ font-size: 16pt;}
#boxes .quarterbox h6 {border-bottom: 1px solid black; line-height: .7}
#boxes .quarterbox .price {font-size: 10pt;}

.halfbox {width: 468px; height: 198px; border: 1px solid #ccc; background: url("img/linkbg.jpg"); float: left; margin: 0 0 40px 20px;}

.halfbox ul {width: 205px; margin: 11px 0 0; padding: 0px 14px; float: left; list-style: none;}
.halfbox li {display: block;}
.halfbox a {display: block; background-color: #e5e5e5; text-decoration: none; text-align: center; margin-bottom: 9px; line-height: 1; padding: 6px 0;}
.halfbox a:hover{background-color: #6cbd45; color: #fff;}
.halfbox .bot {margin-bottom: 0;}

.halfbox .leftbar {border-right: 1px solid #000;}

.halfbox form {width: 252px; height: 180px; float: left; margin: 15px;}
.halfbox img {margin-top: 15px;}
.halfbox h3 span {color: #6cbe45;}
.halfbox p {font-size: 10pt;}
input {
		width: 201px; 
		padding: 7px;
		-webkit-box-shadow:inset 2px 2px 8px #ddd;
        -moz-box-shadow:inset 2px 2px 8px #ddd;
        box-shadow:inset 2px 2px 8px #ddd;
        background: white;
        border: 1px solid #999;}
.halfbox .send {border: 0; background: url("img/signup.png"); width: 153px; height: 29px; cursor: pointer; margin: 15px 0 0 32px; -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow :none;} 
.halfbox .send:hover{background: url("img/signuphover.png"); background-color: transparent;}

#footerwrap, #wrapper {width: 1022px; margin: 0 auto; display: table;}
#wrapleft {width: 11px; background: url("img/leftedge.png") repeat-y 0 0; display: table-cell;}
#wrapcont {width: 1000px; background-color: #fff; display: table-cell;}
#wrapright {width: 11px; background: url("img/rightedge.png") repeat-y 0 0; display: table-cell;}

#footerwrap {margin-bottom: 100px;}
#footerleft {width: 5px; background: url("img/leftedge.png") repeat-y top left; display: table-cell;}
#footer {width: 1010px; background-color: #363942; display: table-cell; border-top: 5px solid #6cbe45; border-bottom: 5px solid #6cbe45;}
#footerright {width: 4px; background: url("img/rightedge.png") repeat-y top right; display: table-cell;}

#footer-content{ border-top: 1px solid #000; border-bottom: 1px solid #000; color: #fff;}
#footer-content ul{list-style: none; float: right; margin: 15px 0 0;}
#footer-content h4{margin: 0; padding: 0; line-height: 1;}
#footer-content a{ color: #fff;}
#footer-content .policy { width: 150px;}
#footer-content .address { width: 725px;}

#searchbox {width: 280px; position: absolute; top: 44px; left: 50%; margin-left: 156px; background: url("img/linkbg.jpg"); border: 1px solid #000; display: none; z-index: 1001;}
#searchbox form {width: 230px; margin: 33px 0 33px 33px;}
#searchbox input{margin: 0;}
#searchbox .send {
		border: 0; 
		background: url("img/searchbutton.png") no-repeat; 
		width: 116px; 
		height: 28px; 
		cursor: pointer;  
		-webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow :none;
        padding: 0;
        margin-left: 101px;} 
#searchbox .send:hover{background: url("img/searchbuttonhover.png") no-repeat; }
#searchbg{ background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 999; display: none;}

/* page 2 style */


#breadcrumb{padding: 7px; color: #fff; background-color: #6cbe45; border-top: 1px solid #000;}
#breadcrumb a {text-decoration: none; color: #fff; padding: 0 15px;}
#breadcrumb a:hover {text-decoration: underline;}

#wrapcontpage2 {width: 800px; background-color: #fff; display: table-cell;}
#wrapsidebar {width: 199px; border-left: 1px solid #000; background: url("img/linkbg.jpg"); display: table-cell; position: relative; }

#sidewrap {position: absolute; top: 0;}

.page2 {min-height: 880px;}

#wrapcontpage2 #boxes {margin-bottom: 20px;}
#wrapcontpage2 #boxes .quarterbox {width: 175px;}
#wrapcontpage2 #boxes .quarterbox img {width: 175px;}
#wrapcontpage2 #boxes .quarterbox .cart {margin: 15px 11px 20px;}
#wrapcontpage2 #boxes .quarterbox p{ font-size: 12pt;}
#wrapcontpage2 #boxes .quarterbox .price {font-size: 10pt;}
#wrapcontpage2 #logo .searchback {display: none;}
#wrapcontpage2 #logo .logoback {border: none; -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow :none;}

#wrapcontpage2 #header {background: none;}

.sidebox {width: 180px; border: 1px solid #6cbe45; margin: 9px; background-color: #fff;}
.sidebox a {display: block; background-color: #3e424d; color: #fff; text-decoration: none; text-align: center; margin-bottom: 9px; line-height: 1; padding: 6px 0; font-size: 10pt;}
.sidebox a:hover{background-color: #6cbe45; }



.sidebox ul {margin: 9px 0 0; padding: 0px 10px; list-style: none;}
.sidebox li {display: block;}


.sidebox .feature {
		width: 180px; 
		height: 297px;  
		display: block;
		color: #000;
		font-size: 10pt;
		text-decoration: none;
		position: relative;
		margin: 0;
		padding: 1px 0 0;}
		
.sidebox .last {margin-right: 0px;}

.sidebox #shirt {background: url("img/shirt.jpg") no-repeat top right;}

.sidebox .feature span {color: #6cbe45;}
.sidebox .feature .img {
		position: absolute; 
		bottom: 20px; 
		right: 0;
		background: url("img/learnmore.png") no-repeat 0 0; 
		display: block; 
		width: 153px; 
		height: 29px; 
		text-indent: 5000px;
		overflow: hidden;
		font-size: 0;}
.sidebox .feature:hover .img	{ background: url("img/learnmorehover2.png");}
.sidebox .feature:hover{ border-color: #434f63;}
.sidebox .feature:hover h1 span {color: #434f63;}
.sidebox .feature h1 {margin-top: 20px; line-height: .85; font-size: 28pt;}

.sidebox #shirt h1 {margin-top: 175px;}


.sidebox form { margin: 15px;}
.sidebox h6 span {color: #6cbe45;}
.sidebox p {font-size: 10pt;}
.ie .sidebox p {font-size: 9pt;}
.sidebox input {
		width: 135px;}
.sidebox .send {border: 0; background: url("img/signup.png"); width: 153px; height: 29px; cursor: pointer; margin: 12px 0 0 0px; -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow :none;} 
.sidebox .send:hover{background: url("img/signuphover.png"); background-color: transparent;}

#searchsitesidebar {width: 180px; margin: 9px 0 9px 9px;}
#searchsitesidebar input{margin: 0; width: 166px;}
#searchsitesidebar .send {
		border: 0; 
		background: url("img/searchbutton.png") no-repeat; 
		width: 116px; 
		height: 28px; 
		cursor: pointer;  
		-webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow :none;
        padding: 0;
        margin-left: 66px;} 
#searchsitesidebar .send:hover{background: url("img/searchbuttonhover.png") no-repeat; }

#viewcartsidebar{
		background: url("img/viewcart-side.png") no-repeat 0 0;
		display: block;
		width: 180px;
		height: 32px;
		padding: 0;
		font-size: 0;
		text-indent: 5000px;
		overflow: hidden;
		margin: 12px 0 12px 9px;
		}
#viewcartsidebar:hover {background: url("img/viewcart-side-hover.png") no-repeat 0 0;}




/* product details */

#product {padding: 20px 20px 0;}

#product-img{width: 360px; padding-right: 20px; margin-right: 20px; border-right: 1px solid #000; float: left;}
#product-img ul {margin: 20px 0 0; list-style-type: none;}
#product-img li {border: 1px solid #999; float: left; display: block; margin-right: 7px; width: 64px; height: 64px;}
#product-img li.last {margin-right: 0;}
#product-img li img {width: 100%;}

#product-data {width: 359px; float: left; font-size: 10pt; background: url("img/product-point.png") no-repeat right 200px;}

#product-data ul {margin: 30px 20px 35px;}

#product-data table {background: url("img/group-price.png") no-repeat 0 0; width: 252px; height: 75px; padding: 0 6px 6px 0; text-align: center; }

#product-data td {padding-top: 5px; font-size: 10pt;}
.ie8 #product-data td {padding-top: 5px; }
#product-data .head td {padding-top: 10px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); font-size: 12pt; height: 30px;}
.ie #product-data .head td{}

#product-data form {margin-top: 20px;}
#product-data input {width: 93px; height: 13px; }
#product-data .send {
		background: url("img/cart.png") no-repeat 0 0; 
		text-indent: 5000px; 
		overflow: hidden;
		font-size: 0; 
		display: inline-block; 
		width: 153px; 
		height: 29px; 
		border: none;
		-webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow :none;
        vertical-align: bottom;
        margin-left: 33px;}
#product-data .send:hover {background: url("img/carthover.png") no-repeat 0 0;}

#details {margin-top: 20px;}

#details p {font-size: 10pt; text-align: justify; line-height: 1.5;}
#details ul {margin: 0; list-style-type: none; border-bottom: 1px solid #000;}
#details li {list-style: none; display: block; float: left; padding: 20px 10px 0;}
#details li h5 {line-height: .8; margin: 0; padding: 0;}
#rev{color: #999;}

#boxes h5 {margin: 40px 20px 10px 20px; border-bottom: 1px solid #000; line-height: .8; padding-left: 10px;}


#revbox {display: none;}
#revbox h6 {margin-top: 20px;}




/* responsive design */
@media screen and (max-width: 1022px) { 

#mainmenu {width: 748px;}
#mainmenu li a {padding: 16px 16px 9px; font-size: 11pt;}

#header {background: url("img/header-img.jpg") no-repeat  right -100px ;}
#featurebox {margin-left: 20px;}

#featurebox .feature {
		margin: 100px 30px 40px 0; 
		width: 214px; 
		height: 298px; 
		font-size: 9pt;}

#featurebox .feature h1 {font-size: 29pt;}
#featurebox .feature p{padding-right: 10px;}
#featurebox #shirt {background: url("img/shirt.jpg") no-repeat top right;}
#featurebox #bulk {background: url("img/bulk.jpg") no-repeat 0 0;}
#featurebox #order {background: url("img/order.jpg") no-repeat 0 0;}

#featurebox .last {margin-right: 0px;}

#boxes {margin-bottom: 40px;}
#boxes .quarterbox {width: 172px; margin-left: 12px;}
#boxes .quarterbox .cart {margin: 15px 9px 20px;}
#boxes .quarterbox img {width: 172px;}
#boxes .quarterbox p{ font-size: 12pt;}
#boxes .quarterbox h6 {font-size: 13pt;}
#boxes .quarterbox .price {font-size: 10pt;}


.halfbox {width: 344px; height: 198px; margin: 0 0 40px 20px;}
.halfbox ul {width: 157px; margin: 11px 0 0; padding: 0px 7px;}
.halfbox a { margin-bottom: 9px; padding: 7px 0 8px; font-size: 10pt;}

.halfbox form {width: 172px; height: 180px; float: left; margin: 18px 15px 15px;}
.halfbox input {width: 160px;}
.halfbox img {margin-top: 25px; width: 130px;}
.halfbox h3 {font-size: 21pt;}
.halfbox p {font-size: 8pt;}
.ie8 .halfbox p {font-size: 7pt;}
.halfbox .send {margin-left: 12px;}
#footerwrap, #wrapper {width: 768px;}
#wrapleft {width: 10px; background: url("img/leftedge.png") repeat-y top right; }
#wrapcont {width: 748px;}
#wrapright {width: 10px; background: url("img/rightedge.png") repeat-y top left;}

#footerwrap {margin-bottom: 100px;}
#footerleft {width: 5px;}
#footer {width: 768px; }
#footerright {width: 4px;}

#footer-content .address { width: 470px;}

#searchbox {margin-left: 30px;}

/* Page 2 Content */
#wrapcontpage2 {width: 548px;}
#wrapsidebar {width: 199px;}

#breadcrumb a {padding: 0 17px; font-size: 10pt;}

#wrapcontpage2 #boxes {margin-bottom: 20px;}
#wrapcontpage2 #boxes .quarterbox {width: 165px;}
#wrapcontpage2 #boxes .quarterbox img {width: 165px;}
#wrapcontpage2 #boxes .quarterbox .cart {margin: 15px 6px 20px;}
#wrapcontpage2 #boxes .last {display: none;}


/* product details */

#product-img{width: 100%; padding-right: 0; margin-right: 0; margin-bottom: 20px; border-right: none; float: left;}

#product-img img {float: left;}
#product-img ul {margin: 0; list-style-type: none; width: 142px; float: right; margin-left: 4px;}
#product-img li {margin: 0 0 5px 5px;}

#product-data {width: 100%; background: url("img/product-point.png") no-repeat right 200px;}

#product-data table {background: url("img/group-price.png") no-repeat 0 0; width: 252px; height: 75px; padding: 0 6px 6px 0; text-align: center; }

#product-data td {padding-top: 5px; font-size: 10pt;}
#product-data .head td {padding-top: 10px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); font-size: 12pt;}

#product-data form {width: 358px; margin-left: 83px;}

.ie8 #product-data form .send {margin-left: 30px;}

#boxes h5 {margin: 40px 20px 10px 20px; border-bottom: 1px solid #000; line-height: .8; padding-left: 10px;}



}

@media screen and (max-width: 768px) { 




#menu, #featurebox, #boxes {display: none;}

/*#overwrap {width: 320px;}
*/
#header {background: none; padding: 1px 0;}


#logo .logoback {		
		border-right: none;
		border-bottom: none;
		width: 156px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		}
#logo .logoback img {margin: 10px; width: 136px; max-width: }
#logo .searchback {
		width: 120px;
		height: 44px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-left: none;
		border-bottom: none;}
#logo .searchback a{
		display: block;
		float: left;
		width: 48px;
		height: 48px;
		text-indent: 5000px;
		overflow: hidden;
		font-size: 0;
		margin: 13px 10px 0 0px; 
		padding: 0;
	}
#logo .searchback .search {
		background-position: 2px 6px;}
#logo .searchback .cart {
		border-top: none;
		background-position: 2px 6px;}
#logo .searchback .search:hover{
		background-position: 2px 6px;}	
#logo .searchback .cart:hover{
		background-position: 2px 6px;}


#footerwrap, #wrapper {width: 100%;}
#wrapleft {display: none; }
#wrapcont {width: 100%;}
#wrapright {display: none;}

.halfbox {width: 100%; height: auto; margin: 0 0 3px 0px; border: none; background: none;}
.halfbox ul {width: 100%; margin: 0; padding: 0;}
.halfbox .leftbar {border: none; margin-bottom: 5px;}
.halfbox a { margin-bottom: 5px; padding: 11px 0 10px; font-size: 12pt;}

.halfbox form {display: none;}
.halfbox img {display: none;}


#footerwrap {margin-bottom: 0;}
#footerleft {display: none;}
#footer {width: 100%; }
#footerright {display: none;}

#footer-content {height: 87px;}
#footer-content img {width: 100px; float: left;}
#footer-content .address { width: 220px; font-size: 8pt; margin-top: 10px; float: left;}
.ie8 #footer-content .address { font-size: 7pt; }
#footer-content .policy {display: none;}
#searchbox {margin-left: -141px; top: 61px;}

/* Page 2 Content */
#wrapcontpage2 {width: 100%; display: block; padding-bottom: 1px;}
#wrapsidebar {display: block; width: 100%; position: static; float: none; border: none; padding: 0; margin: 0;}
#sidewrap {position: static; border: none; padding: 0; margin: 0;}

#product-img ul {display: none;}
#breadcrumb {display: none;}
#wrapcontpage2 #boxes {display: none;}

#wrapcontpage2 #logo .searchback {display: block;}

#wrapsidebar .sidebox, #viewcartsidebar, #searchsitesidebar{ display: none; padding: 0; margin: 0; border: none; }
#wrapsidebar #phonesize { display: block; width: 100%; padding: 1px 0;}
#wrapsidebar #phonesize  ul{padding: 0; margin: 0;}
#wrapsidebar #phonesize a { margin-bottom: 5px; padding: 11px 0 10px; font-size: 12pt; background-color: #e5e5e5; color: #559536;}
#wrapsidebar #phonesize a:hover{background-color: #6cbd45; color: #fff;}

/* product details */
#product {padding-top: 0}

#product-img {width: 100%; text-align: center;}

#product-img img {float: none; width: 100%; max-width: 362px;}

#product-data {width: 100%; background: none;}

#product-data h2, #product-data h6 {text-align: center;}
#product-data table { margin: 0 auto;}


#product-data ul {margin: 20px 30px 25px;}

#product-data form {width: 100%; margin-left: 0; text-align: center;}
#product-data form .send {margin: 20px auto 0; display: block;}

}