ol, ul 
{
	margin: 0;
	padding:0;
}

body {
width: 100%;
height: 100%;
background-color: #ffffff;
font-family: "Trebuchet MS", Arial, Verdana, Tahoma, Sans-Serif;
color: #301911;
font-size: 14px;
text-align: center;
margin: 0;
}

a {
color: #807b44;
font-weight: bold;
}

	a:hover {
	color: #301911;
	}

sup {
font-size: 12px;
}

h2 {
margin: 5px 0 0 0;
border-bottom: 1px solid #301911;
}

	h2.tc {
	font-size: 18px;
	border: none;
	}

#wrapper {
width: 829px;
height: 100%;
min-height: 100%;
height: auto !important;
text-align: left;
margin: 100px auto -4em;
}

#header {
width: 100%;
height: 218px;
}

	#header img {
	border: none;
	}

#footer {
clear: both;
width: auto;
height: 40px;
margin: 0 0 0 20px;
/*padding: 50px 0 130px 0;*/
padding: 25px 0 130px 0;
}

	#footer a {
	float: left;
	width: auto;
	display: block;
	font-weight: bold;
	margin-right: 20px;
	}

#endWrap {
width: 100%;
min-width: 829px;
height: 130px;
background: url(http://www.artitude.com.sg/images/footerWhole.png) repeat-x bottom left;
margin-top: -130px;
}

#breadcrumb {
background: url(http://www.artitude.com.sg/images/breadcrumbBg.gif) no-repeat bottom left;
font-weight: bold;
margin: 40px 0 0 25px;
padding: 0 6px 15px 0;
}
	#breadcrumb h1 {
	font-size: 14px;
	margin: 0px;
	}

.imgRight {
float: right;
padding: 5px;
margin-left: 10px;
border: none;
}

.imgLeft {
float: left;
padding: 5px;
margin-right: 10px;
border: none;
}

#video {
width: 380px;
margin: 0 auto;
}

/*
--------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------
*/

#nav {
position: relative;
width: auto;
height: 55px;
background: url(http://www.artitude.com.sg/images/navBar.png) no-repeat top left;
font-size: 17px;
line-height: 20px;
padding: 16px 0 0 70px;
}

	#nav a {
	float: left;
	display: block;
	width: auto;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	margin: 0 15px 0 15px;
	}

	#nav a:hover {
	border-bottom: 3px solid #807b44;
	font-weight: normal;
	}

	#nav span {
	position: absolute;
	display: none;
	}

	#nav a:hover span {
	display: block;
	}

/*
Kathy : Updated the CSS to get the PNG version of the image for PNG transparency so that there will be no more white block when the image appears over the background of the website. GIF version has jagged edges.
*/

#nav-artitudeStory span {
width: 103px;
height: 47px;
background: url(http://www.artitude.com.sg/images/artitudeStory.png) no-repeat;
top: 55px;
left: 60px;
}

/*
Kathy : End.
*/

#nav-DIY span {
width: 136px;
height: 47px;
background: url(http://www.artitude.com.sg/images/DIY.gif) no-repeat;
top: 55px;
left: 172px;
}

#nav-products span {
width: 249px;
height: 45px;
background: url(http://www.artitude.com.sg/images/products.gif) no-repeat;
top: 55px;
left: 257px;
}

#nav-blog span {
width: 150px;
height: 46px;
background: url(http://www.artitude.com.sg/images/blog.gif) no-repeat;
top: 55px;
left: 380px;
}

/*
Kathy : Updated the CSS to get the PNG versions of the images for PNG transparency so that there will be no more white blocks when the images appear over the background of the website. GIF versions have jagged edges.
*/

#nav-myAccount span {
width: 134px;
height: 45px;
background: url(http://www.artitude.com.sg/images/myAccount.png) no-repeat;
top: 55px;
left: 473px;
}

#nav-shoppingBasket span {
width: 120px;
height: 47px;
background: url(http://www.artitude.com.sg/images/shoppingBasket.png) no-repeat;
top: 55px;
left: 625px;
}

/*
Kathy : End.
*/
/*
--------------------------------------------------------------------------
Index Page
--------------------------------------------------------------------------
*/

#introduction {
float: left;
width: 720px;
height: auto;
/*background: url(http://www.artitude.com.sg/images/introductionBg.gif) no-repeat top left;
margin: 40px 0 0 0;
padding: 15px 0 0 90px;*/
margin: 40px 0 0 0;
padding: 15px 0 0 15px;
}

