/* General Styles */
body { font-family:Arial,sans-serif; font-size:11px; color:#666; text-align:center; margin: 0 auto; background:url(images/body_top_slice.gif) 0 0 repeat-x;}

.blackLine { width:100%; background:url(images/body_top_slice.gif) 0 0 repeat-x; float:left; display:inline; height:5px;}

.clear { clear:both; font-size:0; line-height:1px; margin:0; padding:0; height:0; }
.left2 { float:left; display:inline; margin:0 0 55px 219px;}
.right2 { float:right; display:inline; margin:0 0 55px 0;}
.alignTop { vertical-align:top; }
.middle { vertical-align:middle;  }
.alignRight { text-align:right; }
.alignCenter { text-align: center; }
.noDisplay { display: none; }
.left3 { float:left; }
.right3 {float:right; }


img { border:none; }
img.border { border:solid 1px #e6e6e6; }

hr { display: block; width:100%; height:1px; border-top:solid 1px #b3b3b3; border-bottom-width:0; border-right-width:0; border-left-width:0;}
hr.padding { width:100%; height:1px; border: none 0; border-top: 1px solid #b3b3b3; margin: 15px 0; padding: 0; }

form { margin:0;padding:0; }

input.button { height:18px; background:#fff; font:bold 1em Arial,Sans-serif; margin:5px 0 0; padding:1px 2px 2px; border:solid 1px #ccc; cursor:pointer; }
input.newsletterSubmit { vertical-align:middle; }
input.txt { width: 200px; height:17px; border: solid 1px #777; font:normal 1em Arial,Sans-serif; color:#666;  margin:0; padding:1px; }
input.txtSml { width: 40px; height:17px; border: solid 1px #777; font:normal 1em Arial,Sans-serif; color:#666;  margin:0; padding:1px; }

select { width: 200px; height:20px; margin:0; padding:1px; border:solid 1px #777; background:#fff; color:#666; font:1em Arial,Sans-serif; }

textarea.txt { width: 200px; height:70px; border: solid 1px #777; font:normal 1em Arial,Sans-serif; color:#666;  margin:0; padding:1px;  }

input.checkbox { width:20px; height:20px; padding:0;margin:0; }

ul { margin:0 0 0 17px; padding:0; }
li { margin:0; padding:0; }

a { color:#000000; font-weight: bold; text-decoration:none; }
a:hover { color:#666; }
a.grey { color:#666; }
a.grey:hover { color:#000000; }

h1 { font:bold 15px Arial,sans-serif; color:#000000; margin:0; padding: 10px 0 0; }
h2 { font:bold 12px Arial,sans-serif; color:#000000; margin:0; padding: 0; }
h3 { font:bold 1em Arial,sans-serif; margin:0; padding: 0; }

h2.majortext { font:bold 21px Arial,sans-serif; color:#000000; margin:0; padding: 10px 0 0;  }

.grey { color: #666; }
.greyBig { color:#666666; font-size:14px; }
.brown { color: #000000; }
.error { color: #ff0000; }

.crumbTrail { text-align: right; padding-right:0; margin:11px 0 0 0; }
.container { width: 920px; text-align:center; padding: 20px 0px 20px 0px; margin: 0 auto; }

#wrap {
	position:absolute;
	width: 100%;
	text-align:center;
	line-height: normal;
	min-height: 100%;
	height:auto !important;
	height: 100%;
	top:0;
	left:0;
	z-index: 1;
}

/* Main Header */
#headerImg { float:left; width:465px; height:136px; margin: 0 0 18px 0;}
.header {border:0;margin:0;padding:0;}
.headerGreyLine { clear:both; font-size:0; line-height:1px; margin:0; padding:0; height:0; border-top-style:solid; border-top-width:thin; border-top-color:#A7A9AC; }
.header .logo { float: left; width: 145px; display: inline; margin:32px 0 0 0; padding:0 ;}
.header .links { float:right5; width: 700px; display: inline; margin:0; padding: 0;}
.header .links .right2 { padding: 0px 0 18px 30px; }
.header .links .right2 ul { list-style:none; padding:0; margin:0;}
.header .links .right2 li { background:url(images/made_blk_bullet.gif) 0 0 no-repeat; padding:0 0 0 20px; }
.header .links a { font: normal 1em Arial,sans-serif; color: #666; }
.header .links a:hover { color: #000000; }
.header .links a.brown { font-weight:bold; color: #000000; }
.header .links a.brown:hover { color: #666; }
.header .navigation { width:760px; display:inline; float:right; padding-bottom:19px; text-align:right; }
.header .navigation a { padding-bottom:15px; margin: 0 0 0 50px; border-bottom:medium #FFFFFF solid; }
.header .navigation a:hover { border-bottom:medium #000000 solid; color:#000000 }
.header .navigation a.on { padding-bottom:15px; margin: 0 0 0 32px; border-bottom:medium #000000 solid; color:#000000 } 

#ticker{ position:relative; overflow:hidden; width:100%; height:20px; color:#FFF; background-color:#000; text-align:left; margin:30px 0 0 0; font-size:14px; padding: 3px 0 3px 0px;}
#tickertext{ position:absolute; left:920px; top:5px; width:3000px; }
#flashbanner { display:inline; float:left; width:100%; height:320px;  }

/* Right Navigation */
.rightnav { float: right; width: 202px; display: inline; margin:0; padding: 30px 0 0 0; text-align:left; }
.rightnav h3 { display:block; text-align:right; font-size:11px; font-weight:bold; color:#FFFFFF; padding:4px 30px 4px 4px; margin:0; background:url(images/leftNavHeader.gif) right 50% no-repeat #BABABA; }
.rightnav p { padding:0 5px 0 5px; }

/* Left Navigation */
.leftnav { float: left; width: 150px; display: inline; margin:0; padding: 30px 0 0 0; }
.leftnav h2 { display:block; text-align:right; font-size:11px; font-weight:bold; color:#FFFFFF; padding:4px 4px 4px 30px; margin:0; background:url(images/leftNavNewsHeader.gif) 0 50% no-repeat #000000; }
.leftnav h3 { display:block; text-align:right; font-size:11px; font-weight:bold; color:#FFFFFF; padding:4px 4px 4px 30px; margin:25px 0 0 0; background:url(images/leftNavNewsHeader.gif) 0 50% no-repeat #000000; }
.leftnav p { padding:0 5px 0 5px; }
.leftnav ul { list-style:none; margin:6px 0 0 0; padding:0; }
.leftnav ul li { text-align: right; padding:0; margin:0; line-height:11px;}
.leftnav ul li a { display:block; line-height:11px; text-align:right; font-size:11px; font-weight:normal; color:#666666; padding:4px 4px 4px 30px; margin:0; }
.leftnav ul li a:hover { display:block; line-height:11px; text-align:right; font-size:11px; font-weight:normal; color:#000000; padding:4px 4px 4px 30px; margin:0; background-color:#BABABA; }
.leftnav ul li a.on { display:block; text-align:right; font-size:11px; font-weight:normal; color:#000000; padding:4px 4px 4px 30px; margin:0; background-color:#BABABA; }
.leftnav ul li a.red { color: #9E0D25; }
.leftnav ul li a.big { font-size: 11px; }
.leftnav ul li.sub { color:#999; padding:0 8px 0 0; margin:0;}
.leftnav ul li.subOn { color:#999; padding:0 8px 0 0; margin:0; }
.leftnav ul li.subTop { color:#999; margin-top: 14px; padding-right:8px;}
.leftnav ul li.subBottom { color:#999; margin-bottom: 14px; padding-right:8px;}
.leftnav ul li.sub a:hover { display:block; text-align:right; font-size:11px; font-weight:normal; color:#000000; padding:4px 4px 4px 30px; margin:0; background-color:#E6E6E6; }
.leftnav ul li.subTop a:hover { display:block; text-align:right; font-size:11px; font-weight:normal; color:#000000; padding:4px 4px 4px 30px; margin:0; background-color:#E6E6E6; }
.leftnav ul li.subBottom a:hover { display:block; text-align:right; font-size:11px; font-weight:normal; color:#000000; padding:4px 4px 4px 30px; margin:0; background-color:#E6E6E6; }
.leftnav ul li.sub a.on { display:block; text-align:right; font-size:11px; font-weight:normal; color:#000000; padding:4px 4px 4px 30px; margin:0; background-color:#E6E6E6; }
.leftnav ul li.subTop a.on { display:block; text-align:right; font-size:11px; font-weight:normal; color:#000000; padding:4px 4px 4px 30px; margin:0; background-color:#E6E6E6; }
.leftnav ul li.subBottom a.on { display:block; text-align:right; font-size:11px; font-weight:normal; color:#000000; padding:4px 4px 4px 30px; margin:0; background-color:#E6E6E6; }

.footer .bottom {
	width:920px;
	height:44px;
	margin: 0 auto;
	text-align: right;
}
	
.footer .bottom2 {
	text-align: left;
	width:480px;
	height:44px;
	padding: 10px 0 0 220px;
	margin: 0 auto;
	border:0;
}

.footer {
	width: 100%;
	display:inline;
	float:left;
	text-align:center;
	line-height: normal;
	bottom:0;
	left:0;
	margin:0;
	padding: 12px 0;
	border-bottom:4px solid #000;
}

.footer a { color:#666; font-weight:normal; margin:0 0 0 35px ;}
.footer a:hover { color:#000000; }

.main { float: left; width: 468px; display: inline; text-align:left; padding:0 0 70px 0; margin:23px 0 0 50px; }
.main .col { float: left; width: 200px; margin: 0; padding:0; display:inline; }
.main a{ text-decoration:underline; }

/* Homepage */
.home { width: 458px; margin: 10px 0 0; background:#fff url(images/NONhome_graphic.jpg) no-repeat top right; padding: 0 0 0 0; }
.home .flash { width:468px; height: 375px; }
.home .blurb { width: 468px; padding: 10px 0 30px 0; text-align:left; }
.home .blurb img { padding: 0 0 10px; }

.showcase { margin: 0 0 30px 0;}
.showcase .left { float:left; width: 138px; text-align: left; margin: 0 18px 0 0; display: inline;}
.showcase .right { float:left; display: inline; width: 138px; text-align: left; padding: 0; margin: 0;  }

/* About Page */
.main .aboutImg1 { float:right; display:inline; margin-right:0;}
.main .aboutImg1Text { float:left; width:280px; display:inline; text-align:justify }
.main .aboutImg2 { float: right; width: 180px; padding-top:5px;}
.main .aboutImg2Text { float:left; width:270px; text-align:justify; padding-top:2px; }
.main .aboutImg3 { float: right; width: 188px; }
.main .aboutImg4 { float:right; width:136px; display:inline; margin:30px 4px 0 0;}
.main .aboutImg4Text { float:left; width:290px; text-align:justify; padding-top:2px; }
.main ul { list-style:none; padding:0 0 0 0; margin:0;}
.main li { background:url(images/made_blk_bullet.gif) 0 0 no-repeat; line-height:19px; padding:0 0 0 24px; list-style-position:outside; margin: 0 0 0 0; }
.content { display:inline; float:left; width:100%; padding-bottom:10px; background:url(images/contentBottomBorder.jpg) bottom repeat-x;}


/* Designers Page */
.main .designerImg { float:left; width:178px; margin: 0 15px 0 0; display:inline; }
.main .designerImgText { float:right; width:264px; }

/* Shop */
.shopNav .header { float:left; width: 166px; }
.shopNav .page { float:left; width: 166px; padding: 10px 0 0; }
.shopNav .sort { float:right; width: 136px; padding: 5px 0 0; }
.shopNav select { width:134px; height:20px;line-height: 20px; vertical-align: middle; margin:0; padding:1px; border:solid 1px #562b01; background:#fff; color:#666; font:1em Arial,Sans-serif; }
.productList { margin: 20px 0 0;}
.productList .left { float:left; width: 136px; text-align: left; margin: 0 0 28px; padding: 0 27px 0 0; display: inline; }
.productList .right { float:right; width: 136px; text-align: left; margin: 0 0 28px; padding: 0; margin: 0; }

/* Product Page */
.product .image { float: left; width:275px; margin: 0 25px 0 0; display: inline; }
.product .image .left { float:left; width:71px; margin: 0 30px 0 0; display: inline; }
.product .image .right { float:right; width:71px; margin: 0; display: inline; }
.product .desc { float: right; width:160px; margin: 0; display: inline; }
.product .desc h2 { font:bold 15px Arial,sans-serif; color:#666; margin:0; }
.product .desc select { width:124px; height:20px; margin:0; padding:1px; border:solid 1px #666; background:#fff; color:#666; font:1em Arial,Sans-serif; }
.product .addtobag { padding: 10px 0 0; }
.product .sidelinks { padding: 0; }
.product .sidelinks div { padding: 0 0 7px 0; }

/* Delivery Page */
table.delivery { width: 310px; border-color: #ccc; border-collapse:collapse; margin-top: 5px;}
table.delivery th { width: 100px; font-weight: bold; padding-left: 5px; border-color: #ccc; }
table.delivery td { width: 100px; padding-left: 5px; border-color: #ccc; }

/* Press Page */
.press .left { width: 110px; height: 210px; padding: 0 5px 0 0; text-align:center;}
.press .left img { border: none; }

/* Contact Page */
table tr { height: 20px; }
table td.field { width: 80px;}
table td.alignTop { padding: 5px 0 0; }
table td.value { padding: 5px 0 0; }

/* Newsletter Page */
input.newsletter { width:170px; height:17px; border: solid 1px #777; font:normal 1em Arial,Sans-serif; color:#666;  margin:0; padding:1px; vertical-align: middle; }

/* Basket Page */
table.basket { width: 465px; }
table.basket thead tr th { border-bottom: solid 2px #d9d9d9; }
table.basket th.col1 { width: 200px; }
table.basket th.col2 { width: 70px; }
table.basket th.col3 { width: 85px; }
table.basket th.col4 { width: 70px; }
table.basket th.col5 { width: 40px; text-align: center; }
table.basket td input.txtSml { text-align: center; }
table.basket td.value { height: 30px; padding: 8px 0; }

/* Checkout Page */
table.checkout tr { height: 20px; }
table.checkout td.field { width: 130px;}
table.checkout td.alignTop { padding: 5px 0 0; }
table.checkout td.value { padding: 5px 0 0; }

table.checkoutbasket { width: 465px; }
table.checkoutbasket thead tr th { border-bottom: solid 2px #d9d9d9; }
table.checkoutbasket tr { height: 25px }
table.checkoutbasket th.col1 { width: 200px; }
table.checkoutbasket th.col2 { width: 200px; text-align: center; }
table.checkoutbasket th.col3 { width: 50px; text-align: right;}



/* special offers styling */
div.productList div.left strong, div.productList div.right strong { color: red; }


div#images-fade {
    display: none;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 1001;
}
div#images-content {
    display: none;
    position: absolute;
    top: 15%;
    left: 15%;
    width: 0;
    height: 0;
    background: #fff;
    z-index: 1002;
    overflow: none;
    padding: 16px;
    border: solid 20px #e6e6e6;
}
div#images-content img {
	border:solid 0px #e6e6e6;
}
#main_image{
	cursor: pointer;
	cursor: hand;
}
p#images-hide,
p#images-next-button,
p#images-previous-button {
    cursor: pointer;
	cursor: hand;
}
p#images-hide:hover,
p#images-next-button:hover,
p#images-previous-button:hover {
    color: #000000;
}
p#images-hide {
    text-align: right;
    margin: 0;
    padding: 0 0 15px 0;
	background:url(images/close.gif) 100% 5px no-repeat;
	padding-right:10px;
}
p#images-next-button {
    float: right;
	background:url(images/next.gif) 100% 5px no-repeat;
	padding-right:10px;
}
p#images-previous-button {
    float: left;
	background:url(images/previous.gif) 0 5px no-repeat;
	padding-left:10px;
}
p#zoom {
	background:url(images/zoom.gif) 0 50% no-repeat;
	padding:2px 0 2px 20px;
	margin-top:5px;
}
#alt1_image,
#alt2_image,
#alt3_image,
#zoom,
#images-image{
	cursor: pointer;
	cursor: hand;
}

#searchForm{
float: left;
display: inline;
background: #F7F7F7;
border:1px solid #E2E2E2;
margin:0;
width:100%;
}

#searchForm input{
float: left;
display: inline;
width:180px;
border:0;
background: #F7F7F7;
color:#999;
font-size:10px;
padding-left:4px;
}

.dhtmlgoodies_question{	/* Styling question */
/* Start layout CSS */
display:block;
float:left;
/* End layout CSS */
overflow:hidden;
cursor:pointer;
padding:8px 10px 8px 0;
margin: 0 0 0 0;
clear:both;
}

.dhtmlgoodies_question:hover{	/* Styling question */
/* Start layout CSS */
display:block;
float:left;
/* End layout CSS */
overflow:hidden;
cursor:pointer;
padding:8px 10px 8px 0;
margin: 0 0 0 0;
clear:both;
}

.dhtmlgoodies_answer{	/* Parent box of slide down content */
/* Start layout CSS */
/* End layout CSS */
/*visibility:hidden;*/
/*height:0px;*/
overflow:hidden;
width:468px;
position:relative;
clear:both;
padding:0;
margin: 0 0 10px 0;
}

.dhtmlgoodies_answer_content{	/* Content that is slided down */
position:relative;
width:468px;
}

#flashmoredash {display:block;}

#facebook{ background:url(/images/facebookIcon.jpg) left no-repeat; padding-left:20px; }

#twitter{ background:url(/images/twitterIcon.jpg) left no-repeat; padding-left:20px; }

