body
{
	MARGIN:0;
	background:#0E4E8E url(/images/layout/charly/layout/body_bg.jpg) center top no-repeat;
	color:#162A53;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
}
a
{
	color:#000;
	text-decoration:underline;
	font-weight:700;
}
a:hover
{
	color:#858058;
	text-decoration:none;
}
DD
{
	PADDING-LEFT:0;
	MARGIN-LEFT:0;
}
FORM
{
	margin:0;
}
h1, h2, h3, h4, h5, h6
{
	position:relative;
	margin:0;
	color:#162A53;
}
H1
{
	font-size:170%;
}
H2
{
    FONT-SIZE: 150%;
}
H3
{
	FONT-SIZE: 135%;
}
H4
{
    FONT-SIZE: 120%
}
H5
{
	color:#404040;
	margin-bottom:10px;
    FONT-SIZE: 110%
}
H6
{
	color:#404040;
	margin-bottom:10px;
    FONT-SIZE: 100%
}
hr
{
	display:block;
	border-top:1px solid #DCD9C5;
	border-left:1px solid #DCD9C5;
	border-right:1px solid #FAFAF7;
	border-bottom:1px solid #FAFAF7;
}
img
{
	border:none;
}
TABLE
{
	border:none;
	WIDTH: 100%;
}
TABLE TD, TABLE TH
{
    TEXT-ALIGN: left;
    PADDING: 0;
    VERTICAL-ALIGN: top;
}

/* ###################################   Bespoke Classes   ################################### */

.backlink
{
    TEXT-ALIGN: right
}
.backlink a
{
	color: #858058;
}

.box
{
	border-top:1px solid #E1DECA;
	border-left:1px solid #E1DECA;
	border-right:2px solid #B0AC8E;
	border-bottom:2px solid #B0AC8E;
	background-color:#FAF8EA;
}
.box h2.title, h2#artistListTitle
{
	position:relative;
	padding:5px 0;
	background:url(/ewcommon/images/layout/dotline_black_3px.gif) left bottom repeat-x;
	margin:0 0 10px;
}
.box .content
{
	padding:9px 20px;
}

.button
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
	color:#95CAFF;
	background:#1C436B;
	padding:1px 0 !important;
	border:none;
}

.detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px
}
.dropdown, .textarea, .textbox
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
    WIDTH: 365px
}
.first
{
	border-top:1px solid #DBD9CD;
}
.form TD
{
	padding:2px 0px;
}

/* Hides from IE-mac \*/
* html .list
{
	height: 1%;
}
/* End hide from IE-mac */

.list
{
	position:relative;
	MARGIN-BOTTOM:5px;
	PADDING:5px 0;
	BORDER-BOTTOM:#DBD9CD 1px solid;
}
.list H3
{
	font-size:120%;
}
.list H4
{
	font-size:100%;
}
.list h3, .list h4, .list .label, .list .description
{
	margin-left:80px;
}
.list img.thumbnail
{
	position:relative;
	float:left;
	margin-left:0;
}
.list P
{
	MARGIN:3px 0;
}
.list .morelink
{
	clear:left;
	margin:0;
}
.isolated
{
	border:none;
	margin:0;
}
.isolated h4
{
	font-weight:700;
}
.listproduct
{
	position:relative;
	padding:10px 0;
	margin:0;
}
.listproduct hr
{
	margin:0;
}
.listproduct IMG.thumbnail
{
	position:absolute;
	top:10px;
	left:10px;
}
.listproduct .terminus
{
	clear:right;
}
.listproduct .column1
{
	position:absolute;
	width:300px;
	top:10px;
	left:90px;
}
.listproduct .column2
{
	height:1%;
	position:relative;
	text-align:right;
	margin:0 0 10px 390px;
}
.listproduct h3
{
	font-size:110%;
}
.listproduct .manufacturer
{
	font-size:110%;
    font-weight:700;
}
.listproduct .stockCode
{
	float:left;
	margin:0;
}
.listproduct .options
{
	margin:0 0 0 150px;
}
.listproduct .description
{
	position:relative;
	background:url(/ewcommon/images/layout/dotline_black_3px.gif) left top repeat-x;
	padding-top:10px;
	margin:0 0 10px 90px;
}
.listproduct a.morelink
{
	color:#95CAFF;
	font-weight:400;
	background:#1C436B;
	padding:2px 13px;
	text-decoration:none;
}

