/* NEW TOP NAVIGATION CSS STARTS HERE  01-10-08 */

body {
	margin: 0;
	padding: 0;
}

H1, H2, H3 {
	margin: 0;
	padding: 0;
}

#topnavigation {
	margin: 0;
	padding: 0 ;
	width: 966px;
	text-align: left;
}

#topnavdate {
	float: left;
	margin: 0;
	padding: 5px 0 6px 0;
	_padding: 6px 0 5px 0;	/* IE 6 */
	#padding: 6px 0 5px 0;	/* IE 7 */
	width: 752px;
	font-family: Georgia;
	font-size: 14px;
	height: 17px;

	font-weight: bold;
	color: #3F5E66;
	border-bottom: #B1CAD1 3px solid;
	text-align: left;	
}

#masthead-navpanel {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 752px;
	height: 206px;
	border-bottom: #B1CAD1 3px solid;
	text-align: left;
}

#masthead-navpanel #topnavigationbar {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 752px;
	background: url(http://www.penguin.co.uk/static/cs/uk/0/navigation/images/topnavigationbar1_bk.gif) no-repeat;
	text-align: left;
	font: bold 13px/15px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	text-decoration: none;
}

#topnavigationbar-top ul {
 	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 28px;	
 }
 
#topnavigationbar-top li {
 	margin: 0;
	padding: 0;
	display: inline;
 }
 
  
#topnavigationbar-bottom li {
 	margin: 0;
	padding: 0;
	display: inline;
 }
 
 
/* TOP NAVIGATION TOP DECK */
#topnavigationbar #topnavigationbar-top a {
	float: left;
	margin: 0 0 2px 0;
	padding: 0 0 0 4px;	
	color: #3f5e66;
	text-decoration: none;
	background: url(http://www.penguin.co.uk/static/cs/uk/0/navigation/images/topnavbuttonsleft.gif) no-repeat left 3px;
}

#topnavigationbar #topnavigationbar-top a span {
	float: left;
	margin: 0;
	padding: 6px 7px 4px 7px;
	color: #3f5e66;
	display: block;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnavigationbar #topnavigationbar-top a span {
	float: none
}
/* End IE5-Mac hack */
#topnavigationbar #topnavigationbar-top a:hover span {
	color: #ff6600
}
#topnavigationbar #topnavigationbar-top a:hover {
	color: #FF6600
}
#topnavigationbar #topnavigationbar-top a:hover span {
	color: #ff6600
}



/* SEARCH BOX AREA */
#topsearchboxbar {
	clear: both;
	float: left;
	width: 752px;
	height: 65px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(http://www.penguin.co.uk/static/cs/uk/0/navigation/images/topsearchbar_bk.gif) repeat-x #EDF2F4;
	position: relative;
}

#topsearchboxbar #mostsearchedfor {
	border: #b1cad1 1px solid;
	margin: 13px 0 0 0;
	padding: 2px 0px 4px 4px;
	width: 147px;
	height: 37px;
	position: absolute;
	left: 14px;
	top: 12px;
	font: bold 11px/13px Tahoma, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #3f5e66;
	background-color: #ffffff;
	text-align: left;
}

#mostsearchedfor a.bodylinksm:link, a.bodylinksm:active, a.bodylinksm:visited {
	color: #FF6600;
	text-decoration: none;
} 

#mostsearchedfor a.bodylinksm:hover {
	color : #333333;
	text-decoration: none;
}

#mostsearchedfor p {
	clear: both;
	margin: 0;
	padding: 0;
}

#topnavsearchformarea {
	margin: 0;
	padding: 0;
	width: 589px;	
	height: 69px;
	position: absolute;	
	top: 0;	
	left: 90px;
	text-align: left;
	background: url(http://www.penguin.co.uk/static/cs/uk/0/navigation/images/topsearchbox_bk.gif) no-repeat left 10px;
}

.topsearchform {
	padding: 0;
	margin: 23px 0px 0px 16px;
}

.topnavigationformbox {
	margin: 0;
	padding: 0 0 1px 3px;
	width: 445px;
	height: 16px;
	border: #ff6600 1px solid;
	font: normal 11px Tahoma, Arial, Helvetica, Geneva, sans-serif;
	color: #999999;
	background-color: #ffffff
}


/* NEWSLETTER USER ACC */
#topnavnewsletter-useracc {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	height: 206px;
	width: 194px;
	border-bottom: #b1cad1 3px solid;
	position: relative;
}

#topnavnewsletter-useracc #topnavnewsletter {
	margin: 0;
	padding: 8px 0 0 10px;
	width: 184px;
	_width: 194px;	
	height: 72px;
	_height: 83px;
	border-top: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	background: #eff4f6;
	font: bold 11px Tahoma, Arial, Helvetica, Geneva, sans-serif;	
	text-align: left;
}

#topnavnewsletter p {
	clear: both;
	margin: 25px 0 0 0;
	padding: 0;
}

#topnavnewsletter a.bodylinksm:link, a.bodylinksm:active, a.bodylinksm:visited {
	color: #FF6600;
	text-decoration: none;
} 

#topnavnewsletter a.bodylinksm:hover {
	color : #333333;
	text-decoration: none;
}

.topnavnewsletterform {
	padding: 15px 0 0 0;
	margin: 0;
	width: 184px;
	top: 20px;
	left: 10px;
	position: absolute;
}
.topnavsignupformbox {
	border: #ff6600 1px solid;
	margin: 0;
	padding: 0 0 1px 3px;
	width: 100px;
	height: 16px;	
	font: normal 11px Tahoma, Arial, Helvetica, Geneva, sans-serif;
	color: #999999;
	background-color: #ffffff
}


