/* CSS Document */
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	padding: 0;
	margin: 0;
	color: #53575e;
}

p {
	margin: 0 0 17px 0;
	padding: 0;
}

img { 
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #0083d9;
}

a:hover {
	color: #1b98e9;
	text-decoration: none;
}

h1 {
	font-size: 16px;
	margin: 0;
	padding: 0;
}


h2 {
	font-size: 13px;
	color: #41454b;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: 100;
}


hr {
	height: 0px;
	border-top: 0px solid #e1e1e1;
	color: #e1e1e1;
}

ul {
	list-style-image: url(../images/orange_bullet.gif);
	margin: 0 0 25px 0;
	padding: 0 35px;
}

li {
	font-size: 12px;
	margin-top: 15px;
}


input.textInput {
	height: 18px;
	width: 255px;
	border: 1px solid #bec5cd;
}

textarea {
	width: 255px;
	border: 1px solid #bec5cd;
	height: 148px;
}


/****** GENERIC ******/

.flashTextFix {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;	
}

div.clear {
	height: 0;
	margin: 0;
	padding: 0;
}

.clearLeft {
	clear: left;
	font-size: 0;
	height: 0px;
}

div.flashContainer {
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 10;
}


div.largeText {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 17px 0;
}

div.large14Text {
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 17px 0;
}

/****** CONTAINERS ******/
body div#pageContainer {
	width: 100%;
	margin: 0;
	background: url(../images/bg/page_contain_bg.gif) top left repeat-x #ffffff;
	min-width: 882px;
}

body div#contentHomeContainer {
	width: 100%;
	margin: 0;
	background: url(../images/bg/content_home_contain.gif) top left repeat-x #ffffff;
	min-width: 882px;
}

div#productContentContain {
	width: 100%;
	margin: 0;
	background: url(../images/bg/product_content_contain_bg.gif) top left repeat-x #3c3f44;
	min-width: 882px;
}

body div#footerContainer {
	width: 100%;
	margin: 0;
	background: url(../images/bg/footer_bg.gif) top left repeat-x #000000;
	min-width: 882px;
}



/******** PAGE ********/
div#page {
	width: 882px;
	padding: 0;
	margin: 0 auto;	
}

div#headerFlash {
	height: 441px;
	text-align: center;
}

div#headerFlash table {
	margin: 0 auto;
}

/** HEADER **/
div#header {
	padding: 0;
	height: 122px;
}

div#header div#logoContainer {
	position: relative;
	width: 530px;
	height: 1px;
	float: left;
}

div#header div#logoContainer img {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}

div#header div#logoContainer img#logoText {
	left: 133px;
}

div#header div#navButtons {
	padding: 66px 0 0 0px;
	width: 352px;
	float: left;
}

div#navButtons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navButtons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#navButtons ul li a {
	height: 23px;
	display: block;
}

div#navButtons ul li a:hover {
	background-position: left bottom;
}

/** NAV **/
a#navHome {
	width: 46px;
	background: url(../images/nav_buttons/nav_home.gif) no-repeat;	
}

a#navService {
	width: 91px;
	background: url(../images/nav_buttons/nav_service.gif) no-repeat;	
}

a#navAbout {
	width: 75px;
	background: url(../images/nav_buttons/nav_about.gif) no-repeat;	
}

a#navProducts {
	width: 74px;
	background: url(../images/nav_buttons/nav_products.gif) no-repeat;	
}

a#navContact {
	width: 66px;
	background: url(../images/nav_buttons/nav_contact.gif) no-repeat;	
}


/******** CONTENT ********/

/** HOME **/
div#subMenuContent {
	padding: 2px 0 0 0;
	width: 882px;
	margin: 0 auto;
}

div#subMenuContent ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style: none;
}

div#subMenuContent ul li {
	background: url(../images/bg/sub_menu_list_bg.gif) top right no-repeat;
	width: 296px;
	height: 108px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

div#subMenuContent ul li.endSubRow {
	background: url(../images/bg/sub_menu_list_end_bg.gif) top right no-repeat;
	width: 290px;
	
}

div#subMenuContent ul li img {
	display: block;
	float: left;
}

div#subMenuContent ul li div.subHomeMenuText {
	width: 167px;
	height: 95px;
	float: left;
	padding: 5px 10px 3px 10px;
	font-size: 11px;
	color: #53575e;
}

ul li div.subHomeMenuText p {
	position: relative;
	top: -3px;
}

div.subHomeMenuText a {
	color: #53575e;
}

div.subHomeMenuText a:hover {
	color: #1B98E9;
}

