/*** Modals ***/
.modalbg
{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 800;
	height:100%;
	width: 100%;
	min-height:2000px;
	background-image: url(../images/modals/bg.png);
	text-align: center;
	vertical-align:middle;
}

.qbmodalbg
{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	height:100%;
	width: 100%;
	background-image: url(../images/modals/bg.png);
	text-align: center;
	vertical-align:middle;
}
.modalcont
{
    position:relative;
    width:780px;
    margin:10% auto auto auto;
}
.modaltop
{
    float:left;
    width:100%;
    line-height:30px;
    margin:-5px 0 10px 0;
    padding:0;
    border-bottom:1px solid #CCC;
}
.modaltop h1
{
    width:auto;
    float:left;
    border:none;
    padding:0;
    margin:0;
}
.modaltop h2
{
    width:auto;
    float:left;
    border:none;
    padding:0;
    margin:0;
}
.modaltop a.closemod
{
    float:right;
    line-height:24px;
    padding-right:10px;
}
/*** QUICK BUY ***/
#quickbuy
{   
	width:550px;
	min-height: 370px;
	padding: 41px 37px 30px 19px;
	margin-left:115px;
	background:url(../images/modals/quickbuy/quickbuybg.png) no-repeat;
	float:left;
	text-align:left;
	display:inline;
	position:relative;
}
#qb_left
{
    float:left;
    width:280px;
    padding:10px 0 0 5px;
}
#qb_left h1
{
    float:left;
    width:270px;
    padding:0;
    margin:0;
    font-size:18px;
    color:#333333;
    font-weight:normal;
    line-height:24px;
    border:none;
    letter-spacing:1px;
}
#qb_left span.desc
{
    float:left;
    width:100%;   
}
#qb_left div.price
{
    float:left;
    width:270px;
    padding:0 0 5px 0;
    margin:0;
    line-height:24px;
    text-align:left;
    position:relative; 
    z-index:80;
}
#qb_left div.price span.price
{
    padding:0;
    font-size:18px;
    float:left;
    font-weight:normal;
    line-height:24px;
    text-align:left;
    color:#333333;
}
#qb_left div.price span.was
{
    font-size:14px;
    padding:0;
    float:left;
    text-decoration:line-through;
    color:#333333;
}
#qb_left div.price span.now
{
    color:#FF0000;
    padding:0 10px 0 0;
    font-size:18px;
    float:left;
    font-weight:normal;
    line-height:24px;
    text-align:left;
}
#qb_left div.price em
{
    font-size:10px;
    color:#333333;
    display:block;
    line-height:12px;
}
#quickbuy #qb_right
{
    float:right;
    width:255px;
}
#quickbuy #qb_right a.closemod
{
    float:right;
    line-height:24px;
    padding-right:10px;
}
#qb_right div.prodc
{
    width:255px;
    float:left;
    margin:20px 0 0 3px;
    display:inline;
    padding:0;  
}
#qb_right div.prodc img
{
    float:left;
    padding:0;
    margin:0;
    border:0;
}
#qb_right div.prodc div.pinfo
{
    float:left;
    width:208px;
    height:275px;
    padding:11px 6px 0 9px;
    margin:0;
}

