﻿@import url("yahoo-reset-min.css");

html
{
    background-color:#000;
    height:100%;
}
body 
{
    margin:0;
	font-family:Tahoma;
	font-size:12px;
	line-height:23px;
	background-color:#000;
}

h1 span
{
    visibility:hidden;
}

h2.ourbrand
{
    background-image:url('images/ourbrand_bg.png');
    background-repeat:no-repeat;
    width:115px;
    height:15px;
    text-indent:-9999px;
    margin:auto;
    /*margin-top:20px;*/
    margin-bottom:10px;
}

img 
{
    vertical-align:bottom; /*Fix for IE7*/
}
a:focus, a:active { 
    outline: 0; 
    -moz-outline: none; 
}
a 
{
    color: #fff;
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}
p
{
    color:#999;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
}
*:focus 
{
    outline: none; /*For chrome*/
}
#wrapper
{
    width:940px;
    height:100%;
    margin:auto;
	padding-bottom:50px;	    
}


#banner
{
     overflow:hidden;
}


#banner_left
{
    float:left;
    width:220px;
}

#banner_left .logo
{
    /*
    background-image: url('images/logo.jpg');
    background-repeat:no-repeat;
    */
    width:220px;
    height:130px;
    display:block;
}

#banner_left .logo span
{
    visibility:hidden;
}


/***** Top Menu Styles *****/

ul#menu
{
    height: 30px;
    position:relative;
    /*left:-12px;*/
    top:60px;
}

ul#menu li
{
    float:left;
    padding:0;
    height: 30px;  
    margin-top:-13px;
    background-repeat:no-repeat;
}

ul#menu li a
{
    background-repeat:no-repeat;
    height:30px;
    display:inline-block;
    cursor:pointer;    
}

ul#menu li a:hover
{
    background-position:0 -30px;
}

ul#menu li span
{
    display:none;
}

ul#menu li span:hover
{
    background-position:0 -30px;
}

ul#menu li a.selected
{
    background-position:0 -30px;
}

ul#menu li a.home
{
    background-image: url('images/menu/menu_home.jpg');
    width:70px;
}

ul#menu li a.home_selected
{
    background-image: url('images/menu/menu_home.jpg');
    background-position: 0 -30px !important;
    width:70px;
}

ul#menu li a.about_paulie
{
    background-image: url('images/menu/menu_about.jpg');
    width:117px;
}

ul#menu li a.about_paulie_selected
{
    background-image: url('images/menu/menu_about.jpg');
    background-position: 0 -30px !important;
    width:117px;
}

ul#menu li a.stores
{
    background-image: url('images/menu/menu_stores.jpg');
    width:71px;
}

ul#menu li a.stores_selected
{
    background-image: url('images/menu/menu_stores.jpg');
    background-position: 0 -30px !important;
    width:71px;
}

ul#menu li a.what_new
{
    background-image: url('images/menu/menu_whatnew.jpg');
    width:111px;
}

ul#menu li a.what_new_selected
{
    background-image: url('images/menu/menu_whatnew.jpg');
    background-position: 0 -30px !important;
    width:111px;
}

ul#menu li a.press_new
{
    background-image: url('images/menu/menu_press.jpg');
    width:109px;
}

ul#menu li a.press_new_selected
{
    background-image: url('images/menu/menu_press.jpg');
    background-position: 0 -30px !important;
    width:109px;
}


/***** Left Menu (Home) Styles *****/

#left_menu
{
    width:220px;
    height:210px;
}
.left_menu
{
    width:220px;
    /*height:250px;*/
    position:absolute;
    z-index:9999;
    background-color:#000;
}
.left_menu li
{
    position:relative;
    cursor:pointer;
}
.left_menu .submenuheader
{
    font-size:11px;
    color:#fff;
    text-decoration:none;
    padding-left:20px;
    width:201px;
    height:29px;
    line-height: 29px;
    background-color:#898989;
    background-position:right;
    background-repeat:no-repeat;    
    display:block;
    margin-top:1px;
    cursor:pointer;
    
}
.left_menu a
{
    font-size:11px;
    color:#fff;
    text-decoration:none;
    padding-left:20px;
    width:201px;
    height:29px;
    line-height: 29px;
    background-color:#898989;
    background-position:right;
    background-repeat:no-repeat;    
    display:block;
    border-top:1px solid black;
    
}

