@charset "utf-8";

/* GeboMana */

/* ------------------------------------ Colours ------------------------------------ */


.color_NavFontInactive {    /*  Dark Grey  */
	color: #424242;
}
.color_NavFontActive {    /*  Black  */
	color: #424242;
}
.color_Heading {    /*  Blue  */
	color: #3c5aaf;
}
.color_TitleBorder {    /*  Blue  */
	color: #143caa;
}
.color_ImgBorder {    /*  Purple  */
	color: #91278f;
}
.color_MenuBorder {    /*  Orange  */
	color: #e84200;
}
.color_SelectBorder {    /*  Orange  */
	color: #de0000;
}
.color_HozDivider {    /*  Light Orange  */
	color: #ff8400;
}

/* ------------------------------------ Font Styles ------------------------------------ */

body, td, th { /* td and th are included in this declaration for IE 5 benefit */
	font: 12px "Verdana", Arial, Helvetica, sans-serif;
	line-height: 1.6em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana; 
	font-size: 12px;
	font-weight: normal;
}
h1 {    /*  Page headings  */
	font-size: 18px;
	font-weight: bold;
	color: #3c5aaf;
}
h2 {    /*  Page sub headings */
	font-size: 18px;
}
h3 {    /*  Product Title */
	font-family: arial;
	font-size: 18px;	
}
h4 {    /*  Misc Small Heading */
	font-weight: bold;
	color: #3c5aaf;
}
h5 {
	font-weight: bold;
}
h6 {
}	
a {
	text-decoration: none;
	color: #3c5aaf;	
}
.pageHeading,
.pageHeadingInHeader,
.pageHeadingNoMarker,
.popupHeader {
	font-size:  18px;	
	font-weight: bold;
	color: #3c5aaf;
}	
.p3xx-prodHeading,
.p3xx-prodPrice,
.p3xx-cartColHeading {
	font-size:  18px;
}	
.sectionContents a {
	font-size:  18px;
	color: #424242;
}	
#p100-homeSubNav a {
	font-size: 13px;
}	
#p000-header,
#p000-header a,
#p000-footer,
#p000-footer a,
#p1xx-subNav a {
	color: #424242;
}
#p4xx-leftMenu a {
	font-size:  10px;	
	color: #424242;	
}
.req {
	color: #3c5aaf;		
}
.fieldError {
	border: 2px solid #c32f2f;
	padding: 3px;
}
.p3xx-breadcrumbs a,
.p3xx-cartSummary .productitemcell a {
	color: #000000;  
}
.p2xx-blogInfoHeading {
	font-family: arial;
	font-size: 18px;
}
.p2xx-blogPostTitle a {
	font-size:  22px;	
	font-weight: bold;
	color: #3c5aaf;	
}
#p2xx-blogPagination {
	font-weight: bold;
}
.p2xx-blogPostDetails,
.p2xx-blogLinks,
.p2xx-blogLinks a {
	font-weight: bold;
	color: #91278f;
}

/* See 'Custom Objects - Nav Buttons & Markers' for the font styles relating to these
	
/* ------------------------------------ General and End User Element Styles ------------------------------------ */

