body {
	margin: 0;
	padding: 0px 0 20px 0;
	font-size: 62.5%;
	font-family: Georgia, Times, serif;
	position: relative;
	background: #89D3F4;
	color: #4D4D4D;
 }

/* Normal links */
a:link, a:visited {
outline-style:none;
	color: #566652;
	text-decoration: none;
	 }

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

/* Image border and background color fixes */
a.img:link, a.img:visited, a.img:hover, a.img:visited:hover {
	border: none;
	background-color:transparent; }

/*------------------HEADING--------------------*/

h1 {
	margin: 0px 0 0 0;
	padding: 0 0 0px 0;
	font-size: 2.0em;
	font-weight: normal;
	color: #000; }

h2 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #000; }

h3 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	color: #000; }


/*-----------PARAGRAPH TEXT ELEMENTS-------------------*/

/* General paragraph rules */
p {
	margin: 0 0 1.0em 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em; }

hr {
	border-color: #ccc;     
	border-style: solid;   
	border-width: 1px 0 0; 
	clear: both;           
	margin: 0px 0 20px 0; 
	height: 0;             
}

/*---------------LAYOUT BOXES----------------------*/

#Frame {
	width: 955px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: url(http://www.cardomatnyc.com/img/bg.gif) repeat-y;
}

#Content {
	float: left;
	width: 955px;
}

#SubCol {
	float: left;
	width: 155px;
	margin: 0 20px 0 0;
	display: inline;
}

#MainCol {
	float: left;
	width: 500px;
	padding: 20px 20px 10px 20px;
	margin: 0 20px 0px 0;
	background: #fff;
	display: inline;
}

#RightCol {
	float: left;
	width: 220px;
	padding: 0px 0 0 0;
	margin: 0;
	display: inline;
}

/*--------------HEADER ELEMENTS----------------*/

img { border: none; }

#Header {
	width: 955px;
	height: 45px;
	margin: 0 auto 0 auto;
	padding: 30px 0px 40px 0px;
}

#HeaderRight {
	float: right;
	position: relative;
	width: 145px;
	padding: 0;
}

#UniqueCardsGifts {
	width: 145px;
	height: 14px;
	background: url(http://www.cardomatnyc.com/img/uniquecardsgifts_title.gif) top left no-repeat;
	text-indent: -9999px;
margin: 20px 0 0 0;
}

#Logo {
	float: left;
	position: relative;
	display: inline;
	text-indent: -9999px;
	margin:5px 0 10px 0px;
	padding:0px 0 0px 0px;
	height: 43px;
	width: 380px;
	background: url(http://www.cardomatnyc.com/img/logo.gif) no-repeat top left;
	}
#Logo a {
	position: absolute;
	padding:0px 0 0px 0px;
	top: 0px;
	left: 0px;
	width: 380px;
	height: 43px;
	}

#Logo a:link, #Logo a:visited, #Logo a:active, #Logo a:link:hover, #Logo a:visited:hover {
	background-color: transparent;
	}

#Logo a span, #Logo span { display: none; }


/*--------------MAIN NAVIGATION----------------*/
#BodyText #navigation {
	background: url(http://www.cardomatnyc.com/img/navigation.gif) no-repeat;
	height: 189px;
	width: 155px;
	margin: 0 0 40px 0px;
	padding: 0;
	position: relative;
	}
	
#BodyText #navigation li {
	margin: 0;
	padding: 0px;
	list-style: none;
	position:relative;
	top: 0;
	}
	
#BodyText #navigation li, #BodyText #navigation a {
	height: 27px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#BodyText #navigation a {
	text-indent: -5000px;
	text-decoration: none;
	}
#nav_home {height:27px; width: 155px;}
#nav_aboutus {height: 27px; width: 155px;}
#nav_products {height: 27px; width: 155px;}
#nav_seasonal {height: 27px; width: 155px;}
#nav_custominvitations {height: 27px; width: 155px;}
#nav_directions {height: 27px; width: 155px;}
#nav_contact {height: 27px; width: 155px;}

#nav_home a:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px 0px no-repeat;}
#nav_aboutus a:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px -27px no-repeat;}
#nav_products a:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px -54px no-repeat;}
#nav_seasonal a:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px -81px no-repeat;}
#nav_custominvitations a:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px -108px no-repeat;}
#nav_directions a:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px -135px no-repeat;}
#nav_contact a:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px -162px no-repeat;}

#nav_home a.selected:link, #nav_home a.selected:hover, #nav_home a.selected:visited, #nav_home a.selected:visited:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px 0px no-repeat;}
#nav_aboutus a.selected:link, #nav_aboutus a.selected:hover, #nav_aboutus a.selected:visited, #nav_aboutus a.selected:visited:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px -27px no-repeat;}
#nav_products a.selected:link, #nav_products a.selected:hover, #nav_products a.selected:visited, #nav_products a.selected:visited:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px -54px no-repeat;}
#nav_seasonal a.selected:link, #nav_seasonal a.selected:hover, #nav_seasonal a.selected:visited, #nav_seasonal a.selected:visited:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px -81px no-repeat;}
#nav_custominvitations a.selected:link, #nav_custominvitations a.selected:hover, #nav_custominvitations a.selected:visited, #nav_custominvitations a.selected:visited:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px -108px no-repeat;}
#nav_directions a.selected:link, #nav_directions a.selected:hover, #nav_directions a.selected:visited, #nav_directions a.selected:visited:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px -135px no-repeat;}
#nav_contact a.selected:link, #nav_contact a.selected:hover, #nav_contact a.selected:visited, #nav_contact a.selected:visited:hover { background: url(http://www.cardomatnyc.com/img/navigation.gif) -155px -162px no-repeat;}


