@import  url('corners.css');

body
{
	height: 100%;
	font-size: 1.0em;
	font-family: Times New Roman, Arial, Tahoma, Verdana;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('../Images/bg.jpg');
}

#wrapper
{
	height: 100%;
	width: 100%;
}

#page
{
	height: 100%;
	width: 803px;
	margin-left: auto;
	margin-right: auto;
	border-left: solid 21px #AC3577;
	border-right: solid 21px #AC3577;
	background-color: #ffffff;
	padding-left: 8px;
	padding-right: 8px;
}

#header
{
	background-image: url('../Images/OxfordGiftCompany.Logo.gif');
	background-repeat: no-repeat;
	background-position: 0px 16px;
	height: 122px;
}

#header div.topband
{
	background-image: url('../Images/Corners/DarkPink/BottomLeft.gif');
	background-position: left bottom;
	height: 8px;
	width: 803px;
	background-repeat: no-repeat;
	background-color: #942363;
	float: left;
}

#header div.contactus
{
	font-size: 0.75em;
	float: right;
	width: 200px;
}

#header div.contactus div.text
{
	color: white;
	text-align: center;
	width: 190px;
	float: left;
	background-color: #942363;
	height: 22px;
	padding-top: 3px;
}

#topmenu
{
	float: right;
	clear: both;
	padding-top: 32px;
}

#topmenu ul
{
	list-style: none;
}

#topmenu li
{
	font-size: 1.0em;
	display: inline;
	padding-right: 10px;
	padding-bottom: 3px;
}

#topmenu li.basket
{
	font-size: 0.9em;
	display: inline;
	padding-right: 10px;
	background-image: url(../images/trolley.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 35px;
}

#topmenu ul li a
{
	color: #000000;
	text-decoration: none;
}

#topmenu ul li a:hover
{
	color: #942363;
	text-decoration: underline;
}

#topmenu ul li a.basket
{
	color: #942363;
	text-decoration: none;
}

#topmenu ul li a.basket:hover
{
	color: #000000;
	text-decoration: underline;
}

#body
{
	height: 100%;
	width: 803px;
	clear: both;
	float: left;
	background-image: url('../Images/Bar.gif');
	background-repeat: repeat-y;
	background-position: left top;
}

#body div.column1
{
	float: left;
	width: 212px;
	margin-right: 4px;
	height: 100%;
}

#body div.column2
{
	float: right;
	text-align: right;
	width: 585px;
}

#footer
{
	font-size: 0.75em;
	clear: both;
	height: 60px;
	background-image: url('../Images/Bottom.Bar.gif');
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 11px;
}

#footer div.text
{
	background: #942363;
	float: left;
	width: 793px;
	padding-top: 10px;
	height: 50px;
}

#footer div.text div.leftcolumn
{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	padding-left: 10px;
	color: #ffffff;
	float: left;
	width: 380px;
	height: 40px;
}

#footer div.text div.rightcolumn
{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	padding-right: 10px;
	color: #ffffff;
	float: right;
	width: 380px;
	height: 40px;
}

#footer ul
{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	list-style: none;
	float: right;
}

#footer li
{
	font-size: 1em;
	display: inline;
	padding-right: 10px;
}

#footer ul li a
{
	color: #ffffff;
	text-decoration: none;
}

#footer ul li a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

#footer div.text div.leftcolumn a
{
	color: #ffffff;
	text-decoration: none;
}

#footer div.text div.leftcolumn a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

#footer div.text div.rightcolumn p
{
	clear: both;
	margin: 7px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	float: right;
	width: 380px;
	text-align: right;
}

#keywordsearch
{
	float: left;
	border-bottom: solid 4px #ffffff;
}

#keywordsearch div div.title
{
	float: left;
	color: #ffffff;
	padding-left: 10px;
	padding-top: 8px;
	background-color: #942363;
}

#keywordsearch div div.inputbox
{
	float: left;
	color: #ffffff;
	padding-left: 10px;
	padding-top: 8px;
	background-color: #646464;
}

#keywordsearch div div input
{
	float: left;
	margin: 0px 0px 0px 0px;
}

#keywordsearch div div input.button
{
	float: left;
	margin: 0px 0px 0px 5px;
}

#leftmenu
{
	background-color: #ffffff;
	float: left;
}

#leftmenu ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#leftmenu ul li
{
	float: left;
	display: inline;
	border-bottom: solid 1px #ffffff;
}

#leftmenu ul a
{
	width: 204px;
	height: 24px;
	background-color: #BF91AB;
	color: #ffffff;
	display: block;
	padding: 8px 0px 0px 10px;
	text-decoration: none;
}

#leftmenu ul a:hover
{
	width: 204px;
	height: 24px;
	background-color: #9B3E75;
	color: #ffffff;
	display: block;
	padding: 8px 0px 0px 10px;
	text-decoration: none;
}

#leftmenu ul a.selected
{
	width: 204px;
	height: 24px;
	background-color: #9B3E75;
	color: #ffffff;
	display: block;
	padding: 8px 0px 0px 10px;
	text-decoration: none;
}

#leftmenu ul a.subitem
{
	width: 194px;
	height: 24px;
	background-color: #D5D5D5;
	color: #9B3E75;
	display: block;
	padding: 8px 0px 0px 20px;
	text-decoration: none;
}

#leftmenu ul a.subitem:hover
{
	width: 194px;
	height: 24px;
	background-color: #000000;
	color: #ffffff;
	display: block;
	padding: 8px 0px 0px 20px;
	text-decoration: none;
}

#categories
{
	float: left;
	margin-top: 4px;
}

#categories div.categorybox
{
	float: left;
	width: 194px;
	margin-right: 1px;
	border-bottom: solid 1px #ffffff;
}

#categories div.categorybox div div.title
{
	color: #ffffff;
	text-align: left;
	font-family: Times New Roman, Verdana, Arial;
	font-size: 14pt;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	width: 174px;
}

#categories div.categorybox div.content
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	background-color: #D5D5D5;
	color: #505050;
	font-size: 1em;
	height: 32px;
	width: 174px;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
}
#categories div.categorybox div div.viewrange
{
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 0px 0px;
	float: right;
	color: #ffffff;
	font-size: 10pt;
}

#categories div.categorybox div div.viewrange a
{
	color: #ffffff;
	text-decoration: none;
}

#categories div.categorybox div div.viewrange a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

#maincopy
{
	float: left;
	padding: 20px 20px 20px 20px;
	text-align:left;
}
.options
{
	float: left;
}