/* ====================================================================
box layout
-------------------------------------------------------------------- */
.columns-float
    {
    float : left;
    width : 78%;
    }
/* the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */
.column-one
    {
    width : 71%;
    float : right;
    }
.column-two
    {
    width : 29%;
    float : left;
    }
.column-three
    {
    width : 22%;
    float : right;
    }
.box-footer
    {
    clear : both;
    }
/* ====================================================================
box-clear requires all sorts of hackery because of the way the
different browsers cope with clearing floats
see [# #]
-------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */
/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers
see [http://www.albin.net/CSS/OwenHack.html] */
head:first-child+body div.box-clear { display: block; }
/* ====================================================================
nn4clear is as its name suggests, only required for NN4 compatibility
If you don't need that you can remove both this rule and the
relevant div from the html
-------------------------------------------------------------------- */
.nn4clear { clear: both; line-height: 0px; font-size: 1px; }
/*/*/ .nn4clear { display: none; } /* */
/* ====================================================================
box styling
-------------------------------------------------------------------- */
.box-header
    {
    margin : 0px;
    padding : 0px;
    color : #000000;
    background-color : #FFFFFF;
    border : none;
    }
.box-footer
    {
    margin : 40px;
    padding : 5px;
    color : #000000;
    background-color : #FFFFFF;
	text-align:center;
    border : none;
    }
.box-footer p {
	font-size: 10px;
}
.column-one-content
    {
    background : #FFFFFF;
	 margin : 0px auto;
    padding-right : 6px;
    border : none;
	position : relative;
	zoom: 1;
    }
.column-two-content
    {
	text-align:left;
    background : #FFFFFF;
	margin : 6px;
    padding : 0px;
    border : none;
    }
.column-three-content
    {
    background-image: url(http://oriental-decor.com/img/rightBack.jpg);
	margin : 3px;
    padding : 7px;
    border : none;
    }
/* CSS HACK: position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
    { position: relative; }
/* END OF 3 COLUMN LAYOUT HACKERY
---------------------------------*/

body {
	background:#FFFFFF;
	color:#333333;
	margin:0px;
	padding:0px;
	border:0px;
	font: 12px Arial, Verdana, Tahoma, sans-serif;
	margin-top:10px;
	/*overflow: -moz-scrollbars-vertical;*/
}

div, p, td, th {
	font: 12px Arial, Verdana, Tahoma, sans-serif;
}

th {
	text-align:left;
	font-weight:bold;
}

p {
	margin-top:8px;
}

/* Links
--------------------------------- */

a {
	color:#347879;
	text-decoration:none;
}
a:visited {
	color:#583479;
	text-decoration:none;
}
a:active {
	color:#793478;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/*  Headings
--------------------------------- */
h1 {
	clear:right;
	font-size: 22px;
	font-weight:bold;
	text-align:left;
	margin:0px;
	padding:5px 0px;
}

h2 {
	font-weight:bold;
	clear:right;
	font-size: 17px;
	margin:0px;
	padding:3px 0px;
}

h3 { color: #000000;
	font-size: 14px;
	padding:3px 0px;
	margin:0px;
}

h4 { color: #333333;
	font-size: 12px;
	padding:3px 0px;
	margin:0px;
}


/*  Forms
--------------------------------- */
form {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
label {
	margin: 0px; padding: 0px;
}

select{
	z-index:0;
}

/* Images
--------------------------------- */
img  { vertical-align: middle; border:0 }


/* Miscellaneous
--------------------------------- */

hr {
	border:1px dashed #AAAAAA;
	height:0px;
	display:block;
	clear:both;
}

ol {
	font: 12px Arial, Verdana, Tahoma, sans-serif;
}

ul {
	font: 12px Arial, Verdana, Tahoma, sans-serif;
	margin:3px;
	padding:3px;
	list-style-position:inside;
	list-style-type: square;
}

li {
	margin: 3px;
	padding: 0px;
}

/*
----------------------*/

#outer {
	width:100%;
	text-align:center;
}

#page {
	width:85%;
	margin: 0px auto;
	padding: 0px;
	text-align:left;
}

/* Page display
----------------------*/

.sheet {
	clear:right;
	width:65%;
	float:left;
	padding:6px;
}

/* logo
-----------------------------*/
#logoHolder {
	text-align:center;
}

#logoHolder .logo {
	float:left; clear:left;
	padding-left: 5px;
}

