/**
 * overriden basic html tags.
 */
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	vertical-align: top;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
p, h1, h2, h3, h4, h5, span {
	padding: 0px;
	margin: 0px;
}
p, li, td, th, textarea, input, select, option, label {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
p, td, th, li, textarea, input, select, option, label {
	font-size: 11px;
}
h3, h4, h5, legend {
	font-size: 13px;
}
h3 {
	margin: 0px 0px 5px 0px;
}
h4, h5 {
	margin: 0px 0px 10px 0px;
}
p {
	margin: 0px 0px 10px 0px;
}
table {
	border-collapse: collapse;
}
td {
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
li {
	vertical-align: text-top;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}
hr {
	display: none;
}
img {
	border: 0px;
}
a {
	font-weight: bold;
}
a:hover {
}


/**
 * site main layout.
 */
#container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 760px;
	border-left: 1px solid;
	border-right: 1px solid;
}
#main_wrapper {
}

/* header */
#header {
	float: left;
	width: 100%;
	border-bottom: 1px solid;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header:hover {
	float: left;
}
/* navigation */
#navigation {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* main_content */
#main_content {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* utility */
#utility {
	float: left;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
/* footer */
#footer {
	clear: both;
	width: 100%;
	border-top: 1px solid;
	border-bottom: 1px solid;
	min-height: 77px;
	padding: 0px 0px 0px 10px;
}



/**
 * tags used to get the central column (white) to display 100% of screen height.
 * the 'container' div holds a white background colour, and to stretch this to 100%
 * of the browser/user agent window, the parent divs (in this case, and 99/100 of
 * other cases) - html and body, also need to have the height: 100% attribute.

html {
  height: 100%;
}
body {
  height: 100%;
}
#container {
  height: 100%;
	min-height: 100%; 
}
html>body #container {
	height: auto;
}

 */





/**
 * general styles used.
 */
h1 span,
h2 span {
	display: none;
}
#main_content h2,
#main_content h2 a {
	height: 33px;
	display: block;
}
#main_content h2 {
	margin: 0px 0px 10px 0px;

}
#main_content h2 a {
	width: 100%;
}
#main_content ul {
}
#main_content li {
}
#main_content h3 {
	margin: 0px 0px 10px 0px;
}
#main_content p.notice {
/* Use at bottom of pages - used in the store as an example to say whats going to be on the next page.
Examples of use: 'Click 'Proceed To Checkout' to make payment for this sale' */
	margin: 14px 0px 10px 0px;
	padding: 2px 5px 2px 5px;
}
#main_content p.article_seperator {
/* where there are news/blogs/etc articles, use this on the last paragraph to seperate each article in the list.
Examples of use: - the 'view more articles' in the news. - the 'view/add comments' in the blog */
	text-align: right;
	padding: 2px 5px 2px 5px;
	clear: both;
}
#main_content p.description {
/* description at the top of every page */
	padding: 3px 5px 3px 5px;
}



/* general styles used - section_navigation (top tabbed navigation)
Examples of use - in youraccount section */
#main_content #section_navigation {
}
#main_content #section_navigation ul {
	margin: 0px 0px 0px 0px;
}
#main_content #section_navigation li {
	margin: 0px;
	padding: 0px;
	border: 1px solid;
	text-align: center;
	float: left;
	margin: 0px -1px -1px 0px;
	_margin: 0px -1px -11px 0px;
}
#main_content #section_navigation li a {
	text-decoration: none;
	display: block;
	width: 7.5em;
	padding: 3px 3px 3px 3px;
}
#main_content #section_navigation li:hover {
}
#main_content #section_navigation li.current,
#main_content #section_navigation li.current:hover,
#main_content #section_navigation li.current a {
}




/**
 * panel styles
 */
 
