* {	background-repeat: no-repeat;}
html { overflow-y: scroll; 	} /* scroll bar forced in FF */
ol,ul {	list-style: none;}
del {text-decoration: line-through;}
blockquote,q {	quotes: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
caption,th,td {	text-align: left;	font-weight: normal;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del, dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin: 0;	padding: 0;	border: 0;outline:0;font-family:inherit;vertical-align: baseline;
background:transparent;font-size: 100%;}
label,input {vertical-align: middle;}

/* -------------------------basic style sheet------------------------- */

.clear {clear: both;}
.clear_1 {clear:both;height:0;overflow: hidden;}
.align_l {text-align: left;}
.align_r {text-align: right;}
.align_c {text-align: center;}
.left {	float: left;}
.right {float: right;}
.bold {	font-weight: bold}
.hide {	text-indent: -9999px;overflow: hidden;display: block;background-repeat:no-repeat;background-position:top left}
.none {display: none}
.accessibility {position: absolute;	left: -6767px;	width: 990px;overflow: hidden;}
.noPadd { padding:0!important}
p {padding: 0 0 0.8em 0;}
a {text-decoration: none; color:#666}
a:hover {text-decoration: underline}
a.active, .active a  { font-weight:bold}
img { display:block}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height:0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

a.linksP { background:url(../images/link_arrow_gold.gif) 0 5px no-repeat; padding-left:10px }
a.linksP:hover { text-decoration:none!important; color:#8A7B3F!important; background-position:0 -90px}
.color {color:#8A7B3F}
.fontNormal, .larger { font-size:1.1em}
.code { font-weight:100; font-style:normal}
strong .code { font-weight:bold} 

/*------------------------- layout -------------------------  */

body {text-align: center;color:#333;font:70% Arial, Helvetica, sans-serif; background:#000 url(../images/bg_body.gif) top left repeat}

#wrapper { text-align:left; width: 910px; margin: 0 auto;}
#mainCnt { background:#fff url(../images/bg_left_col.gif) top left repeat-y}
#colLeft { width:200px}
#colRight { width:710px; background-color:#fff}
#footer { clear:both; padding:17px}
#header { padding:15px 0 23px 18px}
#home #colRight, #home #mainCnt { background-color:#e4c9d8}

/* header  NAV */

#header ul#secondary_nav { float:right}
#header ul#secondary_nav li, #header ul#secondary_nav li a { float:left; display:block }
#header ul#secondary_nav li { border-right:1px solid #c9c9c9; padding-right:15px; margin-right:15px; height:16px; margin-top:10px}
#header ul#secondary_nav li.last { border-right:none; margin-right:0}
#header ul#secondary_nav li a { text-indent:-99999em; overflow:hidden; background-position:left -19px ; background-repeat:no-repeat; height:17px}
#header ul#secondary_nav li a:hover, #header ul#secondary_nav li.active a { background-position:0 -2px }
#header ul#secondary_nav li a#home_nav { background-image:url(../images/nav_home.gif); width:45px}
#header ul#secondary_nav li a#about_us_nav { background-image:url(../images/nav_about_us.gif); width:64px}
#header ul#secondary_nav li a#our_services_nav { background-image:url(../images/nav_our_services.gif); width:87px}
#header ul#secondary_nav li a#contact_us_nav { background-image:url(../images/nav_contact_us.gif); width:78px}

/*------------------------- layout NAV left internal ad and links -------------------------  */

#primary_nav {font-size:1.1em; padding-left:18px; padding-top:21px}
#primary_nav li.main { padding-bottom:12px}

#primary_nav li.active a.main { font-weight:bold; background-position:left -190px ; color:#fff}
#primary_nav li.active ul#primary_nav_subsection a { font-weight:100}
#primary_nav li.active ul#primary_nav_subsection li.active a { font-weight:bold; color:white} 

#primary_nav  ul#primary_nav_subsection { font-size:0.92em; padding:14px 0 0 14px}

#primary_nav  ul#primary_nav_subsection li { padding-bottom:7px}
#primary_nav  ul#primary_nav_subsection li.last { padding-bottom:0}

#primary_nav a { color:#ccc; }
#primary_nav a:hover, #blackDiamonds a.link:hover { color:#fff; text-decoration:none; }

#primary_nav a, .link {background-image:url(../images/link_arrow.gif); background-position:left 5px; background-repeat: no-repeat; padding-left:10px}
#primary_nav a:hover, .link:hover {background-position:left -90px}

.boxAd { background-color:#191919; border-top:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c; padding:11px; color:#ccc}

#navigation { min-height:310px; height:auto!important; height:310px}
body:first-of-type #navigation { min-height:318px;} /*hack for safari only */

#blackDiamonds { background:#191919 url(../images/bg_black_diamonds.gif) 148px 10px  no-repeat; padding-right:50px; padding-left:18px}
#blackDiamonds a { color:#CCC}
#blackDiamonds h2 { background:url(../images/tt_black_diamonds.gif) top left no-repeat; width:94px; height:37px}
#blackDiamonds p.last { padding-bottom:0}

#tertiary_nav { float:left}
#tertiary_nav li { display:inline; color:#CCC; margin-right:5px; padding-right:5px; border-right:1px solid #666}
#tertiary_nav li.last { margin-right:0; padding-right:0; border:none }
#tertiary_nav li a:hover { text-decoration:none; color:#999}

.bgImg { background:url(../images/bg_img_gems.gif) top left no-repeat; width:129px; height:158px; margin-right:18px; margin-bottom:10px}
.bgImg .overFlow { width:111px; height:111px; display:block; overflow:hidden; margin:8px}

/*------------------------- home styles -------------------------  */

#home .cnt { background:url(../images/bg_hp.jpg) top left no-repeat; height:422px}
#home .intro { width:311px; float:right; padding-right:20px; padding-top:25px }
#home .intro h2#destinyDiamonds {  background:url(../images/tt_destiny_diamonds_hp.gif) top right no-repeat;  height:28px; margin-bottom:10px  }
#home .intro p { text-align:right; color:#999}
#home .intro a { color:#CCC}
#home .intro a:hover { color:#fff; text-decoration:none}

#home .homeProduct { padding-top:110px; padding-right:40px; }
body:first-of-type .homeProduct { padding-top:120px!important}

#home .cnt ul { float:right; width:600px}
#home .cnt ul img { display:block }
#home .cnt ul li { display:block; float:right; padding-right:56px  }
#home .cnt ul li.last { padding-right:0}
#home .cnt ul li.first { padding-right:70px}

#home .price { font-weight:bold; display:block; text-align:center; padding-top:10px}
#home .price a { color:#272727}
#home .price .linkHp { background:url(../images/link_arrow_special.gif) left 4px  no-repeat; padding-left:15px }

/*------------------------- Landing / listing / content /customMade /pagination / table -------------------------  */

.internal .cnt { padding:19px 48px 50px 19px}
.internal .cnt.sizeChart { padding-right:19px}

.internal .intro { font-size:1.1em; margin-bottom:16px;}

.intro a.bold { text-decoration:underline}
.tt2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; color:#8a7b3f; margin-bottom:16px}
.tt3, h4 { font-size:1.1em}
h4 { margin-bottom:5px}
.tt4 { font-weight:100;}
.tt3 a:hover { color:#333; text-decoration:none}
#looseGems .tt3, .sizeChart .tt3 { color:#8A7B3F; }
.sizeChart .tt3 { font-size:1.25em; margin-bottom:15px}
.sizeChart img { margin-bottom:20px}
 

ul.listProducts li.main { display:block; float:left; background:url(../images/bg_img_small_body.gif) top left repeat-y; width:161px; margin-right:69px; position:relative } 

ul.listProducts li.last { margin-right:0}

ul.listProducts li.main fieldset { background:url(../images/bg_img_small_top.gif) top left no-repeat;  }
ul.listProducts li.main fieldset div.cntBody { background:url(../images/bg_img_small_footer.gif) bottom left no-repeat; padding-top:10px; }
ul.listProducts .overFlow { width:142px; height:142px; overflow:hidden; display:block; margin:10px; margin-bottom:3px; margin-top:0; #padding-left:10px;}
ul.listProducts .rectangular { height:204px }
ul.listProducts li.main fieldset div.cntP { padding:0 10px; min-height:60px; height:auto!important; height:60px  }
ul.listProducts li.clear { height:69px; }
ul.listProducts h4.tt4, ul.listProducts h3.tt3 { margin-bottom:15px}
ul.listProducts p { padding-bottom:0; font-size:1.1em; font-weight:bold}

div.pagination { background-color:#737874; color:#CCC; font-size:1.2em;  padding:6px 18px; margin-top:40px }
.pagination a {color:#ccc;}
.pagination a.pagination, .pagination b {  margin-right:3px}
.pagination_left { float:left; padding-right:5px}
.pagination .pagination_right { float:right}

ul.list li { background:url(../images/list_arrow.gif) left 5px no-repeat; padding-left:10px }
ol.list li { list-style-type:decimal; margin-left:1.6em  }
.list { margin-bottom:20px; font-size:1.1em}

a.print { background:url(../images/link_print.gif) left 2px no-repeat; padding-left:20px}
a.print:hover { background-position: left -88px; color:#8a7b3f; text-decoration:none}

.table { background-image:url(../images/bg_patter.gif); background-repeat:repeat; margin-left:-10px;  margin-right:-10px;  font-size:1.1em; }
.table th { padding-left:10px; font-weight:bold; }
.table .first td { padding-top:10px}
.table .last td, .table .last th { padding-bottom:10px; border-bottom:none}
.table td { padding:8px 0 ; padding-bottom:0; }
.table thead { background:url(../images/bg_patter_black.gif) top left repeat }
.table thead th { color:white; padding-top:4px; padding-bottom:4px}
.table tbody td, .table tbody th { border-bottom:1px dotted #afafac; padding-bottom:4px}

.table .on td, .table .on th { background:url(../images/bg_patter_table_on.gif) top left repeat}
.table.left { width:335px; margin-right:40px}
.table.left thead th { width:50%}


/*------------------------- forms -------------------------  */
input:focus, textarea:focus { background-color:#ebebeb }
input, textarea { border:1px solid #d5d5d5; padding:2px; color:#333; width:280px }
#myForm {  border-top:1px dotted #ddd; padding-top:20px}
#myForm fieldset.clearfix { padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #ddd}
#myForm label { display:block; font-size:1.1em; padding-bottom:3px }
#myForm .last input { width:auto!important; background-color:#8A7B3F; color:#fff; font-weight:bold; border:none; padding:3px 5px; cursor:pointer; float:right}
#myForm .last input:hover { background-color:#b9a96a;}
#requiredField span { font-size:1.2em; color:#333}
#messagebox { color:#333; margin-bottom:15px; background-color:#8A7B3F; padding:6px; color:#fff; }

#attachDesign .noLabel label { display:none}
#attachDesign li { padding-bottom:8px}


/*------------------------- product detail page -------------------------  */

#productVisual { width:430px; padding-top:10px }
#productVisual fieldset.big { background:url(../images/bg_img_big_body.gif) top left repeat-y}
#productVisual fieldset.big div.bgP_top { background:url(../images/bg_img_big_top.gif) top left no-repeat; padding-top:20px}
#productVisual fieldset.big div.bgP_footer { background:url(../images/bg_img_big_footer.gif) bottom left no-repeat}
#productVisual fieldset.big .overflow { width:345px; height:345px; overflow:hidden; display:block; margin:0 0 10px 22px }
#productVisual fieldset.big .rectangular { height:487px}
#productVisual fieldset.big .soldOut { text-align:right; display:block; height:30px; width:345px; padding-left:20px; font-weight:bold}

.thumbList { margin-top:20px; }
.thumbList li { display:block; float:left; background:url(../images/bg_img_thumb_body.gif) top left repeat-y; 
width:101px; margin-right:20px}
.thumbList fieldset { background:url(../images/bg_img_thumb_top.gif) top left no-repeat; padding-top:10px}
.thumbList fieldset div { background:url(../images/bg_img_thumb_footer.gif) bottom left no-repeat; height:111px}
.thumbList fieldset div a { overflow:hidden; width:78px; height:78px; margin:0 0 10px 11px; display:block}

#productDetails { width:190px; padding-top:10px}
#productDetails .tt3 { border-bottom:1px solid #333; margin-bottom:10px}

#productDetails .destailList { margin-bottom:20px; padding-top:5px}
#sendToFriend { padding-top:15px; position:relative}
#sendToFriend #sendToFriendLink { background:url(../images/link_send_to_friend.gif) top left no-repeat; padding-left:20px; cursor:pointer; color:#666}
#sendToFriend #sendToFriendLink:hover { background-position:0 -89px ; color:#8A7B3F; text-decoration:none}
#sendToFriend a.close { background:url(../images/link_close.gif) left 3px no-repeat; padding-left:15px}
#sendToFriend a.close:hover { background-position:left -87px; text-decoration:none; color:#333 }
#sendToFriend #myForm { border:none; padding-top:0; margin-top:0}
#sendToFriend #myForm div { padding-top:5px; margin-bottom:8px}

.box {padding:20px; border:7px solid #dddddd ; background-color:white;position:absolute; width:285px; background-image:url(../images/bg_patter.gif); background-repeat:repeat; z-index:10000 }

.listThumbColor { padding-top:40px; z-index:0 }
.listThumbColor li { display:block; float:left; margin-right:5px; margin-bottom:5px}

.listThumbColor li a img {opacity:0.99;}
.listThumbColor li a:hover img {-moz-opacity:0.50;opacity:0.50;-khtml-opacity:0.50;filter:alpha(opacity=50);}

p.back { padding-top:40px; font-size:1.2em }
a.back { padding:4px 8px; background-color:#737874; color:#fff; padding-right:10px; text-decoration:none}
a.back:hover { background-color:#666}

/*------------------------- loose gems template -------------------------  */


#looseGems li.main { background:url(../images/bg_patter.gif) top left repeat; display:block; margin-left:-10px; padding:10px; margin-right:-20px; font-size:1.1em; margin-bottom:30px}

#looseGems .descList { border-bottom:1px solid #fff; padding-bottom:7px; margin-bottom:15px}
#looseGems .descList ul { padding-top:5px }
#looseGems .descList ul li { display:inline; margin-right:3px; padding-right:3px; font-size:0.9em} 
#looseGems .descList ul li.last { margin-right:0; border-right:0}


/*------------------------- gallery -------------------------  */

.jcarousel-skin-tango { margin-bottom:20px}
.jcarousel-skin-tango .jcarousel-container { background:url(../images/bg_patter.gif) top left repeat; height:168px}
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 510px;
		padding: 20px 40px; padding-top:40px; padding-left:80px
}

.jcarousel-skin-tango .jcarousel-clip-horizontal { width:471px;height:170px; }
.jcarousel-skin-tango .jcarousel-item {width: 129px; padding-right:32px; height: 158px;}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 227px;
    cursor: pointer;
    background:url(../images/but_right_gallery.gif) top left no-repeat
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position:bottom left}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
     width: 33px;
    height: 227px;
    cursor: pointer;
    background:url(../images/but_left_gallery.gif) top left no-repeat
}


.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
.jcarousel-container {
    position: relative;
}

.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-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
#destinyscarves .cntBody a.rectangular{
	height: 240px !important;
}
#destinyscarves .cntBody div.cntP{
	min-height: 23px !important;
}