img { 
	border: 0 none; 
}
input,
textarea { 
	padding: 2px;
}
table {
	border-collapse: collapse;
	border-color: #eeeeee;
}
th {
	font-weight: bold;
}
th, td {
	padding: 0;
}
ul, ol {
	padding-left: 20px;
	margin-left: 0;
}
h1, h2 {
	margin: 20px 0;
}
h3, h4, h5, h6 {
	margin: 10px 0;
}
p {
	margin: 1em 0;
}
ul:FIRST-CHILD,	
li:FIRST-CHILD,	
p:FIRST-CHILD,	
h1:FIRST-CHILD,	
h2:FIRST-CHILD,	
h3:FIRST-CHILD,	
h4:FIRST-CHILD,	
h5:FIRST-CHILD,	
h6:FIRST-CHILD,	
.componentheading:FIRST-CHILD	{	
	margin-top: 0;
}
.displayNone {
	display: none;
}
.showWhenLoggedIn {
	display: none;
}
.clear {	
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.noMargin {
	margin: 0;
}
.noBottomMargin {
	margin-bottom: 0;	
}
.noTopMargin {
	margin-top: 0;	
}
.cellAlignTop,
.cellAlignTop td {
	vertical-align: top;
}
.cellAlignMiddle,
.cellAlignMiddle td {
	vertical-align: middle;
}
.formRow {
	margin: 10px 0;
}
.readOnlyInput {
	background-color: #f0f0f0;
}
	
/* ------------------------------------ Custom Object / Module Styles ------------------------------------ */

.imgBorder,
.imgBorderChild img {
	border: 1px solid #91278f;
}
.contactCustCare {
	padding-top: 20px;
}
.cat_textbox,
.cat_textbox_small,
.cat_listbox,
.cat_listbox_small,
.p3xx-prodTextInput,
.p3xx-prodTextArea {
	width: 250px;
}
.cat_listbox,
.p3xx-prodTextArea {
	height: 130px; 
}
.p3xx-prodDateInput {
	width: 130px;
	border: 1px solid #a7a6aa;
	background-color: #f0f0f0;
}
.cat_dropdown_multiple {
	height: 85px;
}
.catalogueItemNotFound {
	line-height: 0;
}
.webform td {
	padding-top: 10px;
}
.webform label {
	line-height: 1.5em;
}
.tell-a-friend {
	text-align: left;
}
.tell-a-friend .var {
	width: 150px;
}
.miscNavBtn {
	margin-bottom: 30px;
	float: right;
}
.p099-faqItem {
	margin-bottom: 20px;
}
.p414-orderList {
	width: 100%;
}
.p414-orderList td {
	height: 26px;
	line-height: 26px;
}
.p414-orderDate,
.p414-orderTotal {
	width: 100px;
	text-align: right;
}
.orderDetail td {
	padding: 2px;
}
.orderDetail .productitemcell {
	height: 3.2em;
	line-height: 1.6em;
	overflow: hidden;
}

/* ------------------------------------ Custom Objects - Generic Headings / Dividers ------------------------------------ */

.pageHeading {
	padding-left: 221px;
	padding-bottom: 20px;
	background-image: url(/images/template/Decoration_HeadingMarker.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.pageHeadingInHeader {
	height: 0;
	margin: 0;
	position: relative;
	top: -46px;
}
.pageHeadingNoMarker {
	margin-bottom: 20px;
}
.sectionToggleHeading {
	padding: 20px 0;
}
hr {
	height: 2px;
	margin: 10px 0;
	border: none;
	color: #ff8400;
	background-color: #ff8400;
}
hr.colored {
	background-image: url(/images/template/Decoration_FooterDivider.png);
}
.headerStip {
	height: 131px;
	padding-top: 30px;
	margin-bottom: 20px;
	background-image: url(/images/template/Decoration_HeaderStrip.jpg);
}


/* ------------------------------------ Custom Objects - Nav Buttons & Markers ------------------------------------ */

.mainNavMarkerOff,
.mainNavMarkerOn,
.mainNavMarkerSelected,
.titleMarkerOff,
.titleMarkerOn,
.titleMarkerSelected,
.titleMarkerChildOff a,
.titleMarkerChildOn a,
.titleMarkerChildSelected a {
	height: 31px;
	padding-left: 3px;
	line-height: 0.9em;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: -999px 0;
	font-family: arial;
	font-size: 18px;
	color: #424242;
}
.mainNavMarkerOff {
	border-left: 2px solid #de0000;
	background-image: url(/images/template/Nav_MainMarker.png);
}
.titleMarkerOff,
.titleMarkerOn,
.titleMarkerSelected,
.titleMarkerChildOff a,
.titleMarkerChildOn a,
.titleMarkerChildSelected a {
	width: 106px;
	display: block;
	border-left: 2px solid #143caa;
	background-image: url(/images/template/Nav_TitleMarker.png);
}
.mainNavMarkerOn,
.mainNavMarkerSelected,
.titleMarkerOn,
.titleMarkerSelected,
.titleMarkerChildOn a,
.titleMarkerChildSelected a {
	padding-left: 34px;
	border-left: 0 none;
	background-position: 0;
	color: #000000;
}
.navTier1MarkerOff,
.navTier2MarkerOff {
	font-size: 18px;
	color: #424242;
}
.navTier1MarkerOff span,
.navTier2MarkerOff span {
	width: 19px;
	height: 19px;
	border: 1px solid #de0000;
	margin-right: 3px;
	float: left;
	background-image: url(/images/template/Nav_Tier2Marker.png);
	background-repeat: no-repeat;
	background-position: -999px 0;	
}
.navTier1MarkerOn span,
.navTier1MarkerSelected span,
.navTier2MarkerOn span,
.navTier2MarkerSelected span {
	background-position: 0 0;	
}
.navTier1MarkerOn,
.navTier1MarkerSelected,
.navTier2MarkerOn,
.navTier2MarkerSelected {
	color: #000000;
}
.buttonPrevOff,
.buttonPrevOn,
.buttonNextOff,
.buttonNextOn,
.buttonHereOff,
.buttonHereOn {
	width: 130px;
	height: 39px;
	padding: 3px;
	line-height: 19px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #424242;
}
.buttonPrevOff,
.buttonPrevOn {
	padding-left: 48px;
	background-image: url(/images/template/Button_Prev.png);
	text-align: left;
}
.buttonNextOff,
.buttonNextOn {
	padding-right: 48px;
	background-image: url(/images/template/Button_Next.png);
	text-align: right;
}
.buttonHereOff,
.buttonHereOn {
	width: 213px;
	background-image: url(/images/template/Button_Here.png);
	text-align: center;
}
.buttonPrevOn,
.buttonNextOn,
.buttonHereOn {	
	background-position: 0 -45px;
	color: #000000;
}

/* ------------------------------------ Custom Objects - Scribble Pad ------------------------------------ */

a.scribble-pad-link {
	display: block;
	width: 190px;
	height: 31px;
	padding-left: 40px;
	background: url(/images/template/Icon_ScribblePad.png) 0 0 no-repeat;
}
a.scribble-pad-link:HOVER {
	background: url(/images/template/Icon_ScribblePad_Over.png) 0 0 no-repeat;
}

/* ------------------------------------ Custom Objects - Blog ------------------------------------ */

.p2xx-blogDescription {
	margin-top: 40px;
	text-align: left;
}
#p2xx-blogPagination {
	float: right;
	position: relative;
	top: -40px;
}
.p2xx-blogInfoHeading {
	margin-bottom: 5px;
}
.p2xx-blogPost {
	margin-bottom: 50px;
}
.p2xx-blogPostTitle {
	margin: 5px 0 30px 0;
}
.p2xx-blogLinks {
	text-align: right;
}
.BlogRecentPost,
#p2xx-blogCalendar {
	margin-bottom: 20px;
}
.BlogRecentPost ul,
.BlogPostArchive ul {
	margin: 0;
	padding: 0;
}
.BlogPostArchive li {
	list-style-type: none;
	margin: 2px 0;
}
.BlogRecentPost li {
	margin-bottom: 10px;
	list-style-type: none;
}
#p2xx-blogCalendar #calendar {
	width: 160px;
	margin: 10px 0;
}
#p2xx-blogCalendar #calendardays td {
	text-align: center;
	cursor: pointer;
}
.BlogTagCloud-XX-Small {
	font-size: 0.8em;
}
.BlogTagCloud-Medium {
	font-size: 1em;
}
.BlogTagCloud-Large {
	font-size: 1.4em;
}