.left_menu a:hover, .left_menu .submenuheader:hover
{
    background-color:#9a9a9a;
}

.left_menu li ul 
{
    overflow:hidden;
}

.left_menu li ul li
{
    background-color:#575757;
    display:block;
    cursor:pointer;
}

.left_menu li ul li span
{    
    font-size:11px;
    color:#fff;
    text-decoration:none;
    padding-left:20px;
    width:201px;
    height:29px;
    background-color:#575757;
    background-position:right;
    background-repeat:no-repeat;
    display:block;
    margin-top:1px;
    cursor:pointer;
}    

.left_menu li ul li a
{
    height:29px;
    background-color:#575757;
    color:#fff;
    display:block;
    cursor:pointer;
}

.left_menu li ul li ul li
{
}

.left_menu li ul li ul li a
{
    background-color:#000;
    padding-left:30px;
    border-top:1px solid #888;
    width:190px;
    border-right:solid 1px #000;
}

.left_menu li ul li ul li a:hover
{
    background-color:#5f5f5f;
}

.left_menu li ul li a:hover, .left_menu li ul li a.selected
{
    background-color:#111;
}

.left_menu .collection
{
    background-image: url('images/collection.png');
}

.left_menu .catalogue
{
    background-image: url('images/catalogue.png');
}

.left_menu .new_arrival
{
    background-image: url('images/new_arrival.png');
}

.left_menu .shoes
{
    background-image: url('images/shoes.png');
}

.left_menu .bags
{
    background-image: url('images/bags.png');
}

.left_menu .shirts
{
    background-image: url('images/shirts.png');
}

.left_menu .brands
{
    background-image: url('images/bg_brands_menu.png');
}

.left_menu .on_sale
{
    background-image: url('images/on_sale.png');
}

/***** Left Menu (Home) Styles End *****/

/***** Left Menu (Other Pages) Styles *****/


#left_menu2
{
    width:220px;
    position:relative;
}
#left_menu2 li
{
    position:relative;
    cursor:pointer;
}
#left_menu2 .submenuheader
{
    font-size:11px;
    color:#fff;
    text-decoration:none;
    padding-left:20px;
    width:201px;
    height:29px;
    line-height: 29px;
    background-color:#898989;
    background-position:right;
    background-repeat:no-repeat;    
    display:block;
    margin-top:1px;
    cursor:pointer;
}
#left_menu2 a
{
    font-size:11px;
    color:#fff;
    text-decoration:none;
    padding-left:20px;
    width:201px;
    height:29px;
    line-height: 29px;
    background-color:#898989;
    background-position:right;
    background-repeat:no-repeat;    
    display:block;
    border-top:1px solid black;
    
}

#left_menu2 a:hover, #left_menu2 .submenuheader:hover
{
    background-color:#9a9a9a;
}

#left_menu2 li ul 
{
    overflow:hidden;
}

#left_menu2 li ul li
{
    background-color:#575757;
    display:block;
    cursor:pointer;
}

#left_menu2 li ul li span
{    
    font-size:11px;
    color:#fff;
    text-decoration:none;
    padding-left:20px;
    width:201px;
    height:29px;
    background-color:#575757;
    background-position:right;
    background-repeat:no-repeat;    
    display:block;
    margin-top:1px;
    cursor:pointer;
}    

#left_menu2 li ul li a
{
    height:29px;
    background-color:#575757;
    color:#fff;
    display:block;
    cursor:pointer;
}

#left_menu2 li ul li ul li a
{
    background-color:#000;
    padding-left:30px;
    border-top:1px solid #888;
    width:190px;
    border-right:solid 1px #000;    
}