/* Hides from IE-mac \*/
* html .listproduct .description
{
	height: 1%;
}
/* End hide from IE-mac */

.manufacturer
{
	font-weight: bold;
	margin:0;
	padding:0;	
}
.morelink
{  
    TEXT-ALIGN: right
}
.morelink a
{
	color: #858058;
}
.options
{
	font-weight: bold;
	margin:0;
	padding:0;
}
.price
{
	font-weight: bold;
	color: #f00;
}
.price .label
{
	font-weight:400;
}
TABLE.documentTable TD.cell
{
    BORDER-RIGHT:#000 1px solid;
    PADDING:5px;
}
TABLE.documentTable TH.heading
{
    PADDING:5px;
}
.stepper
{
    PADDING:0 5px;
    width:auto !important;
}
.stepper P
{
    MARGIN:0;
    TEXT-ALIGN: right;
}
.subPageList
{
	margin:0;
	padding:0;
	font-size: 13px;
}
.subPage a
{
	display:block;
}
.subPageTitleThumb img
{
	display:block;
}
.template
{
	height:1%;
	position:relative;
}
.template ul
{
	margin-left:0;
}
.terminusRight
{
	clear:right;
}
a.textButton, a.textButton:hover
{
	font-weight:400;
	color:#95CAFF;
	background:#1C436B;
	padding:2px 8px!important;
	text-decoration:none;
}

/* ################################### Bespoke IDs ################################# */

#mainTable
{
	width:740px;
	margin:5px auto;
}
#container
{
	border-left:4px solid #fff;
	border-right:4px solid #fff;
}
#location
{
	color:#000;
	background:#C8C4AB;
	border-top:1px solid #fff;
	padding:3px 10px;
}
#location a
{
	padding:0 3px;
}
#location a.active
{
	color:#244CB5;
}
#mainHeader
{
	height:129px;
	border-top:4px solid #fff;
	background:url(/images/layout/charly/layout/mainheader_bg.jpg) left top no-repeat;
}
#logo
{
	position:relative;
	top:9px;
	left:34px;
}

/* ################################## Menu setup ################################### */

#mainMenu
{
	background:#000;
	border-bottom: 4px solid #fff;
	text-transform: uppercase;
	padding:0;
}
#mainMenu a
{
	float:left;
	margin:0!important;
	padding:0!important;
}
#mainMenu a img
{
	display:block;
}

/* ################################## Sub Menu setup ################################### */

#subMenu
{
	border-top:2px solid #6D6948;
	border-bottom:1px solid #000;
	color:#B8B596;
	background:#858058 url(/images/layout/charly/layout/submenu_bg.gif) left top no-repeat;
	padding:0 63px 0 95px;
}
#subMenu UL, #subMenu LI
{
	display:inline;
	margin:0;
	padding:0;
	list-style-type:none;
}
#subMenu UL A
{
	background:url(/images/layout/charly/layout/submenu_bullet.gif) right center no-repeat;
	color:#CBC8AC;
	padding:3px 14px;
	line-height:23px;
	text-decoration:none;
}
#subMenu UL A.active, #subMenu UL A:hover
{
	color:#fff;
}

/* ################################## Sub Menu 2 setup ################################### */