/* ------------------------------------ Custom Module - p4xx - Left Menu ------------------------------------ */

#p4xx-leftMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;	
}
#p4xx-leftMenu li {
	margin-bottom: 10px;
}
#p4xx-leftMenu a {
	padding-left: 10px;
}
#p4xx-leftMenu li,
#p4xx-leftMenu a {
	height: 12px;
	line-height: 12px;
}
#p4xx-leftMenu li.inactive {
	border-left: 2px solid #e84200;
}
#p4xx-leftMenu li.mouseover,
#p4xx-leftMenu li.selected {
	border-left: 12px solid #e84200;
}
#p4xx-leftMenu li.mouseover a,
#p4xx-leftMenu li.selected a {
	font-weight: bold;
	color: #000000;	
}
#p4xx-leftMenu li ul {
	display: none;
}

/* ------------------------------------ Custom Module - p3xx - Online Shop ------------------------------------ */

.p3xx-catImageHeaderStrip {
	width: 189px;
	padding-left: 20px;
	text-align: left;
	position: relative;
	left: -20px;
	background-position: -330px 0;
}
#p3xx-catImage {
	width: 179px;
	height: 104px; 
}
#p3xx-catName {
	float: left;
	margin-right: 30px;
}
.p3xx-prevBtn {
	float: left;
}
.p3xx-nextBtn {
	float: right;
}
#p3xx-catDescription {
	padding-left: 180px;
}
#p3xx-catImageLarge {
	display: none;
}
#p3xx-breadcrumbs,
#p3xx-catDescription {
	padding-bottom: 20px;
}
.p3xx-NavBtn {
	margin-bottom: 30px;
	float: right;
}
#p3xx-catList,
#p3xx-productList,
#p3xx-prodRelatedList {
	margin-bottom: 15px;
	padding-bottom: 5px;
	overflow: auto;
}
#p3xx-productList table.productLarge {
	width: 100%; /* fix floating child elements from cascading below rather than floating adjacent in FF2 */
}
.p3xx-catListItem,
.p3xx-productSmall {
	margin-right: 12px;
}
.p3xx-prodHeading {
	width: 457px;
	margin-bottom: 10px;
	float: left;
}
.p3xx-prodPrice {
	margin-bottom: 10px;
	float: right;
}
.p3xx-cartSummary {
	padding-top: 20px;
}
.p3xx-cartSummary .productitemcell {
	border-top: 1px solid #424242;
	border-bottom: 1px solid #424242;
	margin: 5px 0;
}
.p3xx-cartSummary td {
	text-align: right;
	vertical-align: top;
}
.p3xx-cartSummary .left {
	text-align: left;
}
.p3xx-checkout {
	padding-top: 20px;
}

