@charset "utf-8";

h2{padding:10px 0 0 10px; font-size:24px}

/* Top Areas */
#flash,#diamond-search{float:left; margin:0 10px 18px 10px}
#flash{width:700px; height:260px}
#flash h1{width:700px; height:260px; margin:0; padding:0; background:url(../images/create-your-diamond-engagement-ring.jpg) no-repeat; text-indent:-9999px}
#diamond-search{width:220px; height:260px; background:url(../images/diamond-search-bg.gif) no-repeat}
#diamond-search h2{margin:0; padding:0}
#diamond-search p{font-size:11px; padding:20px 0 0 32px}
#diamond-search ul{width:165px; padding:2px 0 0 32px}
#diamond-search li{float:left; margin:0 6px 6px 0; padding:0; background:none}
#diamond-search h2{margin:0; padding:0}
#diamond-search .search-button{float:left; margin:18px 0 0 23px}
/* diamond search buttons */
#diamond-search li a{width:27px; height:27px; display:block; background-image:url(../images/diamond-search-buttons.gif); text-indent:-9999px}
#diamond-search .princess a{background-position:-27px 0px}
#diamond-search .emerald a{background-position:-54px 0px}
#diamond-search .asscher a{background-position:-81px 0px}
#diamond-search .marquise a{background-position:-108px 0px}
#diamond-search .oval a{background-position:-0px -27px}
#diamond-search .radiant a{background-position:-27px -27px}
#diamond-search .pear a{background-position:-54px -27px}
#diamond-search .heart a{background-position:-81px -27px}
#diamond-search .cushion a{background-position:-108px -27px}
#diamond-search .round-down a{background-position:-0px -54px}
#diamond-search .princess-down a{background-position:-27px -54px}
#diamond-search .emerald-down a{background-position:-54px -54px}
#diamond-search .asscher-down a{background-position:-81px -54px}
#diamond-search .marquise-down a{background-position:-108px -54px}
#diamond-search .oval-down a{background-position:-0px -81px}
#diamond-search .radiant-down a{background-position:-27px -81px}
#diamond-search .pear-down a{background-position:-54px -81px}
#diamond-search .heart-down a{background-position:-81px -81px}
#diamond-search .cushion-down a{background-position:-108px -81px}

/* Categories */
.category{float:left; width:300px; height:192px; margin:0 10px 0 10px; background:url(../images/home-category-box.gif) no-repeat}
.category p{padding:7px 0 0 23px; font-size:11px}
.category ul{padding:15px 0 0 24px}
.category li{margin:0; padding:0 0 1px 10px; font-size:11px; background:url(../images/bullet.gif) no-repeat 0 3px}
.category img{float:right; padding:4px 1px 0 0}

.tacori{float:left; width:380px; height:185px; margin:19px 10px 0 10px; background:url(../images/home-tacori-box.gif) no-repeat}
.tacori .content{float:left; width:195px}
.tacori h2{padding:15px 0 0 0}
.tacori p{padding:7px 5px 0 7px; font-size:11px}
.tacori ul{padding:15px 0 0 9px}
.tacori li{margin:0; padding:0 0 1px 10px; font-size:11px; background:url(../images/bullet.gif) no-repeat 0 3px}
.tacori img{float:left; width:168px; margin:0}