.introWrap  {
width: 650px;
margin-bottom: 40px;
}

.greeting {
display: inline;
font-size: 28px;
font-style: italic;
line-height: 30px;
margin-right: 7px;
}

#products {
float: left;
width: 124px;
margin: 0 0 0 25px;
}

#portfolio {
float: left;
width: 250px;
height: 225px;
margin: 0 0 0 60px;
}

#subscribe {
float: left;
width: 230px;
height: 43px;
background: url(http://www.artitude.com.sg/images/subscribe.png) no-repeat top left;
padding: 67px 0 0 20px;
margin: 0 0 0 50px; }

	#subscribe fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}

	#subscribe input, #subscribe button {
	font-size: 12px;
	border: none;
	}

	#subscribe input.join {
	background: url(http://www.artitude.com.sg/images/joinBg.png) no-repeat bottom left;
	padding: 0 0 7px 0;
	}

	#subscribe input.join:focus {
	background: url(http://www.artitude.com.sg/images/joinBgFocus.png) no-repeat bottom left;
	outline: none;
	}

	#subscribe button.joinBtn {
	width: 36px;
	height: 21px;
	background: url(http://www.artitude.com.sg/images/joinBtn.gif) no-repeat top left;
	text-indent: -9999px;
	cursor: pointer;
	margin-left: 3px;
	}

	#subscribe p {
	font-size: 11px;
	font-style: italic;
	margin: 3px 0 0 0;
	}

#facebook {
float: left;
width: 250px;
height: 110px;
margin: 25px 0 0 50px;
}

	#facebook img {
	border: none;
	}
	
/*
Kathy : Updated the CSS to get include ArTees icon. Width and height of icons were changed. Margin-left added.
*/

.facebookShortIcon {
width: 103px;
height: 81px;
margin-left: 20px;
}
	.facebookShortIcon a {
	display: block;
	width: 103px;
	height: 81px;
	background: url(http://www.artitude.com.sg/images/facebook_short.png) no-repeat top left;
	}
	
.payPalIcon {
	width: 103px;
	height: 65px;
	margin-left: 20px;
	margin-top:16px;
	}
		.payPalIcon a {
		display: block;
		width: 103px;
		height: 65px;
		background: url(https://www.paypal-apac.com/images/logos/PayPal-Buyer-Protection-Logo-180p-x-113p.gif) no-repeat top left;
		}

.artDecalIcon {
width: 103px;
height: 81px;
margin-left: 20px;
}

	.artDecalIcon a {
	display: block;
	width: 103px;
	height: 81px;
	background: url(http://www.artitude.com.sg/images/artDecals_Icon.jpg) no-repeat top left;
	}

	.artDecalIcon a:hover {
	background-position: bottom left;
	}

.artCardsIcon {
width: 103px;
height: 81px;
margin-left: 20px;
}

	.artCardsIcon a {
	display: block;
	width: 103px;
	height: 81px;
	background: url(http://www.artitude.com.sg/images/artCards_Icon.jpg) no-repeat top left;
	}

	.artCardsIcon a:hover {
	background-position: bottom left;
	}	

.canvasPrintsIcon {
width: 103px;
height: 81px;
margin-left: 20px;
}
	
	.canvasPrintsIcon a {
	display: block;
	width: 103px;
	height: 81px;
	background: url(http://www.artitude.com.sg/images/artCanvas_Icon.jpg) no-repeat top left;
	}

	.canvasPrintsIcon a:hover {
	background-position: bottom left;
	}
	
.arteesIcon {
width: 103px;
height: 81px;
margin-left: 20px;
}
	
	.arteesIcon a {
	display: block;
	width: 103px;
	height: 81px;
	background: url(http://www.artitude.com.sg/images/artees_Icon.jpg) no-repeat top left;
	}

	.arteesIcon a:hover {
	background-position: bottom left;
	}
	
/*
Kathy : End.
*/
/*
--------------------------------------------------------------------------
Product Page
--------------------------------------------------------------------------
*/

#productLeft {
float: left;
width: 220px;
/*background: url(http://www.artitude.com.sg/images/descriptionBgBottom.gif) no-repeat bottom right;*/
padding-bottom: 15px;
}

#productMiddle {
float: left;
width: 220px;
/*background: url(http://www.artitude.com.sg/images/descriptionBgBottom.gif) no-repeat bottom right;*/
padding-bottom: 15px;
}


#productRight {
float: left;
width: 220px;
/*background: url(http://www.artitude.com.sg/images/descriptionBgBottom.gif) no-repeat bottom right;*/
padding-bottom: 15px;
}

p.poem {
font-style: italic;
}

.imgProducts {
width: 190px;
margin: 0 auto 0 auto;
}

	.imgProducts img {
	border: none;
	}

/*
--------------------------------------------------------------------------
Product List Page : Canvas
--------------------------------------------------------------------------
*/

#canvasView {
width: 720px;
font-size: 13px;
margin: 10px 0 0 50px;
}

	#canvasView p.normal {
	font-size: 14px;
	}
	
	#canvasView p.complement {
	font-style: italic;
	}