/* ------------------------------------ Custom Module - p3xx - Product Large ------------------------------------ */

.p3xx-prodOptions {
	width: 181px;
	margin-right: 20px;
	float: left;
}
.p3xx-prodImage {
	width: 181px;
	margin-bottom: 20px;
}
.p3xx-prodDetails {
	width: 557px; /* This is .widthRight{width} - .p3xx-prodOptions{width} - .p3xx-prodOptions{margin-right} */
	float: left;	
}
#p3xx-prodPoplets {
	width: 557px; /* This is .widthRight{width} - .p3xx-prodOptions{width} - .p3xx-prodOptions{margin-right} */
	margin-bottom: 20px;
	overflow: auto;
}
.productPoplets {
	margin-bottom: 5px;
}
.productPopletsItem {
	padding-right: 12px;
}
.catProductAttributeGroup {
	margin: 10px 0;
}	
/* The JS for the product large dynamically applies this class to attributes with images */  
.catProdAttributeItem_Float { 
	margin-right: 10px;
	float: left;
}
.catProdAttributeItem input {
	margin-left: 0;
}
.catProdAttributeItem img {
	display: block;
}

/* ------------------------------------ Custom Object - Popup ------------------------------------ */

.popupContainer {
	min-width: 350px;
	max-width: 660px;
	margin: 20px;
	border: 2px solid #000000;
	padding: 20px;
	position: fixed;
	right: 0;
	top: 0;
	background: #ffffff;
}
.popupHeader {
	height: 42px;
	padding: 24px 0 0 63px;
	float: left;
	background-image: url(/images/template/Logo_Small.png);
	background-repeat: no-repeat;
}
.popupClose {
	float: right;
}
.popupContent {
	max-height: 430px;
	overflow: auto;
	text-align: left;
}

/* ------------------------------------ p000 - Template Layout ------------------------------------ */

body {
	text-align: center;
	margin: 10px 0;
}
#container {
	width: 999px;
	margin: 0 auto;
	text-align: left;
}
.contentTop {
	min-height: 360px;
}
.contentBottom {
}
.contentLeft {
	width: 181px;
	margin: 0 20px 0 20px;
	float: left;
	text-align: right;
}
.widthRight {
	width: 758px;
}
.contentRight {
	width: 758px;
	float: left;
}
.widthRightPartWidth {
	width: 581px;
}
.contentRightPartWidth {
	width: 581px;
	float: left;
}
.contentRightSideBar {
	width: 177px;
	margin-left: 20px;
	float: right;
}
.contentRightTwoCol {
	width: 369px;
	float: left;
}
.contentRightColMarginR {
	margin-right: 20px;
}
#p000-header {
	height: 88px;
}
.p000-headerLogo {
	margin-left: 40px;
	float: left;
}
#p000-headerHeading {
	margin: 40px 0 0 41px;
	display: inline;
}	
#p000-headerLinks {
	float: right;
	margin-right: 20px;
}
#p000-headerLinks a {
	margin: 0 10px;
}
#p000-pageContent {  /* Used to space footer to bottom of page, if you change this also change .contentTop which is used to simulate 'float:bottom' for page content */
	min-height: 420px;
}
#p000-footer {
	height: 20px;
	padding: 20px 20px 0 20px;
	background-image: url(/images/template/Decoration_FooterDivider.png);
	background-position: 0 20px;
	background-repeat: no-repeat;
}
#p000-footerLinks {
	float: left;
}
#p000-footerLinks a {
	margin: 0 10px;
}
#p000-footerInfo {
	float: right;
}