#logoHolder .phone {
	float:right; clear:right;
	padding-right: 5px;
}

/* Menu bar
----------------------*/

#menuBar .links {
	text-align:center;
}

#menuBar .links a {
	display: inline;
	padding-left: 25px;
	background-color: transparent;
	font-size:80%;
	font-weight:bold;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
}

/* old javascript menu bounding box
----------------------*/
.leftmenu {
	float:right;
	position:relative;
	text-align:right;
	padding-right:14px;
	margin-left:4px;
	padding-left:4px;
	border:0px;
}
.leftmenu ul{
	font-weight:bold;
}


/* Right sidebar
-----------------------*/
/* show/hide
-----------------------*/
.ghostBox{
display: none;
}

.loginBox{
	width:145px;
}

.loginBox td{
	font-size:12px;
	text-align:center;
}

.loginBox a, .loginBox a:visited, .loginBox a:active {
	color:#3B9C9C;
	text-decoration:none;
}

.loginBox a:hover {
	text-decoration:underline;
}
/* end loginBox
---------- */

.userInfo {
	width:145px;
}

.userInfo td{
	font-size:11px;
	text-align:center;
}

.userInfo a, .userInfo a:visited, .userInfo a:active {
	color:#000000;
	text-decoration:none;
}

.userInfo a:hover {
	color:#000000;
	text-decoration:underline;
}
/* end userInfo
---------- */

.wlInfo {
	width:145px;
}

.wlInfo td{
	font-size:11px;
	text-align:center;
}

.wlInfo a, .wlInfo a:visited, .wlInfo a:active {
	color:#000000;
	text-decoration:none;
}

.wlInfo a:hover {
	text-decoration:underline;
}
/* adminInfo stuff
-----------------*/
.adminInfo {
	max-width:145px;
}


/* not sure
----------------*/
.smallContents {
	width:145px;
	float:left; clear:left;
	margin-left:6px;
	padding:1px;
	background: #FFFFFF;
}

.smallContents img {

}

.menu {

	float:left; clear:left;
}

.redHeading {
	font-size:130%;
	color:#AA0202;
	font-weight:bold;
}

.toggle {
	border:1px solid blue;
	padding:5px;
}

/* Special Page Content
------------------------*/
.registerText img {
	float:right;
	margin:10px;
}

.lanternchooser {
	padding:0px;
	margin:0px;
	text-align:center;
}
.lanternchooser a img {
	margin:5px;
	border:1px solid #BBBBBB;
}

/* Product
----------------------*/
.product {
	 position: relative; /* css hack to make header visible in IE6 */
}

.product td {
	vertical-align:top;
}

/*
-----------------------------------*/

table.products {
	background:#666666;
/*	width:100%; */
}

table.products td {
	width:50%;
	text-align:left;
	padding:3px;
	vertical-align:top;
	background:#FFFFFF;
}

table.products .description {
	background:#FFFFFF;
	text-align:left; /* works? */
	padding:5px;
	padding-left:0px;
	border:1px solid #FFFFFF;
}

table.products .longDescription {
	background:#EEEEEE;
	padding:5px;
	border:1px solid #AAAAAA;
}


table.products td div.p1 {

}

table.products div.p2 {

}


table.products div.p0 {

}

table.products div.description:first-letter {
	color: #000000;
	font-size:150%;
	font-style:italic;
	font-family:Georgia, Arial, Verdana, Tahoma, sans-serif;
}

table.product_specs {
	border:1px solid #AAAAAA;
}

tr.product_specs td {
	background:#DEF2CC;
	padding:5px;
	border:1px solid #AAAAAA;
}