/*--------------------MISCELLANEOUS-----------------------*/
form .group {
	float: left;
	padding: 0 0 10px 0;
}
.searchfield {
	float: left;
	font-family: Arial, Verdana, helvetica, sans-serif;
	border: 1px solid #ffffff;
	margin: 0 5px 5px 0;
	padding: 4px;
	height: 12px;
	top: 0px;
	font-size: 11px;
	width: 150px;
	color: #4D4D4D;
}

.gobutton {
	float: left;
	margin: 2px 0 0 0;
}

.mailinglistfield {
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	float: left;
	border: 0px;
	margin: 0 0px 5px 0;
	padding: 5px 4px 3px 4px;
	height: 16px;
	top: 0px;
	font-size: 11px;
	width: 107px;
	color: #808080;
}

label {
	float: left;
	width: 50px;
	padding: 5px 0 0 20px;
	font-size: 1.1em;
	text-transform: uppercase;
}

#SubCol h4 {
	width: 155px;
	border-bottom: 1px solid #4A6C82;
}

#VisitUs {
	width: 52px;
	height: 13px;
	background: url(http://www.cardomatnyc.com/img/visitus_title.gif) top left no-repeat;
	text-indent: -9999px;
}

#StoreHours {
	width: 84px;
	height: 13px;
	background: url(http://www.cardomatnyc.com/img/storehours_title.gif) top left no-repeat;
	text-indent: -9999px;
}

#SubCol .section {
	margin: 0 0 30px 0;
}

#RightCol .section {
	border: 20px solid #fff;
	margin: 0 0 20px 0;
}

#RightCol .section.last {
	margin: 0 0 0px 0;
}

#RightCol .section img{
	display: block;
}

#WhatsNewSection {
	padding: 13px;
	background: #BCDD73;
}

#BodyText h3#WhatsNew {
	width: 154px;
	height: 20px;
	margin: 0 0 10px 0;
	background: url(http://www.cardomatnyc.com/img/whatsnew_title.gif) top left no-repeat;
	text-indent: -9999px;
}

#JoinOurMailingListSection {
	padding: 13px;
	background: #FFE357;
}

#BodyText h3#JoinOurMailingList {
	width: 143px;
	height: 19px;
	margin: 0 0 10px 0;
	background: url(http://www.cardomatnyc.com/img/joinourmailinglist_title.gif) 0 5px no-repeat;
	text-indent: -9999px;
}

#BodyText #twitter_update_list {
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0;
}

#BodyText #twitter_update_list li{
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #566652;
}

.swapcontentcontainer {
	height: 333px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.producticon {
float: left;
padding: 0 10px 10px 0;
}

.producticon.last {
padding: 0 0 10px 0;
}
/*-------------- TEXT STYLING ELEMENTS -----------------*/

#BodyText{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#BodyText p {
	padding: 0px 0px 20px 0px;
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.7em;
	text-indent: 0px;
	color: #333333; }
	
#BodyText #SubCol p {
	padding: 0px 0px 20px 0px;
	margin: 0;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.4em;
	text-indent: 0px;
	color: #355160; }

#BodyText #RightCol p {
	padding: 0px 0px 20px 0px;
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	text-indent: 0px;
	color: #666653; }
			

#BodyText h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0 15px 0;
	font-size: 2.6em;
	line-height: 1.3em;
	font-weight: normal;
	color: #012D3A; 
}

#BodyText h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0 20px 0;
	font-size: 1.6em;
	line-height: 1.5em;
	font-weight: normal;
	color: #707070; 
}

#BodyText h4 {
	font-family: Arial, Verdana, helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 10px 0;
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: bold;
	color: #333333; 
}

#BodyText #WhatsNewSection h5 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0px 0;
	font-size: 1.0em;
	line-height: 1.3em;
	font-weight: normal;
	color: #333333; 
	text-transform: uppercase;
}


#BodyText ol {
	padding: 0px 0px 15px 15px;
	margin: 0 0 0 15px;
}
	
#BodyText ol li {
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-size: 1.4em;
	line-height: 1.8em;
	color: #595959; }


#BodyText ul {
	padding: 0px 0px 15px 25px;
	margin: 0;
}
	
#BodyText ul li {
	list-style-type: disc;
	padding: 0px 0px 0px 5px;
	margin: 0;
	font-size: 1.4em;
	line-height: 1.8em;
	color: #595959; }

#BodyText a:link, #BodyText a:visited { color: #27B8E0; text-decoration: none;}
#BodyText a:hover, #BodyText a:visited:hover { color: #333333;text-decoration: underline;}

#BodyText #SubCol p a:link, #BodyText #SubCol p a:visited { color: #355160; text-decoration: underline;}
#BodyText #SubCol p a:hover, #BodyText #SubCol p a:visited:hover { color: #000;text-decoration: underline;}

#BodyText #WhatsNewSection a:link, #BodyText #WhatsNewSection a:visited { color: #384F31; text-decoration: none;}
#BodyText #WhatsNewSection a:hover, #BodyText #WhatsNewSection a:visited:hover { color: #000;text-decoration: underline;}


/*-------------- Copyright Footer -----------------*/

#Copyright {
	margin: 0 auto 0px auto;
	padding: 15px 0px 15px 0px;
	width: 955px;
	text-align: right;
}

#Copyright h4 {
	margin: 0px 0px 0 0;
	padding: 6px 0px 0px 0px;
	color: #355160;
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: normal;
	}

#Copyright a:link, #Copyright a:visited { color: #355160; text-decoration: none;}
#Copyright a:hover, #Copyright a:visited:hover { color: #000000;text-decoration: underline; }

/* Remove traces of float */	
.ClearAll {
	clear: both;
	font-size: 2px; }