/* ------------------------------------ Custom Page Layouts - p1xx - mainNav / subNav ------------------------------------ */

#p1xx-mainNav {
	height: 45px;
	padding: 20px 0 45px 107px;
}
#p1xx-mainNav a {
	float: left;
	width: 129px;
	height: 39px;
	padding: 3px 3px 3px 49px;	
	margin-right: 20px;
	line-height: 19px;
	font-size: 14px;
	font-weight: bold;
	color: #424242;
	background-image: url(/images/template/Button_p1xx-mainNav.png);
	overflow: hidden;
}
#p1xx-mainNav .inactive-1 {
	background-position: 0 0;
}
#p1xx-mainNav .mouseover-1 {
	background-position: 0 -45px;
	color: #000000;
}
#p1xx-mainNav .inactive-2 {
	background-position: -200px 0;
}
#p1xx-mainNav .mouseover-2 {
	background-position: -200px -45px;
	color: #000000;
}
#p1xx-mainNav .inactive-3 {
	background-position: -400px 0;
}
#p1xx-mainNav .mouseover-3 {
	background-position: -400px -45px;
	color: #000000;
}
#p1xx-mainNav .inactive-4 {
	background-position: -600px 0;
}
#p1xx-mainNav .mouseover-4 {
	background-position: -600px -45px;
	color: #000000;
}
#p1xx-subNav {
	padding: 40px 0 10px 0;
}
.p1xx-subNav-WithAddThis {
	margin-left: 157px;
}
.p1xx-subNav-NoAddThis {
	margin-left: 270px;	
}
#p1xx-subNav div {
	float: left;
}
#p1xx-subNav ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 20px 0 0;
}
#p1xx-subNav li {
	padding: 0 20px;
	border-right: 1px solid #e84200; 
	display: inline;
}
#p1xx-subNav li:FIRST-CHILD {
	border-left: 1px solid #e84200; 
}
#p1xx-subNav .mouseover,
#p1xx-subNav .selected {
	border-left: 1px solid #e84200;
	border-right: 2px solid #e84200;
}
#p1xx-subNav .mouseover:FIRST-CHILD,
#p1xx-subNav .selected:FIRST-CHILD {
	border-left: 2px solid #e84200;	
}
#p1xx-subNav .mouseover a,
#p1xx-subNav .selected a {
	font-weight: bold;
	color: #000000;
}

/* ------------------------------------ Custom Page Layouts ------------------------------------ */

#p100-homeIntro {
	width: 784px;
	margin-left: 107px;
}
#p100-homeImages {
	margin-left: 107px;
}
#p100-homeImages img {
	margin-right: 20px;
}
#p1xx-leftImage {
	margin-bottom: 20px;
	display: block;
}
#p1xx-gallery {
	margin-left: 20px;	
}
#p1xx-gallery .photogalleryItem {
	width: 195px;
	padding-bottom: 20px;
}
#p1xx-gallery img {
	margin-bottom: 5px;
}
#p1xx-gallery #galleryItemSelected img {
	padding: 1px;
	border: 4px solid #ff8400; 
}
.p2xx-NavImage {
	margin-bottom: 40px;
	display: block;	
}
.p2xx-NavBottom {
	margin-top: 16px;
}
.p2xx-NavBottomOnly {
	margin-top: 61px;	
}
.p2xx-NavBtn {
	float: right;
}
.p230-NavBtn {
	position: relative;
	top: -65px;
}
.p310-scribblePadField {
	width: 615px;
	height: 70px;
}
#p4xx-loggedHomeBanner {
	padding-right: 20px;
	text-align: right;
}
#p4xx-loggedHomeBanner img {
	margin-left: 6px;
}
.p401-loggedHomeMainNav {
	width: 181px;
	margin-right: 11px;
	float: left;
}
.p401-loggedHomeMainNav a {
	margin-top: 20px;
	display: block;
}
#orderProductName .productitemcell,
#orderProductDescription .productitemcell,
#orderProductTotal .productitemcell {
	border-top: 1px solid #424242;
	border-bottom: 1px solid #424242;
	margin: 5px 0;
}