div#homeContent {
	background: #ebebeb;
	width: 882px;
	margin: 0 auto;
	padding: 15px 0;
}

div#homeContent div#homeContentLeft {
	width: 481px;
	padding: 0 28px;
	margin: 9px 0 0 0;
	border-right: 1px solid #d4d5d5;
	float: left;
	font-size: 11px;
	line-height: 17px;
}


div#homeContent div#homeContentRight {
	padding: 10px 20px;
	width: 285px;
	float: left;
	background: url(../images/bg/content_right_bg.gif) right 70px no-repeat; 
	font-size: 11px;
	line-height: 17px;
}

div#homeContent div#homeContentRight h2 {
	padding-bottom: 5px;
}

/** CONTENT PAGES **/
div#content {
	background: url(../images/bg/content_page_bg.gif) top center no-repeat;
	width: 882px;
	margin: 0 auto;
}

div#bottomTextContent {
	width: 882px;
	margin: 11px auto 0 auto;
	background: #ebebeb;
}

div#bottomTextContent div#bottomTextLeft {
	width: 380px;
	padding: 30px 0 30px 40px;
	float: left;
}

div#bottomTextLeft div#setGreyBorder {
	border-right: 1px solid #d4d5d5;
	padding-right: 30px;
}

div#setGreyBorder div.scroll {
	height: 500px; 
	overflow: auto;
}

div#bottomTextContent div#bottomTextRight {
	width: 350px;
	padding: 30px 35px;
	float: left;
}

div#bottomTextContent table#enquiryTable td {
	font-size: 11px;
	text-align: right;
}

div#bottomTextContent table#enquiryTable td div {
	padding: 7px 0 0 0;
}

div#bottomTextContent table#enquiryTable td input.textField {
	border: 1px solid #a6abb3;
	font-size: 11px;
	text-align: left;
	height: 14px;
	width: 252px;
	padding: 5px;
}

div#bottomTextContent table#enquiryTable td textarea {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #a6abb3;
	font-size: 11px;
	text-align: left;
	height: 194px;
	width: 252px;
	padding: 5px;
}



/*Product Tabs*/
div#content ul#productTabs {
	/*padding: 8px 0 0 234px;*/
	padding: 8px 0 0 0px;
	margin: 0;
	display: block;
	height: 35px;
	list-style: none;
	list-style-image: none;
}

div#content ul#productTabs li {
	padding: 0;
	margin: 0;
	float: left;
}

div#content ul#productTabs li a {
	height: 35px;
	width: 108px;
	display: block;
}

div#content ul#productTabs li a:hover {
	background-position: right bottom;
	color: #FFFFFF;
}

ul#productTabs li a.generic {
	background: url(../images/nav_buttons/tab_generic.gif) no-repeat top right;
	color: #999fa6;
}

ul#productTabs li a.genericSmall {
	background: url(../images/nav_buttons/tab_generic_small.gif) no-repeat top right;
	color: #999fa6;
	height: 16px !important;
	width: 70px !important;
	padding: 7px 10px;
	font-size: 12px;
	font-weight: 600;
	margin-top: 5px;
}

ul#productTabs li a#tabMedal {
	background: url(../images/nav_buttons/tab_medal.gif) no-repeat top right;	
}

ul#productTabs li a#tabPins {
	background: url(../images/nav_buttons/tab_pins.gif) no-repeat top right;	
}

ul#productTabs li a#tabKey {
	background: url(../images/nav_buttons/tab_keychains.gif) no-repeat top right;	
}

ul#productTabs li a#tabService {
	background: url(../images/nav_buttons/tab_service.gif) no-repeat top right;	
}

ul#productTabs li a#tabCustom {
	background: url(../images/nav_buttons/tab_custom.gif) no-repeat top right;	
}

ul#productTabs li a#tabPromo {
	background: url(../images/nav_buttons/tab_promo.gif) no-repeat top right;	
}

/*Product Content*/
div#productFlash {
	height: 425px;
}

/* PAGE CONTENT */
div#pageContent {
	width: 882px;
	/*padding: 2px 0 0 0;*/
	margin: 0 auto;	
	
}

div#pageContent div#pageContentMenu {
	width: 225px;
	float: left;
	background: url(../images/bg/page_content_menu_bg.gif) top left repeat-x #ebebeb;
	min-height: 500px;
	_height: 500px;
}

div#pageContent div#pageContentMenu div.innerPadding {
	padding: 30px 0px;
}

div#pageContentMenu ul {
	padding: 20px 0 0 0;
	margin: 0;
	list-style: none;
	list-style-image: none;
}

