/*
Filename: 	style.css 
Author: 	Ultan Sharkey 
Date:		20100329
Client:	Kennys Bookshop and Art Galleries Ltd.
*/

/*General Styles*/
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background:#FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size:12.5px;
}

.portraitleft {
	margin-left:1px; 
	margin-top:2px; 
	margin-right:4px; 
	margin-bottom:3px; 
	float:left;
}

.portraitright {
	margin-left:1px; 
	margin-top:2px; 
	margin-right:4px; 
	margin-bottom:3px; 
	float:right;
}

.container {
	padding:0px;
	width:1000px;
	height:auto;
	position:relative;
	margin:auto; 	
	background-color: #FFF;
	text-align:left;
}

img {
	border:0;
}

a {
	color:#006458;
	text-decoration:none;
}

a:visited {
	color:#006458;
	text-decoration:none;
}

a:hover {
	color:#56A88D;
	text-decoration:underline;
}

a:active {
	color:#56A88D;
	text-decoration:underline;
} 

/*End General Styles*/

/* Header Styles*/
.header {
	background-image:url('../images/background/header.png');
	background-repeat:repeat-x;
	height:132px;
	margin:0;
	padding:0;
}

.logo{
	position:absolute;
	top:0px;
	left:2px;
	height:100px;
	cursor:pointer;
}

.logo span {
	background-image:url('../images/background/logo.png');
	background-repeat:no-repeat;
	width:446px;
	margin-top:26px;
	margin-left:20px;
	margin-bottom:10px;
	display:block;
	overflow:hidden;
	padding: 100px 0 0 0;
	height: 0px !important;
	cursor:pointer;
	height /**/:119px;
}

.logo2 {
	position:absolute;
	top:88px;
	cursor:pointer;
	left:173px;
}

.logo2 h3 {
	background-image:url('../images/background/nav_top.gif');
	background-repeat:no-repeat;
	width:200px;
	margin-top:13px;
	margin-bottom:0px;
	margin-right:0;
	display:block;
	overflow:hidden;
	padding: 9px 0 0 0;
	height: 0px !important;
	height /**/:9px;
	cursor:pointer;
}

.selectcurrency {
	border:0px solid red;
	float:right;
	position:relative;
	left:235px;
	bottom:35px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
}

.selectcurrencydropdown {
	border:0px solid white;
	margin-top:0px;
	margin-left:0px;
	margin-right:7px;
	float:right;
}

.selectcurrencybutton {
	border:0px solid green;
	margin-left:7px;
	float:right;
	vertical-align:baseline;
}
.othercurrencies a{
	font-family:verdana, arial, sans-serif;
	font-size:9.5px;
	color:#006458;
	position:relative;
	left:865px;
	bottom:26px;
	border: 0px solid white;
	letter-spacing : -0.5px
}

.headercheckout a{
	border: 0px solid white;
	font-family:verdana, arial, sans-serif;
	font-size:9.5px;
	color:#006458;
	float:right;
	margin-top:7px;
	position:relative;
	left:360px;
	bottom:14px;
}
.topmenu {
	border:0px solid black;
	color:#006458;
	font-family:verdana, arial, sans-serif;
	font-size:9.5px;
	margin-top:-7px;
	margin-bottom:0px;
	margin-right:7px;
	float:right;
}
.topmenu a {
	color:#006458;
}

.topmenu a:hover{
	text-decoration:underline;
}

/*End Header Styles*/

/* Left Column Styles*/

.leftcolumn {
	position:absolute;
	left:2px;
	top:137px;
	width:170px;
	height:auto;
	background: #fff;
}

.moduleleft {
	background-image:url('../images/background/mod_header.gif');
	background-repeat:no-repeat;
	padding: 27px 0px 0px 0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:3px;
}

.moduleleftpanel {
	border-left:1px solid #C2C2C2;
	border-right:1px solid #C2C2C2;
	border-bottom:1px solid #C2C2C2;
	width:162px;
	margin:0;
	padding:0;
	background-color:#EFEFEF;
	float:left;
	margin-top:-20px;
	margin-bottom:10px;
	margin-left:0px;
}

.moduleleftheader{
	color:#FFF;
	font-family:georgia, arial, sans-serif;
	font-size:15.5px;
	font-weight: bold;
	position:relative;
	top:-22px;
	left:10px;
}

.moduleleft input{
	margin: 7px 7px 7px 7px;
}

.moduleleft {
}

.socialmedia{
	width: 60px;
	margin-left:2px;
	margin-top:8px;
}

.button{
	font-family:verdana, arial, sans-serif;
	font-size:12.5px;
	border:1px solid #AABBBF;
	color:#404F59;
	background-image:url('../images/background/button.gif');
	float:right;
}
.center {
	text-align:center;
}
.smalltext {
	font-family:verdana, arial, sans-serif;
	font-size:9.5px;
}