/* panel styles - navigation and utility */
#navigation .panel,
#utility .panel {
	border: 1px solid;
	margin: 0px 6px 10px 6px;
}
#navigation .panel legend,
#utility .panel legend {
	display: none;
}
#navigation .panel h3,
#navigation .panel h3 a,
#utility .panel h3,
#utility .panel h3 a {
	height: 21px;
}
#navigation .panel h3,
#utility .panel h3 {
	border-bottom: 1px solid;
}
#navigation .panel h3 a,
#utility .panel h3 a {
	display: block;
	width: 100%;
}
#navigation .panel h3 span,
#utility .panel h3 span {
	display: none;
}
#navigation .panel p,
#navigation .panel h4,
#navigation .panel ul,
#navigation .panel input,
#utility .panel p,
#utility .panel h4,
#utility .panel ul,
#utility .panel input {
	margin-left: 6px;
	margin-right: 6px;
}
#navigation .panel p,
#navigation .panel input.button,
#navigation .panel input.button_next,
#utility .panel p,
#utility .panel input.button,
#utility .panel input.button_next {
	margin-bottom: 6px;
}
#navigation .panel h4,
#utility .panel h4 {
	font-size: 11px;
	margin-bottom: 2px;
}
#navigation .panel label input.textbox,
#utility .panel label input.textbox {
	width: 82%;
	margin-bottom: 2px;
}
#navigation .panel label strong,
#utility .panel label strong {
	display: none;
}
#navigation .panel li,
#utility .panel li {
	clear: both;
	_height: 1px; /* fix for I.E. */
}
#navigation .panel li img,
#utility .panel li img {
	border: 1px solid;
	width: 50px;
	height: 50px;
	float: left;
}
#navigation .panel li,
#navigation .panel li img,
#utility .panel li,
#utility .panel li img {
	margin-bottom: 5px;
	margin-right: 5px;
}
#navigation .panel li p,
#utility .panel li p {
	margin: 0px 0px 2px 0px;
}
#navigation p.footer,
#utility p.footer  {
	clear: both;
	margin: 6px 0px 0px 0px;
	padding: 1px 6px 1px 6px;
	text-align: center;
}
#navigation p.footer a,
#utility p.footer a {
	font-weight: normal;
	text-decoration: none;
}
#navigation p.footer a:hover,
#utility p.footer a:hover {
	text-decoration: underline;
}
#navigation #recommended li p.summary,
#utility #recommended li p.summary {
}
#navigation #recommended li p.buy,
#utility #recommended li p.buy {
	font-weight: bold;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 4px 0px;
}
#register_logon.panel h3 {
	background-image: url("/images/titles/sub_logon.gif");
}
#shopping_summary.panel h3 {
	background-image: url("/images/titles/sub_yourbasket.gif");
}
#latestnews.panel h3 {
	background-image: url("/images/titles/sub_latestnews.gif");
}
#product_search.panel h3 {
	background-image: url("/images/titles/sub_search.gif");
}
#top_products.panel h3 {
	background-image: url("/images/titles/sub_topproducts.gif");
}
#latest_products.panel h3 {
	background-image: url("/images/titles/sub_latestproducts.gif");
}
#recommended.panel h3 {
	background-image: url("/images/titles/sub_recommended.gif");
}
#newsletter.panel h3 {
	background-image: url("/images/titles/sub_newsletter.gif");
}



/* panel styles - header */
#header .panel {
	border: none;
	background: none;
	margin: 0px;
	text-align: left;
}
#header .panel legend {
	display: none;
}
#header .panel h3 {
	display: none;
}
#header .panel label strong {
	display: none;
}
#header .panel label input.textbox {
	width: 160px;
	margin: 0px 2px 0px 0px;
}
#header .panel input.button {
	margin: 0px 5px 0px 0px;
}
#header #product_search.panel {
	margin: 40px 0px 0px 0px;
}




/* panel styles - main_content */
#main_content div.panel2 {
	clear: both;
	border: 1px solid;
	padding: 10px;
	margin: 10px 0px 0px 0px;
}
#main_content fieldset {
	clear: both;	
	padding: 10px;
	margin: 10px 0px 0px 0px;
}



/**
 * table.data_list
 */
table.data_list,
table.data_view {
	width: 100%;
	margin: 0px 0px 10px 0px;
	border: 1px solid;
}
table.data_list tr,
table.data_view tr {
}
table.data_list th,
table.data_view th {
	font-weight: normal;
}
table.data_list td,
table.data_list th,
table.data_view td,
table.data_view th {
	padding: 0px 5px 0px 5px;
	height: 22px;
	border: 1px solid;
	vertical-align: middle;
}
table.data_list .icon,
table.data_list .quantity {
	text-align: center;
}
table.data_list .price,
table.data_list .total,
table.data_list .basket_label,
table.data_list .grandtotal {
	text-align: right;
}
table.data_list tr.extra_cost {
}
table.data_list tr.grandtotal {
}
table.data_list tr.grandtotal td {
	font-weight: bold;
}
table.data_list .button {
	padding: 0px;
}
table.data_list .button a {
	text-decoration: none;
	font-weight: normal;
	width: 100%;
	display: block;
	padding: 4px 0px 4px 0px;
}
table.data_list .button a:hover {
}