.canvasDescription {
float: right;
width: 455px;
font-size: 13px;
}
	
h1.canvasTitle {
clear: right;
font-size: 22px;
margin: 0;
}

.addToBasket {
float: right;
width: auto;
border: none;
}

.divide {
clear: both;
margin: 10px 0 10px 0;
}

/* For Set Collection Product Art */
.canvasFloat {
float: left;
width: auto;
}
	.canvasFloat img {
	border: none;
	}

.zoomInCanvas {
width: 210px;
margin: 0 0 0 20px;
}

/* For Drop Shadow on Product Art */
.canvasDropShadow {
float: left;
width: auto;
background-color: #ffffff;
/*background: url(http://www.artitude.com.sg/images/canvasShadow.png) no-repeat bottom left;*/
padding: 0;
}

	.canvasDropShadow img {
	margin: 0 10px 10px 14px;
	padding: 0;
	border: none;
	}
/* End Drop Shadow on Product Art */

/*
--------------------------------------------------------------------------
Product List Page : Art Decals
--------------------------------------------------------------------------
*/

#decalView {
float: left;
width: 570px;
margin: 10px 0 0 50px;
}

#categories {
float: right;
width: 150px;
background-color: #00ff00;
background: url(http://www.artitude.com.sg/images/descriptionBgBottom.gif) no-repeat bottom right;
margin: 10px 40px 0 0;
padding-bottom: 10px;
}

	#categories h1 {
	background: url(http://www.artitude.com.sg/images/titleBg.png) no-repeat bottom right;
	font-size: 22px;
	margin: 0px;
	padding-bottom: 6px;
	}

	#categories a {
	display: block;
	margin: 5px 0 0 0;
	}

	#categories img {
	border: none;
	}

ul.itemInList {
list-style: none;
margin: 0;
padding: 0;
}

	ul.itemInList li {
	float: left;
	width: 155px;
	margin: 10px 30px 0 0;
	}

	ul.itemInList img {
	padding: 7px;
	border: 1px solid #C0C0C0;
	}
	
    ul.itemInList img:hover {
	border: 1px solid #301911;
	}

.next {
clear: both;
font-size: 12px;
text-align: center;
margin: 0px;
color:#301911;
}

	.next a {
	margin: 0 5px 0 5px;
	color:#301911;
	}
	
.removeLink
{
	text-decoration:none;
	cursor:auto;
	}	
	
/*
--------------------------------------------------------------------------
Product Details Page : Art Decals
--------------------------------------------------------------------------
*/

#aboutProduct {
width: 800px;
}

	#aboutProduct h1 {
	background: url(http://www.artitude.com.sg/images/descriptionBgTop.gif) no-repeat top right;
	font-size: 22px;
	color: #301911;
	padding: 15px 0 0 0;
	margin: 10px 0 0 0;
	}
	
#visualArt {
margin: 20px 0 0 30px;
}

#description {
background: url(http://www.artitude.com.sg/images/descriptionBgBottom.gif) no-repeat bottom right;
font-size: 13px;
padding: 20px 5px 20px 30px;
}

#description ul li { list-style: url(http://www.artitude.com.sg/CMS/tiny_mce/themes/simple/skins/o2k7/img/bullet.png); list-style-position: inside; margin 0 1.5em; padding: 0 0;
} 