h3.history_head {
	background:#FFCCCC;
	padding:5px;
	border:1px solid #AAAAAA;
}

p.history_body {
	background:#FFCCCC;
	padding:5px;
	border:1px solid #AAAAAA;
}
/*
-------------------------*/

.upsell {
}

.upsell td {
	padding:10px;
	text-align:center;
}

/*
----------------*/

.friendWishList {
}

.friendWishList td {
	padding:10px;
	text-align:center;
	position:relative;
}

/*
----------------*/

.saleString {
	font-weight:bold;
}

.sale {
	text-decoration:line-through;
	color:red;
}

.reg_price {
	font-size: 14px;
}

/*
-----------------*/

.cartContents {

}

.cartContents th, .cartContents td{
	padding:4px;
}

.cartContents td.number, th.number {
	text-align:right;
}

/*
--------------*/

.postageBox td {
	padding:3px;
}

/*
---------------*/

/* for terms.php
---------------*/
li.termslist {padding-top:20px;}
div.sectionHead {font-size:18px;}

/* Featured categories
----------------------*/

.featuredCategories {
}

.featuredCategories .category {
	clear:both;
	border:1px solid #BBBBBB;
	border-width:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}


.featuredCategories .featuredDescription {
	float:left;
	clear:left;
	width:430px;
	padding:0px 0px 5px 0px;
}

.featuredCategories .featuredProduct {
	float:right;
	clear:right;
	width:120px;
}

.featuredCategories .featuredProduct img {
	float:right;
	padding-left:5px;
}

.featuredProduct .view{
	margin-top:5px;
	float:right;
}