/**
 * header
 */
#header {
	background-image: url("/images/header.jpg");
	margin: 15px 0px 0px 0px;
}
#header {
	height: 110px;
}

#header #martina a {	
	background-image: url("/images/martinalogo.gif");
	background-repeat: no-repeat;
	height: 69px;
	width: 156px;
	margin: 25px 0px 0px 0px;
	float: left;
}

#header #clock {	
	float: left;
	margin: 44px 0px 0px 28px;
	_margin: 45px 0px 0px 28px;
}

#header span {
	display: none;
}

/**
 * footer
 */
#footer ul {
	text-align: center;
	width: 100%;
	float: left;
}
#footer li {
	display: inline;
	margin: 0px 5px 0px 5px;
}
#footer li a {
	padding: 3px 5px 3px 5px;
}

#footer #preorder {
	background-image: url("/images/ordernow.gif");
	background-repeat: no-repeat;
	height: 39px;
	margin: 6px 10px 15px 275px;
	_margin: 6px 10px 15px 140px;
	width: 185px;
	display: block;
	float: left;
}
#footer #preorder a {
	height: 39px;
	display: block;
}
#footer #buynow {
	background-image: url("/images/ordernow.gif");
	background-repeat: no-repeat;
	height: 39px;
margin: 6px 10px 15px 10px;
_margin: 6px 10px 15px 10px;
	width: 185px;
	display: block;
	float: left;
}
#footer #buynow a {
	height: 39px;
	display: block;
}
#footer span {
	display: none;
}

#footer #countdown {
	height: 35px;
	margin: 0px 0px 15px 57px;
	_margin:  0px 0px 0px 47px;
	width: 230px;
	display: block;
	float: left;
}

#footer #worldofmartina {
	background-image: url("/images/worldofmartina.jpg");
	background-repeat: no-repeat;
	height: 70px;
	margin: 0px 0px 0px 85px;
	_margin:  0px 0px 0px 65px;
	width: 173px;
	display: block;
	float: left;
}

#footer #worldofmartina a {
	height: 70px;
	display: block;
}

#footer span {
	display: none;
}





/**
 * main navigation
 */
#menu_main h3 {
	display: none;
}
#menu_main {
	margin: 20px 0px 0px 0px;
	float: left;
}
#menu_main ul {
	margin: 0px;
	padding: 0px;
}
#menu_main li {
	margin: 0px;
	padding: 0px;
	float: left;
}

#menu_main a {
	display: block;
}

#menu_main #menuitem_home a {
	background-image: url("/images/menu/faces/menu_01.jpg");
	width: 104px;
	height: 52px;
}

#menu_main #menuitem_home a:hover {
	background-image: url("/images/menu/faces/menu_hov_01.jpg");
}

#menu_main #menuitem_homeon {
	background-image: url("/images/menu/faces/menu_hov_01.jpg");
	width: 104px;
	height: 52px;
}

#menu_main #menuitem_characters a {
	background-image: url("/images/menu/faces/menu_02.jpg");
	width: 218px;
	height: 52px;
}

#menu_main #menuitem_characters a:hover {
	background-image: url("/images/menu/faces/menu_hov_02.jpg");
}

#menu_main #menuitem_characterson  {
	background-image: url("/images/menu/faces/menu_hov_02.jpg");
	width: 218px;
	height: 52px;
}
#menu_main #menuitem_story a {
	background-image: url("/images/menu/faces/menu_03.jpg");
	width: 259px;
	height: 52px;
}

#menu_main #menuitem_story a:hover {
	background-image: url("/images/menu/faces/menu_hov_03.jpg");
}

#menu_main #menuitem_storyon  {
	background-image: url("/images/menu/faces/menu_hov_03.jpg");
	width: 259px;
	height: 52px;
}