#topnavnewsletter-useracc #topnav-useracc {
	margin: 0;
	padding: 10px 0 0 0;
	background: url(http://www.penguin.co.uk/static/cs/uk/0/navigation/images/youraccount1_bk.gif) no-repeat  #EDF2F4;;
	width: 194px;
	height: 110px;
	position: absolute;
	top: 86px;
	left: 0;
}

#topnav-useracc p {
	margin: 0;
	padding: 0 10px 10px 10px;
}

#deliverdetails {
	margin: 0;
	padding: 15px 0 0 0;
}

#deliverdetails p {
	margin: 0;
	padding: 0 10px 10px 10px;
}


/* NEW TOP NAVIGATION CSS ENDS HERE  01-10-08 */







#footer {
	float: left; CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 966px; PADDING-TOP: 0px
}


#companyaddress a.bodylinksm:link, a.bodylinksm:active, a.bodylinksm:visited {
	font: bold 11px/13px Tahoma, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #FF6600;
	background-color: #ffffff;
	text-align: left;
}

#companyaddress a.bodylinksm:hover {
	color : #333333;
	text-decoration: none;
}


#footer #footernavbuttons {
	FLOAT: left; FONT: bold 13px/15px "Trebuchet MS", "Lucida Sans Unicode", sans-serif; WIDTH: 697px; COLOR: #3f5e66; BACKGROUND-COLOR: #d9e6e9; TEXT-ALIGN: left
}
#footer #footernavbuttons UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#footer #footernavbuttons LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#footer #footernavbuttons A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #3f5e66; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#footer #footernavbuttons A SPAN {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 7px; COLOR: #3f5e66; PADDING-TOP: 6px
}
#footer #footernavbuttons A SPAN {
	FLOAT: none
}
#footer #footernavbuttons A:hover SPAN {
	COLOR: #ff6600
}
#footer #footernavbuttons A:hover {
	color: #FF6600
}
#footer #footernavbuttons A:hover SPAN {
	color: #ff6600
}
#footer #footersearch {
	BORDER-RIGHT: #d9e6e9 1px solid; BORDER-TOP: #d9e6e9 1px solid; FLOAT: left; MARGIN-BOTTOM: 15px; BORDER-LEFT: #d9e6e9 1px solid; WIDTH: 267px; BORDER-BOTTOM: #d9e6e9 1px solid; HEIGHT: 26px
}
.footersearchform {
	PADDING-RIGHT: 0px; PADDING-LEFT: 7px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 4px
}
.footersearcformbox {
	BORDER-RIGHT: #ff6600 1px solid; BORDER-TOP: #ff6600 1px solid; MARGIN-TOP: 0px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #ff6600 1px solid; WIDTH: 170px; color: #999999; BORDER-BOTTOM: #ff6600 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica, Geneva, sans-serif; BACKGROUND-color: #ffffff
}
.footerdropdowntext {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; WIDTH: 120px; color: #333333; FONT-FAMILY: Tahoma, Arial, Helvetica, Geneva, sans-serif
}
#footer #penguingroup-brands-affiliates {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #d9e6e9 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 966px; PADDING-TOP: 10px; HEIGHT: 80px
}
/*162450:increased width of footer elements*/
#penguingroup-brands-affiliates #penguingroup {
	BORDER-RIGHT: #d9e6e9 2px solid; PADDING-RIGHT: 8px; BORDER-TOP: #d9e6e9 2px solid; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #d9e6e9 2px solid; WIDTH: 274px; PADDING-TOP: 5px; BORDER-BOTTOM: #d9e6e9 2px solid; HEIGHT: 65px; TEXT-ALIGN: left
}
/*162450:increased width of footer elements*/
#penguingroup-brands-affiliates #penguinbrand {
	BORDER-RIGHT: #d9e6e9 2px solid; PADDING-RIGHT: 8px; BORDER-TOP: #d9e6e9 2px solid; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #d9e6e9 2px solid; WIDTH: 274px; PADDING-TOP: 5px; BORDER-BOTTOM: #d9e6e9 2px solid; HEIGHT: 65px; TEXT-ALIGN: left
}
#penguingroup #group {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#penguingroup #worldwide {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.footerdropdown {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; PADDING-TOP: 0px
}
/*162450:increased width of footer elements*/
#penguingroup-brands-affiliates #affiliates {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px 10px 0px 0px; FONT: 11px/14px "Trebuchet MS", "Lucida Sans Unicode", sans-serif; WIDTH: 166px; color: #3f5e66; PADDING-TOP: 5px; HEIGHT: 69px; BACKGROUND-color: #d9e6e9; TEXT-ALIGN: left
}
#penguingroup-brands-affiliates #careers-catalogue {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 11px/14px "Trebuchet MS", "Lucida Sans Unicode", sans-serif; BORDER-LEFT: #d9e6e9 1px solid; WIDTH: 165px; color: #3f5e66; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#footer #companyaddress {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #d9e6e9 1px solid; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px; FONT: 11px/16px "Trebuchet MS", "Lucida Sans Unicode", sans-serif; WIDTH: 790px; color: #3f5e66; PADDING-TOP: 10px; TEXT-ALIGN: left
}
#footer #userinteraction {
	PADDING-RIGHT: 0px; BORDER-TOP: #d9e6e9 1px solid; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 11px/14px "Trebuchet MS", "Lucida Sans Unicode", sans-serif; BORDER-LEFT: #d9e6e9 1px solid; WIDTH: 165px; color: #3f5e66; PADDING-TOP: 10px; HEIGHT: 79px; TEXT-ALIGN: left
}