/*
-- CSS Document by Lester Dong [7 July 2006] --
Copyright Digitise Internet Business Solutions Ltd. All Rights Reserved.

::Caveat Pre Emptor (General Warnings)::
1. Any amendments to Section 1 and 2 made has to be reviewed and approved by Digitise
2. Any piece of CSS that is deemed experimental (i.e. CSS3) is NOT allowed.
3. Any piece of CSS that is relatively new to Digitise needs to go through a review and vetting process before it can be used or released.
4. Digitise believes in the "tried and true", please think of all consequences before adding new pieces of CSS.

::Notes::
- If there are any errors please inform Digitise.

::Developers::
Please place extra CSS at appropriate sections

::Sections::
Section 1: HTML Tag CSS
Section 2: Default Typography CSS
Section 3: Extra Typography CSS
Section 4: Structural CSS
*/

/* Section 1: HTML Tags : START */
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
img {
	margin:0;
	padding:0;
	border:0;
}
form {
	padding:0;
	margin:0;
}
hr {
	color:#cccccc;
	background-color:#cccccc; 
	border:0;
	background:none;
	border-top:1px solid #e1cbb4;
}
#CenterTable {
	margin-left: auto;
	margin-right: auto;
}
/* Section 1: HTML Tags : END */



/* Section 2: Default Typography CSS : START */
h1 {
	font-size: 18px;
	line-height: 16px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
	text-transform: lowercase;
}
h2 {
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	text-transform: lowercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td, div {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	line-height: 16px;
}

input, textarea, select {
	font-family: MS Sans Serif; 
	font-size: 12px;
}
strong,b {
	color: #bb9b7a;
	font-weight: bold;
}

a {
	color:#333333;
	text-decoration:underline;
}
a:hover {
	color:#666666;
	text-decoration:underline;
}

td.imagecolumn {  
	font-family: arial,verdana,helvetica,Trebuchet MS,Trebuchet,sans-serif; 
	font-size: 13px; 
	color: #333333;
	line-height: 13px;
}
td.imagecolumn a {
	color:#333333;
	text-decoration:underline;
}
td.imagecolumn a:hover {
	color:#666666;
	text-decoration:underline;
}

td.address {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d4b699;
	line-height: 18px;
}
td.address a {
	color: #d4b699;
	text-decoration:underline;
}
td.address a:hover {
	color: #b59679;
	text-decoration: none;
}

td.footer {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 14px;
}
td.footer a {
	color: #000000;
	text-decoration: none;
}
td.footer a:hover {
	color: #000000;
	text-decoration: underline;
}
.inside-footer {
	background-image: url(../images/i-dottedline.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding:0 20px;
}
.inside-footer a {
	color: #bb9b7a;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.menuAddressLinksHorizontal {
	font-size:11px;
}
.logobg {
	background-color: #f4ede4;
}
.logotopline {
	background-image: url(../images/i-dottedline.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.insidecontent {
	/*padding-top: 10px;
	padding-bottom: 50px;*/
	padding:20px;

}
.textcenter {
	text-align:center;
}

.sitemaplevel0 {
	font-weight: bold;
	font-size: 11px; 
	color: #bb9b7a;
}
.sitemaplevel1 {
	font-size: 11px; 
	color: #bb9b7a;
}
.sitemaplevel0 a {
	color: #bb9b7a;
}
.sitemaplevel0 a:hover {
	color: #bb9b7a;
	text-decoration: none;
}
.search {
	background:#FFFF00;
}

.faq {
	/*faq content */
	border:1px dashed #666666;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	background:#eeeeee;
}

#faqlist{
	/*list of faq's on the site */
}

.news {
	/*newscontent */
	border:1px dashed #e1cbb4;
	margin-top:5px;
	margin-bottom:5px;
	padding:15px;
	background: #fbf5ee;
}

#newslist{
	/*list of news on the site */
}

.gallerycategorytext{
	margin-left:10px;
	float:left;
}

.gallerycategory{
	/*border:1px dashed #666666;*/
	overflow:auto;
	margin-bottom:10px;
}

.gallerycategoryimage{
	clear:both;
	float:left; /* change to right to have images aligned to right of gallery description*/
}

.galleryimage {
	margin-right:10px;
	margin-bottom:10px;
}

.galleryimagepagination {
	margin-bottom:10px;
}

#galleryimagepopup {
	position:absolute;
	left:10px;
	top:10px;
	padding:10px;
	background:#ffffff;
	border:1px solid #000000;
}
/* Section 2: Default Typography CSS : END */



/* Section 3: Extra Typography CSS : START */
.font11px {
	font-size:11px;
}
/* Section 3: Extra Typography CSS : END */



/* Section 4: Structural CSS : START */
/*
::Caveat Pre Emptor::
- Please REFRAIN from using CSS positioning (This does not mean you cannot position background images)
*/

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 180px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
filter:alpha(opacity=100);
-moz-opacity:1;
}