.menuitem {
	margin-left:7px;
	padding-top:2px;
}

/* Centre Column Styles */

div.content {
    background-color: #FFFFFF;
    border-bottom: #CCC solid 1px;
    border-top: #CCC solid 0px;
    border-right: #CCC solid 1px;
    border-left: #CCC solid 1px;
    padding: 1em;
	margin-bottom:13px;
	width:761px;
	height:150px;
}
.centreheader{
	height:10px;
}

.tabtitle{
	font-family:georgia, arial, sans-serif;
	font-size:15.5px;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-top:8px;
	float:left;
}

.categorytitle{
	font-family:verdana, arial, sans-serif;
	font-size:15.5px;
	font-weight:bold;
	padding-top:7px;
	padding-left:7px;
	padding-right:7px;
	color:#006458;
}

.viewall {
	font-family:verdana, arial, sans-serif;
	font-size:12.5px;
	float:right;
	padding-top:7px;
	padding-left:7px;
	padding-right:7px;
	color:#006458;
}

.breadcrumbs {
	margin-left: 20px;
	margin-top: -3px;
	margin-bottom: 7px;
	font-family:verdana, arial, sans-serif;
	font-size:9.5px;
}


.centreheaderboxed {
	/*Remove these borders when you add the functional code */
	/*They were added just to make it easy to see where the functionality is to be added */
/*
	border: 1px solid green;
*/
	background-color:#FFF;
	height:170px;
	margin-right:7px;
	border: 1px solid #97A5B0;
	width:790px;
}

.centremoduleheader {
	height: 32px;
	width:778px; 
	background-color:#C5C9BB;
	font-family:georgia, arial, sans-serif;
	font-size:15.5px;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-top:8px;
}

.centreheaderbox1 {
	float:left;
	margin-left:13px;
	height:150px;
	width:150px;
	margin-top:9px;
}
.centreheaderbox2 {
	float:left;
	margin-left:54px;
	height:150px;
	width:150px;
	margin-top:9px;
}
.centreheaderbox3 {
	float:left;
	margin-left:54px;
	height:150px;
	width:150px;
	margin-top:9px;
}
.centreheaderbox4 {
	float:left;
	margin-left:54px;
	height:150px;
	width:150px;
	margin-top:9px;
}

.centercolumn {
	background-color:#F3EFE3;
	margin-left:174px; 
	margin-right:0px;
	text-align:left;
}

.centerplusrightcolumn {
	background-color:#F3EFE3;
	margin-left:174px;
	padding:0;
	text-align:left;
	width:auto;
	height:auto;
}

.allflags {
	float:right;
	margin-top:7px;
	margin-right:28px;
}

.aflag {
	padding: 2px;
}

.leftgradienttop {
	background-image:url('../images/background/left_gradient_top.gif');
	background-color:#F3EFE3;
	height:14px;
	width:22px;
	float:left;
}

.rightgradienttop {
	background-image:url('../images/background/right_gradient_top.gif');
	background-color:#F3EFE3;
	height:14px;
	width:22px;
	float:right;
}

.leftgradient {
	/*border:1px solid red;*/
	background-color:#F3EFE3;
	background-image:url('../images/background/left_gradient.gif');
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	float:left;
}

