@import url(../Common.css);
@import url(../Admin.css);
/*
======================================
   SMILEYWORLD PS STYLESHEET
   Updated: Mon 12.01.11 @ 16:40 p.m.
   Author : Alan Durkan
======================================
*/
html, body, form, fieldset, input, select, textarea, .textbox, .dropdownlist, .dropdown 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
body
{
	font-size: 0.625em; /* v important - this sets the default font size to 10px eqiv ems */
	overflow: -moz-scrollbars-vertical;
}
body * { font-size: 1em; }
h1
{
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
h2
{
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 0.6em;
}
h3, h4
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
h5 
{
	font-size: 1em;
	font-weight: bold;
}
/* shared typographic styles */
#Content { font-size: 1.2em; }
#Content h1 { font-size: 1.5em; }
#ColumnLeft3Col,
#ColumnRight 
{ 
	font-size: 0.917em; 
}
#ColumnLeft3Col h2, 
#ColumnRight h2 
{
	color: #900;
	font-size: 1.182em;
	font-weight: bold;
	margin-bottom: 10px;
}
#ColumnRight h2 { color: #FFF; }
#ColumnLeft3Col h2.searchHeader 
{
	background: url(/SiteData/smiley_world/SiteImages/sw_searchHeadIcon.gif) no-repeat left top;
	padding: 16px 0 10px 32px; 
	margin-top: -8px;
	position: relative;
}
.titleRed  { color: #900; }
.titleDrkPink { color: #C06; }
.houseIconTitle 
{
	background: url(/SiteData/smiley_world/SiteImages/sw_houseIcon.gif) no-repeat left top;
	padding-left: 42px;
	height: 42px;
	line-height: 42px;
}
p, address
{
	padding-bottom: 1.4em;
	line-height: 1.4em;
}
a
{
	color: #333;
	text-decoration: underline;
}
p a {
	color: #F0001D;
	text-decoration: none;
}
ul, 
ol
{
	margin: 0.5em 0 0.5em 2em;
}
hr 
{
	height: 1px;
	color: #CCC;
	background-color: #CCC;
	border: 0;
	margin-top: 8px;
	margin-bottom: 8px;
}
.leftColDivide 
{
	height: 16px;
	background: url(/SiteData/smiley_world/SiteImages/sw_colHrBg.gif) repeat-x center left;
}

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

.clear, 
.Clear
{
	clear: both;
}
.tableVSpacer, 
.tableSpacer,
.shopForm br,
.miniDesigner .details br
{
	line-height: 0;
	font-size: 0;
}
/* hide these elements */
.hide, .accessibility, .leftColDivide hr, .cookieInfo, .productListingStock,
#PrintShopLogo span, #InternovaLogoImage span, .searchBox .searchKeyword 
{
	display: none;
	visibility: hidden;
}
/* no padding / spacing / style on these lists */
.mainNav ul { margin: 0; padding: 0; list-style: none; }
.CMSModuleERROR
{
	border: dashed 2px #FF0000;
	color: #FF0000;
}
.CMSColumnEdit { border: dashed 1px #090; }
.textbox,
.dropdownlist, 
.dropdown
{
	padding: 1px;
	border: solid 1px #8DA8C1;
}
.textbox { padding: 1px; }
.button
{
	border: solid 1px #4CAAC4;
	background-color: #4CAAC4;
	color: #FFF;
	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 */
.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 *******************************/

#Header { padding-top: 13px; font: bold 1.2em/1.5em Arial,Helvetica,Sans-serif; background: url(/SiteData/smiley_world/SiteImages/sw_headerBg.jpg) repeat-x left top; }
#Header .inner { position: relative; margin: 0 auto; width: 841px; }
#Header a:focus { outline: 0; }
/* - navigation */
#Header .mainNav ul { background: url(/SiteData/smiley_world/SiteImages/sw_headerDivide.gif) no-repeat right top; text-align: center; height: 68px; }
#Header .mainNav li { float: left; padding-left: 1px; background: url(/SiteData/smiley_world/SiteImages/sw_headerDivide.gif) no-repeat left top; }
#Header .mainNav li a { float: left; width: 139px; padding: 45px 0 5px 0; color: #000; background: url(/SiteData/smiley_world/SiteImages/sw_company.gif) no-repeat 50% 8px; text-decoration: none; }
#Header .mainNav li.mN02 a { background-image: url(/SiteData/smiley_world/SiteImages/sw_original.gif); }
#Header .mainNav li.mN03 a { background-image: url(/SiteData/smiley_world/SiteImages/sw_expression.gif); }
#Header .mainNav li.mN04 a { background-image: url(/SiteData/smiley_world/SiteImages/sw_charity.gif); }
#Header .mainNav li.mN05 a { background-image: url(/SiteData/smiley_world/SiteImages/sw_languages.gif); }
#Header .mainNav li.mN06 a { background-image: url(/SiteData/smiley_world/SiteImages/sw_shop.gif); }
#Header .mainNav li a:hover, #Header .mainNav li a.active { padding-bottom: 2px; border-bottom: 3px solid #FFC500; }
/* - breadcrumb */
#Header .navBar { margin-bottom: 1em; padding-top: 12px; height: 28px; color: #FFF; background: #FFF url(/SiteData/smiley_world/SiteImages/sw_navBarBg.gif) repeat-x left top; }
#Header .navBar a { display: block; float: left; height: 23px; color: #FFF; font-weight: bold; line-height: normal; text-decoration: none; }
#Header .navBar a:hover { border-bottom: 3px solid #FFC500; }
/* - no logner required
#Navigation
{
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 22px;
	padding: 0 15px;
	margin-bottom: 10px;
	background-color: #F6C214;
}
#Navigation a
{
	color: #333;
	text-decoration: none;
}
#Navigation a.active { color: #900; }
*/
#Content { margin: 0 auto; width: 960px; }
#Text { padding: 8px 16px; }
#LeftContainer 
{
	float: left;
	width: 773px;
}
#ColumnMain3Col
{
	float: right;
	width: 586px;
	position: relative;
}
#ColumnLeft3Col
{
	float: left;
	width: 178px;
	border: solid 1px #E0B011;
	background-color: #F6C214;
	position: relative;
}
#ColumnLeft3Col ul, 
#ColumnRight3Col ul
{
	padding-left: 6px;
}
#ColumnLeft3Col ul li a, 
#ColumnRight3Col ul li a
{
	text-decoration: none;
}
#ColumnRight
{
	float: right;
	width: 178px;
	padding: 8px 0 16px 0;
	overflow: hidden;
	background-color: #4CAAC4;
	position: relative;
}
#ColumnRight hr 
{
	height: 2px;
	color: #000;
	background-color: #000;
	border-bottom: solid 1px #3B8599;
	margin-top: 4px;
	margin-bottom: 4px;
}
#ColumnLeft3Col *, 
#ColumnRight *
{
	padding-left: 8px;
	padding-right: 8px;
}
#ColumnLeft3Col * *, 
#ColumnRight * *
{
	padding-left: 0;
	padding-right: 0;
}
#Footer
{
	clear: both;
	text-align: center;
}
#Footer a
{
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
}
#InternovaLogo
{
	clear: both;
	width: 944px;
	margin: auto;
	text-align: right;
	font-size: 9px;
	padding-bottom: 4px;
}
#InternovaLogo a
{
	text-decoration: none;
	font-weight: normal;
}
#InternovaLogoImage
{
	background: url(/SiteData/smiley_world/SiteImages/genericInternovaLogo.gif) no-repeat right top;
	display: -moz-inline-box;
	display: inline-block;
	height: 14px;
	width: 67px;
}
#PrintShopLogo a
{
	background: url(/SiteData/smiley_world/SiteImages/sw_PBLogo.gif) no-repeat center center;
	height: 67px;
	display: block;
	padding: 10px 0;
}

/***************************** CATEGORY LIST **********************************/

#Content .catList ul { margin-left: 0.8em; }
#Content .catList ul li
{
	margin-left: 0;
	line-height: 17px;
	list-style: none;
	padding-bottom: 3px;
}
#Content .catList ul li img 
{
	position: relative;
	top: 5px;
}

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

/* this standardises the styling of the shop panels */
.shopForm, 
.shopAddressTable, 
.shopTable
{
	border: solid 1px #666;
}
.shopForm { padding: 16px; }
.shopForm label
{
	font-weight: bold;
	font-size: 0.917em;
	display: block;
	text-align: right;
	width: 200px;
	float: left;
	padding: 3px 3px 0 0;
}
.shopForm .textbox, 
.shopForm .dropdownlist
{
	margin-bottom: 3px;
	width: 150px;
}
.shopForm .dropdownlist { width: 154px; }
.shopFormButtons
{
	padding-top: 16px;
	text-align: right;
}
.shopFormBtnAligned
{
	padding-top: 16px;
	margin-left: 203px;
}
.shopConditions
{
	border: solid 1px #666;
	border-top: 0;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-size: 0.833em;
}
.shopTable table { width: 100%; }
.receipt .shopTable { margin-bottom: 16px; }
.shopTable td, 
.shopTable th
{
	text-align: left;
	padding: 4px;
}
.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 { }
.customerOrders { }
.editAddress { }
.leftLogin { }
.leftLoginButtons { }
.login { margin-bottom: 16px; }
.loginButtons { padding: 16px 0 0 205px; }
.login .checkbox { padding-left: 200px; }
.login .rememberLbl { display: inline; float: none; }
.loginButtons .button { }
.loginButtons p 
{
	padding-bottom: 0; 
	margin-top: 8px; 
}
.loggedInOptions { } 
.lostPassword { }
.orderStatusKey { }
.orderStatusKeyBox { }
.categories { }
.product { }
.productImage
{
	width: 256px;
	text-align: center;
	float: left;
	position: relative;
}
.productImage img { margin: 24px 28px; }
.productImage .buttonHolder
{
	display: block;
	padding: 4px 0;
}
.productDescription { }
.productList { }
.productListing
{
	width: 160px;
	border: solid 1px #333;
	text-align: center;
	float: left;
	margin: 8px;
}
.productListingImage
{
	display: block;
	text-align: center;
}
.productListingImage img
{
	border: solid 1px #333;
	margin-top: 15px;
}
.productListingName
{
	font-weight: bold;
	display: block;
	padding: 0 10px;
}
.productListingPrice
{
	font-weight: bold;
	line-height: 1em;
	display: block;
}
.productListingBuy
{
	font-weight: bold;
	text-decoration: none;
	background-color: #CCC;
	border: solid 1px #9EA4A8;
	line-height: 4em;
	padding: 4px;
}
.productListPager { }
.productListPagerLinks { }
.productListPage { }
.recentlyViewedProducts { }
.relatedProducts { }
.shopHighlights { }
.shopHighlight { }
.topSellers  { }
.topSellerImage  { }
.discountCode { }
.basket { margin-bottom: 16px; }
.basketShipping { border-top: solid 1px #333; }
.basketShipping label { padding-left: 4px; }
#Content .miniBasket
{
	color: #000;
	padding: 10px;
	border: solid 2px #FFE47F;
	margin-bottom: 10px;
	background-color: #CCA010;
}
.miniBasket a { color: #F0001D; }
.miniBasketNumber { }
.miniBasketValue { }
.payment { }
.paymentLogos { }
.receipt { }
.shopStages { }
.showAddresses { }
.disountCode { padding: 10px 0 20px 0; }
.disountCode input, 
.disountCode label
{
	vertical-align: middle;
}
#ColumnLeft3Col .currencySelector,  
#ColumnRight .currencySelector
{
	margin-bottom: 8px;
}
#Content .currencySelector a
{
	display: -moz-inline-box;
	display: inline-block;
	text-decoration: none;
	padding: 4px 3px;
	margin-right: 2px;
	text-align: center;
	font-weight: bold;
	border: solid 1px #CCA010;
	color: #99760C;
}
#Content  .currencySelector a:hover, 
#Content .currencySelector a.selected
{
	background-color: #CCA010;
	color: #FFE47F;
	border: 1px solid #FFE47F;
}
#Content .currencyTitle
{
	width: 100%;
	display: block;
	padding-bottom: 4px;
	text-align: left;
}
.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 { }
#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 { margin-bottom: 8px; }
.imageLibrarySelector { }
.imageFound
{
	font-weight: bold;
	margin-left: 20px;
}
.enlargeImage
{
	background: url(/SiteData/smiley_world/SiteImages/genericMaginfierIcon.gif) no-repeat center center;
	text-decoration: none;
	padding: 2px 11px;
}
.useImage { }
.libraryList { }
.alternatingLibraryListItem { }
.libraryListAdmin { }
.printshopProducts { }
.printshopProducts hr { margin: 20px 0; }
.printshopProductInfo { }

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

#ColumnLeft3Col div.spacer 
{
	background-color: #CCC;
	height: 8px;
	margin-left: -10px;
	margin-right: -10px;	
}
.searchBox { }
#ColumnRight .searchBox .textbox 
{
	float: left;
	margin-bottom: 6px;
	font-size: 1.091em;
	width: 124px;
} 
#Content .searchBox .button
{
	display: block;
	padding: 4px 3px;
	float: left;
	margin-left: 6px;
	background-color: #F6C214;
}
.searchResults { }
.searchResultsList  { }
#Popup { padding: 10px; }

/********************************* Site Navigation *******************************/

.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: 16px; }
.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; }
.largeProductTable { padding: 0 60px; }
.promoTable,
.customProductTable, 
.welcomeTable,
.singleProductTable,
.largeProductTable table
{
	padding:0;
	margin: 0;
	width: 100%;
	margin-bottom: 8px;
}
.promoTable { margin-bottom: 16px; }
.welcomeTable td, 
.customProductTable td,
.promoTable td 
{ 
	vertical-align: top; 
}
/* specific to welcome table */
.welcomeTable td p { padding-right: 12px; }
/* specific to customProduct table / largeProductTable */
.customProductTable .customProductCell,
.largeProductTable .customProductCell
{
	width : 25%;
	padding: 8px 2px 12px 2px;
	text-align: center;
	vertical-align : top;
}
.largeProductTable .customProductCell { width: 40%; }
.tableSpacer { width: 5px; }
.tableVSpacer { height: 8px; }
.customProductImage img { margin-bottom: 8px; }
.customProductName 
{
	font-weight: bold;
	margin-bottom: 8px;
	line-height: 1.2em;
}
.customProductName a { color: #4CAAC4; }
.customProductPrice { margin-bottom: 12px; }
.customProductTable .button 
{
	padding-left: 4px;
	padding-right: 4px;	
}
/* specific to productSpecs */
.productSpecs 
{
	position: relative;
	width: 300px;
	float: left;
}
.printshopProductInfoImage
{
	position: relative;
	float: right;
}
.sizingTable 
{
	padding: 0;
	margin: 0;
	margin-bottom: 8px;
	font-size : 0.917em;
}
.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;
}
/* specific to singleProduct table */
.singleProductTable img { border: solid 1px #666; }
#ColumnRight .singleProductName, 
#ColumnLeft3Col .singleProductName
{
	padding: 4px 0 4px 12px;
	background: url(/SiteData/smiley_world/SiteImages/sw_bullet.gif) no-repeat 2px 8px;
}
.singleProductName a { text-decoration: none; }
#ColumnRight .singleProductName a { color: #FFF; }
/* specific to promoTable */
.promoTable table { text-align: center; }
.promoTable td.desc 
{
	vertical-align: middle;
}
.promoTable .thumbTable table { margin: 0 auto; }

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

/* this standardises the styling of the shop panels */
.shopForm, .shopAddressTable, .shopTable, .shopConditions
{
	border: solid 1px #666;
	background-color: #F1F1F1;
}
.shopConditions 
{
	border-top: 0; 
	background-color: #FFF; 
}
/* standardises the product info tables and borders */
.mailTable table, 
.sizingTable 
{
	border-left: 1px solid #666;
	border-top: 1px solid #666;
}
.mailTable table th, 
.mailTable table td, 
.sizingTable td, 
.sizingTable th
{
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
.mailTable table th, 
.sizingTable th 
{
	background-color: #999;
	color:#FFF;
}
/* standardises image and cellborders */ 
.customProductImage img { border: solid 1px #666; }

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

.miniDesigner { margin-bottom: 12px; }
.miniDesigner .mainImage
{
	float: left;
	width: 240px;
}
.miniDesigner .mainImage img { margin-bottom: 8px; }
.miniDesigner .imgThumbs { float: left; }
.miniDesigner .imgThumbs img { cursor: pointer; }
.miniDesigner .details 
{
	margin-left: 250px;
	overflow: hidden;   
}
.miniDesigner .details .productPrice,
.miniDesigner .details .dropdown,
.miniDesigner .details .dropdownlist
{
	margin-bottom: 8px;
}
.miniDesigner .productSpecs 
{
	width: 100%;
	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; }

/******************************** AD FOR DESIGNER *******************************/

.smileyAd 
{
	position: relative;
	margin-bottom: 16px;
}
.smileyAd .smileyAdBtn
{
	display: block;
	float: right;
	width: 176px;
	height: 27px;
	background: url(/SiteData/smiley_world/Image/sw_clicktoStartBtn.jpg) no-repeat left top;
	text-indent: -9999px;
}
.smileyAd .smileyAdBtn:hover { background-position: 0 -27px; }

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

.singleProductTable, .smileyAd, .shopForm, .catList ul li, .miniBasket, .currencySelector a, 
.currencyTitle, .product, .promoTable, .customProductTable, .welcomeTable, .singleProductTable    
{
	height: 1%;
}