/**************************************\
|------------FILE CONTENTS-------------|
|--------------------------------------|
1) Colour Scheme
2) Globals
3) Header
4) Navigation
5) Main Content
6) Sidebar
7) Footer
8) Debug
9) Homepage
\**************************************/
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black  #000
- white  #fff
- burgundy  #701A42
- pink hover  #CC0471
- light grey	#EEEEEE
- dark grey  #999999
- grey text  #545454
\**************************************/

/**************************************/
/*              GLOBALS               */
/**************************************/
html { /* Ensures a vertical scrollbar will always appears - counters FF default behaviour */
	overflow-y: scroll;
}
#previewHeader{ /* Preview header bar styles */
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-image: url(../../oms/images/blue/dark_grad.jpg);
	background-color: #67A7E3;
	border-bottom: solid 1px #3B709F;
	color: #FFF;
	margin: 0;
}
#previewHeader a { /* Preview header bar styles */
	margin: 0 5px;
	color: #FFF;
	font-weight: normal;
}
body {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
}
/**************************************/
/*              HEADER                */
/**************************************/
#header {
	background: url(../images/general/header_bg.png) repeat-y top left #742148;
}
#logo {
	margin-top: 15px;
}
#mini_profile {
	margin: 0 10px 10px;
	background: #FFFFFF no-repeat bottom left url(../images/general/sidebar_white_bottom_border.gif);
	padding: 10px;
	overflow: hidden;
}
#mini_profile h2 {
	/*text-transform: lowercase;*/
	color: #701A42;
	margin: 10px 0;
	font-size: 0.8em;
	padding: 0;
}
#mini_profile label {
	font-size: 0.75em;
	text-transform: lowercase;
	color: #545454;
	padding: 0;
	margin-right: 10px;
	display: block;
	width: 70px;
	float: left;
}
#mini_profile div input {
	width: 90px;
}
#mini_profile ul {
	list-style: none;
	margin: 0.5em;
}
#mini_profile li {
	margin: 0.5em 0;
	font-size: 0.75em;
	background: left no-repeat url(../images/general/bullet.gif);
	padding-left: 10px;
}
#mini_profile #btn_submit, #logout {
	height: 22px;
	width: 78px;
	background: transparent url(../images/general/button_submit.jpg) no-repeat top left;
	border: none;
	float: right;
	margin-right: 10px;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-weight: bold;
	color: #701A42;
}
#logout {
	text-align: center;
	line-height: 22px;
}
#mini_profile #btn_submit:hover, #mini_profile #logout a:hover {
	color: #CC0471;
	text-decoration: none;
}
#horizontal_split {
	background-color: #999999;
}
#horizontal_split div {
	height: 22px;
}
#horizontal_split .sidebar {
	height: 20px;
}
/**************************************/
/*             NAVIGATION             */
/**************************************/
#primary_navigation {
	list-style: none;
	text-transform: uppercase;
	margin-top: 2.9em;
	font-size: 1.15em;
	margin-bottom: 0.3em;
}
#primary_navigation li {
	margin-top: 1em;
}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#main {
	background: no-repeat top center url(../images/general/page_background.jpg);
}
#content {
	background-color: #FFF;
}
#holder {
	padding-right: 10px;
}
#top_padding {
	height: 40px;
}
#intro {
	margin-top: 1em;
	color: #701A42;
	margin-bottom: 5px;
}
.quotemark {
	vertical-align: baseline; padding: 1px;
}
/**************************************/
/*               SIDEBAR              */
/**************************************/
.sidebar {
	background-color: #EEEEEE;
}
.sidebar form .sidebar_whitetop, .sidebar form .sidebar_greybottom {
	 margin: 0;
}
.sidebar_greybottom {
	border-bottom: #A0A0A0 solid 1px;
}
.sidebar_whitetop {
	border-top: #FFF solid 1px;
}
.sidebox {
	background: #FFF top left no-repeat url(../images/general/sidebar_white_top_border.gif);
	margin: 10px;
	color: #701A42;
	line-height: 1.5em;
}
.sidebox .innerbox {
	background: bottom left no-repeat url(../images/general/sidebar_white_bottom_border.gif);
	padding: 10px;
	overflow: hidden;
}
.sidebox p {
	margin: 0; padding: 0;
}
#quickpak h2 {
	text-indent: -9999px;
	background: center top no-repeat url(../images/general/quickpak.gif);
	height: 20px;
	margin-top: 0.5em;
}
#quickpak h3 {
	font-size: 1em;
	margin-top: 30px;
}
#quickpak .bundle img {
	margin-top: -20px;
}
#quickpak .bundle img.first {
	float: right;
	padding-left: 0.4em;
}
#quickpak .bundle img.second {
	float: left;
	padding-right: 0.4em;
}
#basket_links {
	background-color: #701A42;
	margin: 0;
	margin-top: -12px;
	padding-bottom: 12px;
}
#basket_links a {
	width: 191px;
	height: 19px;
	display: block;
	margin: 0.8em auto;
	background: no-repeat top left url(../images/general/buttons_basket.png);
	text-align: center;
	line-height: 11px;
	color: #333333;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
}
#basket_links a:hover {
	color: #701A42;
}
#basket_credits .sidebox {
	background: #000 top left no-repeat url(../images/general/sidebar_black_top_border.gif);
}
#basket_credits .sidebox .innerbox {
	background: bottom left no-repeat url(../images/general/sidebar_black_bottom_border.gif);
}
#basket_credits .sidebox .innerbox .pack_title{
	font-size: 17px;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
}
#basket_credits .sidebox .innerbox .credits_remaining {
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	color: #CC0471;
}
#donate {
	text-align: center;
}
#feature {
	line-height: 1.5em;
}
#feature img {
	float: right;
}
#baskets h2 {
	color: #CC0471;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
}
/**************************************/
/*               FOOTER               */
/**************************************/
#footer_links ul {
	list-style: none;
}
#footer_links ul li {
	float: left;
}
/**************************************/
/*               DEBUG                */
/**************************************/
#debug {
	padding: 5px;
	padding-top: 0;
	font-family: arial, "lucida console", sans-serif;
}
#debug .debug_item {
	margin-top: 5px;
	padding: 5px;
	border: 1px solid #335072;
}
#debug .debug_item h3, #debug .action_details, #debug .class_details, #debug .function_details {
	margin: 2px 0;
}
#debug .content_details {
	font-family: "Courier New", Courier, monospace ;
}
#debug pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/**************************************/
/*               HOMEPAGE             */
/**************************************/
#page_home #holder {
	background: bottom right no-repeat url(../images/general/home_presentbg.jpg);
}
#startpikpak_button {
	margin-top: 5px;
	display: block;
	height: 60px;
	width: 245px;
	background: top left no-repeat url(../images/general/start_button.png);
	color: #8B8B8B;
	text-transform: uppercase;
	text-align: center;
	padding-top: 1.4em;
	font-weight: bold;
	text-decoration: none;
}
#startpikpak_button:hover {
	color: #701A42;
}
/**************************************/
/*               SHOP                 */
/**************************************/
.shop h1 {
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}
#page_selection #horizontal_split .sidebar {
	background-color: #701A42;
	border: 0;
	height: 22px;
}
#add_credits {
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}
#add_credits a {
	color: #545454;
}
/**************************************/
/*               CREATE               */
/**************************************/
#page_create #holder {
	background: bottom left no-repeat url(../images/general/shop_bg.jpg);
}
#page_create #pack_name {
	margin: 1em 0;
}
#page_create label.error {
	display: block;
}
#page_create #pack_name {
	width: 200px;
}
#page_create .create_buttons {
	text-align: center;
	height: 400px;
	overflow: scroll;
}
#page_create .create_buttons div {
	background: top left no-repeat url(../images/general/buttons_create_whole_bg.png);
	width: 189px;
	height: 97px;
}
#page_create .create_buttons input {
	border: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 61px;
	padding: 0; margin:0;
	background: none;
	float: left;
	margin-top: 14px;
}
#page_create .create_buttons input.cost_side {
	color: #000;
	font-size: 30px;
	width: 85px;
	margin-left: 16px;
}
#page_create .create_buttons input.points_side {
	color: #FFF;
	font-size: 21px;
	width: 67px;
	text-transform: lowercase;
	white-space: normal;
}
/**************************************/
/*               WHAT NEXT            */
/**************************************/
#page_what-next #content h2 {
	font-size: 1.2em;
}
#page_what-next #content h2 a {
	margin-top: 5px;
	display: block;
	width: 299px;
	height: 86px;
	background: top left no-repeat url(../images/general/button_choose_bg.jpg);
	text-transform: uppercase;
	font-weight: normal;
	color: #545454;
	text-decoration: none;
	text-align: center;
	line-height: 74px;
}
#page_what-next #content h2 a:hover {
	color: #701A42;
}
#page_what-next #content .choose-graphics {
	text-align: center;
}
/**************************************/
/*               CATEGORY             */
/**************************************/
.category {
	margin-top: 1.5em;
}
.category a {
	display: block;
	text-align: center;
}
/**************************************/
/*               SELECTION            */
/**************************************/
.product {
	height: 93px;
	background: #FFF url(../images/general/selection_bg.png) top left no-repeat;
}
.in_basket {
	background-color: #E7D9E0;
}
.product .thumbnail, .product .description, .product .add {
	margin-top: 16px;
}
.product .description h2 {
	font-size: 14px;
	margin: 8px 0 4px 0;
}
.product .description p {
	font-size: 11px;
	margin: 0;
}
.product .add a {
	display: block;
	margin-top: 16px;
	text-align: center;
	height: 27px;
	width: 107px;
	background: top left no-repeat url(../images/general/selection_button_add.png);
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
}
.product .add a:hover {
	color: #701A42;
}