/* Javascript Tab Box */
.ui-tabs{ float:left; width:540px; height:185px; margin:13px 0 0 0; border:0px; font-weight:normal}
.ui-tabs .ui-tabs-panel{border:1px solid #CCC; border-top:0; padding:0; padding-bottom:14px; text-align:left; height:150px; overflow:auto}
.ui-tabs .ui-tabs-panel p{padding:10px; text-align:left}
.ui-tabs .ui-corner-all{-moz-border-radius:0px}
.ui-tabs .ui-widget-header{background:none; border:none; border-bottom:1px solid #cccccc}
.ui-tabs .ui-tabs-nav{padding-left:5px}
.ui-tabs .ui-tabs-nav li a{padding:0.2em 1em; font-size:11px}
.ui-tabs li.ui-tabs-selected{background:url(../images/sel-tabbg.gif) repeat-x; border:1px solid #dddddd; border-bottom:1px solid #cccccc}
.ui-tabs .ui-state-default{background:url(../images/tabbg.gif) repeat-x; border:1px solid #ae6bc4; border-bottom:1px solid #cccccc}
.ui-tabs li.ui-state-default a{color:#ffffff}
.ui-tabs li.ui-tabs-selected a{color:#6e32b7}
.ui-tabs .col1{width:132px; margin:15px 0 0 15px; float:left}
.ui-tabs .col2{width:156px; margin:12px 15px 0 15px; border-right:#dddddd solid 1px; float:left}
.ui-tabs .col3{width:180px; margin:12px 0 0 0; float:left}
.ui-tabs #tabs-1 p{color:#777777}
.ui-tabs #tabs-1 .col3 p{width:160px; padding:15px 0 15px 5px; font-size:12px}
.ui-tabs #tabs-1 .col3 a{color:#6e32aa; text-decoration:none}
.ui-tabs #tabs-1 .col3 a:hover{color:#904ad6; text-decoration:underline}
/* .ui-tabs .col3 label{float:left; width:50px; height:17px; margin:0 0 3px 0; padding:0 0 0 3px; font-size:11px} */
/* .ui-tabs .col3 form{margin:0; padding:13px 0 0 0} */
/* .ui-tabs .col3 input{float:left; width:123px; height:17px; margin:0 0 2px 0; padding:0; font-size:11px; font-weight:normal; color:#777777} */
/* .ui-tabs .col3 textarea{float:left; width:123px; height:25px; margin:0; padding:0; font-size:11px; font-weight:normal; font-family:Arial,Helvetica,sans-serif; color:#777777} */
/* .ui-tabs .col3 .submit{float:left; width:97px; height:16px; margin:3px 0 0 53px; border:none} */
.ui-tabs h2{margin:0; padding:0; color:#434343}
.ui-tabs h3{padding:0 0 0 4px; font-size:9px; font-weight:normal; line-height:5px; color:#929292}
.ui-tabs p{padding:15px 0 0 0; font-size:11px; text-align:center}
.ui-tabs .phone{font-size:16px; font-weight:bold; color:#929292}
.ui-tabs #tabs-2 h2{padding:15px 0 0 15px}
.ui-tabs #tabs-2 h3{padding:0 0 0 15px}
.ui-tabs #tabs-2 p{padding:15px 0 0 15px; color:#929292}
.ui-tabs #tabs-2 .button{float:right; margin:10px 15px 0 0}
.ui-tabs #tabs-2 a{color:#6e32aa; text-decoration:none}
.ui-tabs #tabs-2 a:hover{color:#904ad6; text-decoration:underline}
.ui-tabs #tabs-3 h2{padding:15px 0 0 15px}
.ui-tabs #tabs-3 h3{padding:0 0 0 15px}
.ui-tabs #tabs-3 p{padding:5px 15px 0 15px; color:#929292}
.ui-tabs #tabs-3 .usps{margin:10px 0 0 15px}
.ui-tabs #tabs-3 .button{float:right; margin:10px 15px 0 0}
.ui-tabs #tabs-4 h2{padding:15px 0 0 15px}
.ui-tabs #tabs-4 h3{padding:0 0 0 15px}
.ui-tabs #tabs-4 p{margin:0 0 0 15px; padding:5px 30px 0 0; background:url(../images/icons/quote-in.gif) 5px 5px no-repeat; color:#929292; font-size:11px}
.ui-tabs #tabs-4 p span{font-family:Arial,Helvetica,sans-serif}
.ui-tabs #tabs-4 .button{float:right; margin:25px 15px 0 0}
.ui-tabs #tabs-4 .quote{float:right; width:14px; height:11px; margin:0 25px 5px 0; background:url(../images/icons/quote-in.gif) no-repeat}
.ui-tabs #tabs-4 em{display:block; padding:15px 0 0 15px; font-size:11px; font-style:italic; color:#5c5b5c}