/* For Drop Shadow on Product Art */
.decalDropShadow {
float: left;
position: relative;
width: auto;
background: url(http://www.artitude.com.sg/images/shadow.png) no-repeat bottom right;
margin: 10px 7px 0 10px !important;
margin: 10px 7px 0 5px;
}

	.decalDropShadow img {
	position: relative;
	display: block;
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	margin: -10px 10px 10px -10px;
	padding: 8px;
	}
/* End Drop Shadow on Product Art */

	.decalDropShadow a:hover .desc {
	position: absolute;
	display: block;
	cursor: pointer;
	width: 203px;
	background: none;
	bottom: 1px;
	left: 1px;
	margin: 0;
	}

		.desc img {
		border: none;
		background: none;
		padding: 5px;
		}

	.decalDropShadow a .desc {
	display: none;
	}

#seeForYourself
{
clear: both;
}

.customization {
float: right;
width: 375px;
margin: 30px 60px 0 0;
}

	.customization h1 {
	background: url(http://www.artitude.com.sg/images/titleBg.png) no-repeat bottom left;
	font-size: 20px;
	color: #301911;
	padding-bottom: 3px;
	margin: 0 0 8px 0;
	}

	.customization img {
	border: none;
	}
	
.viewNext {
font-size: 12px;
text-align: right;
margin: 0px;
color:#301911;
}

	.viewNext a {
	margin: 0 5px 0 5px;
	color:#301911;
	}
	
.current {
clear: both;
float: right;
width: 140px;
height: 20px;
background: url(http://www.artitude.com.sg/images/currentBg.gif) no-repeat bottom left;
font-size: 11px;
text-align: center;
font-weight: bold;
margin-top: 10px;
padding-top: 5px;
}

.productDemo {
float: left;
width: 260px;
margin: 30px 0 0 80px;
}

ul.colors {
list-style: none;
padding: 0;
margin: 0;
}

	ul.colors li {
	float: left;
	width: auto;
	margin: 5px 5px 0 0;
	}

/*
--------------------------------------------------------------------------
Gift Certificate
--------------------------------------------------------------------------
*/

.imgGift {
float: right;
width: 269px;
margin: 15px 0 15px 15px;
}

	.imgGift img {
	border: none;
	}

.giftUl {
list-style-image: url(http://www.artitude.com.sg/images/bullet.png);
}

.fine {
clear: both;
font-size: 11px;
color: #333333;
background-color: #cccccc;
padding: 7px;
}

	.fine h3 {
	font-size: 13px;
	}

h2.gift {
font-size: 16px;
color: #807b44;
border: none;
}

table.giftTable {
width: 80%;
margin: 0 auto;
padding: 7px;
border: 1px solid #dddddd;
}

	table.giftTable p {
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	}

	table.giftTable td {
	padding: 7px;
	}

	table.giftTable td.labels {
	width: 40%;
	font-weight: bold;
	vertical-align: top;
	}
	
/*
--------------------------------------------------------------------------
Album
--------------------------------------------------------------------------
*/

.album {
margin: 30px 0 0 0;
}

	#content .imgGiftAlbum {
	float: left;
	margin: 0 20px 0 20px;
	}
	
/*
--------------------------------------------------------------------------
My Account
--------------------------------------------------------------------------
*/

#logIn {
width: 330px;
background: url(http://www.artitude.com.sg/images/descriptionBgBottom.gif) no-repeat bottom right;
padding-bottom: 15px;
margin: 0 auto;
}

	#logIn table {
	width: 330px;
	margin: 0 auto;
	}
	
	#logIn td.field {
	text-align: right;
	padding-right: 7px;
	}
	
	#logIn td.register {
	font-size: 11px;
	}

table.accountLeft {
float: left;
margin: 0 20px 0 0;
}

	table.accountLeft td {
	text-align: center;
	border: 1px solid #dddddd;
	padding: 5px;
	}
	
	table.accountLeft td:hover {
	background-color: #f7f7f7;
	}
	
table.accountRight {
width: 70%;
border: 1px solid #dddddd;
padding: 5px;
margin: 10px;
}

	table.accountRight tr.title {
	background-color: #D7CA96;
	font-weight: bold;
	}
	
	table.accountRight td {
	padding: 7px;
	}
	
	table.accountRight td.left {
	width: 70%;
	}
	
	table.accountRight tr.odd {
	background-color: #f7f7f7;
	}
	
	table.accountRight tr.even {
	background-color: #fffff;
	}

/*
--------------------------------------------------------------------------
All Other Pages
--------------------------------------------------------------------------
*/

