/* Common Css -------------------------------------------------- */
html, body{margin:0;padding:0;}
html{font-family:Arial,Helvetica,sans-serif;}
body{background:#f2f2f2 url("/images/body_bg.gif") repeat-x top left;text-align:center;margin:0;padding:0;}

/* Just for xmas bk change----*/
/* html{background: #e6ecf2 url("/images/body_bg.gif") repeat-x top left;} */
/* body{ background:  transparent url("/images/star_background.png") repeat center; }*/
/* -------------------------- */

#content{width:980px;margin-left:auto;margin-right:auto;position:relative;background:#fff;text-align:left;}
#content{padding-left:9px;padding-right:9px;padding-top:22px;}
#minilogo{position:absolute;left:10px;top:22px;}
#headertop {height:74px;width:980px;margin:0 0 10px 0;}
#bod .hideelement{ display:none; position:relative;}
a img{border:medium none;}
#minilogo a:link, #minilogo a:visited{color:#fff;padding:0pt 0.7em;}

/* natural classes */
/*body{background:#7388A5;margin:0;text-align:center;font:700 11px tahoma;}*/
img{border:0;}
/* End Common----------------------------------------------------------------*/

/* Basket ----------------------------------------------------- */
.basketpanel{margin-bottom:0;}
#buttonholder {background:#EDF0F2;border:1px solid #ccc;margin:2px 0px 0pt;padding-bottom:0.5em;text-align:center;width:100%;}
#buttonholder a{display:block;}
#buttonholder a:link, #buttonholder a:visited{font-weight:bold;text-decoration:none;}
#buttonholder a:hover{text-decoration:underline;}
#buttonholder a.trolleybutton:link, #buttonholder a.trolleybutton:visited{border:medium none;color:#5F676C;font-size:0.75em;padding:5px 0px 10px;text-decoration:underline;}
#buttonholder a.trolleybutton:hover{color:#3EA4EB;}
#buttonholder a.checkoutbutton{background:transparent url(/images/site/checkoutbutton.gif) no-repeat scroll center;color:#fff;font-size:0.75em;padding:5px 0px;text-transform:uppercase;width:auto;}
#bar{float:left;width:0px;position:absolute;text-align:center;}
.barclass{text-align:center;}
#bar input{font-size:0.8em;width:230px;right:auto;top:15px;}
#bar .button{background:transparent url(/images/site/button_go.gif) no-repeat scroll center;border:none;color:#fff;font-weight:bold;font-size:0.75em;text-align:center;width:37px;height:37px;margin-left:236px;margin-top:-81px;vertical-align:middle;cursor:pointer;padding:0;}
.maincolourbar input{border:1px solid #a5acb2;color:#666C6F;font-weight:normal;margin-top:-76px;padding:3px 0 5px 2px;position:absolute;}

/* New Header Floated Basket ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#basket ul{padding:0;margin:0;list-style:none;}
#basket li{float:left;margin:0;padding:0;}
#basket li li{background:#0060af;float:none;}

/* Basket Link */
#basket a, #basket a:visited{display:block;font-weight:bold;text-decoration:underline;}
#basket a:hover{position:relative;}

/* Hide Basket 
#basket ul div.basketwrapper, #basket ul iframe, iframe { height:1px; right:0; overflow:hidden; position:absolute; top:-500em; width:1px; background:#EDF0F2;} */
#basket{position:absolute;}
#trolleycontainer{visibility:hidden;position:relative;float:right;background:#fff;width:25em;}
#basketlinks{float:right;}
#basket ul div.basketwrapper, #basket ul iframe, iframe{right:0;}
/* #basket table { width: 100%; position:absolute; top:0; left:0; border-collapse:collapse; } */ /* Removing this will break IE */
#basket table{left:auto;right:0;}

/* Styles for Basket Content */
#basket ul div.basketwrapper{background:#fff;color:#fff;} /* Basket Styling */

/* Positions Basket on Hover */
#basket li:hover div.basketwrapper, #basket li a:hover div.basketwrapper{background:#EDF0F2; left: auto;right: 0;}
#basket ul li:hover iframe, #basket ul li a:hover iframe{background:#EDF0F2;position: relative; top: 0px;height:auto;}
#basket ul li:hover div.basketwrapper, #basket ul li a:hover div.basketwrapper{background:#EDF0F2; top:16px;right:0;width:300px;height:auto;overflow:visible;border:0px;z-index:101;}
#basket{border:none;clear:right;float:right;line-height:1.5em;right:10px;text-align:right;top:38px;width:22em;z-index:9000;}
#basket #ddbasket{position:absolute;z-index:50;display:none; margin:0;background-position:0 0;border:thin solid white;background:#EDF0F2;margin-left:-109px;}
.baskettitleonright{padding-bottom:21px;background:none;}
.baskettitleonleft{padding-right:0;background:none;}
.basketlink a:link, .basketlink a:visited{color:#000;font-weight:bold;width:auto;}
.basketlink a:hover {color:#0060af;}
#baskettotal{display:block;float:right;width:auto;font-size:0.75em;border-right:1px solid #ccc;background:transparent url(../images/site/icon_basket.gif) no-repeat scroll left center;color:#43474B;margin:0.2em 0.5em 0 0;padding:0 0.5em 0 1.8em;}
.basketlink{float:right;width:auto;clear:right;font-size:0.75em;background:url(/images/site/colone_head_left.gif) repeat-x scroll left bottom #F2F2F2;border:1px solid #CCCCCC;padding:0.15em 0.6em;margin-top:0;}

/* End new header floated basket --------------------------------------------------------------------------------------------------------------- */

.maincolourbar{display:none;visibility:hidden;float:left;width:90%;text-align:center;left:372px;top:125px;}

/* end basket --------------------------------------------------------------------------------------------------------------- */

/* top links -------------------------------------------- */
#bblinks{text-align:right;font-size:0.75em;padding:0 0 28px 0;width:100%;}
#bblinks ul{display:inline;font-size:0.9em;list-style-image:none;list-style-position:outside;list-style-type:none;}
#bblinks li{display:inline;margin-top:0;text-align:right;}
#bblinks a:link, #bblinks a:visited{border-right: 1px solid #ccc;color:#43474B;padding:0 0.8em 0 0.4em;text-decoration:underline;}
#bblinks a:hover{color:#0060af;}
#bblinks .phone a:link, #bblinks .phone a:visited{border-right:none;padding-right:0;text-decoration:none;}
#bblinks li.last a:visited, #bblinks li.last a:link{border:medium none;}
#bblinks a:hover, #bblinks .phone a:hover{text-decoration:underline;}
#bblinks .phone {background:transparent url(/images/site/icon_callcentre.gif) no-repeat left center;margin-left:0.6em;padding-left:2em;}
/* top links end -------------------------------------------------------- */

/* Menu ------------------------------------------------------------------------------------------------------------------------- */
#menupos p.bold{padding-left:15px; color:#c00;}
#menupos a.linkup{position:relative;}
#menupos a.buttonup{position:absolute;top:200px;left:650px; border:0;}
#menupos a.buttonup img{border:0;}
#menupos .gleft{float:left;margin:25px 0 10px 0;}
#menupos .gright{float:right;margin:25px 5px 10px 0;}
#menupos .grc{margin:20px 0 0 10px;}
#menupos{text-align:center;background:#000 url(/images/site/newtab.gif) repeat-x scroll left top;border-top:1px solid #fff;width:981px;}
.menu{margin:0pt auto;text-align:center;font-weight:bold;font-size:0.75em;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;height:28px;position:relative;z-index:6000;}	
* html .menu{width:auto; margin:0pt; padding:0pt;}
.menu ul{padding:0;margin:0;list-style-type:none; }
.menu ul ul{text-align:left;}
.menu ul div ul{text-align:left;}
.menu li{float:left;position:relative;border-left:1px solid #013372;}
.menu li ul li{border-left:none;}
.menu a, .menu a:visited{display:block;font-size:1.0em;text-decoration:none;color:#fff;height:28px;border-left:1px solid #999;border-right:1px solid #999;border-width:1px 0 1px 1px;background:#000 url(/images/site/newtab.gif) repeat-x left top;line-height:28px;}
.menu ul ul a:link, .menu ul ul a:visited{border-left:1px solid #666c6f;border-right:1px solid #666c6f;}
.menu ul div a:link, .menu ul div a:visited{border:none;}
.menu ul ul .lastli{}
.menu ul div ul .lastli{}
.menu ul ul{visibility:hidden;position:absolute;height:auto;top:28px;left:0;width:198px;}
.menu ul div{visibility:hidden;position:absolute;height:0;top:0;left:0;width:620px;padding:0px;}
.menu ul div.subcatmenu{width:400px;}
.menu ul div.subcatmenuthree{width:520px;}
.menu ul div ul{visibility:hidden;height:auto;top:28px;left:0;float:left;position:relative;width:170px;background:#fff url(/images/site/submenu_bg.gif) repeat-x scroll left bottom;margin: 0;}
.menu ul div ul li{background:transparent;line-height:1.0em;}
.menu table{position:absolute;top:0;left:0;border-collapse:collapse;}
.menu ul ul a, .menu ul ul a:visited, .menu ul ul a:hover{background:transparent;color:#fff;height:auto;line-height:1.2em;padding:5px 5px 5px 10px;width:155px;font-weight:normal;}
.menu ul div ul a, .menu ul div ul a:visited, .menu ul div ul a:hover{color:#000;height:auto;line-height:1.2em;padding:5px 5px 5px 10px;width:155px;font-weight:normal;}
.menu ul div dl{height:auto;top:0;left:0;float:left;position:relative;width:190px;padding-top:5px;margin:0;background:transparent;}
.menu ul div ul{border-top:6px solid #ddd;border-bottom:6px solid #ddd;padding-bottom:20px;padding-top:5px;}
.menu ul div ul.menuulboth{border-left:6px solid #ddd;border-right:6px solid #ddd;}
.menu ul div ul.menuulleft{border-left:6px solid #ddd;} 
.menu ul div ul.menuulright{border-right:6px solid #ddd;} 
.menu ul div ul.menuulcond{width:155px;} 
.menu :hover > a, .menu a:hover{text-decoration:underline;}
.menu ul ul a:hover{text-decoration:underline;font-weight:normal;}
.menu ul ul :hover > a{text-decoration:underline;}
.menu a:hover{background:#f2f2f2 url(/images/site/colone_head_left.gif) repeat-x scroll left bottom;text-decoration:underline;color:#333;}
.menu ul li:hover ul, .menu ul a:hover ul, menu ul a:hover div ul{visibility:visible;}
b.head {padding:0px 0px 5px 10px;color:#4b4b4b;}
.menu ul div ul li.firsthead{padding:7px 0px 5px 0px;}
.menu li.menuspacer a:hover, .menu li.menuspacer a:link,.menu li.menuspacer a:visited{background:none;text-decoration:none;color:#000;}
.menu ul div ul li.lastlink{border-top:1px dotted #666;}
.menu ul div ul .menuspacer a:link, .menu ul div ul .menuspacer a:visited, .menu ul div ul .menuspacer a:hover{color:#fff;text-decoration:none;cursor:default;}

/* ------------------------------------------------------------ */
/* custimisable area. note total btn widths should total to just under 900px */
.menu{width:981px;padding-left:0px;}
.menu .firstli{border-left:none;}
/* IE 6 fixed if widths are not set */

#BGFilter{filter:progid:DXImageTransform.Microsoft.alpha(opacity='40');-moz-opacity:0.4;opacity:0.4;}

/* Pre Jessops Advice Total must be no more than 81.77em */
#homebtn a{border-left:none;}
#christmasbtn{width:6em;border-left:none;}
#christmasbtn a{border-left:none;}
#cccamerasbtn{width:9.2em;}
#bridgebtn{width:8.9em;}
#cscamerasbtn{width:13.8em;}
#dslrcamerasbtn{width:6.9em;}
#lensesbtn{width:4.7em;}
#camcordersbtn{width:7.1em;}
#memorycardbtn{width:5em}
#accessoriesbtn{width:7.2em;}
#shopbtn{width:4.7em;}
#jessopsphotobtn{width:7.9em;}
#jessopsphotobtn a:link.firstank, #jessopsphotobtn a:visited.firstank{background:#ED096B;color:#fff;}
#advice{width:4.6em;border-left:0.4em solid #fff;}
#advice a:link,#advice a:visited,#advice a:hover{border-left:none;background:none;}


/* #latest{width:7.8em;border-left:none;}
#latest a{border-left:none;}
#cccamerasbtn{width:9.6em;}
#cscamerasbtn{width:14.3em;}
#dslrcamerasbtn{width:7.2em;}
#lensesbtn{width:5em;}
#camcordersbtn{width:7.4em;}
#memorycardbtn{width:8.6em}
#accessoriesbtn{width:7.5em;}
#shopbtn{width:4.7em;}
#jessopsphotobtn{width: 8.1em;}
#jessopsphotobtn a:link.firstank, #jessopsphotobtn a:visited.firstank{background:#ED096B;color:#fff;}
#advice{width:5.75em;border-left:0.4em solid #fff;}
#advice a{border-left:none;} */

/* example of single coloured btn. Note causes probs in IE6, drop down dosn't work when bk is specified. needs a fix */

/* menu end -------------------------------------------------------------------------------------------------------------------- */
#if iframe{display:block;}
#thetrolley{display:block;}

/* Footer  ------------------------------------------------------------------------------------------------------------ */
#footer{clear:both;position:relative;text-align:center;width:980px;padding-top:10px;height:auto;}
#footerhelp{background:#fff;float:left;position:relative;width:100%;text-align:left;border-top:1px solid rgb(221, 221, 221);background-color:rgb(255, 255, 255);margin-bottom:5px;padding-top:10px;}
#footerpadding{padding:0px;}
#footerhelp h4{color:#666c6f;font-weight:bold;margin:0px;font-size:0.75em;padding-left:0px;}
.footerhelpbox{width:195px;float:left;overflow:hidden;background:#fff;padding-top:0px;padding-bottom:0px;margin:0px;}
.footerhelpbox ul{margin:0px;padding:0px;}
.footerhelpbox li{font-size:0.75em;list-style-image:none;list-style-position:outside;list-style-type:none;padding:1px 0px 3px 10px;margin-left:0px;background:transparent url("/images/site/arrow_nav.gif") center left no-repeat;}
.footerhelpbox a:link, .footerhelpbox a:visited, .footerhelpbox a:active{color:#333;text-decoration:none;}
.footerhelpbox a:hover{text-decoration:underline;}
#footercopyright{width:980px;color:#999;font-size:0.7em;margin-bottom:0px;margin-left:0px;margin-top:0px;margin-right:0px;padding:10px 0px 20px 0px;text-align:center;clear:both;}
#footerimg {margin:-6px 0 0 0px;padding:0;}
:root #footerimg{margin-left:-50px;}
/* Footer End --------------------------------------------------------------------------------------------------------- */

/*#### BODY MODIFIER CSS (MATT's BIT) */
#topPromos{position:relative;text-align:left;height:240px;padding:5px 5px 1px 0px;}
#mainPromo{width:450px;height:235px;position:absolute;background:#ddd;}
#topPromos{margin-left:10px;}
:root #topPromos{margin-left:0px;}
.sidePromo{width:442px;height:75px;display:inline;position:absolute;left:457px;clear:both;background:#ddd;}
#side1{top:5px;}
#side2{top:85px;}
#side3{top:165px;}  
.fullWidthBox{width:894px;position:relative;padding:3px 0 3px 6px;margin:2px 0 6px 0;background:#ddd;}
.OneOfFour{width:216px;height:100px;display:inline;float:left;background:#fff;}
.OneOfThree{width:290px;height:100px;display:inline;float:left;background:#fff;}    
.OneOfFour.padright{margin-right:8px;}
.OneOfThree.padright{margin-right:9px;}
.clear{clear:both; visibility:hidden;height:1px; width:1px;}	
.boxfieldlc{clear:left;display:block;float:left;height:2.1em;width:48%;}
.boxfieldrc{clear:right;display:block;float:right;height:2.1em;width:48%;}
.boxfieldrc input{float:left;width:16em;}
.redhighlighter{font-weight:bold;}
	
/*  NEW CHECKOUT HEADER ------------------------------------------------------------------------------------------------- */
#checkoutsecure{width:12em;line-height:28px;padding:0;margin:0;}
#checkoutphone{width:20em;line-height:28px;padding:0;margin:0;text-align:left;}
#checkouthome{width:5em;float:right;border-right:none;}
#checkouthelp{width:15em;float:right;}
#checkoutsecure img{vertical-align:middle;margin-right:6px;}
#checkoutsecure span, #checkoutphone span{display:block;line-height:28px;height:28px;padding-left:10px;margin:0;} 
#checkoutsecure span b{color:#999;}
#checkoutphone img{vertical-align:middle;margin-right:6px;margin-left:10px;}
#securelogo{position:absolute;left:230px;top:-0.2em;z-index:8000;}
/*  END NEW CHECKOUT HEADER --------------------------------------------------------------------------------------------- */

.mailprefbox{display:none;visibility:hidden;}