/*
-----------------------------------*/
.categoryContainer {
	border:1px solid #BBBBBB;
	background-image: url(/img/categories/bg-fashion.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	[if lte IE 6] background-image: url(/img/categories/nonexistant.jpg);
}

.subCategories {
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	line-height: 1.1;
}

.subCategories .patriarchDescription {
	padding:5px;
	border:1px solid #BBBBBB;
	padding-left: 200px;
}

.subCategories .longDescription {
	background:#EEEEEE;
	padding:5px;
	border:1px solid #BBBBBB;
}

.subCategories .subDescription {
	float:right;
	clear:right;
	width:220px;
	padding:5px;
	position: relative;
}

.subCategories .subImages {
	float:left;
	clear:left;
	width:320px;
	position: relative;
}

/* Main Group classes
-----------------------------------*/
.parentName {
	text-align:center;
}
.parentName a {
	color:#810541;

}
div.childName
{
  margin: 4px;
  height: auto;
  width: 140px;
  float: left;
  text-align: center;
  z-index: 100;
}
div.childName img
{
  display: inline;
  margin: 3px;
  border: 1px solid #000000;
}
div.childName a:hover img {
  border: 1px solid #0000ff;
}

div.transbox
{
  margin: 5px;
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid black;
  filter:alpha(opacity=60);
  opacity:0.6;
}

/* searchForm
-----------------------------------*/

.searchForm {
}

.searchForm input {
	vertical-align:middle;
}

.searchForm input.text {
	width:100px;
}

/*
--------------------------*/

.foot {
	clear:both;
	width:100%;
	margin:auto;
	float:left;
	padding:4px;
}

/* Library
--------------------------*/
.biblio {
	float:left;
	width:450px;
	position: relative;
}
	.imagecontainer {overflow:auto; width:100%; position: relative;}
	#fakeimage {width:100px; position: relative;}
.sidebar {
	float:right;
	clear:right;
	padding:5px;
	height:100%;
	margin-bottom:auto;
	position: relative;
}
.sidebar_product {
	text-align:center;
	width:125px;
}

.press_release {
	position: relative;
}

/* Tracking
--------------------------*/
table.track {
	border: 6px inset #8B8378;
	-moz-border-radius: 6px;
}
table.track td {
	border: 1px solid black;
	padding: 0.2em 2ex 0.2em 2ex;
	color: black;
}
table.track tr.d0 td {
	background-color: #FCF6CF;
}
table.track tr.d1 td {
	background-color: #FEFEF2;
}



/* Link Program
--------------------------*/

.LMLinkCategories {
	position: relative;
	border-color:#AAAAAA;
	border-style:dotted;
	border-width:2px;
	padding:4px;
	width:500px;
}
.LMLinkCategories td{
	font-size:80%;
}
.LMLinkCategories caption{
	font-size:80%;
	background-color:#347879;
	font-weight:bold;
	padding:5px;
	color:#FFFFFF;
}

.LMLinkCategories a {
	font-weight:bold;
	margin-left:10px;
	padding-left:2px;
	text-decoration:none;
}

.LMLinkCategories a:hover {
	text-decoration:underline;
}

.LMSignUpForm{
	border-color:#AAAAAA;
	border-style:dotted;
	border-width:2px;
	padding:4px;
	width:450px;
	text-align:center;
}
.LMSignUpForm p {
	width:100%;
	padding:5px;
	font-family:courier new;
	background-color:#EEEEEE;
}
.LMSignUpForm th {
	font-size:80%;
	background-color:#EEEEEE;
	text-align:right;
	margin-right:10px;
}
.LMSignUpForm td {
	font-size:80%;
}
.LMSignUpForm caption{
	width:100%;
	font-size:80%;
	background-color:#347879;
	font-weight:bold;
	padding:5px;
	color:#FFFFFF;
}
.LMSubmit{
	background-color:#FFFFFF;
	color:#347879;
	font-weight:bold;
	border-width:2px;
}

.LMSmall{
	font-size:70%;
	width:50%;
}

.LMSpacer{
	background-color:#FFFFFF;
	font-size:5px;
	height:5px;
}

.LMErrorBox{
	color:red;
	font-weight:bold;
}

.LMError{
	background-color:red;
}



.LMLinks{
	background-color:#FFFFFF;
	padding:5px;
}
.LMLinks div{
	border-color:#AAAAAA;
	border-style:dotted;
	border-width:2px;
	background-color:#EEEEEE;
	padding:5px;
}
.LMLinks i{
	font-size:85%;
	font-style:italic;
}
.LMLinks p{
	background-color:#FFFFFF;
	width:100%;
	padding:5px;
}
.LMLinks a{
	background-color:#EEEEEE;
	font-weight:bold;
}

.LMLinkHeader{
}

.LMLinkHeader a{
	font-weight:bold;
}
/* Liveperson Chat
--------------------------*/
.LPform {
width:139px;
height:72px;
border:1px solid #00388b;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}

#LPidentifier {
display:none;
}
#LPmessage {
display:inline;
}
.menuRight{ width:158px; float:left;}
.menuRight .top{width:158px; height:23px; background:url(/images/top.jpg) no-repeat left bottom;}
.menuRight .mid{width:158px; background:url(/images/dot-y.jpg) repeat-y left top; text-align:center; padding:20px 0 0 0}
.menuRight .mid img{  margin:0 0  20px 0}
.menuRight .bottom{width:158px; height:16px; background:url(/images/bottom.jpg) no-repeat left top;}
#ship_zone_table tr td { text-align:right;}

/* Thumbnail Viewer
--------------------------*/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 20;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/* Menu
--------------------------*/
.left dl {
	margin:0px; 
	padding:5px;
	position:relative; /* peekaboo bug fix for IE6 */
	min-width:0; /* peekaboo bug fix for IE7 */
}
.left dd {
	margin:0px;
}

.left ul,  
.left dt,  
.left li {
	margin:0px; 
	padding:0px; 
	list-style-type: none;
	position:relative; /* peekaboo bug fix for IE6 */
	min-width:0; /* peekaboo bug fix for IE7 */
}
.left .click-menu {
    width: 146px;
	float:right; clear:right;
	margin:0px;
	padding-left:0px;
}
.right .click-menu {
    width: 151px;
	float:left; clear:left;
	margin:0px;
	padding-left:0px;
}