#menu_main #menuitem_martina a {
	background-image: url("/images/menu/faces/menu_04.jpg");
	width: 179px;
	height: 52px
}

#menu_main #menuitem_martina a:hover {
	background-image: url("/images/menu/faces/menu_hov_04.jpg");
}

#menu_main #menuitem_martinaon  {
	background-image: url("/images/menu/faces/menu_hov_04.jpg");
	width: 179px;
	height: 52px
}

#menu_main span {
	display: none;
}


/**
 * Forms 
 */
form {
	margin: 0px 0px 0px 0px;
}
fieldset {
	border: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
fieldset legend {
	display: none;
}
input.textbox,
input.textbox_small,
input.textbox_medium,
input.button,
input.button_next,
select.listbox,
textarea {
	border: 1px solid;
}
input.textbox,
input.textbox_small,
input.textbox_medium,
input.button,
input.button_next,
select.listbox
textarea {
}
input.textbox:hover,
input.textbox_small:hover,
input.textbox_medium:hover,
input.button:hover,
input.button_next:hover,
textarea:hover,
select.listbox:hover {
}
input.textbox:focus,
input.textbox_small:focus,
input.textbox_medium:focus,
textarea:focus,
textarea:focus,
select.listbox:focus {
}
input.textbox,
input.textbox_small,
input.textbox_medium {
	padding: 1px 3px 1px 3px;
	_padding: 2px 3px 1px 3px;
}
input.textbox {
	width: 206px;
}
input.textbox_small {
	width: 60px;
}
input.textbox_medium {
	width: 110px;
}
textarea.textbox,
textarea.textbox_medium ,
textarea.textbox_large {
	padding: 1px 3px 1px 3px;
	_padding: 2px 3px 1px 3px;
}
textarea.textbox {
	height: 100px;
	width: 210px;
}
textarea.textbox_medium {
	height: 120px;
	width: 210px;
}
textarea.textbox_large {
	height: 100px;
	width: 386px;
}
input.listbox {
}
input.button,
input.button_next {
	cursor: pointer;
	padding: 0px 6px 0px 6px;
	_padding: 0px 0px 0px 0px;
	_margin: 0px 0px 0px 0px;
}





/* Forms - Sorts data lists in to tabular format */
#main_content label {
	float: left;
	clear: both;
	width: 100%;
	margin: 3px 0px 3px 0px;
	vertical-align: middle;
}
#main_content label strong {
	display: block;
	width: 180px;
	float: left;
}
label strong {
	font-weight: normal;
}
#main_content form p {
	clear: both;
}
#main_content form h3 {
	clear: both;
}
#main_content form strong.required span {
	font-weight: bold;
	padding: 0px 0px 0px 3px;
}
#main_content form .note {
	font-weight: normal;
	font-size: 10px;
	display: block;
	margin: 2px 0px 3px 184px;
}
#main_content p input {
/* vertically centers radio button when in a paragraph */
	vertical-align: middle; 
}
#main_content label input.radio {
/* vertically centers radio button when NOT in a paragraph */
	vertical-align: bottom;
	margin: 0px 0px 0px -5px;
}
#main_content label .option {
/* adds margin to radio buttons and its text */
	margin: 0px 20px 0px 5px;
	_margin: 0px 14px 0px 2px;
}
#main_content .controls,
#main_content .navigation {
	clear: both;
}
#main_content .controls {
	margin: 10px 0px 14px 0px;
}
#main_content .navigation {
	margin: 14px 0px 4px 0px;
}

/* Forms - navigation form controls (use for wizards where 'next' buttons are used */
.navigation {
	height: 30px;
}
.navigation input.button {
	float: left;	
	display: block;
	margin: 0px 4px 0px 0px;
}
.navigation input.button_next {
	float: right;
}


/* Forms - Standard form errors */
#main_content .form_errors {
	padding: 10px;
	margin: 10px 0px 10px 0px;
}
#main_content .form_errors h3,
#main_content .form_errors h4 {
	display: none;
}
#main_content .form_errors p {
	font-size: 12px;
	margin: 0px 0px 5px 0px;
}
#main_content .form_errors a {
}
#main_content .form_errors ul {
	margin: 0px 0px 0px 0px;
}
#main_content .form_errors li {
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}



/**
 * Multipage Controls
 */