#qb_right div.prodc div.pinfo .brand
{
    background-image:url(../images/PL/brands/bg.png);
    float:left;
    font-size:10px;
    line-height:15px;
    padding:0;
    width:99%;
}
#qb_right div.prodc div.ctabs
{
    float:left;
    width:28px;
    padding:0;
    margin:0;
}
#qb_right div.prodc div.ctabs div.tab
{
    float:left;
    width:20px;
    padding:1px 5px 5px 3px;
    margin:3px 0 0 0;
    background-position:bottom left;
    background-repeat:no-repeat;
}
#qb_right div.prodc div.ctabs div.active_tab
{
    background-image:url(../images/modals/quickbuy/image/activetab.png);
}
#qb_right div.prodc div.ctabs div.inactive_tab
{
    background-image:url(../images/modals/quickbuy/image/inactivetab.png);
}
#qb_right div.prodc div.ctabs div.tab a
{
    width:18px;
    height:18px;
    float:left;
    border:1px solid #FFF;
    padding:0;
    margin:1px 0 0 0;
    display:inline;
}
#qb_right div.prodc div.ctabs div.inactive_tab a
{
    border:0;
    padding:1px;
}
#qb_right div.prodc div.ctabs div.tab a.active_swatch
{
    border:1px solid #000;
}
#qb_left a.instock
{
    width:21px;
    height:22px;
    background-image:url(../images/PD/buygrid/available.png);
}
#qb_left a.nostock
{
    width:21px;
    height:22px;
    background-image:url(../images/PD/buygrid/unavailable.png);
}

#qb_left a.addtobasket
{
   width:112px;
    height:30px;
    float:right;
    margin-top:-3px;
    background-position:0 -60px;
}
#qb_left a.addtobasket:hover{background-position:-210px -60px;}
#qb_left a.addtobasket:active{background-position:right -60px;}

#qb_left a.updateitem
{
    width:92px;
    height:23px;
    margin:5px 0 0 0;
    float:right;
    background-position:0 -1253px;
}
#qb_left a.updateitem:hover{background-position:-210px -1253px;}
#qb_left a.updateitem:active{background-position:right -1253px;}

#qb_left a.nextitem
{
   width:112px;
    height:30px;
    float:right;
    margin-top:-3px;
    background-position:0 -60px;
}
#qb_left a.nextitem:hover{background-position:-210px -60px;}
#qb_left a.nextitem:active{background-position:right -60px;}

