/* CSS Document */

html {background: url(../../assets/images/main_bg.png);}

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	font-family: century gothic, arial;
	}

div {border: 0px solid #000;}
div#preload { display: none; }
img {border: none;}
a {color:#000; font-weight: bold; text-decoration: none;}
	
a:hover {color:#E0282D; text-decoration:underline;}

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	color: #787878;
	font-family: arial;
	text-transform:uppercase;
	border-bottom: 1px solid #dadada;
	}

p {
	margin:.4em 0 .8em 0;
	padding:0;
	}
img {
	margin:10px 0 5px;
	}
	

/* Header styles */

#headerWrapper {
	margin: 0 auto;
	margin-top: 10px;
	width: 830px;
	}

#header {
	background: url(../images/header.gif) no-repeat;
	height: 60px;
	}

#mainWrapper {
	margin: 0 auto;
	width: 830px;
	min-height: 550px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(../../assets/images/bg.png) repeat-y top center;
	border: 1px solid #eaeaea;
	}

#leftColumn {
	float: left;
	width: 300px;
	border: 1px solid #eaeaea;
	min-height: 516px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0 10px 10px 10px;
	}

#galleryleftcolumn {
	float: left;
	width: 180px;
	border: 1px solid #eaeaea;
	min-height: 516px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0 10px 0 10px;
	}


#mainColumn {
	float: right;
	width: 470px;
	padding: 0 10px;
	margin-left: auto;
	margin-right: auto;
	}

#mainColumnIndex {
	width: 788px;
	border: 1px solid #eaeaea;

	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 0 10px 10px 10px;
	}

#galleryMainColumn {
	float: right;
	width: 590px;
	padding: 0 20px 0 0;
	margin-left: auto;
	margin-right: auto;
	}

#mainContentWrapper {
	margin: 0 auto;
	width: 800px;
	min-height: 600px;
	}

#topMenu {
	margin: 0 auto;
	width: 100%;
	margin-top: -10px;	
	float: right;
	text-align: right;
	background: transparent;
	}

#mainContentBottom {
	margin: 0 auto;
	background: url(../../assets/images/footer.png) no-repeat;
	width: 830px;
	height: 60px;
	}	

#footer {
	margin: 0 auto;
	width:830px;
	font-size: 11px; 
	color: #787878;
	text-align: right;
	}

#footerLinks {
	float: right;
	padding: 5px;
	color: #000;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 10px;
	}
#footerLinks a {color: #000; text-decoration: none;}
#footerLinks a:hover {color: #000; text-decoration: underline;}

#copyright {
	margin: 0 auto;
	text-align: left;
	float: left;
	padding: 3px;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	margin-left: 20px;
}



/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
	}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}

/* common column settings */
.colright, .colmid, .colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}

	
/* 2 column left menu settings */

	.leftmenu {
	    background:transparent;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
	position:relative;
	left:212px;
        background:#fff;

    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 20px 0 -215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	    border: 1px solid #000;
	}
    .leftmenu .col2 {
        float:left;
        width:210px;
        position:relative;
        right:211px;
    }

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

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

#ddcheader #ddcstorelogo {
	float: left;
}

#ddcheaderlinks {
	width: 300px;
	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;
}

#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 {
	width: 170px;
	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 0 5px 0;
	font-size: 11px;
	width: 145px;
}

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

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

}

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

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


#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;	
}
.form{font-size:0.9em;margin-right: auto; margin-left: auto;}
.thumbnails{background-color:#FFF;border:#fff 1px solid;}
.error{background-color:#999;width:100%;font-size:1.0em;font-weight:bold;padding:30px 0 30px 20px;}
.link{margin-left:11px;text-decoration:none;color:#666;font-size:0.8em;}

#livethumbnail {width: 0;}

#menu ul {float:right;list-style-type:none;margin:0px;padding:0px;width:471px;background:#fff;}
#menu ul li {float:right;background:url('../images/start.gif') no-repeat;margin-right:0px;}
#menu ul li a {float:right;background:url('../images/end.gif') no-repeat;background-position: 100% 0%;padding-left:10px;padding-right:10px;font:12px Arial;text-decoration:none;font-weight:bold;color:#737272;line-height:30px;}
#menu ul li a:hover {text-decoration:none; color: #000;}

a img {
	border:none;
}
.jcarousel-container {
	position: absolute;
	clear:both;
	width:440px;
	margin:5px auto 0 auto;
	padding:0 40px;
	top: 430px;
	left: 38px;
}
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
 
  width:90px;
}/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
	position:absolute;
	top:10px;
	right:5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background:  transparent url(../images/slideshow/jcarousel_next.png) no-repeat 0 0;
}
.jcarousel-next-horizontal:hover {
	background-position: -32px 0;
}
.jcarousel-next-horizontal:active {
	background-position: -64px 0;
}
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}
.jcarousel-prev-horizontal {
	position:absolute;
	top:10px;
	left:5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(../images/slideshow/jcarousel_prev.png) no-repeat 0 0;
}
.jcarousel-prev-horizontal:hover {
	background-position: -32px 0;
}
.jcarousel-prev-horizontal:active {
	background-position: -64px 0;
}
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}
#feature_gallery {
	height:520px;
	width:590px;
	margin-top: 10px;
	display:block;
	background-color: #f5f5f5;
	padding: 3px;
	border: 1px solid #eaeaea;

}

#feature_gallery h3{
	width:500px;
	margin:3px auto;
	text-align: center;
	}
ul#feature_gallery_pager {
	display:block;
	margin:auto;
	overflow:hidden;
	height:80px;

}
#feature_gallery ul.menu li a:hover {
}
ul#feature_gallery_pager li a {
	width: 100px;
	height:70px;
	padding:3px;
	float:left;
	display:block;
	border: 1px solid #eaeaea;
	background: #fff;
}
ul#feature_gallery_pager li {
	margin:0 12px;

}
#feature_gallery ul.menu a.activeSlide {
	border: 1px solid #000;
	background: #fff;

}
#feature_gallery .bigimgs {
	background:transparent;
	height:350px;
	width:500px;
	position:relative;

	margin: 0 auto;
}

#feature_gallery .bigimg {

	text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;	
	width: 500px;
}

#feature_gallery img.change {
	border: 1px solid #000;
	text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;	
	}
#feature_gallery img.thumb {
	margin-left: auto;
	margin-right: auto;
	display:block;
	height:70px;
	margin: 0 auto;
}
#output{
width:500px;
margin:5px auto;
margin-bottom: 0;
display:block;
text-align: center;
clear:both;}

#galleryList a {
color: #747474;
background: #fff; /*custom bullet list image*/
display: block;
padding: 3px 0;
padding-left: 0px; /*link text is indented 19px*/
margin-right: 10px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
	}

#galleryList a:visited {color: #747474;}
#galleryList a:hover {color: #000;}