div#pageContentMenu ul li {
	margin: 0;
	/*padding: 0 0 13px 0;*/
}

div#pageContentMenu ul a {
	color: #0083d9;
	font-size: 12px;
	display: block;
	padding: 7px 22px;
	background: #ebebeb url(../images/cashs_menu_arrow_off.gif) no-repeat 10px 9px;
	border-bottom: 1px solid #cccbcc;
}

div#pageContentMenu ul a:hover {
	display: block;
	padding: 7px 22px;
	background: #e4e3e3 url(../images/cashs_menu_arrow_on.gif) no-repeat 10px 9px;
	border-bottom: 1px solid #cccbcc;
}

div#pageContentMenu ul a.onHover {
	display: block;
	padding: 7px 22px;
	background: #e4e3e3 url(../images/cashs_menu_arrow_on.gif) no-repeat 10px 9px;
	border-bottom: 1px solid #cccbcc;
}


div#pageContent div#pageContentText {
	width: 655px;
	float: left;
}

div#pageContent div#pageContentText div.innerPadding {
	padding: 33px;
}



/******** BROWSE NAVIGATION ********/
div#browseNavigation {
	color: #907925;
	font-size: 11px;
	padding: 0 0 12px 23px;
}

div#browseNavigation strong {
	color: #181a1c;
}

div#browseNavigation a {
	color: #907925;
	text-decoration: none;
	font-size: 11px;
}

div#browseNavigation a:hover {
	text-decoration: underline;
}

/******** PAGE BOTTOM ********/
div#pageBottom {
	margin: 0 auto;
	width: 970px;
	padding: 0;
}

/******** THUMB HOVER ********/
#imageContainer {
	width: 348px;
	height: 348px;
	padding: 0;
	margin: 0;
	float: left;
}

#imageContainer img {
	border: 1px solid #d9dbdc;
}

#gallery {
	width: 110px;
	padding: 0 0 0px 17px;
	margin: 0;
	float: left;
	overflow:hidden;
	height: 348px;
}

#gallery img {
	border: 1px solid #d9dbdc;
}

/** SCROLL BAR **/
#scrollBar {
	width: 8px;
	height: 348px;
	margin-left: 10px;
	background: url(../images/img_scroller.gif) repeat-y center;
	float: left;
}	

#scrollHandle {
	width: 8px;
	height: 35px;
	background-image: url(../images/img_scroller_handle.gif);
	background-position: top-left;
	background-repeat: no-repeat;
	cursor: pointer;
}
	
/**** PRODUCT LIST ****/
ul.productList {
	margin: 0;
	padding: 0;
}

ul.productList li {
	width: 175px;
	height: 230px;
	display: block;
	float: left;
	padding: 0 40px 20px 0 ;
	margin: 0;
}

ul.productList li.rightSide {
	width: 175px;
	height: 230px;
	display: block;
	float: left;
	padding: 0 0px 20px 0 ;
	margin: 0;
}

ul.productList li a {
	color: #116fa8;
	font-size: 12px;
	font-weight: 600;
	text-decoration: underline;
}	

ul.productList li a:hover {
	text-decoration: none;
}

div.productLeft {
	width: 135px;
	float: left;
}

div.productRight {
	width: 95px;
	float: left;
}

div.productRight a.productTitle {
	font-size: 12px;
	text-decoration: underline;
	color: #800000;
}

div.productRight a.productTitle:hover {
	font-size: 12px;
	text-decoration: none;
}


ul.productList li p {
	padding: 5px 0;
	margin: 0;
	font-size: 11px;
	color: #0c0d0e;
	height: 115px;
}
	
img.imageProductList {
	border: 1px solid #e1e1e1;
	display: block;
	float: left;
}	

div.productListText {
	width: 150px;
	padding-left: 10px;
	float: left;
}

h2.productListInclude {
	position: relative;
	top: -5px;
}
	
/****** FOOTER ******/
div#footer {
	width: 882px;
	margin: 0 auto;
	position: relative;
	color: #a7a7a7;
	font-size: 11px;
	padding: 15px 0;
	text-align: center;
}

div#footerLinks {
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 10px;
}

div#copyright {
	padding: 10px 0 0 0;
}

div#copyright div {
	padding: 4px 0 0 0;
}

a#blissLink {
	text-decoration: none;
	font-size: 11px;
	color: #a7a7a7;
	position: relative;
	top: -2px;
}

a#blissLink:hover {
	font-size: 11px;
	color: #b3b2b2;
}



	