#qb_left a.skipitem
{
    width:112px;
    height:30px;
    float:right;
    background-position:0 -750px;
}
#qb_left a.skipitem:hover{background-position:-210px -750px;}
#qb_left a.skipitem:active{background-position:right -750px;}
/*** Size Guide ***/
.sgmodal
{   
	width:797px;
	height: 430px;
	padding: 55px 33px 20px 14px;
	margin:0 auto auto;
	position:relative;
	background-image:url(../images/modals/guides/guidebg.png);
}
.sgmodal .scrollcont
{
    overflow:auto;
    width:797px;
    float:left;
    height:430px;
    padding:0;
    margin:0;
}
.sgmodal .CMSContent{background-color:#F9F5F2; text-align:left;}
/*** terms ***/
#termsmodal
{   
	width:800px;
	height: 450px;
	padding: 0;
	margin:0;
	border:2px solid #E0E0E0;
	background-color:#FAFBFC;
	float:left;
	text-align:left;
	overflow:auto;
}
#termsmodal a.closemod
{
    float:right;
    padding-right:10px;
    line-height:30px;
}
/*** send to a friend ***/
#stafmodal
{   
	width:372px;
	height:280px;
	padding:50px 45px 25px 24px;
	background:url(../images/modals/staf/stafbg.png) no-repeat;
	float:left;
	text-align:left;
}
/** wishlist information modal **/
#wlmodal
{   
	width:365px;
	padding:10px 0 5px 15px;
	margin:0;
	border:2px solid #E0E0E0;
	background-color:#FAFBFC;
	float:left;
	text-align:left;
}
/*** Password Hint ***/
.pwhint
{
    width:368px;
    padding:0 0 13px 0;
    margin:0;
    background-image:url(../images/modals/password/bottom.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    position:absolute;
    top:-20px;
    left:-355px;
}
.pwhint div.pwhcont
{
    float:left;
    width:330px;
    min-height:100px;
    padding:0 22px 0 16px;
    background-image:url(../images/modals/password/bg.gif);
    background-repeat:no-repeat;
    background-position:top left;
    color:#725F51;
}
.pwhint div.pwhcont h2
{
    float:left;
    width:270px;
    line-height:35px;
    border:0;
    padding:0;
    margin:0;
}
.pwhint div.pwhcont a.showhint
{
    float:right;
    line-height:35px;
}
.pwhint div.pwhcont ul
{
    width:100%;
    float:left;
    padding:0 0 0 10px;
    margin:0;
}
/*** Gift Message Info ***/
.gminfo
{
    width:347px;
    padding:0 0 13px 0;
    margin:0;
    position:absolute;
    background-image:url(../images/modals/giftmsg/bottom.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    z-index:9999;
    top:-20px;
    left:25px;
}
.gminfo div.gmicont
{
    float:left;
    width:309px;
    padding:0 22px 0 16px;
    background-image:url(../images/modals/giftmsg/bg.gif);
    background-repeat:no-repeat;
    background-position:top left;
}
.gminfo div.gmicont h2
{
    float:left;
    width:249px;
    line-height:35px;
    border:0;
    padding:0;
    margin:0;
}
.gminfo div.gmicont p
{
    padding:0;
    margin:0;
    line-height:normal;
}
.gminfo div.gmicont a.close
{
    float:right;
    line-height:35px;
}
/*** Store PickUp Info ***/
.spinfo
{
    width:347px;
    padding:0 0 13px 0;
    margin:0;
    position:absolute;
    background-image:url(../images/modals/giftmsg/bottom.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    z-index:9999;
    top:-20px;
    left:25px;
}
.spinfo div.spicont
{
    float:left;
    width:309px;
    padding:0 22px 0 16px;
    background-image:url(../images/modals/giftmsg/bg.gif);
    background-repeat:no-repeat;
    background-position:top left;
}
.spinfo div.spicont h2
{
    float:left;
    width:249px;
    line-height:35px;
    border:0;
    padding:0;
    margin:0;
}
.spinfo div.spicont p
{
    padding:0;
    margin:0;
    line-height:normal;
}
.spinfo div.spicont a.close
{
    float:right;
    line-height:35px;
}
/*** Map Popup ***/
.mapmodal
{   
	width:797px;
	height: 450px;
	padding:35px 33px 20px 14px;
	margin:60px auto auto;
	position:relative;
	background-image:url(../images/modals/guides/guidebg.png);
}

/**** PD Modal ************/
.pdpopup{position:absolute; z-index:700;}
.pdmodal
{
    width:1007px;
	padding:0 0 0 18px;
	margin:30px auto auto;
	position:relative;
	z-index:880;
}
.pdmodal .pdmodalbg
{
    width:960px;
	padding:35px 33px 0px 14px;
	min-height:600px;
	background-image:url(../images/modals/pdhover/pdbg.png);
	float:left;
	text-align:left;
}
.pdmodal #pdsocial{right:30px;}
.pdmodal .linkedprods, .pdmodal .recview,.pdmodal .bvaccordion{border-top:1px solid #DEDDDA; width:920px; margin-left:20px;}
.pdmodal .recview div.rvcont div.rows, .pdmodal .linkedprods div.lpcont div.rows{width:880px;}
.pdmodal .recview div.rvcont div.row, .pdmodal .linkedprods div.lpcont div.row{width:880px;}
.pdmodal .linkedprods a.closed, .pdmodal .recview a.closed{background-position:-30px 0;}
.pdmodal .linkedprods a.opened, .pdmodal .recview a.opened{background-position:-30px -34px;}
.pdmodal #pdsocial{right:50px;}

/******* full screen zoom modal *******/
#fullscreenzoom{z-index:750;}
.fszmodal
{
    width:1007px;
	padding:0 0 0 18px;
	margin:0 auto auto;
	position:relative;
	z-index:800;
}
.fszmodal #fszContent
{
    width:960px;
	padding:35px 33px 0px 14px;
	min-height:600px;
	background-image:url(../images/modals/pdhover/pdbg.png);
	float:left;
	text-align:left;
}
.fszmodal #fszContent .imagec{width: 835px; background-color:transparent; margin-left:10px;}
.fszmodal #fszContent #pd_colours
{
    float:left;
    width:945px;
    padding:6px 0 6px 15px;
    border:none;
}
.fszmodal #fszContent #pd_colours div.swatches{width:700px;}
.fszmodal #fszContent #pd_colours span{float:left;}
/*** Trade Doubler review Info ***/
.tdinfo
{
    width:368px;
    padding:0 0 13px 0;
    margin:0;
    background-image:url(../images/modals/password/bottom.png);
    background-repeat:no-repeat;
    background-position:bottom left;
    z-index:9999;
}
.tdinfo div.tdicont
{
    float:left;
    width:330px;
    min-height:100px;
    padding:0 22px 0 16px;
    background-image:url(../images/modals/password/bg.png);
    background-repeat:no-repeat;
    background-position:top left;
}
.tdinfo div.tdicont h2
{
    float:left;
    width:270px;
    line-height:35px;
    border:0;
    padding:0;
    margin:0;
}
.tdinfo div.tdicont a.close
{
    float:right;
    line-height:35px;
}
/*** Form Error ***/
.ferrorc
{
    position:relative;
    float:left;
    width:100%;
}
.ferrorc div.ferror
{
    width:152px;
    position:absolute;
    z-index:85;
    float:left;
    padding:0 0 2px 0;
    margin:0;
    background-image:url(../images/modals/error/bottom.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
}
.ferrorc div.ferror span
{
    float:left;
    padding:8px 5px 0 20px;
    margin:0;
    font-size:10px;
    background-image:url(../images/modals/error/bg.gif);
    background-repeat:no-repeat;
    background-position:top left;
    color:#725F51;
}
/*** Success Panel Modal ***/
.mdlsuccess
{
    position: absolute;
	left: 0;
	top: 0;
	z-index: 90;
	background-repeat:repeat;
	height:100%;
	width:100%;
	background-image:url(../images/modals/bg.png);
}
.mdlsuccess div.infocont
{
    width:221px;
    min-height:86px;
    margin:15% auto;
    padding:12px 15px 12px 15px;
    background-color:#D1C4B3;
    font-size:11px;
}
.mdlsuccess div.infocont h2
{
    padding:0;
    border:0;
    margin:0;
    line-height:20px;
}
.mdlsuccess div.infocont p
{
    padding:0;
    border:0;
    margin:0;
    line-height:14px;
    height:43px;
}
/*** NO PRODUTS ***/
#noproducts
{   
	width:550px;
	min-height: 200px;
	padding: 5px;
	margin-left:115px;
	border:2px solid #E0E0E0;
	background-color:#FAFBFC;
	float:left;
	text-align:left;
}
div.noprodscont
{
    width:221px;
    height:86px;
    margin:15% auto;
    padding:12px 15px 12px 15px;
    background-color:#D1C4B3;
    font-size:11px;
    text-align:left;
}
div.noprodscont h2
{
    padding:0;
    border:0;
    margin:0;
    line-height:20px;
}
div.noprodscont p
{
    padding:0;
    border:0;
    margin:0;
    line-height:14px;
    height:43px;
}
/*** REGION MAP ***/
#regionmap
{   
	width:792px;
	height:600px;
	padding:35px 53px 0 34px;
	top:80px;
	margin:0 auto auto;
	background:url(../images/modals/region/regionbg.png) no-repeat;
    position:relative;
    z-index:100;
}
#regionmap p.header{width:100%; border-bottom:1px solid #E6E5E4; line-height:34px; font-size:18px; color:#000; padding:0; margin:0 0 6px 0;}
#regionmap div.mapbg
{
    width:790px;
	height:422px;
	padding:0;
	margin:30px 0 50px 0;
    background-image:url(../images/modals/region/mainbgAW11.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
}
#worldmap
{
    width:790px;
	height:422px;
    float:left;
    padding:0;
    margin:0;
    background-repeat:no-repeat;
    background-position:top left;
}
#regionmap .usa
{
    background-image:url(../images/modals/region/usa.gif);
}
#regionmap .southamerica
{
    background-image:url(../images/modals/region/southamerica.gif);
}
#regionmap .europe
{
    background-image:url(../images/modals/region/europe.gif);
}
#regionmap .africa
{
    background-image:url(../images/modals/region/africa.gif);
}
#regionmap .asia
{
    background-image:url(../images/modals/region/asia.gif);
}
#regionmap .australia
{
    background-image:url(../images/modals/region/australia.gif);
}
/*** 360 and Catwalk ***/
#tsPopUp{position:absolute; z-index:7000;}
#ajaxcont
{   
	width:635px;
	height:630px;
	padding:35px 50px 30px 34px;
	top:50px;
	margin:0 auto auto;
	background:url(../images/modals/catwalk360/360viewbg.png) no-repeat;
    position:relative;
    z-index:100;
}
#ajaxcont .tstitle
{
    float:left;
    width:100%;
    padding:10px 0 10px 0;
    border-bottom:1px solid #DEDDDA;
    margin-bottom:15px;
    line-height:24px;
    text-align:center;
    color:#333333;
}
#ajaxcont .tstitle .brand{font-size:14px; text-indent:20px; display:inline-block;}
#ajaxcont .tstitle h2
{
    float:none;
    padding:0;
    margin:0;
    font-size:18px;
    color:#333333;
    font-weight:bold;
    line-height:24px;
    border:none;
    display:inline;
}
#ajaxcont .tstitle h2 em
{
    font-size:18px;
    font-style:normal;
    font-weight:normal;
    line-height:24px;
}
#ajaxcont .tstitle div.price
{
    float:none;
    display:inline;
    width:270px;
    padding:0 0 10px 0;
    margin:0;
    line-height:24px;
    text-align:left;
    position:relative; 
    z-index:80;
}
#ajaxcont .tstitle div.price span{float:none;}
#ajaxcont .tstitle div.price span.price
{
    padding:0;
    font-size:18px;
    float:none;
    font-weight:normal;
    line-height:24px;
    text-align:left;
    color:#333333;
}
#ajaxcont .tstitle div.price span.was
{
    font-size:18px;
    line-height:24px;
    padding:0;
    float:none;
    text-decoration:line-through;
    color:#333333;
}
#ajaxcont .tstitle div.price span.now
{
    color:#FF0000;
    padding:0 10px 0 0;
    font-size:18px;
    float:none;
    font-weight:normal;
    line-height:24px;
    text-align:left;
    text-transform:uppercase;
}
#ajaxcont .tstitle div.price em
{
    font-size:10px;
    color:#333333;
    line-height:12px;
}
#ajaxcont .tstitle div.price span.now em
{
    font-size:10px;
    color:#FF0000;
    line-height:12px;
    text-transform:none;
    clear:right;
}
#ajaxcont.catwalk
{   
	width:458px;
	height:706px;
	padding:35px 50px 30px 34px;
	top:50px;
	margin:0 auto auto;
	background:url(../images/modals/catwalk360/catwalkviewbg.png) no-repeat;
    position:relative;
    z-index:100;
}
/*** NEWSLETTER POPUP ***/
.nlmodalbg{position:absolute; z-index:700;}
#nlpopup
{   
	width:832px;
	height:617px;
	padding:35px 33px 20px 14px;
	top:80px;
	margin:0 auto auto;
	background:url(../images/modals/newsletter/newsletterbg.png);
    position:relative;
}


.closemodal
{
    height:43px;
    width:43px;
    position:absolute;
    top:14px;
    right:20px;
    background:url(../images/buttons/sprites.png) no-repeat 0 -671px;
}
.closemodal span{display:none;}
.closemodal:hover{background-position:right -671px;}