/*
Style sheet for Coral Hub Ltd.
Theme: Awestruck
Version: 1.0
Dated: 18th August, 2010
*/

/* ============
  Global reset
=============== */
html{background:#d8dbe7;color:#67686a;}blockquote,body,button,code,dd,div,dl,dt,form,fieldset,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,textarea,td,th,ul{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}div,fieldset,img{border:0;}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:after,q:before{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}button,input,select,optgroup,option,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}button,input,select,textarea{*font-size:100%;}

/* ======
  Layout
========= */
body {
  background:url(../images/siteimages/bg.jpg) top center no-repeat;
}
.fl {
  float:left;
}
.fr {
  float:right;
}

/* ==========
  Typography
============= */
body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

h1 {
  font-size:30px;
  font-weight:bold;
}
h2 {
  color:#333;
  font-size:24px;
  font-weight:bold;
}
h3 {
  color:#333;
  font-size:18px;
  font-weight:bold;
}
h4 {
  font-size:14px;
}

p {
  line-height:12px;
}
strong {
  font-weight:bold;
}

a:link,
a:visited {
  -moz-transition-property:color;
  -moz-transition-duration:.50s;
  -webkit-transition-property:color;
  -webkit-transition-duration:.50s;
  color:#67686a; /* bf0505 */
  font-weight:bold;
  text-decoration:none;
}
a:active,
a:focus,
a:hover {
  color:#de502d; /* de502d */
  text-decoration:underline;
}

.red {
  color:#bf0505;
}
.grey {
  color:#635a50;
}
.darkgrey {
  color:#333;
}
/*.black {
  color:#000;
}*/

/* =======
  Spacers
========== */
.spacer-void, .spacer-half, .spacer, .spacer-double, .spacer-triple {
  clear:both;
  display:block;
}

.spacer-void {
  height:1px;
  margin-top:-1px;
}
.spacer-half {
  height:5px;
}
.spacer {
  height:10px;
}
.spacer-double {
  height:20px;
}
.spacer-triple {
  height:30px;
}

/* =======
  Effects
========== */
.shadow {
  -moz-box-shadow:rgba(0, 0, 0, 0.1) 2px 2px 6px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.1) 2px 2px 6px;
}
.shadow-dark {
  -moz-box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 12px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 12px;
}

/* ====
  Logo
======= */
#logo {
  height:90px;
  margin:0 auto;
  width:960px;
}
#logo div {
  float:right;
  margin:73px 23px 0 0;
}

/* ======
  Header
========= */
#header {
  background:url(../images/siteimages/header.png) no-repeat;
  clear:both;
  height:110px;
  margin:0 auto;
  width:960px;
}

#header input.search-field {
  background:none;
  border:none;
  color:#899ab6;
  float:left;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:23px;
  height:30px;
  margin:23px 0 0 35px;
  outline:none;
  width:260px;
}
#header div.search-category {
  background:none;
  border:none;
  cursor:pointer;
  float:left;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  height:30px;
  margin:32px 0 0 7px;
  width:90px;
}
#header input.search-button {
  -moz-transition-property:color;
  -moz-transition-duration:.50s;
  -webkit-transition-property:color;
  -webkit-transition-duration:.50s;
  background:none;
  border:none;
  color:#fff;
  cursor:pointer;
  float:left;
  font-size:18px;
  font-weight:bold;
  height:38px;
  margin:20px 0 0 4px;
  width:120px;
  outline:none;
}
#header input.search-button:focus,
#header input.search-button:hover {
  color:#ddd;
}
#header input.search-button:active {
  position:relative;
  top:1px;
}

#header img.icon-livechat {
  height:70px;
  margin:3px 0 0 318px;
  width:80px;
}

#header div.cart-details {
  font-size:11px;
  margin:0 auto;
  margin-top:11px;
  text-align:right;
  width:865px;
}