.left .click-menu .box1,
.left .click-menu .box1-open,
.left .click-menu .box1-hover,
.left .click-menu .box1-open-hover{
 	background-color: #347879; /* OD Teal */
    color: #99bb99; /* Sea Green */
	height:20px;
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma;
    padding: 3px 0px 0px 3px; /* new */
    border-width: 1px;
    border-color: #ffffff; /* 649091Teal as well*/
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.right .click-menu .box1 {
 	background-color: #ffffff; /* White */
    color: #000000; /* Black */
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #649091; /* Teal as well*/
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.left .click-menu .box1 a:link {color: white; text-decoration: none;}     /* unvisited link */
.left .click-menu .box1 a:visited {color: white; text-decoration: none;}  /* visited link */
.left .click-menu .box1 a:hover {color: yellow; text-decoration: none;}   /* mouse over link */
.left .click-menu .box1 a:active {color: yellow; text-decoration: none;}   /* selected link */

.right .click-menu .box1 a,
.right .click-menu .box1 a:visited{
	color: black;
}

.right .click-menu .box1-hover {
	background-color: #CCFFFF; /* Bright Baby Blue */
    color: #000000; /* Black */
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #99CCAE; /* Darker Sea Green */
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}

.right .click-menu .box1-hover a,
.right .click-menu .box1-hover a:visited{
	text-decoration: none;
	color: white;
}

.right .click-menu .box1-open {
    background-color: #CCFFFF; /* Bright Baby Blue */
    color: #000000; /* Black */
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #448882; /* Teal as well*/
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}

.right .click-menu .box1-open a,
.right .click-menu .box1-open a:visited{
	color: yellow;
}

.right .click-menu .box1-open-hover {
    background-color: #CCFFFF; /* Steely Teal */
    color: #448882; /* Bright Baby Blue */
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #99CCAE; /* Darker Sea Green */
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}

.right .click-menu .box1-open-hover a,
.right .click-menu .box1-open-hover a:visited{
	color: yellow;
}

.left .click-menu .box1 img {
    position: absolute;
    top: 6px;
    right: 6px;
}

.right .click-menu .box1 img,
.right .click-menu .box1-hover img,
.right .click-menu .box1-open img,
.right .click-menu .box1-open-hover img {
    position: absolute;
    top: 6px;
    right: 6px;
}

.left .sectionx {
    background-color: #CCEEEB; /* Baby Blue */
	color: #736AFF; /* Light Slate Blue */
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
	padding: 0px 0px 0px 0px; 
    border-width: 1px;
    border-color: #448882; /* Teal as well*/
    border-style: none solid solid solid;
}
.right .click-menu .section {
    background-color: #ffffff; /* White */
	color: #000000; /* Black */
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
    padding: 0px 0px 0px 0px;
    border-width: 1px;
    border-color: #448882; /* Teal as well*/
    border-style: none solid solid solid;
    display: none;
}

.right .click-menu .section a,
.right .click-menu .section a:visited {
    color: #000000; /* Black */
    text-decoration: none; 
}

.right .click-menu .section a:hover {
    color: #736AFF; /* Light Slate Blue */
    text-decoration: none;  
}

.left .click-menu .box2 {
	height:30px;
}

.left .click-menu .box2 a:link {color: #6666FF; text-decoration: none;}     /* unvisited link */
.left .click-menu .box2 a:visited {color: #6666FF; text-decoration: none;}  /* visited link */
.left .click-menu .box2 a:hover {color: purple; text-decoration: none;}   /* mouse over link */
.left .click-menu .box2 a:active {color: purple; text-decoration: none;}   /* selected link */

.right .click-menu .box2 {
	color: #736AFF; /* Light Slate Blue */
	height:30px;
}

.right .click-menu .box2-hover {
	height:30px;
    background: #FDEEF4; /* Lavendar Blush */
}

.right .click-menu .section .active {
    color: yellow;
}