@charset "utf-8";

/* CSS Document */



body {

	font-family: Arial, Helvetica, sans-serif;

	margin: 0;

}



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



#ddcheader {

	width: 900px;

	margin: 0 auto;

}



#ddcheader #ddcstorelogo {

	float: left;

}



#ddcheaderlinks {

	width: 355px;

	float: right;

	text-align: right;

	margin-top: 10px;

	font-size: 12px;

}



#container {

	width: 890px;

	margin: 0 auto;

	border: 1px solid #ccc;

	padding: 15px;

}



#productlisting {

	float: left;

	width: 655px;

	border: 1px solid #000;

}



#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;

}



.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;

}



.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: 220px;

	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, catTitle {

	font-weight: bold;

	margin: 5px 0 5px 0;

	font-size: 11px;

	width: 145px;

}



.productblock .pbprice {

	font-weight: bold;

	font-size: 14px;

	margin: 5px 0 5px 0;

	width: 145px;

}



.price {

	font-size: 14px;

	margin: 5px 0 5px 0;

}



.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;

}



#intcategories {

	margin: 5px;

	background-color: #fff9df;



}



#intcategories #categoryname {

	font-size: 18px;

	font-weight: bold;

	float: left;

	width: 100%;

	padding: 5px;

}



#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: #666666;

}



#ddcart_credit a {

	color: #666666;

	text-decoration: none;

}



#ddctoplinks {

	padding-top: 5px;

}



#ddctoplinks a {

	color: #0033FF;

	text-decoration: none;

}



#ddctoplinks a:hover {

	color: #D50000;

	text-decoration: underline;

}



.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;

}



#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;

	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: 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: 30%;

	padding: 10px;

	background-color: #d4e7ff;

}



#loginfields #email input, #loginfields #password input, #loginfields #loginbutton input {

	font-size: 20px;

}



#loginfields #password {

	font-size: 20px;

	float: left;

	width: 30%;

	padding: 10px;

	background-color: #deedff;

}



#loginfields #loginbutton {

	float: left;

	width: 30%;

	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;	

}



.mandatory {

	color:#FF0033;

}



.label2 {

	float: left;

	width: 154px;

	font-size: 14px;

	padding: 2px 20px 8px 8px;

	text-align: right;

	font-weight:bold;

}



#signoutlink a {

	color: #0033FF;

	text-decoration: none;

}



#signoutlink a:hover {

	color: #D50000;

	text-decoration: underline;

}



.header {

	padding-left: 10px;

	text-align:left;

	font-size:20px;

}



.form {

	background-color:#d4e7ff;

	border: 1px solid black;

}



.catMainDiv { 

	width: 145px;

	text-align: center;

	margin: 5px;

	float: left;

}



.viewProducts {

	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;

}



.catTitle {

	font-weight: bold;

	margin: 5px 0 5px 0;

	font-size: 12px;

	width: 145px;

}



.mainGalleryLink {

	font-weight: bold;

	text-decoration: none;

	font-size: 12px;

	width: 100%;

	align: right;

}



#orders {

	border-bottom: 1px solid #ccc;

	border-left: 1px solid #ccc;

	width: 100%;

}



#orders .toprow td {

	border-top: 1px solid #ccc;

	border-right: 1px solid #ccc;

	font-weight: bold;

	background-color: #d4e7ff;

}



#orders .regrow1 td {

	border-top: 1px solid #ccc;

	border-right: 1px solid #ccc;

	height: 50px;

}



#orders .regrow2 td {

	border-top: 1px solid #ccc;

	border-right: 1px solid #ccc;

	background-color: #F8F8F8;

	height: 50px;

}