#left_menu2 li ul li ul li a:hover
{
    background-color:#5f5f5f;
}

#left_menu2 li ul li a:hover, #left_menu2 li ul li a.selected
{
    background-color:#111;
}

#left_menu2 .collection
{
    background-image: url('images/collection.png');
}

#left_menu2 .catalogue
{
    background-image: url('images/catalogue.png');
}

.left_menu2 .brands
{
    background-image: url('images/bg_brands_menu.png');
}

#left_menu2 .new_arrival
{
    background-image: url('images/new_arrival.png');
}

#left_menu2 .shoes
{
    background-image: url('images/shoes.png');
}

#left_menu2 .bags
{
    background-image: url('images/bags.png');
}

#left_menu2 .shirts
{
    background-image: url('images/shirts.png');
}

#left_menu2 .brands
{
    background-image: url('images/bg_brands_menu.png');
}

#left_menu2 .on_sale
{
    background-image: url('images/on_sale.png');
}

#banner_right
{
    float:left;
    width:700px;
    margin-left:20px;
}

#banner_right #topbox
{
    height:90px;
    position:relative;    
}

/***** Shopping Bag Box Styles *****/
#banner_right #topbox .shoppingbag
{
    width:220px; height:90px;
    background-color:#fff;
    position:absolute;
    right:0px; top:0px;
}

#banner_right #topbox .signin
{
    background-image: url('images/signin.jpg');
    background-repeat:no-repeat;
    width:101px; height:30px;
    display:block;
    position:absolute;
    margin-top:0px; right:221px;
}

#banner_right #topbox .signout
{
    background-image: url('images/signout.jpg');
    background-repeat:no-repeat;
    width:101px; height:30px;
    display:block;
    position:absolute;
    margin-top:0px; right:221px;
}

#banner_right #topbox .loginuserbox
{
    width:auto; height:29px;
    position:absolute;
    margin-top:0px; right:322px;
    border:solid 1px #464646;
    color:#898989;
    font-size:11px;
    font-weight:normal;
    padding-left:12px;
    padding-right:12px;
    line-height:29px;
}

#banner_right #topbox .loginuserbox a
{
    font-size:11px;
    color:#898989;
}

#banner_right #topbox .loginuserbox a:hover
{
   color:#fff;
}

#banner_right #topbox .shoppingbag .yourshoppingbag
{
    background-image: url('images/your_shopping_bag.jpg');
    background-repeat:no-repeat;
    width:163px; height:17px;
    margin-top:10px;
    margin-left:10px;
}

#banner_right #topbox .shoppingbag .yourshoppingbag span
{
    visibility:hidden;
    width:163px;
    height:17px;
}

#banner_right #topbox .shoppingbag .checkout
{
    background-image: url('images/checkout.jpg');
    background-repeat:no-repeat;
    width:72px; height:20px;
    display:block;
    margin-left:10px;
    margin-top:12px;
    /*
    position:relative;
    top:-15px;
    */
}

#banner_right #topbox .shoppingbag .freedelivery
{
    background-image:url('images/free_uk_delivery.png');
    background-repeat:no-repeat;
    width:112px;
    height:19px;
    position:absolute;
    right:0px;
    bottom:8px;
    text-indent:-9999px;
    z-index:9999;
}

#banner_right #topbox .shoppingbag img.smallbag
{
    position:absolute;
    top:10px;
}

#banner_right #topbox a
{
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    margin-top:13px;
    /*margin-left:10px;*/
    color:#000;
}

#banner_right #topbox .shoppingitemcount
{
    margin-left:10px;
}

#banner_right #topbox span
{
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    margin-top:13px;
    margin-left:5px;
    color:#000;
}

#banner_right #topbox .shoppingbag img
{
    position:absolute;
    right:0px; bottom:5px;
}

/***** Shopping Bag Box Styles End *****/

/***** Middle Box Styles *****/

#middlebox
{
    /*width:700px;*/
    width:100%;
    height:240px;
    padding-top:20px;
}

