@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	color:#ffffff
}

a  {
color: #FFFFFF;
text-decoration: none;

}

a:hover  {
color: #40a430;
text-decoration: none;

}

h4 {
color: #ffffff;
}
.clear { clear: both; font-size: 0; line-height: 0; }

#ddcheader {
	width: 600px;
	margin: 0 auto;
}

#ddcheader #ddcstorelogo {
	float: left;
}

#ddcheaderlinks {
	width: 300px;
	float: right;
	text-align: right;
	margin-top: 10px;
	font-size: 12px;
}

#left {
	float: left;
	width: 380px;
}

#right {
	background-color: white;
	float: right;
	width: 220px;
}

#container {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 15px;
		float: center;
}

#productlisting {
	float: left;
	border: 1px solid #000;
	width: 360px;
}

#productlisting2 {
	float: left;
	border: 1px solid #ffffff;
	width: 360px;
}

#productdetail {
	float: left;
	width: 635px;
	padding: 10px 10px 20px 10px;
	border: 1px solid #000;
}

#productdetail #d_maininfo {
	float: left;
	width: 450px;	
}

#productdetail #d_title {
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
}

#productdetail #d_price {
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}

#productdetail #d_images {
	float: left;
	width: 150px;
	padding: 10px;
	border: 1px solid #ccc;
	margin-top: 10px;
	text-align: center;
	font-size: 11px;
}

#productimages #d_images .enlarge {
	font-size: 11px;
	color: #666;
	margin-bottom: 5px;
}

#productdetail #d_images .mainimage {
	margin: 0 auto;
	text-align: center;
}

#productdetail #d_images .mainimage a:hover img, #productdetail #d_images .secondaryimage a:hover img {
	border: 3px solid #b6e1ff;
}

#productdetail #d_images .mainimage a img, #productdetail #d_images .secondaryimage a img {
	border: 3px solid #fff;
}

#productdetail #d_images .secondaryimage a img {
	width: 25px;
	margin: 5px;	
}

#productdetail .d_description {
	font-size: 12px;
}

#productdetail .d_addtocart {
	background-color: #ebf7ff;
	border: 3px solid #c3e6ff;
	padding: 3px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100px;
	text-align: center;
	margin-top: 5px;
}

#productdetail .d_addtocart:hover {
	background-color: #fff;
}

.backtoindex {
	display: block;
	background-color: #eef8ff;
	padding: 3px;
	text-decoration: none;
	color: #000;	
}

.backtoindex:hover {
	background-color: #f7fbfd;
}

#shoppingcart {
	float: right;
	width: 270px;
	text-align: center;
	color:#000000;
}

#cat_info{
	float: right;
	width: 380px;
	text-align:left;
}


.block { 
   top: 5px;
   left: 5px;
   border: 2px solid #0090DF;
   background-color: #68BFEF;
   width: 75px; 
   height: 75px;
   margin: 10px;
   z-index: 100;
}

#list { 
  overflow: auto;
  text-align: left;
  height: 150px;
}

.drop li {
	margin-left: 15px;
}
.droppable-active {
	opacity: 1.0;
}
.droppable-hover {
	opacity: 1.0;
}

/* Grey Rounded Corners */

.greyrounded{display:block}
.greyrounded *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e8e8e8}
.greyrounded1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;
  background:#ededed}