#content {
width: 720px;
margin: 10px 0 0 50px;
}

	#content h1 {
	background: url(http://www.artitude.com.sg/images/titleBg.png) no-repeat bottom left;
	font-size: 22px;
	padding-bottom: 7px;
	}
	
	#content h2 {
	font-size: 18px;
	border: none;
	}
	
	#content h2 em {
	color: #cdb878;
	}
	
	#content p.step {
	width: 575px;
	padding-left: 25px;
	margin-left: 50px;
	}

	#content li {
	padding-bottom: 5px;
	}
	
	/* For FAQ */
	#content h2.q {
	background: url(http://www.artitude.com.sg/images/q.gif) no-repeat top left;
	font-size: 18px;
	border: none;
	padding-left: 25px;
	margin-left: 50px;
	}

	#content p.faq {
	width: 575px;
	background: url(http://www.artitude.com.sg/images/a.gif) no-repeat top left;
	font-size: 13px;
	padding-left: 25px;
	margin-left: 50px;
	}

	/* For Shopping Basket */
	#content h2.noBorder {
	margin: 0 0 7px 0;
	}
	
/*
--------------------------------------------------------------------------
Shopping Basket Styling
--------------------------------------------------------------------------
*/
	
table#basket {
width: 100%;
text-align: center;
border: 1px solid #dddddd;
padding: 3px;
}

	table#basket img {
	display: block;
	margin: 0 auto;
	border: none;
	}
	
	table#basket thead th {
	background-color: #d7ca96;
	font-weight: bold;
	border-bottom: 1px solid #dddddd;
	padding: 3px 7px 3px 7px;
	}

	table#basket thead th.product {
	width: 35%;
	}

	table#basket thead th.remove {
	width: 5%;
	}
	
	table#basket tbody tr.odd {
	background-color: #f7f7f7;
	}

	table#basket tbody tr.even {
	background-color: #ffffff;
	}

	table#basket tbody tr.total {
	background-color: #d7ca96;
	font-size: 14px;
	}

.curved {
width: 158px;
height: 143px;
background: url(http://www.artitude.com.sg/images/curvedBg.png) no-repeat top left;
margin: 0 auto;
padding: 15px 0 0 0;
}

.noBorder {
border: none;
}

/*
--------------------------------------------------------------------------
Checkout Pages Styling
--------------------------------------------------------------------------
*/

table#stepsLeft {
width: 93%;
font-size: 12px;
font-weight: bold;
text-align: center;
border: 1px solid #dddddd;
padding: 3px;
margin: 40px 0 0 25px;
}

	table#stepsLeft td.doing {
	width: 20%;
	background-color: #d7ca96;
	}

	table#stepsLeft td.notDone {
	width: 20%;
	color: #c0c0c0;
	}

	table#stepsLeft td.done {
	width: 20%;
	color: #598527;
	}

/* Also used in My Account */
table.information {
width: 100%;
text-align: left;
border: 1px solid #dddddd;
padding: 3px 7px 7px 7px;
margin: 0px;
}

	table.information p.title {
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 0 0;
	}

	table.information p.description {
	font-size: 12px;
	margin: 0 0 10px 0;
	}

	table.information td.different {
	text-align: right;
	vertical-align: top;
	padding-right: 3%;
	}

	table.information td.total {
	width: 20%;
	font-weight: bold;
	}

	table.information td.price {
	width: 20%;
	font-weight: bold;
	}

	table.information td.labels {
	width: 20%;
	font-weight: bold;
	vertical-align: top;
	}

	table.information tr.orderTitle {
	text-align: center;
	font-weight: bold;
	background-color: #d7ca96;
	}

	table.information tr.orderDetails {
	text-align: right;
	}

fieldset.checkOut {
border: none;
}

span.compulsory {
color: #ff0000;
}
	
/*
--------------------------------------------------------------------------
Form Styling
--------------------------------------------------------------------------
*/

.contactForm {
display: block;
padding: 20px;
width: 600px;
margin: 0 auto 0 auto;
border: 1px solid #dddddd;
}

	.contactForm br {
	clear: left;
	}

	.contactForm p {
	clear: left;
	margin: 0 0 30px 0;
	}

	.contactForm legend {
	color: #301911;
	background-color: #d7ca96;
	border: 1px solid #301911;
	padding: 0 10px 0 10px;
	margin-bottom: 10px;
	}

	.contactForm label, .contactForm input, .contactForm textarea {
	float: left;
	display: block;
	width: auto;
	margin: 0 0 15px 20px;
	}

	.contactForm label {
	width: 200px;
	padding-right: 5px;
	font-weight: bold;	
	text-align: right;
	}

	.contactForm textarea {
	overflow: auto;
	}

/*
--------------------------------------------------------------------------
Hide Email Address From Bots
--------------------------------------------------------------------------
*/

span.addHide {
direction: rtl;
unicode-bidi: bidi-override;
}