.rightgradient {
	/*border:1px solid blue;*/
	border-bottom:1px solid #FAFAFA;
	background: url('../images/background/right_gradient.gif') top right repeat-y;
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

.content {
	/*border:1px solid green;*/
	margin-right:15px !important;
	margin-top:0px !important;
	margin-left:0;
	margin-right:0;
	margin-top:10px;
	padding:0;
	width:780px;
	float:left;
}

.contentplusright {
	/*border:1px solid green;*/
	background-color:#F3EFE3;
	margin-left:18px !important;
	margin-right:15px !important;
	margin-top:0px !important;
	margin-left:0;
	margin-right:0;
	margin-top:10px;
	padding:0;
}

/* START FOOTER STYLES */
.footer {
	float:left;
	background: #fff;
	background-image:url('../images/background/footer_bgrd.gif');
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	height:auto;
	width:100%;
}

.footer ul, .footeraddress ul, .footernotes ul, .footernav ul, .footershop ul {
	font-family: verdana, arial, sans-serif;
	font-size:9.5px;
	float:left;
	margin:0;
	padding:0;
}

.footernav {
	float:left;
	margin-top:10px;
	margin-left:7px;
	padding:0;
}

.footernav ul {
	width:auto;
}

.footernav ul li, .footershop ul li  {
	list-style-type:none;
	float:left;
	font-family:verdana, arial, sans-serif;
	font-size:9.5px;
	margin:0;
	padding:0;
}

.footernav ul li {
	display:block;
}

.footernotes {
	float:right;
	font-family:verdana, arial, sans-serif;
	font-size:9.5px;
	margin-top:10px;
	margin-right:8px;
	text-align:right;
}

.footernotes ul li {
	list-style-type:none;
}

.footeraddress {
	float:left;
	font-size:9px;
}

.footeraddress ul {
	float:left;
	background-image:url('../images/background/footer_address_bgrd.gif');
	background-repeat:no-repeat;
	height:76px;
	margin-top:10px;
	margin-bottom:0;
	margin-left:7px;
	margin-right:0;
	padding:0;
}

.footeraddress ul li {
	margin-left:35px;
	list-style-type:none;
}

.footerleftcorner {
	background-image:url('../images/background/footerleftcorner.gif');
	background-repeat:no-repeat;
	float:left;
	margin:0;
	padding:0;
	width:18px;
	height:7px;
	display:block;
}

.footerrightcorner {
	background-image:url('../images/background/footerrightcorner.gif');
	background-repeat:no-repeat;
	float:right;
	margin:0;
	padding:0;
	width:18px;
	height:7px;
	display:block;
}
.footercards {
	padding:5px;
	margin-top:-55px;
	float:right;
}
/* END FOOTER STYLES */

/* Form Styles */
.supersearch {
	border:0px red solid;
	background-image:url('../images/background/findbooks.png');
	background-repeat:no-repeat;
	background-position:77% 0%;
	width:100%;
	height:67px;
	margin-top:11px; 
}

.advancedfind  a{
	border:0px solid blue;
	text-align:right;
	float:right;
	color:#FFF;
	font-size:10px;
	margin-right:150px;
	margin-top:0px;
}
.findbooks {
	background: transparent url('../images/background/clear.png') no-repeat center top;
	width:135px;
	height:25px;
	cursor:pointer;
}

.terms {
	clear:both;
	margin-right:0px;
	margin-top:0px;
	padding-top:0px;
	text-align:center; 
}
.terms input{
	border:0px green solid;
	margin-top:26px;
	margin-right:0px;
	margin-left:50px;
	position:relative;
	left:153px;
	right:0px;
	font-size: 15.5px;
}

.terms .keywordinputbox{
	font-family: georgia, arial, sans-serif;
}

span.yousavesticker {
	background: transparent url('../images/yousave.png') no-repeat center top;
	z-index:1;
	position:absolute;
	display:block;
	width:105px;
	height:50px;
	top:115px;
	
/*
	top:0px;
	left:0px;
	border:1px solid red;
*/
}
span.yousavepercent {
	border:0px solid blue;
	font-family: georgia, arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	font-variant:small-caps;
	color:#FFF;
	margin-left:68px;
	margin-top:16px;
	position:absolute;
	display:block;
	line-height:11px;
/*
	display:block;
	-webkit-transform: rotate(6deg); 
	-moz-transform: rotate(6deg);	

	top:0px;
	left:0px;
	border:1px solid red;
*/
}

.catimgright {
	float:right;
	margin-left:10px;
}

.catimgleft {
	float:left;
	margin-right:10px;
}

	
.table{
	background:#333;
}

.table ul{
	float:left;
	margin:0;
	padding:0;
}

.table ul li{
	list-style:none;
	padding:5px 10px;
	font-family: verdana, arial, sans-serif;
	font-size:9.5px;
}

/*SAFARI Specific hacks*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

	.terms .keywordinputbox {
		border:0px green solid;
		margin-top:26px;
		margin-right:0px;
		position:relative;
		left:170px;
		right:0px;
		font-size: 15.5px;

	}

	.terms .findbooks {
		border:0px red solid;
		margin-top:26px;
		margin-right:0px;
		position:relative;
		left:130px;
		right:0px;
		font-size: 15.5px;
	}


	.selectcurrency {
		position:relative;
		border:0px solid red;
		bottom:35px;
		width:110px;
		margin-top:-13px;
		margin-bottom:10px;
		margin-right:250px;
		margin-left:0px;
		padding:0px;
		float:right;
	}

	.selectcurrencydropdown {
		width:110px;
		border:0px solid white;
		margin-top:0px;
		margin-left:0px;
		margin-right:7px;
		float:right;
	}

	.selectcurrencybutton {
		border:0px solid green;
		margin-left:7px;
		margin-top:-25px;
		width:30px;
	}

	.headercheckout a{
		border: 0px solid white;
		font-family:verdana, arial, sans-serif;
		font-size:9.5px;
		color:#006458;
		margin-top:-15px;
		margin-right:7px;
		bottom:0px;
	}

} /* END SAFARI Specific hacks*/