.newarrival
{
    width:220px; height:240px;
    position:relative;
    margin-left:0px;
    
    /*margin-top:128px;*/
    /*margin-top:88px;*/
    float:left;
}

.newarrival:hover
{
    opacity:0.4;
    filter:alpha(opacity=70);
}

#middlebox .clothing
{
    width:220px; height:240px;
    position:relative;
    float:left;
}

#middlebox .clothing .clothing_link
{
    background-image: url('images/lnk_clothing.jpg');
    background-repeat:no-repeat;
    width:201px; height:40px;
    display:block;
    position:absolute;
    top:0px; right:-1px;
    cursor:pointer;
}

#middlebox .clothing:hover
{
    opacity:0.4;
    filter:alpha(opacity=70);
}

#middlebox .accessories
{
    width:220px; height:240px;
    position:relative;
    float:left;
    margin-left:20px;
}

#middlebox .accessories .accessories_link
{
    background-image: url('images/lnk_accessories.jpg');
    background-repeat:no-repeat;
    width:201px; height:40px;
    display:block;
    position:absolute;
    top:0px; right:0px;
    cursor:pointer;
}

#middlebox .accessories:hover
{
    opacity:0.4;
    filter:alpha(opacity=70);
}

#middlebox .shoes
{
    width:220px; height:240px;
    position:relative;
    float:left;
    margin-left:20px;
}

#middlebox .shoes .shoes_link
{
    background-image: url('images/lnk_shoes.jpg');
    background-repeat:no-repeat;
    width:200px; height:40px;
    display:block;
    position:absolute;
    top:0px; right:0px;
    cursor:pointer;
}

#middlebox .shoes:hover
{
    opacity:0.4;
    filter:alpha(opacity=70);
}


/***** Middle Box Styles End *****/

/***** Discover Box Styles *****/

.personalshopper
{
    width:220px;
    height:101px;
    position:relative;
    float:left;
    margin-top:25px;
}

.personalshopper:hover
{
    opacity:0.4;
    filter:alpha(opacity=70);
}

.personalshopper .discovermore
{
    background-image: url('images/discover_more.png');
    background-repeat:no-repeat;
    width:100px; height:20px;
    position:absolute;
    bottom:11px; right:10px;
    display:block;
}

/* Brand box in home page */
.brandbox
{
    background-image:url('images/bg_brand_home.jpg');
    background-repeat:repeat;
    /*width:940px;*/
    width:920px;
    height:190px;
    background-color:#747574;
}

.brandbox ul.brand_column
{
    /*width:234px;*/
    width:229px;
    /*height:240px;*/
    /*border-right:solid 1px #000;*/
    float:left;
}

.brandbox ul.brand_last_column
{
    border:none;
}

.brandbox ul.brand_column li
{
    padding-top:6px;
    margin-left:18px; 
}

.brandbox ul.brand_column li.normal_col
{
    border-right:solid 1px #000;
}

.brandbox ul.brand_column li.normal_col.last_col
{
    border:none;
}
    
.brandbox ul.brand_column li a
{
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
}

.brandbox ul.brand_column li a:hover
{
    color:#000;
} 


.brandbox .branditem_forth
{
    border:none;
}

#discoverbox
{
   /*width:700px;*/
   width:100%;
   height:101px;
   margin-top:20px;
}

#discoverbox .mainbox
{
    width:220px;
    height:101px;
    background-repeat:no-repeat;
    position:relative;
    float:left;
}

#discoverbox .mainbox:hover
{
    opacity:0.4;
    filter:alpha(opacity=70);
}

#discoverbox .mainbox .doscovermore
{
    background-image: url('images/discover_more.png');
    background-repeat:no-repeat;
    width:100px; height:20px;
    position:absolute;
    bottom:10px; right:11px;
    display:block;
}

#discoverbox .personal
{
    background-image: url('images/personal.jpg');
}

#discoverbox .gift
{
    background-image: url('images/gift.jpg');
}

#discoverbox .faq
{
    background-image: url('images/faq.jpg');
    margin-left:20px;    
}