.glossymenu li a{
background: white url(../images/glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(../images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback2.gif);
color: white;
text-decoration: none;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */

.dottedline {
	background-image: url(../images/i-dottedline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.lightbeigebg {
	background-color: #f0e5d9;
}
.mainbeigebg {
	background-color: #e1cbb4;
}
.contentpadding {
	padding: 30px;
}
.homeads {
	padding:20px 10px 20px 0;
}
.homecontent {
	background-image: url(../images/home-contentbg.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.homeleftcontent {
	background-image: url(../images/home-leftcontentbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.homeleftbg {
	background-image: url(../images/home-leftbg.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.homerightbg {
	background-image: url(../images/home-rightbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.searchbutton {
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #d9d4cf;
	width: 33px;
	height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.HeaderSearchInput {
	border: 1px solid #d9d4cf;
}
.nav,.menuTopLevelHorizontal {
	/*padding: 10px 7px 10px 7px;*/
	color: #bb9b7a;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
}
.mainnav {
	color: #8e6a48;
	padding: 10px 7px 10px 7px;
	font-weight: bold;
	text-decoration: none;
}
.nav,.menuTopLevelHorizontal a, .orderform, .mydetails {
	color: #8e6a48;
	text-decoration: none;
	text-transform: lowercase;
	font-weight:bold;
}
.menuTopLevelHorizontal a {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:2;
}
.nav,.menuTopLevelHorizontal a:hover, .orderform:hover, .mydetails:hover {
	text-decoration: none;
	color: #000000;
	text-transform: lowercase;
	font-weight:bold;
}
.menuTopLevelHorizontal {
	padding-left:5px;
}
.orderform {
	padding:0 8px 0 0;
}
.separator {
	color:#ccc3b9;
	padding:0 7px 0 0;
}
.insidebg {
	background-image: url(../images/inside-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.homepagenews {
	display: none;
}
.search_submit{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	border: none;
	width:58px;
	height: 21px;
	background-color: #000000;
}
.Required {
	color: #d4b699;
	font-weight: bold;
}
.formheading {
	text-transform: lowercase;
	font-weight: 100;
	font-size: 14px;
}
.forminput,.formselect {

}
textarea.forminput {
	width:100%;
}
.shop_subcategories_horizontalmenu a {
	color: #8e6a48;
	text-decoration: none;
	padding: 11px 10px 11px 10px;
	line-height: 35px;
	font-weight: bold;
	font-size:12px;
}
.shop-menu-cath {
	text-decoration: none;
	height: 35px;
}
.shop_subcategories_horizontalmenu a:hover {
	color: #bb9b7a;
	cursor: hand;
	text-decoration: none;
}
.menuBreadCrumbs {
	padding-bottom: 10px;
	font-size:11px;
}


#logincontainer {
	width:320px;
	text-align:right;
}
#loginbox {
	background:#ebdbcc;
	border:1px solid #f3e5d8;
	margin:19px;
}
/*#loginbox .textcenter #btnLogin {
	margin:8px 0 0 0;
}*/
#loginbox .loginlinks {
	text-align:center;
	margin:0;
}
#loginbox .loginlinks li {
	display:inline;
}
#loginbox .loginlinks a {
	font-size:11px;
	text-decoration:underline;
	border:none;
	font-weight:normal;
	display:inline;
}
#loginboxinner {
	margin:17px;
	
}
#loginboxinner h3 {
	font-size:14px;
	color:#000;
	border-bottom:1px solid #d9ccbd;
	text-align:center;
}
input#loginemail, input#loginpassword {
	width:100px;
	background:#fff;
	border:1px solid #d9d4cf;
	float:left;
	margin:0 0 2px 4px;
}
input#btnLogin {
	margin:8px 0 0 62px;
}
#loginboxinner span {
	width:57px;
	text-align:right;
	font-size:11px;
	display:block;
	float:left;
}
#btnLogin{
	width:58px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color: #ffffff;
	border:none;
	height: 21px;
	background-color: #000000;
	font-weight:normal;
}



/* Section 4: Structural CSS : END */

/* --- Additional Styles ------------------------ */

	#leftcol {
		width:237px;
		background:url("../images/bg-leftcol.gif") no-repeat left bottom #e1cbb4;
		vertical-align:top;
	}
	#leftcol ul {
		margin:20px;
		padding:0;
		list-style:none;
	}
	#leftcol a {
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
		color:#000;
		border-bottom:1px solid #f0e5d9;
		display:block;
		padding:0 0 3px 0;
	}
	#leftcol ul ul {
		margin:10px 0 15px 20px;
		padding:0;
		list-style-image:url("../images/li-normal.gif");
	}
	#leftcol ul ul li {
		margin:2px 0;
	}
	#leftcol ul ul a {
		font-size:11px;
		color:#000;
		text-decoration:none;
		font-weight:normal;
		border-bottom:none;
		padding-bottom:none;
		display:inline;
	}
	#leftcol ul ul a:hover {
		text-decoration:underline;
	}
	
	#adverts {
		width:230px;
	}
	#adverts img {
		margin-bottom:10px;
	}
	#adverts embed, #adverts object {
		margin-bottom:10px;
	}
	
	#thanks {
		margin:20px 0;
		padding:20px;
		text-align:center;
		background:#fdf6ec;
		border:3px solid #efe9e4;
		font-weight:bold;
	}
	#divguessbabydob form {
		background:url("../images/bg-form.gif") no-repeat bottom right #fdf6ec;
		border:3px solid #efe9e4;
		margin:15px 0 0 0;
		padding:15px;
	}
	#divguessbabydob form>table {
		width:100%;
		margin:0 auto;
	}
	#divguessbabydob input, #divguessbabydob select, #divguessbabydob textarea, #divguessbabydob option {
		border:1px solid #bca389;
	}
	input[value="Send us your entry"] {
		border: 3px double #999999;
		border-top-color: #CCCCCC;
		border-left-color: #CCCCCC;
		padding: 0.25em;
		background-color: #FFFFFF;
		color: #333333;
		font-size: 75%;
		font-weight: bold;
		font-family: Verdana, Helvetica, Arial, sans-serif;
	} 
	
	#FormError {
		color:#ff0000;
	}