/* ====================
  Search Dropdown Menu
======================= */
.dropdown dd {
  left:293px;
  position:relative;
  text-align:right;
  top:55px;
  z-index:999;
}
.dropdown a,
.dropdown a:visited {
  font-weight:normal;
  text-decoration:none;
}
.dropdown dt a {
  background:none;
  border:none;
  color:#a5b5d0;
  float:left;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  height:30px;
  margin:26px 0 0 7px;
  padding-right:20px;
  text-align:right;
  width:110px;
}
.dropdown dt a span {
  cursor:pointer;
  display:block;
  padding:5px;
}
.dropdown dd ul {
  -moz-border-bottom-left-radius:10px;
  -moz-border-bottom-right-radius:10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  background:#fff;
  border:1px solid #f4f5f8;
  display:none;
  left:0;
  padding:5px 5px;
  position:absolute;
  top:2px;
  width:130px;
  list-style:none;
}
.dropdown dd ul li a {
  -moz-transition-property:background-color;
  -moz-transition-duration:.25s;
  -webkit-transition-property:background-color;
  -webkit-transition-duration:.25s;
  color:#a5b5d0;
  padding:5px;
  display:block;
}
.dropdown dd ul li a:focus,
.dropdown dd ul li a:hover {
  background-color:#f4f5f8;
}

/* ================
  IE6 Notification
=================== */
#ie6-notification {
  background:url(../images/siteimages/browser-upgrade-notification.jpg);
  height:270px;
  margin:0 auto;
  width:960px;
}
#ie6-notification .browser1 {
  margin:100px 0 0 130px;
}
#ie6-notification .browser2 {
  margin:100px 0 0 10px;
}


/* ===================
  Interface / Content
====================== */
#interface {
  margin:0 auto;
  width:960px;
}

#content-main {
  float:left;
  width:738px;
}
#content-main-apparels {
  background:url(../images/siteimages/category-apparels.jpg) top left no-repeat;
  float:left;
  width:738px;
}

/* =========================
  Navigation drop-down menu
============================ */
#navigation {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background:#fff;
  margin:3px 7px 0 5px;
  float:left;
  width:210px;
}
#navigation img {
  margin:0 0 3px 8px;
}
#navigation img.saibaba {
  margin:5px 0 0 12px;
}
#navigation-middle
{
    margin: 6px 0 8px 22px;
}
.ddsmoothmenu-v {
  margin:12px 0 5px 5px;
}
.ddsmoothmenu-v ul {
  width:200px;
} 
.ddsmoothmenu-v ul li {
  position:relative;
}
.ddsmoothmenu-v ul li a {
  display:block;
  overflow:auto; /*force hasLayout in IE7*/
  padding:6px 6px 6px 13px;
  text-decoration:none;
}
.ddsmoothmenu-v ul li a:active,
.ddsmoothmenu-v ul li a:link,
.ddsmoothmenu-v ul li a:visited {
  -moz-transition-property:background-color;
  -moz-transition-duration:.25s;
  -webkit-transition-property:background-color;
  -webkit-transition-duration:.25s;
  background:#fff;
  color:#5a6981;
}
.ddsmoothmenu-v ul li a:hover,
.ddsmoothmenu-v ul li a:focus,
.ddsmoothmenu-v ul li a.selected {
  background:#f4f5f8;
  color:#75859f;
}

.ddsmoothmenu-v ul li ul {
  position:absolute;
  top:0;
  visibility:hidden;
  width:200px;
}

/* hack for IE \*/
* html .ddsmoothmenu-v ul li { float:left; height:1%; }
* html .ddsmoothmenu-v ul li a { height:1%; }

.rightarrowclass {
  display:none;
}
.ddshadow{
  position:absolute;
}

.rounded-corner {
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

/* ===============
  Navigation menu
================== */
#nav-main {
  margin:12px 0 10px 5px;
}
#nav-main ul li {
  position:relative;
}
#nav-main ul li a {
  display:block;
  overflow:auto; /*force hasLayout in IE7*/
  padding:5px 6px 5px 13px;
  text-decoration:none;
}
#nav-main li a:active,
#nav-main li a:link,
#nav-main li a:visited {
  -moz-transition-property:background-color;
  -moz-transition-duration:.25s;
  -webkit-transition-property:background-color;
  -webkit-transition-duration:.25s;
  background:#fff;
  color:#5a6981;
}
#nav-main li a:hover,
#nav-main li a:focus,
#nav-main li a.selected {
  background:#f4f5f8;
  color:#75859f;
}

