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

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	background:url(../../images/back.jpg);
	background-repeat: repeat-x;
	background-color:#401c05;
}

.clear { clear: both; font-size: 0; line-height: 0; }

#ddcheader {
	width: 740px;
	margin: 0 auto;
	background:url(../../images/header.jpg);
	/*background:url(../../images/backCartLast.jpg) right;*/
	height:276px;
	
}

#ddcheader #ddcstorelogo {
	float: left;
}

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

#container {
	width: 740px;
	margin: 0 auto;
	/*border: 1px solid #ccc;*/
	padding: 0px;
	background-image:url(../../images/tableback.jpg);
}

#productlisting {
	float: left;
	width: 525px;
	clip:auto;
	overflow:hidden;
	/*border: 1px solid #000;*/
}

#productdetail {
	float: left;
	width: 525px;
	clip:auto;
	overflow:hidden;
	/*padding: 10px 10px 20px 10px;
	border: 1px solid #000;*/
}

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

#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: 145px;
	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: left;
	width: 740px;
	text-align: center;
}

.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: 145px;
	text-align: center;
	margin: 5px;
	float: left;
}

.productblock img {
	margin: 0 auto;
}

.productblock .pbtitle {
	font-weight: bold;
	margin: 5px 3px 5px 3px;
	font-size: 11px;
	width: 120px;
}

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

.productblock .pbimage {
	width: 145px;
	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;
	width: 115px;
	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 {
	/*background-color: #FFF9DF;*/
	color:#FFFFFF;
}

#intcategories {
	margin: 5px;
	background-color: #fff9df;

}

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

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

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

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

#ddctoplinks {
	/*padding-top: 5px;*/
}

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

#ddctoplinks a:hover {
	color: #a77552;
	text-decoration: underline;
}
.ddctitle { width:525px;float:left; }
.ddctitle h2 {
	margin: 0;
	width: 300px;
	/*float: left;*/
}

.ddctitle h3 {
	margin: 5px;
	width: 300px;
	/*float: right;*/
	text-align: right;
}

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

#checkout_product_table .toprow td {
	background-color: #FFFFCC;
	font-weight: bold;
	font-size: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#checkout_product_table .regrow1 td {
	background-color: #fff;
	font-size: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#checkout_product_table .regrow2 td {
	background-color: #F4F4F4;
	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 {
	background-color: #FDFFCE;
	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 {
	background-color: #FFFFCC;
	font-weight: bold;
	font-size: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.shippingquotetable .regrow1 td {
	background-color: #fff;
	font-size: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.shippingquotetable .regrow2 td {
	background-color: #F4F4F4;
	font-size: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.paymentoption {
	background-color: #FFFFCC;
	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;
	font-size:14px;
}

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

#acctinfoediting {
	margin-top: 10px;	
}

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

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

#addressediting {
	margin-top: 10px;	
}

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

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

.paymentoption {
	padding: 5px;
	background-color: #fff5c1;	
}

#orderstable {
	font-size: 12px;	
}

#orderstable .toprow {
	background-color: #fff1a5;
	font-weight: bold;
}

#orderstable .regrow1 {
	background-color: #fff;	
}

#orderstable .regrow2 {
	background-color: #f0f0f0;	
}

.success {
	margin-top: 10px;
	background-color: #e3ffcf;
	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: 18px;
	float: left;
	width: 95%;
	padding: 10px;
	background-color: #d4e7ff;
}

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

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

#ordertracking #viewstatus {
	float: left;
	width: 95%;
	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: 18px;
	float: left;
	width: 95%;
	padding: 10px;
	background-color: #d4e7ff;
}

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

#loginfields #password {
	font-size: 18px;
	float: left;
	width: 95%;
	padding: 10px;
	background-color: #deedff;
}

#loginfields #loginbutton {
	float: left;
	width: 95%;
	padding: 10px;
	background-color: #e7f2ff;
	text-align: center;
	padding-top: 22px;
	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: #000;
	text-decoration: none;
	cursor: pointer;
}

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

#ddctoplinksdark {
	/*margin-top:140px;*/
bottom:0px;
top:170px;
right:20px;
position:relative;
color:#000000;
}

#ddctoplinksdark a {
	color: #3e2217;
	text-decoration: none;
}

#ddctoplinksdark a:hover {
	color: #feaf0a;
	text-decoration: underline;
}
#searchFrom form{
	padding:0px;
	margin:0px;	
}

#menulisting {
	float: left;
	width: 180px;
	text-align:left;
	margin:0 auto;
	clip:auto;
	overflow:hidden;
	/*margin-left:12px;
	border: 1px solid #000;*/
}

#shoppingcartDiv1 {
	float: left;
	width: 180px;
	margin-left:20px;
	text-align: center;
	padding-top:5px;
	clip:auto;
	overflow:hidden;
}
#shoppingcartDiv2 {
	float: left;
	width: 250px;
	text-align: center;
	padding:5px;
	clip:auto;
	overflow:hidden;
}

#contentDiv {
	float:left;
	width:525px;
	clip:auto;
	overflow:hidden;
	text-align:justify;
	padding-left:18px;
}
#commonRightDiv {
	float:left;
	width:525px;
	clip:auto;
	overflow:hidden;
}