.greyrounded2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#ececec}
.greyrounded3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;}
.greyrounded4{
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5}
.greyrounded5{
  border-left:1px solid #ededed;
  border-right:1px solid #ededed}
.greyroundedfg{
  background:#e8e8e8}
  

.productblock {

	width: 360px;
	text-align:right;
	margin:0px;

}

.productblock img {
	margin: 0 auto;
}

.productblock .pbtitle {
	font-weight: bold;
	margin: 5px 0 5px 0;
	font-size: 15px;
	color: #FFFFFF;

}

.mytext {
	font-weight: normal;
	font-size: 15px;
	color: #FFFFFF;
	border: 2px solid #c3e6ff;
	padding: 9px;

}

.productblock .pbprice {
	font-weight: bold;
	font-size: 14px;
	margin: 5px 0 5px 0;

}

.productblock .pbimage {
	width: 185px;
	height: 100px;
	text-align: center;
}

.productblock .pbinfo { 
	margin-top: 5px;	
}

.productblock .pbinfo .detailslink {
	font-size: 11px;
	color: #000;
	text-decoration: none;
	background-image: url(../../assets/images/button_viewdetails.gif);
	display: block;
	height: 17px;
	text-align: center;
	margin: 0 auto;
	padding-top: 3px;
}




#parentlist #list li {
	list-style: none;
	font-size: 11px;
}

#addhowto {
	padding: 10px;
	font-style: italic;
}

#list #toplistrow {
	border: 1px solid #ccc;
	background-color: #ccc;
	font-size: 11px;
	margin: 0 3px 0 3px;
}

#list #toplistrow #cell0 {
	float: left;
	padding: 2px;
	width: 42px;
}

#list #toplistrow #cell1 {
	float: left;
	padding: 2px;
	width: 78px;
	border-right: 1px solid #ccc;
}

#list #toplistrow #cell2 {
	float: left;
	padding: 2px;
	width: 20px;
	border-right: 1px solid #ccc;
}

#list #toplistrow #cell3 {
	float: left;
	padding: 2px;
	width: 30px;
}

#list .reglistrow {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	margin: 0 3px 0 3px;
	background-image: url(../../assets/images/basketlistbg.gif);
}

#list .reglistrow #cell0 {
	float: left;
	padding: 2px;
	width: 40px;
}

#list .reglistrow #cell1 {
	float: left;
	padding: 2px;
	width: 80px;
	border-right: 1px solid #ccc;
}

#list .reglistrow #cell2 {
	float: left;
	padding: 2px;
	width: 20px;
	border-right: 1px solid #ccc;
}

#list .reglistrow #cell3 {
	float: left;
	padding: 2px;
	width: 30px;
}

.highlight {
	font-size: 18px;
	font-weight: bold;
	background-color: #000000;
	color: #FFFFFF;
}

#intcategories {
	margin: 5px;

}

#intcategories #categoryname {
	font-size: 28px;
	font-weight: bold;
	float: left;
	width: 40%;
	padding: 5px;
	color: #FFFFFF;
}

#intcategories #subcats {
	float: right;
	width: 40%;
	padding: 5px;
	text-align: right;
}

#ddcart_credit {
	width: 910px;
	margin: 0 auto;
	text-align: right;
	padding: 5px;
	font-size: 12px;
	color: #ffffff;
}

#ddcart_credit a {
	color: #40a430;
	text-decoration: none;
}

#ddctoplinks {
	padding-top: 5px;
}

#ddctoplinks a {
	color: #FFFFFF;
	text-decoration: none;
}

#ddctoplinks a:hover {
	color: #40a430;
	text-decoration: underline;
}

.ddctitle h2 {
	margin: 0;
	width: 300px;
	float: left;
	color:#FFFFFF
}

.ddctitle h3 {
	margin: 5px;
	width: 300px;
	float: right;
	text-align: right;
	color:#FFFFFF
}

#checkout_product_table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#checkout_product_table .toprow td {

	font-weight: bold;
	font-size: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#checkout_product_table .regrow1 td {

	font-size: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#checkout_product_table .regrow2 td {

	font-size: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#shippingquotes_loading {
	padding: 50px;
	text-align: center;
	margin: 0 auto;
}

#shippingquotes_loading div {
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
}

#summarytotal {
	font-size: 22px;
	font-weight: bold;
	text-align: right;
	margin-top: 5px;
}

#summarytotal span {
	font-weight: normal;
}

/* Shipping Styles */

.shippingcompany {

	padding: 5px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-top: 5px;
}

.shippingcompany .label {
	float: left;
	width: 75%;
	font-size: 18px;
	font-weight: bold;
}