.step0 {
  width:200px;
}
.step1 {
  margin-left:5px;
  width:190px;
}
.step2 {
  margin-left:10px;
  width:170px;
}

/* ========================================
  Content slider
  Coin Slider jQuery plugin CSS styles
  http://workshop.rs/projects/coin-slider/
=========================================== */
.cs-buttons {
  float:left;
  padding:4px;
}
.cs-buttons a {
  border:2px solid #98a1b3;
  float:left;
  height:7px;
  margin-left:5px;
  text-indent:-1000px;
  width:7px;
}
.cs-active {
  background-color:#b3bdd1;
}

.cs-prev, 
.cs-next {
  display:none;
}

/* ===============
  Product listing
================== */
.scroller {
  float:left;
  height:730px;
  overflow:hidden;
  position:relative;
  width:738px;
}
.scroller .items {
  position:absolute;
  width:20000px;
}
.items div {
  float:left;
  margin-left:3px;
}

.item {
  color:#1c1c1c;
  font-weight:bold;
  margin:0;
  text-align:center;
}
.item .item-panel {
  background:url(../images/siteimages/product-panel.png) no-repeat 0 0;
  float:none;
  height:240px;
  margin-bottom:3px;
  width:172px;
}
.item .item-panel:hover {
  background-position:0 -240px;
}
.item .item-panel img {
  margin:8px 0 12px 0;
}
.item .item-panel p {
  line-height:14px;
}

.button-details {
  display:block;
  background:url(../images/siteimages/button-details.png) no-repeat 0 0;
  height:28px;
  margin:4px 0 5px 30px;
  width:112px;
}
.button-details:hover {
  background-position-y:-28px;
}

/* ============
  Product Page
=============== */
#content {
  margin:0 auto;
  width:920px;
  padding:0 15px 0 15px;
}

.breadcrumbs {
  float:left;
  margin:10px 0 0 10px;
}

#content img.product-shot {
  float:left;
  margin-right:20px;
}
div.discount {
  background:url(../images/siteimages/discount.png) no-repeat;
  color:#fff;
  float:left;
  font-size:11px;
  height:42px;
  line-height:11px;
  margin-right:5px;
  padding-top:10px;
  text-align:center;
  width:42px;
}

.button-addtocart {
  background:url(../images/siteimages/button-addtocart.png) no-repeat 0 0;
  display:block;
  height:40px;
  width:200px;
}
.button-addtocart:hover {
  background-position-y:-40px;
}
.button-addtowishlist {
  background:url(../images/siteimages/button-addtowishlist.png) no-repeat 0 0;
  display:block;
  height:30px;
  width:180px;
}
.button-addtowishlist:hover {
  background-position-y:-30px;
}
.button-tellafriend {
  background:url(../images/siteimages/button-tellafriend.png) no-repeat 0 0;
  display:block;
  height:30px;
  width:180px;
}
.button-tellafriend:hover {
  background-position-y:-30px;
}

#content p {
  line-height:14px;
}
#content h3 {
  color:#333;
  font-weight:bold;
}

#content select {
  height:22px;
  width:190px;
}

/* ===========
  Search Page
============== */
.search-panel {
  background:url(../images/siteimages/search-panel.png) top center no-repeat;
  height:170px;
  width:920px;
}
.search-panel .search-image {
  background:url(../images/siteimages/search-product.png) no-repeat;
  float:left;
  height:170px;
  width:185px;
}
.search-panel .search-image img {
  margin:15px 0 0 20px;
}
.search-panel .search-data {
  float:left;
  height:170px;
  padding-top:15px;
  text-align:left;
  width:730px;
}
.search-panel .search-data a {
  color:#000;
  font-weight:normal;
}

.search-pagination {
  background:url(../images/siteimages/search-panel.png) top center no-repeat;
  padding-top:15px;
  text-align:center;
  width:920px;
}
.search-pagination a {
  font-weight:normal;
}
.search-pagination .pagination {
  background:url(../images/siteimages/search-pagination.png) no-repeat 0 3px;
  padding:6px 5px 5px 5px;
}
.search-pagination .pagination a {
  color:#fff;
}