#discoverbox .win_dinner
{
    background-image: url('images/win_dinner.jpg');
    margin-left:20px;    
}

#discoverbox .london_center
{
    background-image: url('images/london_center.jpg');
    margin-left:20px;    
}

/***** Discover Box End *****/


/***** Footer Styles *****/

#footer
{
    margin-top:20px;
    clear:both;
}

#footer #footer_left
{
    background-image: url('images/bg_footer_left.jpg');
    background-repeat:repeat-x;
    float:left;
    position:relative;
    width:720px; height:60px;
}

#footer #footer_left .footer_left_links
{
    position:absolute;
    top:18px; left:22px;
}

#footer #footer_left .footer_left_links a
{
    font-size:11px;
    color:#fff;
    text-decoration:none;
}
#footer #footer_left .footer_left_links a:hover
{
    text-decoration:underline;
}

/***** Subscribing styles *****/
#footer #footer_left .subscribe_to_newsletter
{
    position:relative;
    margin-left:440px;
    margin-top:20px;
}

#footer #footer_left .subscribe_to_newsletter .text
{
    font-size: 11px;
    font-family:Tahoma;
    color: #fff;
    cursor: text;
    margin-top:-20px;
    margin-left:32px;
    position:absolute;
}
#footer #footer_left .subscribe_to_newsletter label
{
    font-size: 11px;
    font-family:Tahoma;
    color: #fff;
    cursor: text;
    margin-top:30px;
    position:absolute;
}
#footer #footer_left .subscribe_to_newsletter input.email
{
    border: none;
    width: 174px;
    color: #fff;
    background-color:#000;
    padding: 7px;
    font-size: 12px;
    font-family:Tahoma;
    display:inline-block;  
}

#footer #footer_left .subscribe_to_newsletter .subscribe_label
{
    font-size: 11px;
    font-family:Tahoma;
    font-weight:normal;    
    color: #fff;
}

#footer #footer_left .subscribe_to_newsletter a.submit
{
    background-image: url('images/subscribesubmit_bg.jpg');
    border: none;
    text-indent:-9999px;
    font-size: 0%;
    width: 20px;
    height: 28px;
    cursor: pointer;
    vertical-align: top;
    display:inline-block;  
    margin-left:-2px;
}

#footer #footer_left .subscribe_to_newsletter a.submit:hover
{
    background-position: 0 28px;
}

#footer #footer_right
{
    background-image: url('images/bg_footer_right.jpg');
    background-repeat:repeat-x;
    float:left; margin-left:1px;
    width:219px; height:60px;
    position:relative;
}

#footer #footer_right .footer_right_links
{
    position:absolute;
    top:18px;
    left:18px;
    font-size:11px;
    color:#000;
}

#footer #footer_right .footer_right_links a
{
    text-decoration:none;
    cursor:pointer;
}

#footer #footer_right .footer_right_links .sharetable a.facebook, #footer #footer_right .footer_right_links .sharetable a.twitter
{
    float:left; margin-left:5px; margin-top:3px;
}

/***** Footer Styles End *****/

/***** Search Box Styles *****/

#searchbox
{
    width:220px; height:101px;
    background-image: url('images/search_in_paulie.jpg');
    background-position:top right;
    background-repeat:no-repeat;
    background-color:#888888;
    position:relative;
    margin-top:20px;
}

#searchbox .searchtext
{
    width:138px; height:17px;
    position:absolute;
    top:51px; right:63px;
    font-family:Tahoma;
    font-size:12px;
    padding:3px;
}

#searchbox .search
{
   background-image: url('images/search.jpg');
   background-repeat:no-repeat;
   width:63px; height:25px;
   display:block;
   position:absolute;
   top:52px; right:0px;
}

#refinesearchbox
{
    width:220px; height:220px;
    background-image: url('images/refine_your_search.jpg');
    background-position:top right;
    background-repeat:no-repeat;
    background-color:#888888;
    margin-top:20px;
    position:relative;
}

