/* Author: Ideal Shopping Direct */
/* Production Date: 11-12-09 */

/* Lef hand navigation */

#leftnav { background-color:#FFF; float:left; height:auto; margin:0 0 0 5px; position:relative; text-align:left; width:140px; }

#leftnav h2 {background-color:#c9e7ff; background-image:url(../images/leftnav_header_140.png); color:#FFF; font-size:1.2em; height:25px; padding:5px 0 0; position:relative; text-align:center; width:140px; }
#leftnav_news h2 { background-color:#91ceff; }
#leftnav select { background-color:#58adfa; color:#FFF; font-size:1.1em; font-weight:700; left:3px; margin:3px 0; position:relative; width:130px; }

.leftnav_toplinks ul { display:inline; margin:0; padding:0; }
.leftnav_toplinks li { left:0; list-style:none; position:relative; } 
.leftnav_toplinks a { background-image:url(../images/background_leftnav_iw.gif); background-repeat:repeat-x; color:#666 display:block; font-size:1.1em; font-weight:700; height:19px; padding:3px 0 0 5px; width:135px; }
.leftnav_toplinks a:hover { background-repeat:repeat-x; display:block; height:19px; padding:3px 0 0 5px; text-decoration:underline; width:135px; } 

.leftnav_colour { background-color:#56acfa; border-bottom:2px solid #fff; color:#FFF; font-size:1.1em; font-weight:700; height:auto; padding:4px; text-align:left; width:auto; } 

.leftnavblock {background-repeat:no-repeat; border-top:1px solid #79BEFA; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:700; height:auto; padding:5px; text-align:left; width:130px;}
.leftnavblock li a:hover,#leftnav_news a:hover,.expand a:hover h3,.normal a:hover h3 { text-decoration:underline; }
.leftnavblock ul {background-color:#fff; display:block; font-weight:400; list-style:none; margin:0; padding:0; }
.leftnavblock li {margin-left:6px;}
.leftnavblock li a {text-decoration:none;}

.leftnavblock_facets { background:url(../images/leftnav_bg1.gif); background-repeat:no-repeat; border-top:1px solid #dbdbdb; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:700; height:auto; padding:5px; text-align:left; width:130px; } 
.leftnavblock_facets li { width:130px; }
.leftnavblock_facets img { left:0; margin-right:5px; position:relative; top:0; } 
.leftnavblock_facets span { color:#999; font-size:.8em; font-weight:400; } 
.leftnavblock_facets_key { border-top:1px solid #dbdbdb; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:700; height:14px; padding-left:5px; text-align:left; width:130px; } 

#leftnav_news p { color:#999; left:6px; position:relative; } 

.leftnavmenubottom { background-color:#c9e7ff; vertical-align:bottom; }
.leftnavmenubottomnews { background-color:#91ceff; vertical-align:bottom; }

.expand { background:url(../images/test2.gif); }
.expand2 { background-color:#f9f9f9; }
.expand h3,.normal h3 { font-size:1.1em; font-weight:700; height:auto; width:100%; }
.expand a,.normal a { display:block; height:15px; width:130px; }

.normal { background:url(../images/test1.gif); }

.newsletterjoinnow_btn { background:url(../images/joinnow_btn.gif) no-repeat; background-position:top; height:17px; left:94px; position:relative; top:15px; width:41px; } 
.newsletterjoinnow_btn:hover { background:url(../images/joinnow_btn.gif) no-repeat; background-position:bottom; height:17px; left:94px; position:relative; top:15px; width:41px; }
.newsletter_textfield { border:1px #a5d4ff solid; border-style:solid; color:#999; font-size:1.3em; left:5px; position:relative; top:10px; width:126px; }

/* Fix for items that span two lines in the menu - only works in IE 7 and Firefox 2+ */
img[alt='- Remove Filter']{ float:left; border-bottom-width:10px; border-top-width:10px; border-style:solid; border-color:#FFFFFF; }

/* Main Page Contant Space */

#mainframe { background-color:#FFF; background-image:url(../images/contenttopwhite.gif); background-position:top; background-repeat:no-repeat; float:right; height:auto; margin:5px; position:relative; text-align:left; top:-5px; width:800px;}

.marginmain {margin:5px 15px;} 

.margin15 {margin:15px;}

#crumbs { color:#666; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; margin:0 15px; padding:0; }
#crumbs li { display:inline; list-style:none; margin-left:0; padding:0 2px; }
#crumbs li a { color:#999!important; text-decoration:none; }
#crumbs li a:hover,#crumbs li a:active,#crumbs li a:visited { color:#000; text-decoration:underline; } 
.leftnav_toplinks,#crumbs ul { margin:0; padding:0; }

/* CSS Document */

p {font-size:1.1em;}
.hiddenlink {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}

/* Styles Jewellery Gloassary */

/* Style Constants */
.heading {float:left; width:745px; height:auto;padding:4px;margin:8px 0;background-color:#eaeaea; border-bottom:1px solid #ccc;font-size:1.5em;color:#666}

#staticleftnav {background-color:#FFF; float:left; height:auto; margin:0 0 0 5px; position:relative; text-align:left; width:140px;}
#staticleftnav h2 {background-color:#c9e7ff; background-image:url(../images/leftnav_header_140.png); color:#FFF; font-size:1.2em; height:25px; padding:5px 0 0; position:relative; text-align:center; width:140px;}
#staticleftnav ul {float:left;width:140px;height:auto;list-style-type:none;list-style-position:outside; margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;font-size:1.1em}
#staticleftnav li {width:100%;}
#staticleftnav a, #leftnav a:link, #leftnav a:active, #leftnav a:visited {font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#666;text-decoration:none; border-top:1px solid #ccc;display:block;padding:3px 3px 4px 3px;font-weight:bold; margin:0;}
#staticleftnav a:hover {text-decoration:underline}

a:link.copylink,a:active.copylink,a:visited.copylink {text-decoration:underline}
a:hover.copylink {color:#0099FF}

a:link.backtop,a:active.backtop,a:visited.backtop {float:right; clear:both; text-decoration:none;}
a:hover.backtop {text-decoration:underline;}

/* Navigation Element*/
.naviletter {position:relative; float:left; width:100%; height:auto; background-color:#deeefe; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; border-bottom: 1px solid #b5d8f4; margin:5px 0;}
.naviletter ul {position:relative; float:left; margin:4px; padding:0; left:0px}
.naviletter li {display:inline;float:left; padding:4px;}
.naviletter a, .naviletter a:link, .naviletter a:active, .naviletter a:visited {padding:4px; text-decoration:underline; color:#666666}
.naviletter a:hover {background-color:#3399CC; color:#fff; text-decoration:none}

/* About Us */
dl {font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:6px}
dt {font-weight:bold; font-size:1.2em}
dd {margin:0 0 0 10px;}

/* Definition */
.defstrip {margin:5px 0 15px 0; padding:5px; border-bottom:1px solid #ccc;}
.defstrip h3 {font-family:Arial, Helvetica, sans-serif;font-size:1.4em;color:#666;padding:4px;}
.defstrip p {font-family:Arial, Helvetica, sans-serif;font-size:1.1em; margin:4px; clear:both}

/* List inside a definition pannel */
.defstrip ul { list-style-type:square; margin:10px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.1em}
.defstrip li {list-style-position:inside; margin:0; padding:0}

.defstrip h3 a, .defstrip h3 a:link, .defstrip h3 a:visited, .defstrip h3 a:active {font-size:1em;font-weight:normal; color:#666;}
.defstrip h3 a:hover {color:#3399CC}

.letter {font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#666666; border-bottom:1px solid #ccc; background-color:#d9d9d9; margin:5px 0; padding:4px;}

/* Style Product A-to-Z */
.listblock {position:relative; float:left; width:750px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; border-bottom:1px solid #ccc; margin:5px 0; padding:5px 10px; clear:both; color:#ccc}
.listblock ul {list-style-type:square; margin:0; padding:0;}
.listblock li {float:left; width:235px; height:auto; list-style-position:inside; padding:2px; margin:0;}

/* Brand */
.allbrandpannel {position:relative; float:left; width:750px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; border-bottom:1px solid #ccc; margin:5px 0; padding:5px 10px; clear:both; color:#ccc}
.allbrandpannel ul {list-style-type:square; margin:0; padding:0;}
.allbrandpannel li {float:left; width:175px; height:auto; list-style-position:inside; padding:2px; margin:0;}

/* Contact Us */
address {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-style:italic}

/* Presenter Pages ---------------------------- */
#presgallery {border-collapse:collapse; width:700px; height:auto;}

#piccolumn {position:relative; float:left; width:250px; height:auto}

#presbox {position:relative;float:left;width:770px;height:auto}
#presbox img {position:relative;float:left;}
#presbox h2 {font-size:1.8em; padding:3px 0; border-bottom:1px dotted #ccc;}
#presbox p {margin:0.5em 0}
#presbox p span { font-size:1.3em; font-style:italic; font-weight:bold; margin:0.5em 0}
.txtcol {position:relative; float:right; width:500px; height:auto; margin:0; padding:10px}
.imgcol {position:relative; float:left; width:250px; height:auto;}

.presnav {position:absolute; z-index:104; width:500px; height:auto; font-size:12px; top:60px; left:260px; text-align:right; }

.presnav a, .presnav a:link, .presnav a:active, .presnav a:visited {font-size:12px; text-decoration:none; color:#0099CC; border:none; }
.presnav a:hover { color:#0099CC; }

.presnav a span, .presnav a:link span, .presnav a:active span, .presnav a:visited span {font-size:12px; text-decoration:none; font-weight:bold; color:#666;}
.presnav a:hover span {text-decoration:underline; color:#000}

.qa dl {}
.qa dt {font-size:1.3em; margin:14px 0 0 0; color:#0099CC}
.qa dd {padding:0 12px; margin:3px 10px; background:url(../images/cs_bullet.gif) left top no-repeat;}

/* Presenter Quickfire */
#quickfire { position:relative; float:left;font-family:Arial, Helvetica, sans-serif; margin:10px auto;}
#quickfire h3 {width:244px;font-size:1.2em;background-color:#59ADFA;color:#fff;padding:3px}
#quickfire ul {padding:5px 0; margin:0; border-bottom:1px dotted #ccc}
#quickfire li {font-size:1.2em; list-style:square; padding:0; margin:0; list-style-position:inside !important; color:#59ADFA; font-weight:bold}
#quickfire span {margin-left:4px; color:#666; font-style:italic; font-size:1.1em}


/* Customer Services --------------------------------- */
.csbox {width:750px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:10px; border-bottom:1px dotted #ccc; margin:5px auto;}
.csbox p {margin:0.5em 0;}
.csbox h2 {font-size:1.4em;margin:0 0 5px 0;color:#3399CC}
.csbox h3 {font-size:1.2em;margin:0 0 5px 0;color:#3399CC}
.csbox li {font-size:1.1em}

.csbox a, .csbox a:link, .csbox a:active, .csbox a:visited {color:#000;text-decoration:none;}
.csbox a:hover {text-decoration:underline}

/* Styles pannel of links */
.linkbox {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:10px; border-bottom:1px dotted #ccc}
.linkbox h2 {font-size:1.3em;margin:0 0 5px 0;color:#3399CC}
.linkbox ul {list-style:none; margin:10px; font-size:1.3em; list-style-position:inside; padding:0}
.linkbox li {list-style-position:inside; float:left; width:350px; height:auto; background:url(../images/cs_bullet.gif) no-repeat; padding:0 0 0 15px; margin:2px 0;}
.linkbox a, .linkbox a:link, .linkbox a:active, .linkbox a:visited {color:#000;text-decoration:none;}
.linkbox a:hover {text-decoration:underline}

a:link.prodlink, a:active.prodlink, a:visited.prodlink {text-decoration:underline; color:#000}
a:hover.prodlink {color:#0099CC}

.csboxcopylist ol {margin:0; padding:0;}
.csboxcopylist ul {margin:0;padding:0; font-size:1em}
.csboxcopylist li {width:auto;height:auto;list-style-type:square;list-style-position:inside;margin:0;padding:0;float:none;background:none;font-size:1.1em}

/* Returns Policy */
.datatable {border-collapse:collapse;}
.datatable td {padding:2px; border:1px solid #ccc}
.datatable th {padding:2px; border:1px solid #ccc}

.datalist {font-size:1.1em !important;}
.datalist ul {}
.datalist li {float:none; width:auto;list-style-type:square; margin:0; padding:0;}

.letterlist {font-family:Arial, Helvetica, sans-serif;font-size:1.1em;}
.letterlist li {float:none;background:none;width:auto;padding:0;margin:0;list-style-position:outside}

/* Fashion Size Guide */
#infocol {position:relative;float:left;width:400px;height:600px;font-family:Arial, Helvetica, sans-serif; font-size:1.1em}
#infocol p {margin:8px}
.measure {position:relative;float:left;width:400px;height:auto;background-color:#ededed;font-family:Arial, Helvetica, sans-serif;margin:3px 0; color:#666666}
.measure p {width:350px}
.measure p span {font-size:1.8em; font-weight:bold}
#fashsizemodel {position:absolute;z-index:88; left:365px}

/* Fashion Size Guide */
#infocol {position:relative;float:left;width:400px;height:600px;font-family:Arial, Helvetica, sans-serif;}
#infocol p {margin:8px}
.measure {position:relative;float:left;width:400px;height:auto;background-color:#ededed;font-family:Arial, Helvetica, sans-serif;margin:3px 0; color:#666666}
.measure p {font-size:1.2em; width:350px}
.measure p span {font-size:1.8em; font-weight:bold}
#fashsizemodel {position:absolute;z-index:88; left:365px}

/* Fashion Shape Lists*/
.whatshape {background-color:#f9f9f9; border-top:2px solid #ededed; padding:1em; list-style-position:inside; font-size:1em;list-style-type:square; margin:1em 0 2em 0; width:230px; font-style:italic}
.shapetips {background-color:#f9f9f9; border-top:2px solid #ededed; padding:1em; list-style-position:inside; font-size:1em;list-style-type:square; margin:1em 0 2em 0;}
.shapetitle {font-size:2em !important}
.bodyshapetxt {float:right; width:560px} /* Styles the box to the right to allow for body image */

/* Kosmea Rodehip Skincare Brand (added 11/09/08)*/
#kosmeawrap {position:relative;float:left;width:770px;height:auto;background-color:#f1fce6; background:#f1fce6 url(../images/static/bg_topcorner.gif) no-repeat top right;}
#kosmeawrap p , #kosmeawrap h2, #kosmeawrap h3, #kosmeawrap ul {font-family:Arial, Helvetica, sans-serif; color:#666666; margin: 0.5em 0}
#kosmeawrap p {font-size:1.2em}
#kosmeawrap h2 {font-size:1.6em}
#kosmeawrap h3 {font-size:1.3em; border-bottom:1px dotted #ccc}
#kosmeawrap h3 span {font-size:1em; font-weight:normal;}
#kosmeawrap ul {font-size:1.2em;margin:0;padding:0;list-style-position:outside;background-color:#e0f1d0}
#kosmeawrap li {list-style-image:url(../images/static/ul_tick.gif);margin:0 0 0 30px; padding:4px 0 4px 10px}
#kosmeawrap a { text-decoration:underline; font-weight:bold; color:#666}

#koships { position:absolute;z-index:89;left:445px;top:220px}
.kosmeabox {margin:25px 0 0 25px;}
#kostxt1 {width:410px; margin:0 0 2em 0;}
#kosleftcol {position:relative;float:left;width:255px;height:auto;margin:0 0 0 25px}
#kosrightcol {position:relative;float:right;width:450px;height:auto;margin:0 25px 0 0}
.kosbottprod {position:relative;float:left;width:230px;height:auto;margin:0 14px 0 0}

/* Urgent Informartion Panel (added 19/09/08)*/
.urginfo { position:relative; float:left; margin:10px; padding:5px; background-color:#FFFFCC; border:2px dotted #FFCC00; color:#333333 }
.urginfo h2 { color:#333333}

/* Bluebery Quartz Static Page (added 19/09/08) */
#blueberrywrap {position:relative;float:left;width:770px;height:auto;background-color:#f1fce6;background:#f2e5ff url(../images/static/bg_blueberry.gif);border-bottom:2px solid #ebd8ff}
#blueberrycol {position:relative;float:left;width:440px;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:1.2em;text-align:justify}
#blueberrycol p, #blueberrycol h2  {margin:0.5em 0 0.5em 2em;color:#553a6f}
#blueberrycol h2 {font-size:1.3em;margin:1em 0 0.5em 1.5em}
#blueberrycol ul {margin:0 0 20px 0;padding:0;list-style-position:outside;color:#553a6f}
#blueberrycol li {margin:5px 0 5px 40px;list-style-image:url(../images/static/li_blueberry.gif);padding: 0 0 0 5px}

/* Product Tick List */
.prodticklist {list-style-image:url(../images/static/li_prodticks.gif);}

/*  */
.bodyissues {list-style-position:outside}
.bodyissues li {}
.bodyissues span {font-weight:bold; font-size:1.2em}
.skippinglinks {margin:0 0 20px 0;}
.skippinglinks a, .skippinglinks a:link, .skippinglinks a:active, .skippinglinks a:visited {text-decoration:none; margin:0 0 0 10px}
.skippinglinks a:hover {text-decoration:underline}

/* Beauty Tips (07/10/09)*/
.tip {font-family:Arial, Helvetica, sans-serif;font-size:1em;background-color:#fff;line-height:1.5em; margin:5px}
/*.tip {font-family:Arial, Helvetica, sans-serif;font-size:1em;background-color:#ffffe7;padding:0.5em 1em;border:2px solid #fff;line-height:1.5em}*/
#anchorbar {background-color:#daecf6;padding:1em;font-family:Arial, Helvetica, sans-serif; font-size:1.2em}
#anchorbar a, #anchorbar a:link, #anchorbar a:active, #anchorbar a:visited {padding:0.5em; background-color:#fff; color:#666; text-decoration:none; border-bottom:1px solid #ededed; border-right:1px solid #ededed}
#anchorbar a:hover {text-decoration:underline}
#anchorbar a img {border:nonel;}

.toptipscol {position:relative;float:right;width:198px;height:100%;background-color:#daecf6; margin:0 -10px 0 5px}
.toptipscol p {font-size:1em; background-color:#fff; margin:0 1em 1em 1em; padding:5px;}
.toptipscol img {display:block}

.bigtext {font-size:1.2em; font-weight:bold}
.imgborder { display:block;margin:1em; text-align:right}

#videoselect {position:relative;float:left;width:720px;height:280px;background-color:#d8dbfa;padding:1em; margin:1em auto}
#videocontent {position:relative;float:right;}
#words {position:relative; float:left; width:320px; height:auto; margin:1em}
#words p {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; margin:1em 0}
#words a, #words a:link, #words a:active, #words a:visited {font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#000; font-weight:bold; text-decoration:none}
#words a:hover {text-decoration:underline;color:#fff}
#words h2 { font-family:Arial, Helvetica, sans-serif;font-size:2em;margin:0; color:#887ea8}
#words ul {color:#887ea8;margin:0 0 0 2em;padding:0;list-style-position:outside;}
#words li {list-style-image:url(../images/static/li_playcorsetvids.gif);padding:0 0 0 5px;margin:0 0 0 2em; height:20px;vertical-align:middle}

/* Win a Car with Greased Lightning (13/10/08)*/
#winacar {position:relative;float:left;width:770px;height:750px;background:url(../images/static/wincar_background.gif) no-repeat;background-position:0 240px;}
#winacar a { color:#333333}
#carspec {position:relative;float:right;right:15px;top:16px;width:340px;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:1.2em;font-weight:bold;}
#carspec p, #carspec h2 {margin:0 auto;width:310px;}
#carspec h2 {font-size:1.4em}
#carspec ul {width:310px;list-style-position:outside;list-style-type:none;margin:0.6em auto;padding:0}
#carspec li {margin:0.2em 0;padding:0.2em}
.greybg {background-color:#ededed}
#carspec p {font-size:1em; font-weight:normal}

#carblurb {position:relative;float:left;width:360px;height:auto;left:30px;top:50px;font-family:Arial, Helvetica, sans-serif;font-size:1.2em}
#carblurb p, #carblurb h2  {margin:0.5em auto}

#carblurb h2  {font-size:1.4em}
#carblurb img  {margin:0.5em auto}

/* OTP Landing Pages (Created by PF 22/10/08)*/
#landingframe {font-family:Arial, Helvetica, sans-serif;}
#landingframe h1 {font-family:Arial, Helvetica, sans-serif;font-size:1.5em;width:750px;height:auto;padding:5px 10px;background-color:#8ec95d; color:#fff}
#lander_left {position:relative;float:left;width:420px; height:auto;}
#lander_left img {margin:0; float:left}
#lander_left h2 {font-family:Arial, Helvetica, sans-serif;font-size:2em;width:400px;height:auto;padding:5px 10px;background-color:#e7f6f7;color:#000}
#lander_right {position:relative;float:right;width:350px;height:auto;}
#lander_right p, #lander_right ul { font-size:1.2em}
#lander_right h3 {font-size:1.4em; margin:0.5em 0}
#player {position:relative;float:left;width:350px;height:auto;background-color:#e7f6f7;text-align:center;padding:10px 0; margin:0 0 10px 0}