.cat-button-details {
  display:block;
  background:url(../images/siteimages/button-details2.png) no-repeat 0 0;
  height:28px;
  margin:5px 0 10px 0;
  width:108px;
}
.cat-button-details:hover {
  background-position-y:-28px;
}

img.search-button-details {
  margin:6px 0 0 -2px;
}

/* =====================
  Category listing Page
======================== */
#content-category {
  width:738px;
  padding:0 20px 0 10px;
}
#content-category .search-panel {
  background:url(../images/siteimages/cat-divider.png) top center no-repeat;
  width:738px;
}
#content-category .search-panel .search-image {
  background:url(../images/siteimages/cat-panel.png) no-repeat;
}
#content-category .search-panel .search-data {
  width:510px;
}
.search-data a:link,
.search-data a:visited {
  -moz-transition-property:color;
  -moz-transition-duration:.50s;
  -webkit-transition-property:color;
  -webkit-transition-duration:.50s;
  color:#333333; /* bf0505 */
  font-weight:bold;
  text-decoration:none;
}
.search-data a:active,
.search-data a:focus,
.search-data a:hover {
  color:#de502d; /* de502d */
  text-decoration:underline;
}

#content-category .search-pagination {
  background:url(../images/siteimages/cat-divider.png) top center no-repeat;
  width:738px;
}

/* =======
  Sitemap
========== */
.col {
  float:left;
  margin-right:15px;
  width:290px;
}
.col-right {
  float:left;
  width:290px;
}
.col p a,
.col-right p a {
  line-height:18px;
  margin-left:15px;
}

.bar {
  background:url(../images/siteimages/bar.png) no-repeat;
  color:#fff;
  font-weight:bold;
  height:27px;
  padding:7px 0 0 17px;
  width:290px;
}
.bar2 {
  background:url(../images/siteimages/bar.png) no-repeat;
  color:#fff;
  font-weight:bold;
  height:27px;
  margin-top:15px;
  padding:7px 0 0 17px;
  width:290px;
}

/* ======
  Footer
========= */
#footer {
  background:url(../images/siteimages/footer.png) no-repeat;
  color:#999;
  height:100px;
  margin:0 auto;
  padding-top:10px;
  text-align:center;
  width:960px;
}
#footer p {
  margin-top:2px;
}

/* ==========
  Social Bar
============= */
#social-bar {
  -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 -2px 6px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 -2px 6px;
  -moz-opacity:0.9;
  -webkit-opacity:0.9;
  -moz-transition-property:opacity;
  -moz-transition-duration:.25s;
  -webkit-transition-property:opacity;
  -webkit-transition-duration:.25s;
  background:#59677f;
  bottom:0;
  color:#fff;
  font-family:Verdana, Geneva, sans-serif;
  font-size:18px;
  left:0;
  height:30px;
  padding:10px 0;
  position:fixed;
  width:100%;
  z-index:1000;
}
#social-bar:hover {
  -moz-opacity:1;
  -webkit-opacity:1;
}

#social-bar #social-bar-main {
  margin:0 auto;
  width:405px;
}
#social-bar #social-bar-main #social-content {
  float:left;
  margin-right:12px;
  padding-top:10px;
}
#social-icons a img {
  cursor:pointer;
  margin:-6px 5px 0 0;
}px;
  -moz-opacity:0.9;
  -webkit-opacity:0.9;
  -moz-transition-property:opacity;
  -moz-transition-duration:.25s;
  -webkit-transition-property:opacity;
  -webkit-transition-duration:.25s;
  background:#59677f;
  bottom:0;
  color:#fff;
  font-family:Verdana, Geneva, sans-serif;
  font-size:18px;
  left:0;
  height:30px;
  padding:10px 0;
  position:fixed;
  width:100%;
  z-index:1000;
}
#social-bar:hover {
  -moz-opacity:1;
  -webkit-opacity:1;
}

#social-bar #social-bar-main {
  margin:0 auto;
  width:405px;
}
#social-bar #social-bar-main #social-content {
  float:left;
  margin-right:12px;
  padding-top:10px;
}
#social-icons a img {
  margin:-6px 5px 0 0;
}