.shippingcompany .logo {
	float: right;
	width: 20%;
	text-align: right;
}

.shippingquotetable {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 5px;
}

.shippingquotetable .toprow td {

	font-weight: bold;
	font-size: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.shippingquotetable .regrow1 td {

	font-size: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.shippingquotetable .regrow2 td {

	font-size: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.paymentoption {

	padding: 10px;
	margin-top: 1px;
}

.paymentoption .radio {
	width: 30px;
	float: left;
}

.paymentoption .label {
	width: 500px;
	float: left;
	font-weight: bold;
}

.paymentoption .details {
	width: 600px;
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}

#createaccount {
	font-size: 12px;
}

#createaccount .label {
	float: left;
	width: 160px;
	text-align: right;
	padding: 6px;
}

#createaccount .field {
	float: left;
	width: 275px;
	padding: 2px;
}

#acctinfoediting {
	margin-top: 10px;	
}

#acctinfoediting .label {
	float: left;
	width: 175px;
	text-align: right;
	padding: 6px;
}

#acctinfoediting .field {
	float: left;
	width: 200px;
	padding: 2px;
}

#addressediting {
	margin-top: 10px;	
}

#addressediting .label {
	float: left;
	width: 160px;
	text-align: right;
	padding: 6px;
}

#addressediting .field {
	float: left;
	width: 220px;
	padding: 2px;
}

.paymentoption {
	padding: 5px;

}

#orderstable {
	font-size: 12px;	
}

#orderstable .toprow {

	font-weight: bold;
}

#orderstable .regrow1 {

}

#orderstable .regrow2 {

}

.success {
	margin-top: 10px;

	padding: 5px;
	border: 1px solid #46a500;
	font-weight: bold;	
}

.fail {
	margin-top: 10px;
	background-color: #ffefef;
	padding: 5px;
	border: 1px solid #ce0000;
	font-weight: bold;	
}

#ordertracking #ordernum {
	font-size: 20px;
	float: left;
	width: 30%;
	padding: 10px;
	background-color: #d4e7ff;
}

#ordertracking #ordernum input, #ordertracking #email input, #ordertracking #viewstatus input {
	font-size: 20px;
}

#ordertracking #email {
	font-size: 20px;
	float: left;
	width: 30%;
	padding: 10px;
	background-color: #deedff;
}

#ordertracking #viewstatus {
	float: left;
	width: 30%;
	padding: 10px;
	background-color: #e7f2ff;
	text-align: center;
	padding-top: 22px;
	padding-bottom: 22px;
}

#orderstatus {
	margin-top: 15px;	
}

#orderstatus #ordernumber {
	font-size: 18px;
	margin-bottom: 10px;
}

#loginfields #email {
	font-size: 20px;
	float: left;
	width: 40%;
	padding: 10px;
}

#loginfields #email input, #loginfields #password input, #loginfields #loginbutton input {
	font-size: 20px;
}

#loginfields #password {
	font-size: 20px;
	float: left;
	width: 40%;
	padding: 10px;
}

#loginfields #loginbutton {
	float: left;
	width: 10%;
	padding: 10px;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 22px;
}

#pagenums {
	background-color: #fff9df;
	padding: 3px;
}

#pagenums a {
	color: #000;
	font-weight: bold;
	padding: 3px;
	text-decoration: none;
	font-size: 12px;
}

#pagenums a:hover {
	background-color: #efd565;
}

#pagenums #firstpage {
	float: left;
	width: 100px;
	text-align: center;	
	padding-top: 3px;
}

#pagenums #lastpage {
	float: left;
	width: 100px;
	text-align: center;	
	padding-top: 3px;
}

#pagenums #nextlast {
	float: left;
	width: 100px;
	text-align: center;	
	padding-top: 3px;
}

#pagenums #pages {
	float: left;
	width: 240px;	
	text-align: center;
}

.activepage {
	font-weight: bold;
	background-color: #efd565;
	padding: 3px;
	display: inline;
}

.summarylink {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}

.summarylink:hover {
	text-decoration: underline;	
}