.multipagecontrol {
	margin: 0px 0px 0px 0px;
}
.multipagecontrol a,
.multipagecontrol select.page_length  {
	vertical-align: middle;
}
.multipagecontrol a {
	margin: 0px 2px 0px 1px;
	text-decoration: none;
	font-weight: normal;
}
.multipagecontrol a,
.multipagecontrol select.page_length {
	border: 1px solid;
	color: #000000;
}
.multipagecontrol a {
	padding: 2px 4px 2px 4px;
}
.multipagecontrol a:hover,
.multipagecontrol a.currentpage {
	border: 1px solid;
}
.multipagecontrol a:hover {
	text-decoration: none;
}
.multipagecontrol a.currentpage,
.multipagecontrol a.currentpage:hover {
}
.multipagecontrol span {
	display: none;
}
.multipagecontrol select.page_length {
	padding: 1px 0px 1px 0px;
	margin: 0px 2px 0px 1px;
	width: 50px;
}




/* Forum Icon Toolbar Styles */
.format_toolbar {
	display: block;
}
.format_toolbar a {
	background-repeat: no-repeat;
	background-position: center center;
	height: 18px;
	width: 18px;
	display: block;
	float: left;
	margin: 2px 2px 2px 0px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #000000;
}
.format_toolbar a span {
	display: none;
}
.bold_selection {
	background: url("/images/icons/bold.gif");
	background-color: #FFFFFF;
}
.italic_selection {
	background: url("/images/icons/italic.gif");
	background-color: #FFFFFF;
}
.underline_selection {
	background: url("/images/icons/underline.gif");
	background-color: #FFFFFF;
}
.colorred_selection {
	background: url("/images/icons/red.gif");
	background-color: #FFFFFF;
}
.colorbrown_selection {
	background: url("/images/icons/brown.gif");
	background-color: #FFFFFF;
}
.colororange_selection {
	background: url("/images/icons/orange.gif");
	background-color: #FFFFFF;
}
.coloryellow_selection {
	background: url("/images/icons/yellow.gif");
	background-color: #FFFFFF;
}
.colorgreen_selection {
	background: url("/images/icons/green.gif");
	background-color: #FFFFFF;
}
.colorblue_selection {
	background: url("/images/icons/blue.gif");
	background-color: #FFFFFF;
}
.colorpurple_selection {
	background: url("/images/icons/purple.gif");
	background-color: #FFFFFF;
}
.colorpink_selection {
	background: url("/images/icons/pink.gif");
	background-color: #FFFFFF;
}
.colordarkgrey_selection {
	background: url("/images/icons/darkgrey.gif");
	background-color: #FFFFFF;
}
.colorlightgrey_selection {
	background: url("/images/icons/lightgrey.gif");
	background-color: #FFFFFF;
}
.em_happy_selection {
	background: url("/images/icons/happy.gif");
	background-color: #FFFFFF;
}
.em_sad_selection {
	background: url("/images/icons/sad.gif");
	background-color: #FFFFFF;
}
.em_wink_selection {
	background: url("/images/icons/wink.gif");
	background-color: #FFFFFF;
}
.em_cry_selection {
	background: url("/images/icons/cry.gif");
	background-color: #FFFFFF;
}
.em_unimpressed_selection {
	background: url("/images/icons/unimpressed.gif");
	background-color: #FFFFFF;
}
.img_selection {
	background: url("/images/icons/image.png");
	background-color: #FFFFFF;
}
.link_selection {
	background: url("/images/icons/hyperlink.png");
	background-color: #FFFFFF;
}
.sortstate0 {
	display: none;
}
.sortstate1, .sortstate2  {
	padding: 2px 2px 2px 10px;
	position: relative;
	display: run-in;
	width: 10px;
	height: 10px;
	background-image: url("/images/icons/up.gif");
	background-repeat: no-repeat;
	background-position: center;
}
.sortstate2 {
	background-image: url("/images/icons/down.gif");
}

/*
 * Terms
 */
#terms {
	text-align: justify;
	padding: 30px;
	max-width: 450px;
	display: block;
}
#terms a{
	color:#CCCCCC;
}
#terms h2 {
	color: #662888;
	padding: 25px 0px 0px 0px;
}

#terms h3 {
	color: #662888;
	padding: 25px 0px 0px 0px;
}

#terms p{
	color:#CCCCCC;
	}