#refinesearchbox .text_designer
{
    background-image: url('images/text_designer.jpg');
    background-repeat:no-repeat;
    width:53px; height:19px;
    position:absolute;
    top:50px; left:20px;
}

#refinesearchbox .text_colour
{
    background-image: url('images/text_color.jpg');
    background-repeat:no-repeat;
    width:37px; height:16px;
    position:absolute;
    top:110px; left:20px;
}

#refinesearchbox .dropdown
{
    width:180px; height:24px;
}

#refinesearchbox .designer_dropdown
{
    position:absolute;
    top:70px; left:20px;
}

#refinesearchbox .update
{
   background-image: url('images/update.jpg');
   background-repeat:no-repeat;
   width:72px; height:25px;
   display:block;
   position:absolute;
   bottom:23px; right:21px;
}
/***** Search Box End *****/

/***** Left Small Banner *****/

.leftbanner
{
    width:220px;
    height:101px;
    background-repeat:no-repeat;
    position:relative;
    margin-top:20px;
}

.personal
{
   background-image: url('images/personal.jpg');
}

.giftcard
{
   background-image: url('images/gift.jpg');
}

.shopping_faq
{
   background-image: url('images/faq.jpg');
}

.win_dinner
{
   background-image: url('images/win_dinner.jpg');
}

.london_center
{
   background-image: url('images/london_center.jpg');
}

.leftbanner .leftbanner_link
{
    background-image: url('images/discover_more.png');
    background-repeat:no-repeat;
    width:100px; height:20px;
    position:absolute;
    bottom:10px; right:11px;
    display:block;
}
/***** Left Small Banner End *****/

/***** Home Slider *****/

/***** Home Slider End *****/ 

#showreel
{
    position:relative;
    margin-top:20px;
}

#showreel #slider
{
    width:700px; 
    height:350px;
    overflow:hidden;
    z-index: 98;
}

#showreel #slider ul, #slider li
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

#showreel #slider li
{
    width: 700px;
    height: 350px;
    overflow: hidden;
}

#showreel ul.showreel_controls
{
    width: 220px;
    /*height: 40px;*/
    position:absolute;
    right:10px;
    bottom: 25px;
    padding: 5px;
    z-index: 9999;
}

#showreel ul.showreel_controls li
{
     display:inline;
}

#showreel ul.showreel_controls li a.goto
{
    background-image: url('images/slidder_button.png');
    margin-right: 11px;
    width:12px;
    height:12px;
    display:block;
    text-align:center;  
    line-height: 20px;
    vertical-align:middle;
    font-size:12px;
    font-family:Tahoma;
    text-indent:-9999px;
     float:left;
}


#showreel ul.showreel_controls li a.goto:hover, #showreel ul.showreel_controls li a.goto.selected
{
    background-position: 0 -12px;
    text-decoration:none;
    color:#fff;
}

#showreel ul.showreel_controls li a span
{
    display:none;
}

.errormessage
{
    color:Red;  
    font-style: italic;
}
a.lock
{
    background-image: url('images/lock.png');
    display: block;
    position:absolute;
    top:0;
    right: 0;
    height:50px;
    width:50px;
}
a.lock span
{
    visibility:hidden;
}

.livebutton:hover
{
    opacity:0.8;
    filter:alpha(opacity=80);
    text-decoration:none;
}
.clear
{
    clear:both;
}
.tabarea
{
    margin-top:20px;
}

.ui-tabs
{
    padding:0 !important;
    border:none !important;
}

.ui-tabs .ui-tabs-nav
{
    padding-top:0 !important;
    padding-left:10px !important;
    border:none !important;
}
.ui-tabs .ui-tabs-nav li
{
    margin-right:1px !important;
    text-transform:uppercase !important;
    font-size:11px !important;
}


.ui-tabs .ui-tabs-panel 
{
    padding:20px;
}

.ui-tabs .ui-tabs-panel p
{
    color:#fff;
}
.ui-tabs .ui-tabs-panel a
{
    color:#fff;
}



