﻿@import url("yahoo-reset-min.css");
html
{
    background-color:#000;
    color:#707070;
    height:100%;
    background-image:url('images/bg_repeat.jpg');
    background-position:center top;
    background-repeat:repeat-x;
}
body 
{
    background-image:url('images/bg.jpg');
    background-position:center top;
    background-repeat:no-repeat;
    margin:0;
    height:100%;
    font-family:Tahoma;
    font-size: 11px;
    color:#707070;
}

.emptybg
{
    background-image:none !important;
    margin:0;
    height:100%;
    font-family:Tahoma;
    font-size: 11px;
    color:#707070;
}

select 
{
    font-size:12px;
    height:22px;
    line-height:22px;
    padding:2px;
    padding-left:3px;
    border:solid 1px #a5acb2;     
}
a  
{
    color:#FF4646;
    text-decoration:none;
}
a:hover
{
    color:#464646;
    text-decoration:underline;
}
a, a:hover, a:active, a:focus {
    outline:0;
}

.hover:hover
{       
    filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
h1
{
    color:#c09d51;
	font-size:1.6em;	
    margin-bottom:10px;
}
h2
{
	font-size:15px;	
    margin-bottom:10px;
}
.orange
{    
    color:#e94e2e;
}
.red
{    
    color:#e5004f;
}
.purple
{    
    color:#8b559f;
}
.blue
{    
    color:#0071a2;
}
.cyan
{
    color:#1cbdf0;
    }
.green
{    
    color:#98c000;
}
.gray
{
    color:#707070;
}

p
{
	line-height:16px;
}

a.webbutton
{
    background-color:#c09d51;
	display: inline-block !important;
	margin-top:1px;
	height:20px; 
	line-height:20px;
	padding-left:16px;
	padding-right:16px;
	font-size:10px;
	text-transform:uppercase;
	color:black;
	border:1px solid #999;	
}

a.webbutton:hover
{
	border:1px solid #ccc;	
}

span.mandatory
{
    color:Red;
}

span.infomessage
{
    background-color:#003;
    padding:8px 16px;
    color:#fff;
    display:block;
}
span.errormessage
{
    background-color:#a00;
    padding:8px 16px;
    display:block;
    color:#fff;
}

/*-----------------------------------*/
#wrapper
{
    position:relative;
    width: 950px;
    margin:auto;
    height:100%;
}
#header
{
    background-image: url('images/banner.png');
    background-position: center top;
    background-repeat:no-repeat;
    width: 950px;
    height: 115px;
    margin:auto;
    position:relative;
}
#header #logo
{    
    background-image: url('images/logo.png');
    background-position: center top;
    background-repeat:no-repeat;
    width: 201px;
    height: 68px;
    text-indent:-9999px;
    left:21px;
    top: 31px;
    position:absolute;
    display:block;
    cursor:pointer;
}

#banner
{
    position:relative;
    min-height:370px;
    overflow:hidden;
    width:650px;
}

#banner img
{
    position:absolute;
}

#banner .discover_collection
{
    position:absolute;
    top: 0;
    left: 0;
    margin-top: 251px;
    margin-left: 100px;
    display:block;
    width:200px;
    height:26px;
    background-color:#FFF;
   
}
#banner .discover_collection span
{
    position:relative;
    top:6px;
    left:8px;
    font-family:Myriad Pro;
    font-size:12px;
    color:#000;
}

#thanks
{
    background-image: url('images/bg_thank_you.jpg');
    background-position: center top;
    background-repeat:no-repeat;
    width:650px;
    height:370px;
    position:relative;
}

#thanks .go_to_your_account
{
    background-image:url('images/go_to_your_account.png');
	background-repeat:no-repeat;
	display:block;
	width:169px;
	height:30px;
	position:absolute;
	top:220px;
	left:143px;
	text-indent:-9999px;
}

#thanks .start_shopping_now
{
    background-image:url('images/start_shopping_now.png');
	background-repeat:no-repeat;
	display:block;
	width:165px;
	height:30px;
    position:absolute;
	top:220px;
	left:351px;
	text-indent:-9999px;	
}

#thanks img
{
    position:absolute;
	top:230px;
	left:322px;
}

/************************************/
#shoppingbag
{    
    width: 240px;
    height: 68px;
    right:20px;
    top: 0;
    position:absolute;
}

#shoppingbag .welcome
{    
    background-color:#fff;
    padding:10px;
    vertical-align:middle;
    text-align:center;
    min-height:20px;
    font-family:Verdana;
}

#shoppingbag .welcome a
{    
    font-weight:bold;
    color: #000;
}

#shoppingbag .welcome .logintext
{    
    float:right;
    padding-right:10px;
}


#shoppingbag .account
{    
    background-image: url('images/account_bg.png');
    background-position: center top;
    background-repeat:no-repeat;
    height:40px;
    vertical-align:middle;
    line-height:40px;
    position:relative;
    padding-left: 15px;
    font-family:Verdana;
}

#shoppingbag .account .items:hover
{    
    text-decoration:underline;
}

#shoppingbag .account .account_button
{    
    width:75px;
    height:40px;
    text-align:center;
    position:absolute;
    right:0;
    top:0;
}

#shoppingbag .account .account_button a.myaccount:hover
{
    text-decoration:underline;
    color:#fff;
}

#shoppingbag .account .account_button a.logintext:hover
{
    text-decoration:underline;
    color:#fff;
}

#shoppingbag .account .account_button span
{
        color:#FFF;
}

#shoppingbag .account .items
{    
    font-weight:bold;
    font-size:10px;
    color: #000;
}

#shoppingbag .account .shoppinglink
{    
    font-weight:bold;
    color: #000;
    text-decoration:none;
}

/****************************************/

#wrapper2
{
    background-color:#fff;
    min-height:500px;
    overflow:hidden;
    clear:both;
}

ul#menu
{
    background-repeat: no-repeat;
    height: 50px;
    margin-left:20px;
}
ul#menu li
{
    float:left;
    padding:0;
    padding-top:1px;
    
}
ul#menu li a
{
    background-repeat: no-repeat;
    background-position: center 0;
    height:60px;
    display:inline-block;
    vertical-align: bottom;
}
ul#menu li a span
{
    display: none;
}
ul#menu li a:hover
{
    background-position: 0 -60px;
}

ul#menu li a.home
{
    background-image: url('images/menu/home.jpg');
    width: 100px;
}
ul#menu li a.home_selected
{
    background-image: url('images/menu/home.jpg');
    background-position: 0 -120px !important;
    width: 100px;
}

ul#menu li a.history
{
    background-image: url('images/menu/history.jpg');
    width: 190px;
}
ul#menu li a.history_selected
{
    background-image: url('images/menu/history.jpg');
    background-position: 0 -120px !important;
    width: 190px;
}

/*** What's New ***/
ul#menu li a.whatsnew
{
    background-image: url('images/menu/whatnew.jpg');
    width: 130px;
}
ul#menu li .whatsnew_selected
{
    background-image: url('images/menu/whatnew.jpg');
    background-position: 0 -120px !important;
    width: 130px;
}


/*** Catalogue ***/
ul#menu li a.catalogue
{
    background-image: url('images/menu/catalogue.jpg');
    width: 115px;
}
ul#menu li .catalogue_selected
{
    background-image: url('images/menu/catalogue.jpg');
    background-position: 0 -120px !important;
    width: 115px;
}

/*** Newsletter ***/
ul#menu li a.newsletter
{
    background-image: url('images/menu/newsletter.jpg');
    width: 120px;
}
ul#menu li .newsletter_selected
{
    background-image: url('images/menu/newsletter.jpg');
    background-position: 0 -120px !important;
    width: 120px;
}

/*** Contact Us ***/
ul#menu li a.contactus
{
    background-image: url('images/menu/contact.jpg');
    width: 115px;
}
ul#menu li .contactus_selected
{
    background-image: url('images/menu/contact.jpg');
    background-position: 0 -120px;
    width: 115px;
}
/*********************************************/

#quicksearch 
{
    position:relative;
    background-image: url('images/quicksearch_bg.png');
    width:248px;
    height: 466px;
    margin-bottom:20px;
}
#quicksearch h2
{
    display:none;
}
#quicksearch  .search
{
    background-image: url('images/search.jpg');
    background-repeat:no-repeat;
    width:66px; height:68px;
    position:absolute;
    top:388px;
    left:94px;
    display:block;
}

#quicksearch  .search:hover
{
    text-decoration:none;
}

#quicksearch .search span
{
    visibility:hidden;
}

    
.advert
{
    margin-left:3px;
    margin-right:5px;
    margin-bottom:20px;
    width:240px;
}

/************************************/

#content
{
    margin-left:20px;
    margin-top:20px;
    margin-bottom: 25px;
    color:Black;
}

#sidebar
{
    float:right;
    margin:20px;
    margin-left:0;
    margin-top:0;
}


/************************************/

#footer
{    
    background-image: url('images/footer.jpg');
    background-repeat: no-repeat;
    height: 120px;    
    position:relative;
    padding:20px;
    padding-top:30px;
    font-family: Verdana;
    font-size:10px;
    line-height:16px;
}

#footer .links
{    
    float:left;
}

#footer .links a.facebook
{   
    background-image:url('images/facebook.png');
    background-position:0 0;
    background-repeat:no-repeat;
    width:18px; 
    height:18px;
    cursor:pointer;
    margin-left:5px;
    display:inline-block;
    text-decoration:none;
}

#footer .links a.facebook:hover
{
    background-position: 0 -18px;
}

#footer .links a.twitter
{   
    background-image:url('images/twitter.png');
    background-position: 0 0;
    background-repeat:no-repeat;
    width:18px; 
    height:18px;
    cursor:pointer;
    display:inline-block;
    text-decoration:none;
}

#footer .links a.twitter:hover
{
    background-position: 0 -18px;
}

#footer .links .shareitem
{
    margin-top:-4px;
    margin-right:55px;
    position:relative;
}

#footer .links .shareitem .shareicon
{
    position:absolute;
    background-image:url('images/sharing.png');
    background-repeat:no-repeat;
    width:19px; height:19px;
    margin-left:5px;
}

#footer .links .shareitem .shareicon:hover
{
    background-position: 0 -16px;
}


/* Share Icons */
#footer .links .shareitem ul.share_this_icons
{
    z-index:9999;
    position:absolute;
    bottom:-34px;
    padding-left:75px;
    display:none;
    background-image: url('images/sharing_hover.png');
    background-position: right;
    background-repeat:no-repeat;
    width:28px;
    height: 187px;   
    left:-74px;
    top:-167px;
    cursor:pointer;

}
#footer .links .shareitem:hover ul.share_this_icons
{
    display:block;    
}
#footer .shareitem ul.share_this_icons a
{
    background-image: url('images/share_icons.jpg');
    background-repeat:no-repeat;
    filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	display:block;
    margin-left: 4px;
    width: 20px;
    height: 20px;
    margin-bottom: 3px;
}
#footer .links .shareitem ul.share_this_icons a span
{
    display:none;
}
#footer .links .shareitem ul.share_this_icons a.addthis_button_facebook
{    
    margin-top: 6px;
    background-position: 0 0;
}
#footer .links .shareitem ul.share_this_icons a.addthis_button_twitter
{    
    background-position: 0 -22px;
    margin-bottom: 4px;
}
#footer .links .shareitem ul.share_this_icons a.addthis_button_linkedin
{    
    background-position: 0 -45px;
    margin-bottom: 4px;
}
#footer .links .shareitem ul.share_this_icons a.addthis_button_digg
{   
    background-position: 0 -69px; 
    margin-bottom: 4px;
}
#footer .links .shareitem ul.share_this_icons a.addthis_button_email
{    
    /*margin-top: 12px;*/
    background-position: 0 -101px; 
}
#footer .links .shareitem ul.share_this_icons a.addthis_button_more
{    
    background-position: 0 -124px; 
}
#footer .links .shareitem ul.share_this_icons a:hover 
{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
/* Share Icon End */

#footer .subscribe
{
    float:left;
    margin-left:30px;
    width:230px;
    height:55px;
    padding-top:5px;
}

#footer .subscribe .email
{
    width: 174px;
    color: #707070;
    background-color:#000;
    border:solid 1px #707070;
    padding: 4px;
    font-size: 12px;
    font-family:Tahoma;
    display:inline-block; 
    float:left; 
}
#footer .subscribe a.submit
{
    width:25px;
    height: 24px;
    display:block;
    background-image:url('images/subscribe_button.jpg');
    text-indent:-9999px;
    float:left;
}

#footer .copyrights
{    
    float:right;
    text-align:right;
    color: #555555;
}

#footer .separator
{    
    font-weight:bold;
    color:#fff;
}

/************************************/

.dropdown
{
    position:absolute;
    font-family:Tahoma;
    font-size: 12px;    
    width:200px;
    height:22px;
    left:23px;    
}

.gender
{
    top:110px;
}

.material
{
    top:186px;
}

.occasion
{
    top:264px;
}

.color
{
    top:335px;
}

#history
{
    background-image:url('images/bg_history_of_brand.jpg');
    background-repeat:no-repeat;
    width:670px;
    height:760px;
}

#history .history_content
{
    width:223px;
    font-family:Tahoma;
    font-size:12px;
    color:#464646; 
    margin-top:-30px;
}

h1.history_title
{
    background-image:url('images/history_of_brand.jpg');
    background-repeat:no-repeat;
    width:223px;
    height:42px;
}

#history .history_content h1
{
    font-family:Myriad Pro;
    font-size:26px;
    color:#e94e2e;
}

#history .history_content p
{
    line-height:18px;
    margin-top:25px;
}

#history .history_content span
{
    font-weight:bold;
}


/***** Defauts *****/
.livebutton:hover
{
    opacity:0.4;
    filter:alpha(opacity=80);
}

h1 span
{
    visibility:hidden;
}

.tahoma
{
    font-family:Tahoma;
}

/* Sliding */
#showreel
{
    position: relative;
    margin-right:20px;
    width:650px;
    height:370px;
}

/* WhatNews Page Slider */
#showreel #slider
{
    overflow:hidden;
    position:relative;
    width:650px;
    height:370px;
}

#showreel #slider ul, #slider li
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

#showreel #slider li
{
    overflow:hidden;
    width:900px;
    height:330px;
}

#showreel #slider li .discover
{
    position:absolute;
    bottom:15px;
    left:240px;
}

#home #showreel #slider li
{
    overflow:hidden;
    width:650px;
    height:370px;
    border:solid 1px red;
}


#showreel ul.showreel_controls
{
    position:absolute;
    top:0;
    right:0;
    padding:10px 15px;
    z-index:101;
}

#showreel ul.showreel_controls li
{
    display:inline;
}

#showreel ul.showreel_controls li a.goto
{
    background-image: url('images/slider_control_button.png');
    float:left;
    margin-right: 9px;
    height: 12px;
    width: 12px;
    text-align:center;  
    font-size:10px;
    font-family:Georgia;
    text-indent:-9999px;
}

#showreel ul.showreel_controls li a.goto:hover
{
    background-position:0px -12px;
    color:White;
}

#showreel ul.showreel_controls li a.goto:hover, #showreel ul.showreel_controls li a.selected
{
    background-position: 0 -12px;
    color:White;
}
