﻿
@charset "utf-8";

a.ddLink{
	color: darkorange; /*#e63855; /*#84bbf3;*/
	text-decoration: none !important;
	font-size: 1.15em;
}
a.ddlink:hover{
	color: black; /*#629dd9;*/
}

/* The product page
-------------------------------------*/
div.dd_more_prods{
	margin-left:1%;
	margin-right:1%;
}
div.ddproducts{
/*	width:23%;
	float:left;*/
}
div.ddproducts_proddetail{
	width:23%;
	float:left;
}
div.ddproduct{
	padding:5px;
	width:98%;
	float:left;
	/*height:450px;*/
	margin:5px;
	border:1px solid #ccc;
	background-color:#FfffFF;
	margin-bottom:5%;
}

div.ddallproddiscounts{
	color:#DA6A1E;
	width:768px;
	margin-bottom:2px;
	float:left;
}

.ddproddiscounts, .dddiscountsapply{
	color:#DA6A1E;
	padding:4px;
}

div.ddprodmanufacturer{
	color:#666;
	padding:6px;
}

div.ddprodsku{
	color:#666;
	padding:6px;
}

div.ddprodimage{
	padding-top: 6px;
	padding-bottom:15px;
	text-align:center;
	max-width: 95%;
}

img.ddprodimage{
	border: 1px solid #ccc;
}

img.dd_prodimage{
	max-width:95%;
	max-height:275px;
	height:auto;
}

div.ddprodname{
	padding:1px;
	font-size: 0.75em;
	text-align:center;
}

div.ddprodrating{
	padding-left:4px;
}

div.ddprodinstock{
	padding:4px;
	color:#666;
}

div.ddproddescription{
	padding:6px;
	float:left;
  	font-size: 0.9em;
}


div.ddlistprice{
	padding: 2px;
	text-align:center;
	width:256px;
	float:left;
  	font-size: 0.9em;
}

div.ddsavings{
	padding: 2px;
	text-align:center;
	width:256px;
	float:left;
  	font-size: 0.9em;
}

div.ddprodprice{
	padding: 4px;
	font-size: 1.3em;
	font-weight:bold;
	text-align:center;
	float:left;
	width:236px;
	color:#DA6A1E;
}

div.ddprodcurrency{
	padding: 2px;
	text-align:center;
	float:left;
	width:240px;
	font-size: 0.7em;
	color:#666;
}

.ddprodid {
	background: #D7D1C9;
	color:#333;
	padding:6px;
	text-align:center;
	font-size: 1.1em;
}

.ddBut {
	text-align:center;
}
div.ddSearchText h2 a{
	text-decoration:none;
	font-size: 0.70em;
	text-transform:uppercase;
}
div.ddSearchText{
	text-align: center;
}

div.ddSearchText h2{
	display:initial;
	line-height: initial;
}




/* This is the first breakpoint and is for screen sizes between 772 and 980 pixels.
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
-------------------------------------*/
@media screen and (max-width: 980px) {


/* The products page
-------------------------------------*/

}

/* This is the second breakpoint and is for screen sizes between 468 and 758 pixels.
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width:758px) {

/*the product page*/

div.ddproducts{
	width:100%;
}

div.ddproduct{
	/*width:320px;*/
	height:auto;
	margin-left:14px;
}

div.ddlistprice{
	width:428px;
}

div.ddsavings{
	width:428px;
}

div.ddprodprice{
	width:428px;
}

div.ddprodcurrency{
	width:428px;
}

div.ddaddtocart{
	width:428px;
}

}


/* This is the third breakpoint and is for smartphones.
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width:400px) {

/*the product page*/

div.ddproduct{
	/*width:290px;*/
	height:auto;
	margin-left:4px;
}

div.ddlistprice{
	width:236px;
}

div.ddsavings{
	width:236px;
}

div.ddprodprice{
	width:292px;
}

div.ddprodcurrency{
	width:292px;
}

div.ddaddtocart{
	width:292px;
}


}

/* This button was generated using CSSButtonGenerator.com */
.ddButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #629dd9), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #629dd9 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#629dd9', endColorstr='#80b5ea');
	background-color:#629dd9;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:29px;
	line-height:29px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
}
.ddButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #629dd9) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #629dd9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#629dd9');
	background-color:#80b5ea;
}.ddButton:active {
	position:relative;
	top:1px;
}

a.ddButton {
	color:#ffffff;
	text-decoration:none;
}