#subMenu2Top
{
	float:left;
	width:150px;
}
#subMenu2
{
	border:2px solid #858058;
	background:#E1DDC7;
}
#subMenu2 h3
{
	background:#858058;
	color:#C8C4AB;
	border-bottom:1px solid #000;
	padding:6px 4px;
	font-size:135%;
	line-height:1;
}
#subMenu2 UL, #subMenu2 LI
{
	margin:0;
	padding:0;
	list-style-type:none;
}
#subMenu2 li
{
	display:inline;
	line-height:1.2;
}
#subMenu2 UL A
{
	display:block;
	color:#54513D;
	line-height:1.2;
	padding:5px 23px 5px 5px;
	text-decoration:none;
	border-bottom:1px solid #C9C5A9;
}
#subMenu2 UL ul A
{
	padding:4px 23px 4px 15px
}
#subMenu2 UL A.active
{
	background:url(/images/layout/charly/layout/submenu2_ac.gif) right center no-repeat;
}
#subMenu2 UL A.active, #subMenu2 UL A:hover
{
	background-color:#FAF8EA;
}

/* ======================== */

#mainLayoutContainer
{
	background:#F8F5DE url(/images/layout/charly/layout/leftedge_bg.gif) left top repeat-y;
	border-top:1px solid #C2C2c1;
	border-bottom:4px solid #fff;
}

h1#mainTitle
{
	MARGIN:0;
    padding:13px 20px 10px;
	border-top:1px solid #C2C2c1;
	background:#DADAD9 url(/images/layout/charly/layout/maintitle_bg.gif) left top repeat-y;
}
#mainLayout
{
	position:relative;
	line-height:1.4;
}
.notHome
{
	padding:30px 15px;
}
#mainFooter
{
	background:url(/images/layout/charly/layout/footer_shadow.jpg) center top no-repeat;
}

/* ============================ */

#footerMenu
{
	background:url(/images/layout/charly/layout/cards.gif) 0 10px no-repeat;
	text-align:center;
	padding:40px 0 20px;
}
#footerMenu UL, #footerMenu li
{
	display:inline;
	margin:0;
	padding:0;
	list-style-type:none;
}
#footerMenu ul a
{
	color:#fff;
	border-right:1px solid #fff;
	padding-right:10px;
	margin-right:10px;
}
#copyright
{
	text-align:center;
	color:#C5E2FF;
	padding:4px 0;
	margin:0 200px;
}

/* ============================ */

#developerLink .terminus
{
	display:none;
}
#developerLink a
{
	font-size:100% !important;
	border:1px solid #1A5492;
	color: #95CAFF;
	margin-bottom:20px;
}
#developerLink a:hover
{
	color:#fff !important;
	border-color:#518BC6;
	background:#1A5492 !important;
}

#footer, #header
{
    padding: 5px 0;
}

/* ======================== */

#template_Snapper_3column #column2
{
	width:260px;
	padding-left:9px;
	padding-right:16px;
	border-right:1px solid #B0AC8E;
}
#template_Snapper_3column #column2 #strapline
{
	margin:14px 6px 21px;
}
#template_Snapper_3column #column1, #template_Snapper_3column #column3
{
	width:215px;
	padding-left:8px;
	padding-right:8px;
	background-color:#FAF8EA;
}
#template_Snapper_3column #column1
{
	background-image:url(/images/layout/charly/layout/column_divider.gif);
	background-position:right top;
	background-repeat:repeat-y;
}
#template_Snapper_3column td
{
	padding-top:10px;
	padding-bottom:10px;
}
#template_Snapper_3column #articleDetail
{
	padding-left:10px;
	width:511px;
}
#template_Snapper_3column #productDetail
{
	padding-right:10px;
	width:510px;
}
#template_Snapper_3column .backlink
{
	display:block;
	padding:5px 0;
}
#template_Snapper_3column .box
{
	border:none;
	background:none;
}
#template_Snapper_3column .box h2.title
{
	padding:0 0 10px;
	background:none;
	margin:0;
}
#template_Snapper_3column .box .content
{
	padding:0;
}
#searchForm table
{
	width:auto;
}
#template_Snapper_3column #searchForm
{
	margin:20px 0;
	background:url(/images/layout/charly/layout/search_bg.gif) center top no-repeat;
}
#template_Snapper_3column #searchForm table
{
	background:url(/images/layout/charly/layout/search_bg.gif) center bottom no-repeat;
}
#template_Snapper_3column #searchForm td
{
	height:42px;
}
#searchForm td
{
	padding:0;
	vertical-align:middle;
}
#searchForm .searchBox
{
	padding-left:90px;
	padding-right:20px;
	background:url(/images/layout/charly/layout/search.gif) left center no-repeat;
}
#searchForm .textbox
{
	width:115px;
	border-color:#000;
}
#template_Charly_Search #header
{
	margin-bottom:30px;
}
#template_Charly_Search #searchForm
{
	margin-left:110px;
}
p#searchResult
{
	float:left;
	width:100px;
}

