@import url(../Common.css);
@import url(../Admin.css);
/*
======================================
   RATHERGOOD PS STYLESHEET
   Updated: Wed 22.10.08 @ 10:22 a.m.
   Author : Alan Durkan
======================================
*/
html, body, form, fieldset, input, select, textarea, .textbox, .dropdownlist, .dropdown  
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body
{
	font-size: 0.625em; /* v important - this sets the default font size to 10px eqiv ems */
	overflow: -moz-scrollbars-vertical;
	background: url(/SiteData/RatherGood/SiteImages/rg_bodyImg.gif) repeat center top;
}
body * { font-size: 1em; }
h1
{
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 0.6em;
}
h2
{
	font-size: 1.167em;
	font-weight: normal;
	margin-bottom: 0.6em;
}
h3, h4
{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
h5 
{
	font-size: 0.833em;
	font-weight: bold;
}
/* shared typographic styles */
#Content { font-size: 1.2em; } 
#ColumnLeft3Col { font-size: 0.833em; } 
#ColumnLeft3Col h2, 
#ColumnRight h2 
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #00F;
}
.titleRed { color: #F0001D; }
.titleDrkPink { color: #C06; }
.pinkTitle { color: #CE006D; }
p, 
address
{
	padding-bottom: 1.3em;
	line-height: 1.4em;
}
a
{
	color: #333;
	text-decoration: underline;
	outline: none;
}
:focus { -moz-outline-style: none; }
p a 
{
	color: #C06;
	text-decoration: none;
}
ul, ol
{
	margin-top: 0.5em;
	margin-bottom: 1em;
	margin-left: 1em;
}
ol { margin-left: 2em; }
hr 
{
	height: 1px;
	color: #CCC;
	background-color: #CCC;
	margin-top: 8px;
	margin-bottom: 8px;
}
div.hr 
{
	height: 17px;
	background: url(/SiteData/RatherGood/SiteImages/rg_hrBgTile.gif) repeat-x left 50%;
}
#ColumnRight hr 
{
	height: 2px;
	color: #000;
	border-bottom: solid 1px #804C80;
	margin-top: 4px;
	margin-bottom: 4px;
}
/* Store switcher */
.shopSwitcher { position: relative; }
.shopSwitcher ul 
{
	float: right;
	margin: 0;
	padding: 0 !important;
	list-style: none !important;
}
.shopSwitcher ul li 
{
	float: left;
	margin-left: 8px;
}
.shopSwitcher a 
{
	float: left;
	display: block;
	width: 30px;
	height: 18px;
	text-indent: -9999px;
	overflow: hidden;
}
.shopSwitcher a.usa { background: url(/SiteData/RatherGood/SiteImages/rg_usIcon.gif) no-repeat left top; }
.shopSwitcher a.uk { background: url(/SiteData/RatherGood/SiteImages/rg_ukIcon.gif) no-repeat left top; }
.shopSwitcher a:hover, 
.shopSwitcher a.active 
{
	background-position: 0 -18px;	
}


/********************************** COMMON CLASSES *******************************/

.clear, 
.Clear
{
	clear: both;
}
.tableVSpacer, 
.tableSpacer,
.miniDesigner .details br,
.shopSwitcher .clear
{
	line-height: 0;
	font-size: 0;
}
/* hide these elements */
.hide, .accessibility, div.hr hr, .cookieInfo,
#InternovaLogo a span, .productListingStock, 
.productStock, .currencyTitle, #PrintShopLogo span,
#Footer, #ColumnLeft3Col .searchBox .searchKeyword 
{
	display: none;
	visibility: hidden;
}
.CMSModuleERROR
{
	border: dashed 2px #FF0000;
	color: #FF0000;
}
.CMSColumnEdit { border: dashed 1px #090; }
.textbox,
.dropdownlist, 
.dropdown
{
	padding: 1px;
	border: solid 1px #8DA8C1;
}
.textbox { padding: 1px; }
#Content .button
{
	color: #333;
	border: solid 1px #9EA4A8;
	background-color: #CCC;
	font-size: 10px !important;
	text-decoration: none;
	padding: 2px 12px;
	margin: 0;
	cursor: pointer; /*IE fix for horizontal button padding*/
	width: auto;
	overflow: visible;
}
/* equalises the button label sizes */
#Content .button, input.button
{
	font-weight: bold;
	line-height: 1em;
	font-family: Verdana, Arial, Sans-Serif;
}
a.button
{
	padding-top: 3px;
	padding-bottom: 3px;
}
.imagebutton { }
.checkbox { padding-right: 4px; }

/********************************** SYSTEM *******************************/

.CMSPageControls
{
	padding: 3px 0;
	position: static;
	text-align: right;
	height: 16px;
}
.CMSPageControls span
{
	font-size: 9px;
	color: #666;
	vertical-align: top;
}
.CMSPageControls img, 
.CMSPageControls input
{
	margin-left: 4px;
	border: none;
}

/********************************** LAYOUT *******************************/

#Sheet
{
	text-align: left;
	margin: auto;
	width: 960px;
}
#Header
{
	background: url(/SiteData/RatherGood/SiteImages/rg_header.jpg) no-repeat 50% top;
	height: 116px;
}
#Navigation
{
	text-align: left;
	font-weight: normal;
	font-size: 1.6em;
	padding: 0 15px;
	line-height: 2.2em;
	margin-top: -32px;
	margin-bottom: 10px;
	margin-left: 120px;
}
#Navigation a
{
	color: #C06;
	text-decoration: none;
}
#Navigation a.active { color: #609; }
#Content { width: 960px; }
#Text
{
	padding: 8px 16px;
	background-color: #FFF;
	border: solid 2px #000;
}
#leftContainer 
{
	width: 773px;
	float: left;
}
#ColumnMain3Col
{
	float: right;
	width: 586px;
	position: relative;
}
.topCopy
{
	font-size: 0.833em;
	text-align: center;
	margin-bottom: 6px;
}
#ColumnLeft3Col
{
	float: left;
	width: 178px;
	border: solid 1px #000;
	background-color: #33CCFF;
	padding-top: 9px;
	position: relative;
}
#ColumnLeft3Col .textbox { padding: 2px 1px; }
#ColumnLeft3Col ul, 
#ColumnRight ul
{
	padding-left: 6px;
}
#ColumnLeft3Col ul li a, 
#ColumnRight ul li a
{
	color: #C06;
	text-decoration: none;
}
#ColumnLeft3Col hr 
{
	height: 2px;
	color: #000;
	background-color: #000;
	border-bottom: solid 1px #145166;
	margin-top: 5px;
	margin-bottom: 5px;
}
#ColumnRight
{
	float: right;
	width: 178px;
	padding: 8px 0 16px 0;
	background-color: #F9F;
	border: solid 1px #000;
	position: relative;
}
#ColumnLeft3Col *, 
#ColumnRight *
{
	padding-left: 8px;
	padding-right: 8px;
}
#ColumnLeft3Col * *, 
#ColumnRight * *
{
	padding-left: 0;
	padding-right: 0;
}
#Footer
{
	clear: both;
	border-top: solid 1px #666;
	background-color: #9EA4A8;
	color: #fff;
	padding: 0 10px 3px 10px;
}
#Footer a
{
	color: #fff;
	text-decoration: underline;
	font-size: 0.833em;
	line-height: 2em;
}
#InternovaLogo
{
	clear: both;
	width: 944px;
	text-align: right;
	padding: 5px 8px;
	font-size: 9px;
	background-color: #FFF;
	margin: 16px auto 8px auto;
}
#InternovaLogo a
{
	text-decoration: none;
	font-weight : normal;
}
#InternovaLogoImage
{
	background: url(/SiteData/RatherGood/SiteImages/rg_internovaLogo.gif) no-repeat right top;
	display: -moz-inline-box;
	display: inline-block;
	height: 14px;
	width: 67px;
}
#PrintShopLogo a
{
	background: url(/SiteData/RatherGood/SiteImages/rg_PBLogo.gif) no-repeat center center;
	height: 67px;
	display: block;
	padding: 10px 0;
}

/********************************** SHOP STYLES *******************************/

/* this standardises the styling of the shop panels */
.shopForm, 
.shopAddressTable, 
.shopTable
{
	border: solid 1px #666;
}
.shopForm
{
	padding: 15px;
}
#ColumnLeft3Col .shopForm, 
#ColumnLeft .shopForm
{
	border: none;
}
.shopForm label
{
	font-weight: bold;
	font-size: 0.833em;
	display: block;
	text-align: right;
	width: 200px;
	float: left;
	padding: 3px 3px 0 0;
}
.shopForm .textbox, .shopForm .dropdown, .shopForm .dropdownlist, .shopForm textarea
{
	margin-bottom: 4px;
	width: 150px;
}
.shopForm .dropdown,  .shopForm .dropdownlist
{
	width: 155px;
}
.shopFormButtons
{
	padding-top: 15px;
	text-align: right;
}
.shopFormBtnAligned
{
	padding-top: 15px;
	margin-left: 203px;
}
.shopConditions
{
	border: 0;
	border-top: 0;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-size: 0.833em;
}
.shopTable
{
}
.shopTable table 
{
	width: 100%;
}
.shopTable td, .shopTable th
{
	padding: 5px;
}
.shopTable thead th
{
	background-color: #9EA4A8;
	color: #fff;
	font-size: 0.917em;
	border-bottom: solid 1px #666;
}
.shopTable tbody td.colProduct, .shopTable tbody td.colPrice, .shopTable tbody td.colRemove, .shopTable tbody td.colTotal
{
	font-size: 0.833em;
}
.shopTable tfoot td
{
	border-top: solid 1px #666;
	font-weight: bold;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}
.shopAddressTable
{
	margin-bottom: 16px;
}
.shopAddressTable table 
{
	width: 100%;
}
.shopAddressTable p
{
	padding-bottom: 8px;
}
.shopAddressTable td 
{
	vertical-align: top;
}
.shopAddressTable .addressCell 
{
	width: 48%;
	padding: 8px 12px 0 12px;
}
.shopAddressTable .holder
{
	padding-top: 4px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.shopAddressTable .spacer 
{
	width: 4%;
}
.shopAddressTable .buttonHolder
{
	text-align: center;
	padding: 12px 0;
}

.shopAddressTable .eDDetails 
{
	font-size: 0.917em;
	padding-bottom: 8px;
}
.createCustomer
{
	margin-bottom: 15px;
}
.customerOrders
{
}
.editAddress
{
}
.leftLogin
{
}
.leftLoginButtons
{
}
.loggedInOptions
{
}
/********************************** LOGIN STYLES *******************************/

.login { margin-bottom: 15px; }
#ColumnLeft3Col .login { margin-bottom: 0; }
.loginButtons { padding: 15px 0 0 205px; }
#Content #ColumnLeft3Col .loginSmall { font-size: 1.2em; }
#ColumnLeft3Col .loginSmall label
{
	display: block;
	float: none;
	margin-bottom: 2px;
	text-align: left;
	width: 140px;	
}
.loginSmall .shopForm, .registerLink .shopForm 
{
	background: none;
	padding-top: 0;
}
#ColumnLeft3Col .loginSmall .textbox { width: 140px; }
#ColumnLeft3Col .loginSmall .rememberLbl { display: inline; }
#ColumnLeft3Col .shopForm br
{
	height: 0;
	font-size: 0;
}
#ColumnLeft3Col .loginSmall .loginButtons { padding-left: 0; }
#ColumnLeft3Col .loginSmall .loginButtons p { padding: 4px 0 0 0; }
#ColumnLeft3Col .checkbox { margin-right: 2px; }
.cookieInfo { }
#ColumnLeft3Col .registerLink  { font-size: 1.2em; }
.registerLink .lostPassword { }
.orderStatusKey { }
.orderStatusKeyBox { }
.categories { }
.product { }
.productImage
{
	width: 224px;
	text-align: center;
	float: left;
	position: relative;
}
.productImage img
{
	display: block;
	position: relative;
	margin: 8px 12px 16px 12px;	
}
#Content .productImage .button
{
	font-size: 0.833em;
	display: block;
	height: 16px;
	line-height: 16px;
}
.productDetails
{
	float: right;
	width: 304px;
	padding-bottom: 8px;
}
#Content .productDetails .button
{
	display: -moz-inline-box;
	display: inline-block;
}
#Content .productDetails .button,
#Content .productDetails .dropdownlist 
{
	margin-bottom: 8px;
}
.categoryDisplayProduct table { width: 100%; }
.productList 
{
	margin-bottom: 16px;
	margin-left: 8px;
	position: relative;
}
.productListing
{
	width: 33%;
	text-align: center;
	padding-bottom: 8px;
}
.productListingImage
{
	display: block;
	text-align: center;
}
.productListingImage img { margin-top: 8px; }
#Content .productListingName
{
	color: #CF0000;
	margin-bottom: 8px;
	line-height: 1.2em;
	font-size: 0.833em;
}
.productListingPrice
{
	font-size: 0.833em;
	margin-bottom: 8px;
}
.productListingStock { }
.productListPager { }
.productListPagerLinks { }
.productListPage { }
.recentlyViewedProducts { }
.relatedProducts { }
.shopHighlights { }
.shopHighlight { }
.topSellers { }
.topSellerImage { }
.discountCode { }
.basket { margin-bottom: 10px; }
.basketShipping { border-top: solid 1px #333; }
.basketShipping label { padding-left: 4px; }
#Content .miniBasket
{
	color: #3F6E80;
	padding: 10px;
	border: solid 2px #28A3CC;
	margin: 0 0 1em 0;
	background-color: #7FDFFF;
}
#Content .miniBasket a { color: #333; }
.payment { }
.paymentLogos { }
.receipt .shopTable { margin-bottom: 16px; }
.shopStages { }
.showAddresses { }
.disountCode { padding: 10px 0 20px 0; }
.disountCode input, 
.disountCode label
{
	vertical-align: middle;
}
#ColumnLeft3Col .currencySelector,  
#ColumnRight .currencySelector
{
	padding: 4px 8px 1.3em 0;
	background: url(/SiteData/RatherGood/SiteImages/rg_hrBorder.gif) repeat-x left bottom;
	height: 24px;	
}
.currencySelector a
{
	text-decoration: none;
	padding: 3px 0;
	font-weight: bold;
	border: solid 1px #3CF;
	color: #FFF;
	font-size: 1.2em;
}
.currencySelector a:hover, .currencySelector a.selected
{
	background-color: #196480;
	border: soild 1px #196480;
	color: #FFF;
}
.currencyTitle { }
.reviews { }
.reviewerDetail { }
.reviewerName { }
.reviewerLocation { }
.reviewerDate { }
.reviewerText { }
/* Popup Window (using IDs because there can only be one */
#Overlay { }
#ImagePopupBG { }
#ImagePopup
{
	height: 420px;
	width: 320px;
}
#ImagePopupContents
{
	padding: 10px;
	background-color: #FFF;
}
#PopupContent { }
#MainImage { }
#imgProductImage { margin-bottom: 10px; }
.thumbImg { border: 1px solid #999; }
#CloseBtn { text-align: right; }

/********************************** PRINTSHOP STYLES *******************************/

.imageLibrary { }
.imageLibraryAdmin { }
.imageLibraryPager { padding: 10px; }
.imageLibraryPage { }
.imageLibraryPagerLinks { }
.imageLibraryTable { width: 100%; }
.imageLibraryCell
{
	width: 33%;
	text-align: center;
	padding: 10px;
}
.imageLibraryCell img
{
	border: 1px solid #666;
	margin-bottom: 8px;
}
.imageLibrarySelector { }
.imageFound
{
	font-weight: bold;
	margin-left: 20px;
}
.enlargeImage
{
	background: url(/SiteData/generic/SiteImages/genericMaginfierIcon.gif) no-repeat center center;
	text-decoration: none;
	padding: 2px 11px;
}
.useImage { }
.libraryList { }
.alternatingLibraryListItem { }
.libraryListAdmin { }
.printshopProducts { }
.printshopProducts hr { margin: 20px 0; }
.printshopProductInfo { }
.productSpecs 
{
	position: relative;
	width: 388px;
	float: left;
}
.printshopProductInfoImage
{
	position: relative;
	float: right;
}
.sizingTable 
{
	padding:0;
	margin:0;
	margin-bottom: 8px;
	font-size : 0.833em;
}
.sizingTable td, .sizingTable th 
{
	padding: 2px 5px;
	text-align: center;
	vertical-align : top;
}
.sizingTable td { background-color : #FFF; }
.sizingTable .rowTitle 
{
	text-align: left;
	padding-right: 12px;
}

/********************************** CMS MODULE STYLES *******************************/

#ColumnLeft3Col div.spacer 
{
	background-color: #CCC;
	height: 8px;
	margin-left: -10px;
	margin-right: -10px;	
}
#ColumnLeft3Col .searchBox { font-size: 1.2em; }
#ColumnLeft3Col .searchBox .searchKeyword { }
#ColumnLeft3Col .searchBox .textbox 
{
	float: left;
	margin-bottom: 6px;
} 
#ColumnLeft3Col .searchBox .textbox 
{
	font-size: 1em;
	width: 124px;
}
#Content .searchBox .button
{
	display: block;
	padding: 4px 3px;
	float: left;
	margin-left: 6px;
	background-color: #f0001d;
	color: #fff;
	border: solid 1px #f0001d;
}
.searchResultsList br
{
	line-height: 0;
	font-size: 0;
}
.searchResultsList a, .searchResultsList .Url 
{
	display: block;
	margin-bottom: 0.2em;
}
.searchResultsList a 
{
	color: #C06;
	text-decoration: none;
}
.searchResultsList .Url 
{
	word-wrap: break-word;
	color: #666;
}
.searchResultsList li { padding-bottom: 1.3em; }
#Popup { padding: 10px; }
.swfObject { text-align: center; }

/********************************** SiteNavigation *******************************/

.SiteNavigation .Scroller
{
	height: 260px;
	overflow: auto;
}
.SiteNavigation .Scroller div img
{
	float: left;
	margin-bottom: 10px;
	border: solid 1px #000;
}
.SiteNavigation .Scroller div div
{
	float: left;
	width: 81px;
	padding-left: 10px;
}
.SiteNavigation .Admin { background-color: #FFF; }
/* Parent of CurrentNode A Styling */
.SiteNavigation li.CurrentParent a.CurrentParent
{
	font-style: italic;
}
/* Current Node A Styling */
.SiteNavigation li.Current a.Current { font-weight: bold; }

/********************************** ADDITIONAL STYLES *******************************/

.mailTable { margin-bottom: 12px;}
.mailTable table 
{
	border-collapse: collapse;
	width: 100%;
}
.mailTable table th { padding: 4px 6px; }
.mailTable table td 
{
	padding: 2px 6px;
	background: #fff;
	color: #333;
}
.subText { font-size: 0.917em; }
.welcomeTable, 
.lEPTable,
.dualProdTable,
.customProductTable
{
	margin-bottom: 8px;
}
.welcomeTable table, 
.lEPTable table,
.dualProdTable table,
.customProductTable table
{
	width: 100%;
}
.welcomeTable td, 
.lEPTable td,
.dualProdTable td,
.customProductTable td
{
	vertical-align: top;
}
/* dual product table */
.doubleCell { width: 50%; }
/* for LAP products */
.lEPTable img { padding-right: 16px; }
.customProductTable .customProductCell, 
.dualProdTable .customProductCell
{
	width : 25%;
	padding: 8px 2px 12px 2px;
	text-align: center;
	/*background-color: #f0f2ed;*/
} 
.dualProdTable .customProductCell { padding-bottom: 4px; }
.tableVSpacer { height: 8px; }
.customProductImage img { margin-bottom: 8px; }
.customProductName 
{
	font-size: 0.833em;
	margin-bottom: 0.7em;
	line-height: 1.2em;
}
.customProductName a { color: #CF0000; }
.customProductPrice 
{
	font-size: 0.833em;
	margin-bottom: 1em;
}
.customProductTable .button 
{
	padding-left: 4px;
	padding-right: 4px;	
}
.singleProductTable { width: 100%; }
.singleProductTable img { border: solid 1px #666; }
#ColumnRight .singleProductName, 
#ColumnLeft3Col .singleProductName
{
	font-size: 0.833em;
	padding: 4px 0 4px 12px;
	background: url(/SiteData/RatherGood/SiteImages/rg_bullet.gif) no-repeat 2px 8px;
}
.singleProductName a, 
.singleProductName a
{
	color: #C06;
	text-decoration: none;
}

/********************************** SHARED STYLES *******************************/

/* this standardises the styling of the shop panels */
.shopForm, 
.shopAddressTable, 
.shopTable, 
.shopConditions
{
	border: solid 1px #666;
	background-color: #FAFAFA;
}
.shopConditions 
{
	border-top: 0; 
	background-color: #FAFAFA; 
}
/* standardises the product info tables and borders */
.mailTable table, .sizingTable 
{
	border-left: 1px solid #666;
	border-top: 1px solid #666;
}
.basketShipping, .shopTable tfoot td { border-top: solid 1px #666; }
.shopTable thead th { border-bottom: solid 1px #666; }
.mailTable table th, .mailTable table td, .sizingTable td, .sizingTable th
{
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}
.mailTable table th, .sizingTable th, .shopTable thead th
{
	background-color: #999;
	color: #FFF;
}
.sizingTable td, .mailTable td 
{
	color: #333;
	background-color : #FAFAFA;
}
/* standardises image and cellborders */
/*.welcomeTable img,*/ /*.customProductCell,*/ .customProductImage img, 
.imageLibraryCell img /*.productListing,*/, .productListingImage img 
{
	border: solid 1px #333;
}
.printshopProductInfoImage { border: none; }

/********************************** MINI DESIGNER *******************************/

.miniDesigner { margin-bottom: 12px; }
.miniDesigner .mainImage
{
	float: left;
	width: 250px;
	padding-right: 10px;
}
.miniDesigner .mainImage img { margin-bottom: 8px; width: 240px; height: 240px; }
.miniDesigner .imgThumbs { float: left; }
.miniDesigner .imgThumbs img { cursor: pointer; width: 60px; height: 60px; }
.miniDesigner .details 
{
	width: auto; 
	overflow: hidden; 
}
.miniDesigner .details .productPrice,
.miniDesigner .details .dropdown,
.miniDesigner .details .dropdownlist
{
	margin-bottom: 8px;
}
.miniDesigner .productSpecs { width: auto; margin-top: 20px; }
.miniDesigner .productSpecs ul { margin-left: 1.5em; }

/************************** DESIGNER (positioning fix & guide) *************************/

.swfObject 
{
	width: 100%;
	text-align: center;
}
.quickDesignGuide 
{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 0;
	margin: 0;
}
.quickDesignGuide span { font-weight: bold; }

/********************************** LIMITED EDITION *******************************/

.lEProductInfo h1, .lEProductInfo h2
{	
	color: #FFF;
	background-color: #F00;
	padding: 4px 8px;
}
.lEProduct .redTitle {	background-color: #F00; }
#Content.lEProductInfo h1
{
	font-size: 1.417em;
}
.lEProductInfo h2 { font-weight: bold; }

/********************************** BROWSER FIXES (General) *******************************/

.shopForm, .miniBasket, .lEProductInfo h1, .lEProductInfo h2, 
.product, .miniDesigner, .productDetails, .shopSwitcher
{ 
	height: 1%; 
}
* html ul { margin-left: 1.5em; }