/* CSS Document */

input {
    background-color: #FFF;
    border: thin #999 solid;
    color: #3f3f40;
    font-size: 24px;
    padding: 10px;
    margin-top: -5px;
}

.basket{position:relative;}
.product{position:relative; height:215px;}
.product img{max-height:200px; position:absolute; border:#CCC thin solid;}
.imagedictitle{position:absolute; top: 89px; left: 350px;}
.imagedic{position:absolute; top: 90px; left: 450px; font-size:10px; width:550px; overflow:hidden; height:40px;}
.producttitle{position:absolute; top: 14px; left: 350px;}
.productname{position:absolute; top: 14px; left: 450px; width:400px;}
.widthtitle{position:absolute; top: 50px; left: 350px;}
.width{position:absolute; top: 50px; left: 450px; width:400px;}
.heighttitle{position:absolute; top: 50px; left: 600px;}
.height{position:absolute; top: 50px; left: 700px;}
.extratitle{position:absolute; top: 120px; left: 350px;}
.extra{position:absolute; top: 120px; left: 450px;}
.costtitle{position:absolute; top: 170px; right: 150px;}
.cost{position:absolute; top: 166px; right: 0px; font-size:24px; font-weight:bolder;}
.totalcost{width:100%; text-align:right; font-size:36px; font-weight:bolder;}
#editbutton{position:absolute; top: 166px; left: 350px; width:100px;}
#delbutton{position:absolute; top: 166px; left: 475px; width:100px;}
.paynow{position:relative; width:100%; height:60px;clear:both;}
#paynow{position:absolute; right:0px; top: 20px; background-color:#7aac29; color:#FFF;}
.addAnother{float:right; padding-top:10px;}

@media screen and (max-width: 1200px) {
	.imagedic{width:350px;}
}


@media screen and (max-width: 850px) {
	.product img{left:20px;}
	.product{height:390px;}
	.imagedictitle{top: 215px; left: 0px;}
	.imagedic{top: 214px; left: 100px; font-size:10px; width:300px;}
	.producttitle{top: 260px; left: 0px;}
	.productname{ top: 260px; left: 100px; width:400px;}
	.widthtitle{top: 290px; left: 0px;}
	.width{top: 290px; left: 100px; width:400px;}
	.heighttitle{top: 290px; left: 250px;}
	.height{top: 290px; left: 350px;}
	.extratitle{top: 320px; left: 0px;}
	.extra{top: 320px; left: 100px;}
	.costtitle{top: 360px; left: 0px;}
	.cost{top: 356px; left: 100px; font-size:24px; font-weight:bolder;}
	#editbutton{top: 30px; left: 350px;}
	#delbutton{top: 100px; left: 350px;}
	.totalcost{width:100%; text-align:center;}
	.paynow{width:100%; height:80px;}
	#paynow{left:120px;}
	
}