.newsDetails
{
	background-image:url(/images/layout/charly/layout/leftedge_bg.gif)!important;
	background-position:left top!important;
	border-right:1px solid #B0AC8E;
}
.productDetails
{
	border-left:1px solid #B0AC8E;
}

#template_Snapper_3column .detail
{
	padding:10px 20px;
}

/* ======================== */

/* #template_Snapper_List_Artists .box
{
	margin-left:160px;
}*/
#template_Snapper_List_Artists table
{
	position:relative;
	width:99%;
}
#template_Snapper_List_Artists td.column
{
	width:33%;
	padding-left:20px
}
#template_Snapper_List_Artists ul, #template_Snapper_List_Artists li
{
	padding:0;
	margin:0;
	list-style-type:none;
	line-height:1.5;
}
#template_Snapper_List_Artists ul a
{
	font-size:100%;
}

/* ======================== */

TABLE#productList
{
	MARGIN:10px 0;
}
TABLE#productList td img
{
	float:none;
	text-align:center !important;
}
TABLE#productList TD.list
{
	PADDING:0 5px;
}

/* ======================== */

#template_Sub_Page_Listing #footer
{
    padding: 24px 0;
}
TABLE#subPageTable .col1
{
    WIDTH: 30%;
}
TABLE#subPageTable .col2
{
    WIDTH: 40%;
}
TABLE#subPageTable .col3
{
    WIDTH: 30%;
}
TABLE#subPageTable TH.heading
{
    PADDING: 5px;
}
TABLE#subPageTable TD.cell
{
    PADDING:5px;
    VERTICAL-ALIGN: middle;
}

/* ======================== */

#template_sitemap
{
	margin-left:10px;
}
#template_sitemap ul
{
	margin:0;
	padding:0;
	line-height:1.8;
}
#template_sitemap li
{
	padding-bottom:1em;
}
#template_sitemap ul a
{
	padding-left:10px;
}
#template_sitemap ul ul 
{
	line-height:1.5;
}
#template_sitemap ul ul li
{
	padding:0;
}
#template_sitemap ul ul a
{
	padding-left:20px;
}
#template_sitemap ul ul ul a
{
	padding-left:20px;
}
#template_sitemap ul ul ul ul a
{
	padding-left:20px;
}

/* ###################################   E-Commerce specific   ########################### */

#cartBrief
{
	float:right;
}

/* =========================*/

#cartFull h2
{
	padding:5px 0;
	background:url(/ewcommon/images/layout/dotline_black_3px.gif) left bottom repeat-x;
	margin:0 0 10px;
	color:#162A53;
}
#cartListing TH.heading
{
	color:#669;
	background:#D5D3C8;
	border-color-top:#D5D3C8;
	border-right:none;
	border-color-bottom:#D5D3C8;
}
#cartListing .lineTotal
{
	border-left:1px solid #F8F5DE;
}
#cartListing TD.cell
{
	border:none;
	background:url(/ewcommon/images/layout/dotline_black_3px.gif) left bottom repeat-x!important;
}
#cartListing TD.amount
{
	border-right:none;
	border-bottom:1px solid #F8F5DE;
	background:#ccc;
}
#cartListing .delete
{
	border-left:none;
}
#cartListing td.heading
{
	border-right:none;
}
.cartAddress
{
	height:1%;
}