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

	AUTHOR: 		Sumac UK
	DESCRIPTION:	Screen styles for Tusk
	DATE:			02/01/08
	LAST EDITED:	--/--/--

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

/* ==========================================================
	GLOBALS
========================================================== */
body 
{
	margin: 0;
	padding: 0;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #ADADAD;
	text-align: center;
	background-color: #000;
}
/* [ text sizing ]---------------------------------------- */
/* http://www.clagnut.com/blog/348/ ---------------------- */
html
{
	font-size: 100%; /* for IE */
}
body 
{
	font-size: 62.5%; /* for IE/Win */
}
input, select, table
{
	font-size: 100%;	
}
/* [ links ] ------------------------------------------ */
a
{
	cursor: pointer;	
}
a:link, a:visited
{
	color: #FFF;
	text-decoration: underline;
}
a:hover
{
	color: #ADADAD;
	text-decoration: none;
}
hr 
{
	display:none;
}
em
{
    font-style: italic;
    color: #98E8F9;
    font-size: 0.9em;
}
.padding-bottom-border
{
   padding: 5px 0 5px 0;
   border-bottom: 1px solid #4C4D4D;
}
/*facebook*/
a#face-book
{
    background: transparent url(../images/icon-facebook.gif) no-repeat 0 5px;
    padding: 0 0 0 30px;
    width: auto;
}
p#sage-pay
{
  position: absolute;
  top: 0;
  left: 0; 
}

/* [ headings ] ------------------------------------------ */

h1
{
	line-height:1em;
	font-size: 1.8em;
	margin: 0.3em 0 0.3em 0;
	text-transform: none;
	color: #ADADAD;
	line-height: 1.1em;
}
h2
{
	margin: 0em 0 0.5em 0;
	font-size: 1.5em;
	text-transform: none;
	color: #ADADAD;
	font-weight: bold;
}
h3
{
	margin: 0 0 0.5em 0;
	font-size: 1.1em;
	text-transform: none;
	color: #ADADAD;
}
h4
{
	margin: 0 0 0.5em 0;
	font-size: 1.1em;
	color: #ADADAD;
}
h5
{
	margin: 0 0 0.5em 0;
	font-size: 1.1em;
	font-style: italic;
}
h6
{
	margin: 0 0 0.5em 0;
	font-size: 1.1em;
	font-style: italic;
	font-weight: normal;
}
/* [ other ] --------------------------------------------- */
.hide
{
	
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; 	
}
.clear
{
	clear: both;	
}
a img
{
	border: 0;
}
.current
{
	color: #fff;
}
p
{
	margin-bottom: 1em;
}
strong {font-weight:bold;}

/* Center image */
div.center-image { 
	margin-bottom:10px;
}

/* dummy flash */
div.dummy-flash 
{
	position: relative;
	display: block;
	font-weight: bold;
	background: transparent url(../images/dummy-flash-bg.gif) repeat left top;
	text-align: center;
}

div.dummy-flash p { position: absolute; top: 45%; left: 0%; width: 100%;}

/* ==========================================================
	JUMP-TO
========================================================== */
#jump-to
{
	position: absolute;
	top: 0;
	left: -9999px;
}
#jump-to a:hover
{
	background-color: #EEE;	
}
#jump-to a:focus
{
	display: block; 
	position: absolute; 
	top: 20px; 
	left: 10020px; 
	font-size: 1.5em; 
	background-color: #FFF; 
	border: solid 2px #999;
	color: #999;
	padding: 10px; 
	width: 15em; 
	z-index: 1;
}
/* =========================================================
	EDIT, ADD ELEMENTS
========================================================== */
div.add-element, div.edit-element
{
	background-color: #000;
	border: 1px solid #4c4d4d;
}

/* =========================================================
	PAGE
========================================================== */

/*main wrapper*/
#tusk
{
	 position: relative;
	 margin: 17px auto 0 auto;
	 width: 988px;
	 text-align: left;
	 font-size: 1.3em;
	 line-height: 1.3em;
	 color: #ADADAD;
}
#header
{
	float: left;
	margin: 0;
	min-height:65px;
	height:auto !important;
	height:65px;
	width: 100%;
	display: inline;
	position: relative;
}
#header img#logo
{
	float: left;
	margin: 0;
}
#search
{
	float: right;
	display: inline;
}
#search fieldset
{
	float: left;
	font-size: 1.1em!important;
}
#search fieldset label
{
	float: left;
	margin: 0.4em 0 0 0;
	width: 80px;
}
#search fieldset legend 
{
	display:none;
}
#search fieldset input
{
	float: left;
	margin: 0.4em 0 0 0;
	width: 127px;
	border: 1px solid #4c4d4d;
}
#search input.button
{
	float: left;
	margin: 0 0 2px 2px;
	background-color: transparent;
	border: none;
	color: #6e7376;
}
div#your-order
{
	position: absolute;
	top: 75px;
	right: 0;
}
/* ==========================================================
	main navigation
========================================================== */
#main-navigation
{
	float:left;
	margin: 0;
	width: 121px;
	border-top: 1px solid #4c4d4d;
	display: inline;
	text-transform: none;
	line-height: 1em;
}
#main-navigation ul
{
	list-style: none;	
	margin: 0;
	padding: 0;
}
#main-navigation li
{
	display: block;
}
#main-navigation a
{
	border-bottom: 1px solid #4c4d4d;	
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: 1em;
}
#main-navigation a:link,
#main-navigation a:visited
{
	color: #ADADAD;
	text-decoration:none;
}
#main-navigation ul a:hover,
#main-navigation ul a.current,
#main-navigation ul a.current:link,
#main-navigation ul a.current:visited,
#main-navigation ul a.current:hover
{
	color: #fff;
	text-decoration:none;
 }

/* ==========================================================
	main navigation, 2nd level
========================================================== */
#main-navigation ul ul
{
	font-size: 1em;
}
#main-navigation ul ul li
{
}
#main-navigation ul ul a:link, 
#main-navigation ul ul a:visited
{
	color: #ADADAD;
	padding: 1px 0 1px 5px;
	text-transform: none;
}
#main-navigation ul ul a:hover,
#main-navigation ul ul a.current,
#main-navigation ul ul a.current:link,
#main-navigation ul ul a.current:visited,
#main-navigation ul ul a.current:hover
{
	color: white;
}
/* ==========================================================
	main navigation, 3rd level
========================================================== */
#main-navigation ul ul ul
{
	list-style: none;	
	padding: 0;
	margin: 0 0 0 3px;
	font-size: 0.9em;
}
#main-navigation ul ul ul a
{
	display: block;
	text-transform: none;
	
}
#main-navigation ul ul ul a:link, 
#main-navigation ul ul ul a:visited
{
	padding: 1px 0 1px 15px;
}

/* ==========================================================
	CONTENT
========================================================== */
#crumbtrail
{
	float: left;
	margin: 0;
	width: 857px;
	padding: 0.6em 0 0.5em 0;
	border-top: 1px solid #4c4d4d;
	border-bottom: 1px solid #4c4d4d;
}
#crumbtrail a
{
	/*float: left;
	padding: 0 10px 0 0;*/
	display: inline;
	font-size: 1.8em;
	text-transform: uppercase;
	color: #fff;
}
#crumbtrail span.separator
{
	font-size: 1.8em;
	padding: 0 0.1em;
}
#crumbtrail a:link, 
#crumbtrail a:visited
{
	text-decoration: none;
}
#crumbtrail a:hover
{
	text-decoration: underline;
}
#crumbtrail h1
{
	clear: both;
	display: block;
	padding: 0.4em 0 0 0;
	margin: 0;
}
#main-body
{
	 float: left;
	 margin: 0 0 0 10px;
	 text-align: left; 
	 display: inline;
	 width: 857px;
	 min-height: 490px;
}
#main-content ul
{
	margin-bottom: 0.7em;
}
#main-content ul li
{
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 0.3em 12px;
}
#main-content ol li
{
	list-style-type: decimal;
	list-style-position: inside;
	padding: 0.4em 0 0;
}
#main-content
{
	float: left;
	margin: 4px 0 0 0;
	width: 507px;
}
#column-left
{
	float: left;
	margin: 4px 0 0 0;
	width: 250px;
	display: inline;
}
#column-right
{
	float: right;
	margin: 4px 0 0 20px;
	width: 237px;
	display: inline;
}
div.more-info-elements
{
	float: left;
	clear:both;
	width: 492px;
}
/* ==========================================================
	Product group page with vertical navigation
========================================================== */

div.thumb-nav-vertical
{
	float: left;
	display: inline;
	margin: 20px 0 0 0;
	width: 100%;
}
div.thumb-nav-vertical h2.vert-heading
{
	padding: 10px 0 5px 0!important;
	text-align: left;
	color: #ADADAD!important;
}
div.product-item
{
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 10px 0;
	min-height:132px;
	height:auto !important;
	height:132px;
	/*border-bottom: 1px solid #616262;*/

}
div.product-item img
{
	float: left;
	margin: 10px 0 0 0;
}
div.product-item p
{
	float: left;
	margin: 10px 0 0 10px;
	width: 206px;
}
div.product-item a.read-more-btn
{
	float: right;
	clear: both;
	padding: 5px 0 5px 0;
	display: inline;
}
div.landing-product-item
{
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 10px 0;
}
div.landing-product-item img
{
	float: left;
	margin: 10px 0 0 0;
}
div.landing-product-item p
{
	float: left;
	margin: 10px 0 0 15px;
	width: 200px;
	padding-bottom: 10px; 
	
}
div.landing-product-item p a
{
	margin: 0 0 4px 0;
	color: #98e8f9;
	font-size: 1.2em;
	display: block;
	line-height: 1.2em;
}
/* ==========================================================
	EXTRAS
========================================================== */
#extras
{
	float: right;
	display: inline;
	margin: 0;
	width: 344px;
}
#extras div.panel h2
{
	font-size: 1.3em;
	font-weight: bold;
	color: #FFF;
	text-transform: none;
	float: none;
	margin: 0.2em 0 0.3em 0;
	padding: 0.3em 0 0.3em 0;
	border-bottom: 1px solid #4c4d4d;
	border-top: 1px solid #4c4d4d;
}
#extras div.top h2 
{ 
	border-top: none; 
	padding-top: 0em;
}
#extras div.panel 
{
	margin: 5px 0 0 0;	
}

/* ==========================================================
	PRODUCT-INFO
========================================================== */
#product-info #btnPurchase { margin: 0 0 0 170px; }
div#product-detail
{
	overflow: auto;
	margin: 0 0 25px 0;
	padding: 0 0 5px 0;
	border-bottom:1px solid #4C4D4D;
}
/* ==========================================================
	3RD LEVEL NAVIGATION
========================================================== */
/*this is for top margin only on the news page*/
.news
{
	margin-top: 8px;
}
div.thumb-nav
{
	text-align: center;
	width: 100%;
	overflow: auto;
}

div.thumb-nav ul
{
	list-style-type: none;
	display: block;
	clear: both;
}
div.thumb-nav ul li
{
	float: left;
	display: inline;
	margin: 0 4px 4px 0;
	text-align: center;
	text-transform: none;
}
div.thumb-nav ul li a
{
	display: block;
	text-decoration: none;
	width: 78px;
	height: 78px;
}
div.thumb-nav ul li a img
{
	padding: 1px;
}
div.thumb-nav ul li a:link,
div.thumb-nav ul li a:visited
{
	background: transparent url(../images/sub-nav-link-box.gif) no-repeat left top;
}
div.thumb-nav ul li a:hover,
div.thumb-nav ul li a.current,
div.thumb-nav ul li a.current:link,
div.thumb-nav ul li a.current:visited,
div.thumb-nav ul li a.current:hover
{
	background: transparent url(../images/sub-nav-current-box.gif) no-repeat left top;
}
div.thumb-nav ul li a span
{
	padding: 6px;
	text-align: center;
}
div.thumb-nav ul li a:link span,
div.thumb-nav ul li a:visited span
{
	/*border: 1px solid #232425;*/
	color: #ADADAD;
	display: block;
	/*background: transparent url(../images/sub-nav-link-box.gif) no-repeat 0 0;*/
}
div.thumb-nav ul li a:hover span,
div.thumb-nav ul li a.current span,
div.thumb-nav ul li a.current:link span,
div.thumb-nav ul li a.current:visited span,
div.thumb-nav ul li a.current:hover span
{
	color: #fff;
}
div.dimensions ul li a span
{
	width: 55px;
	text-align: center;
}
/* admin stuff */
div.thumb-nav ul li div.edit-item a
{
	display: inline !important;
	margin: 0 0 1px 0;
	padding: 0;
	background-image: none;
	height: 1.5em;
}
/* ======================================
			ADD-ITEM
======================================
#extras .add-item
{
	float: left;
	margin: 5px 0;	
}
#extras .add-item a
{
	border: 0 !important;
	margin: 0 !important;	
	padding: 0 !important;
	background-color: transparent;
	width: 20px;
	height: 1.5em;
}
div.sub-navigation .add-item img
{
	border: 0 !important;
	padding: 0 !important;	
	margin: 0 !important;
}
div.sub-navigation .add-item a
{
	border: none;
	background-image: none;
} */
/* ======================================
			ADD-ELEMENT
======================================
div.sub-navigation .add-element
{
	border: 1px solid #DDD;
	background-color: #EEE;
	padding: 5px 0 0 0;
	clear: both;
	width: 0;
	height: 0;
}
div.sub-navigation .add-element a
{
	border: 0 !important;
	margin: 5px 0 5px 5px !important;	
	padding: 0 !important;
	background-color: transparent;	
}
div.sub-navigation .add-element img
{
	border: 0 !important;
	padding: 0 !important;	
	margin: 0 !important;
} */
/* ======================================
			ELEMENT
======================================
div.sub-navigation .element
{
	margin: 0 0 1.5em 0;
}
div.sub-navigation .element img
{
	margin: 1em 0;	
	border: 1px solid #666;
}
div.sub-navigation .edit-element
{
	border-top: 1px dashed #DDD;
	margin: 0;
	padding: 0.5em 0;	
	background-color: #FFF;
	float: left;
	clear: left;
}
div.sub-navigation .edit-element a,
div.sub-navigation .edit-element a:link,
div.sub-navigation .edit-element a:visited,
div.sub-navigation .edit-element a:hover
{
	border: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
}
div.sub-navigation .edit-element img
{
	border: 0 !important;
	margin: 0 0.5em 0 0;
	padding: 0;
}
div.sub-navigation .edit-element span
{
	display: none;	
} */
/* ======================================
			ITEM
======================================
div.sub-navigation .item
{
	margin: 0 0 0 0;
	border-top: 1px solid #FFF;
}
div.sub-navigation .portfolio-edit
{
	float: left;
	margin: 0 10px 10px 0;
}
div.sub-navigation .invisible
{
	color: #999;	
}
div.sub-navigation .invisible img
{
	border-color: #EEE;	
}
div.sub-navigation .edit-item span
{
	display: none;	
}
div.sub-navigation .item,
div.sub-navigation .edit-item
{
	margin: 0.5em 4px 1em 0;
	padding: 0.5em 0 0.5em 0;
	height: 1.5em;
	float: left;
	display: inline;
	text-align: center;
	width: 78px;
}
div.sub-navigation .edit-item a:link, div.sub-navigation .edit-item a:visited, div.sub-navigation .edit-item a:hover
{
	border: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-image: none;
	height: 5px;
	display: inline;
	
}


div.sub-navigation .edit-item img
{
	border: none;
	margin: 0 1px 0 0;
	padding: 0; 
	display: inline;
}
div.sub-navigation .invisible, div.sub-navigation .edit-item
{
	margin: 0;
	padding: 0.5em 0;	
}
div.sub-navigation .invisible a:link, div.sub-navigation .invisible a:visited
{
	color: #999;	
} */
/* ==========================================================
	SUB CONTENT
========================================================== */
#sub-content
{
	float: right;
	margin: 4px 20px 0 0;
	width: 322px;
	/*overflow-y: auto;
	overflow-x: hidden;*/
	display: inline;
}
#sub-content #ready-to-order
{
	float: right;
	margin: 1em 0 0 0;
}

/* ==========================================================
	FOOTER
========================================================== */
#footer
{
	float: left;
	position: relative;
	width: 972px;
	padding: 0 0 20px 0;
	margin: 15px 0 0 0;
	clear: both;
	display: inline;
	border-top: 1px solid #232425;
}

/* ==========================================================
	HYGIENE NAVIGATION
========================================================== */
#footer ul
{
	list-style: none;	
	float: left;
	margin-top: 0.2em;
}
#footer li
{
	margin: 0;
	display: inline;
}
#footer a
{
	text-decoration: none;
	padding: 0 3px 0 0;
	cursor: pointer;
	display: inline;

}
#footer li span
{
	padding: 0 2px 0 2px;
}
#footer a:link, #footer a:visited
{
	color: #ADADAD;
	text-decoration: none;
}
#footer a:hover, #footer a.current
{
	text-decoration: underline;
	color: #FFF;
}

#footer #copyright
{
	float: right;
	margin: 0.2em 0 0 0;
}
/* ==========================================================
	FLASH
========================================================== */
#flashcontent
{
	background-color: #000;
}
/* ==========================================================
	COVERINGS PAGE
==========================================================
#bottom-content-right select, #bottom-content-right textarea
{
	margin: 5px 0 0 0;
	width: 237px;
	border: none;
	display: inline;
}
#bottom-content-right textarea
{
	height: 60px;
}
#bottom-content-right input 
{
	width: 180px;
	padding: 0.2em 0 0.2em 3px;
	border: none;
	display: inline;
}
#bottom-content-right label
{
	padding-right: 10px;
}
#bottom-content-right h2
{
	font-size: 1em;
}
#bottom-content-right p.info
{
	font-size: 0.8em;
	margin-top: 5px;
}
 */
.news-content-panel

/* ==========================================================
	LATEST NEWS
========================================================== */
div#latest-news-div
{
	float: left;
	margin: 0;
	display: inline;
	width: 322px;
	height: 161px;
	border: 1px solid #232425;
}
div#latest-news-div img
{
	float: right;
	margin: 0;
	width: 163px;
	height: 161px;
	display: inline;
}
#latest-news-body
{
	float: left;
	margin: 5px 0 0 5px;
	width: 149px;
	display: inline;
}
#latest-news-body p
{
	margin: 0.3em 0 0 0;
}
#tusk-art
{
	float: left;
	margin: 0;
	display: inline;
	width: 322px;
	height: 161px;
	border: 1px solid #4c4d4d;
}
#tusk-art #tusk-art-logo
{
	float: right;
	margin: 13px 13px 0 0;
}
#tusk-art  #featured-item
{
	float: left;
	margin: 0;
}
/* ==========================================================
	NEWS PAGING DIV
========================================================== */
#news-paging
{
	float: left;
	margin: 0;
	display: inline;
	/*border: 1px solid #232425;*/
}
#news-paging span.paging-arrow
{
	background: transparent url(../images/paging-arrow-img.gif) no-repeat 0 0.4em;
	/*background-image: url(../images/paging-arrow-img.gif);
	background-repeat:no-repeat;
	background-position: right bottom;*/
	padding: 0.1em 5px 0.1em 5px;
}
/* ==========================================================
	PRODUCT TABLE
========================================================== */
#product-choices table
{
	margin: 0;
	width: 324px;
	display: inline;
}
#product-choices thead h3
{
	margin: 0;
	width: 324px;
	color: #fff;
	font-weight: bold;	
	padding: 0.3em 0 0.3em 0;
	border-top: 1px solid #4c4d4d;
	border-bottom: 1px solid #4c4d4d;
}
#product-choices thead h3 a
{
	text-transform: none;
}
#product-choices td
{
	padding: 0.1em 0 0.1em 0;
	border-bottom: 1px solid #4c4d4d;
}
#product-choices td a
{
	color:#ADADAD;
	cursor: pointer;
}
#product-choices td a:link, #product-choices td a:visited
{
	text-decoration: none;
}
#product-choices td a:hover
{
	text-decoration: underline;
}
#product-choices .column-one-width
{
	width: 160px;
}

#product-choices td.column-two-width
{
	width: 162px;
}
#product-choices tr
{
	display: block;
}
#product-choices tfoot td
{
	text-transform: none;
	color: #fff;
}
#product-choices tfoot td.total
{
	width: 162px;
	text-align: right;
}
.choose-your-colour
{
	float: right;
	margin: 0.5em 0 0 0;
	padding: 0 0.2em 0.2em 0;
	text-indent: -2000px;
	width: 113px;
	background: transparent url(../images/choose-your-colour-img.gif) no-repeat right bottom;
}
.choose-your-dimensions
{
	float: right;
	margin: 0.5em 0 0 0;
	padding: 0 0.2em 0.2em 0;
	/*text-indent: -2000px;*/
	/*width: 113px;*/
	
}
/* ==========================================================
	PRODUCT ORDER TABLE
========================================================== */
#processing
{
	margin: 0;
	float: left;
	width: 507px;
	display: inline;
	background-color: #fff;
	min-height: 430px;
	color: #000;
}
#processing div#order-header
{
	width: 507px;
	overflow: auto;
	margin-bottom: 40px;
}
#processing h3
{
	padding: 10px 0 0 37px;
}
#processing p
{
	padding: 10px 50px 0 37px;
}
#processing table
{
	margin: 0 0 0 37px;
	width: 437px;
}
#processing table a
{
	color: #000;
}
#processing td
{
	color: #000;
	padding:3px 2px;
	border-bottom: 1px solid #4c4d4d;
}
#processing th
{
	margin: 0;
	font-size: 1.8em;
	text-transform: none;
	color: #ADADAD;
	padding:3px 2px 10px 2px;
	border-bottom: 1px solid #4c4d4d;
}

#processing th.column-four, #processing td.column-four
{
	text-align: right;
	width: 20%;
}

#processing td.column-three 
{
	text-align: center;
}
#processing td.column-three a
{
	text-decoration: none;
}
#processing td.column-three a img
{
	padding: 0 0.3em;
}

#processing tfoot td
{
	color: #000;
	font-weight: bold;
}
#processing tfoot td.tfoot-column-one
{
	text-align: right;
	padding-right: 40px;
}
#processing tfoot td.tfoot-column-two
{
	text-align: right;
}
#processing h1
{
	float: left;
	margin: 30px 0 0 35px;
	width: 220px;
	display: inline;
}
#processing h2
{
	margin: 0 0 15px 36px;
	font-size: 1.2em;
}
#processing img#tusk-logo-black
{
	float: left;
	margin: 30px 0 0 105px;
	width: 106px;
	display: inline;
}
#processing #divBasket, #processing #divPersonalDetails,  #processing #divDelivery
{
	margin-bottom: 50px;
}
/* ==========================================================
	ORDER FORMS, (DELIVERY AND PERSONNEL DETAILS)
========================================================== */
#processing fieldset
{
	margin: 0 0 0 37px;
	width: 360px;
	display: block;
}
#processing #chkTerms
{
	margin-right: 10px;
}
#processing legend
{
	display: none;
}
#processing .form-element, #processing .check-box
{
	float: left;
	margin: 0 0 0.8em 0;
	width: 360px;
	display: inline;
}
#processing .check-box a
{
	color: #000;
}
#processing .form-element label
{
	float: left;
	margin: 0;
	width: 85px;
	padding: 3px 0 0 0;
	color: #000;
}
#processing .check-box label
{
	margin: 0 5px 0 0;
}
#processing .form-element input, #processing .form-element select, #processing .form-element textarea
{
	float: left;
	margin: 0;
	width: 230px;
	border: 1px solid #4c4d4d;
	background-color: #e8e9ea;
}
#processing .form-element input, #processing .form-element textarea
{
	padding: 0.1em;
}
#processing .form-element textarea
{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#processing #confirm-delivery-details-link
{
	float: left;
	margin: 0 0 0 234px;
	text-indent: -2000px;
	width: 122px;
	padding: 0.2em 0 0.2em 0;
	background: transparent url(../images/confirm-delivery.gif) no-repeat right bottom;
	display: inline;
}
#processing #multiple-addresses-link
{
	float: left;
	margin: 0.5em 0 0 222px;
	text-indent: -2000px;
	width: 134px;
	padding: 0.2em 0 0.2em 0;
	background: transparent url(../images/multiple-addresses.gif) no-repeat right bottom;
	display: inline;
}
#processing #confirm-personal-details-link
{
	float: left;
	margin: 0.5em 0 0 222px;
	text-indent: -2000px;
	width: 134px;
	padding: 0.2em 0 0.2em 0;
	background: transparent url(../images/confirm-personal-details.gif) no-repeat right bottom;
	display: inline;
}

div.order-summary
{
	float: left;
	margin: 10px 0 0 37px;
	width: 320px;
	clear: both;
	display: inline;
	background: transparent url(../images/form_grey-box-bottom.gif) no-repeat left bottom;
}
div.order-summary-inner
{	
	float: left;
	margin: 0;
	background: transparent url(../images/form_grey-box-top.gif) no-repeat left top;
	display: inline;
	width: 320px;
	padding-top: 7px;
}
div.order-summary h4
{
	margin: 5px 0 0.4em 10px;
}
div.order-summary p
{
	margin: 2px 0 10px 10px;
}
/* ==========================================================
	ORDER FORMS, (RECEIPT)
========================================================== */
#processing span.detail, #processing span.title, #processing span.item, #processing span.total, #processing span.subtotal
{
	display: block;
	clear: both;
}
#processing span.total, #processing span.subtotal
{
	font-weight: bold;
	padding-top: 3px;
}
#processing span.detail span.label, #processing span.subtotal span.label, #processing span.total span.label
{
	width: 150px;
	padding-top: 0;
}
#processing span.title
{
	font-weight: bold;
	padding: 5px 0px;
}
/* ==========================================================
	NEWS PAGE
========================================================== */
#news-content
{
	float:left;
	display: inline;
	margin: 4px 0pt 0pt;
	width: 507px;
}
div.news-content-panel
{
	float: left;
	display: inline;
	margin: 0 0 4px 0;
	width: auto;
	border: 1px solid #4c4d4d;
}
div.news-content-panel img
{
	float: left;
	padding-right: 10px;
	display: inline;
	margin: 0;
}
div.news-content-panel h3
{
	float: right;
	display: inline;
	margin: 10px 10px 0 0;
	width: 330px;
	text-transform: none;
}
div.news-content-panel p
{
	float: right;
	display: inline;
	clear: right;
	margin: 20px 10px 5px 0;
	width: 330px;
}
div.news-content-panel a
{
	float: right;
	display: inline;
	clear: right;
	margin: 10px 10px 5px 0;
	width: 330px;
}
div.news-content-panel div.edit-item
{
	clear: both;
	padding: 0.5em 0;
	
}
div.news-content-panel div.edit-item img
{
	padding: 0 0.1em;
}
/* ==========================================================
	SITEMAP
========================================================== */
#sitemap
{
	float: left;
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;	
}
#sitemap ul
{
	margin: 0;
	padding: 0;
	list-style: none;	
}
#sitemap li
{
	padding: 0.5em 0 0 0;
	margin: 0.4em 0;	
}
#sitemap ul ul
{
	margin: 0;	
}
#sitemap ul li
{
	background: url(../images/sitemap-bullet.gif) no-repeat 0 0.5em;
	padding: 0.5em 0 0 15px;	
}
#sitemap a:link, #sitemap a:visited 
{
	color: #ADADAD;
	text-decoration: none;	
}
#sitemap a:hover
{
	color: #FFF;
	text-decoration: underline;	
}
/* ==========================================================
	STYLES
========================================================== */
div.image-left { float: left; margin: 0 10px 5px 0; }
div.image-right { float: right; margin: 0 0 5px 5px; }
div.image-clear { clear: both; } 

/* ==========================================================
	PRODUCT OPTIONS
========================================================== */

#product-options div.inner
{
}
#product-options img 
{
}
a.back-button
{
	float: left;
	margin-top: 1em;
	display: inline;
}
a.next-button
{
	float: right;
	margin-top: 1em;
	display: inline;
}
#product-options
#product-options table
{
	float: left;
	margin-top: 0.5em;
	width: 100%;
	display: inline;
}
#product-options thead tr
{
	width: 100%;
	border-top: 1px solid #4c4d4d;
}
#product-options thead h3
{
	margin: 0;
	display: block;
	color: #fff;
	font-weight: bold;	
	padding: 0.3em 0 0.3em 0;
}
#product-options thead h3 a
{
	text-transform: none;
}
#product-options td
{
	height: 13px;
	width: 100%;
	padding: 0.1em 0 0.1em 0;
	border-bottom: 1px solid #4c4d4d;
}
#product-options td a
{
	color:#727679;
	cursor: pointer;
}
#product-options td a:link, #product-options td a:visited
{
	text-decoration: none;
}
#product-options td a:hover
{
	text-decoration: underline;
}
#product-options .column-one-width
{
	width: 184px;
}

#product-options td.column-two-width
{
	width: 160px;
	text-align: right;
	color: #fff;
}
#product-options tr
{
	display: block;
}
#product-options tfoot td
{
	
}
#product-options tfoot td.total
{
	/*width: 162px;*/
	color: #fff;
	text-align: right;
}
.choose-your-colour
{
	float: right;
	margin: 0.5em 0 0 0;
	padding: 0 0.2em 0.2em 0;
	text-indent: -2000px;
	width: 113px;
	background: transparent url(../images/choose-your-colour-img.gif) no-repeat right bottom;
}
.choose-your-dimensions
{
	float: right;
	margin: 0.5em 0 0 0;
	padding: 0 0.2em 0.2em 0;
	/*text-indent: -2000px;*/
	/*width: 113px;*/
	
}
/* ME ADDED */

/*Image gallery*/
ul#productImagesLarge
{
	float: left;
	/*width: 492;
	height: 492px;*/
}
ul#productImagesLarge li
{
	margin: 0;
	list-style: none;
}
/* ==========================================================
	PRODUCT OPTIONS
========================================================== */
span.option-description
{
	display:block;
}
div.option-selector
{
	margin: 5px 0;
	float: left;
	width: 100%;
}
.label
{
	width: 150px;
	display: block;
	float: left;
	padding-top: 2px;
}
span.radio
{
	display: block;
	float: left;
	text-align: center;
	margin-right: 9px;
	margin-bottom: 9px;
}
span.radio img
{
	width: 76px;
	height: 76px;
	margin: 0 0 10px 0;
}
span.radio input
{
	margin: 5px 0 0 0;
}
span.radio label
{
	display: block;
	clear: both;
	margin-bottom: 2px;
}
#pnlOptions select, #pnlOptions textarea
{
	width: 175px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
/* ==========================================================
	MESSAGE
========================================================== */
span.message
{
	display:block;
	border: solid 1px #fff;
	font-size: 1.1em;
	float: left;
	width: 322px;
	padding: 10px;
	margin-top: 5px;
}
/* ==========================================================
	PROCESS-NAV
========================================================== */
div#pnlSelections
{
	float:left;
	width: 100%;
}
div.process-nav
{
	margin-top: 5px;
	float:left;
	width: 100%;
}
input.next-button
{
	float: right;
}
input.back-button
{
	float: left;
}

div#search-results p
{
	margin: 1em 0;
}

/* ==========================================================
	FORM STYLES
========================================================== */
#main-content div#divForm 
{
	
	margin-bottom: 1em;
	overflow: auto;
}
#main-content div#divForm h1,
#main-content div#divForm h2,
#main-content div#divForm h3,
#main-content div#divForm h4,
#main-content div#divForm h5
{
	clear: both;
}

#main-content div#divForm fieldset
{
	clear: both;
}
#main-content div#divForm p
{
	float: left;
	font-family: Georgia, Arial,Helvetica,sans-serif;	
}
#divForm ul li
{
	font-size: 100%;
}
#divForm div.upload
{
	clear: both;
	margin-top: 0.5em;
}
#divForm div.upload input
{
	padding-left: 0.4em;
}
#divForm div.select
{
	clear: both;
	margin-top: 0.5em;
}
#divForm div.textarea
{
	clear: both;
	margin-top: 0.5em;
}

#divForm legend
{	
	display: none;
}
#content #divForm p
{
	margin: 0.5em 0;
	width: 100%;
	float: left;
}
#divForm h3
{
	margin-top: 1em;
}
/* email details */
#divForm div.email-details
{
	color: #CCC;	
}
#divForm label, #divForm  span.label
{
	margin: 0 0 0.2em 0;
	float: left;
	width: 132px;
	font-family: Georgia, Arial,Helvetica,sans-serif;
}
/* single lines */
#divForm div.textbox
{
	clear: both;
	margin-top: 0.5em;
}
#divForm div.textbox label
{
	width: 132px;
}

#divForm div.textbox input
{
	border: 1px solid #4c4d4d;
	background-color: #fff;
	margin: 0 0 0.6em 3px;
	width: 230px;
	padding: 0.1em 0 0.1em 0.3em;
	font-family: Georgia, Arial,Helvetica,sans-serif;
}
/* multi lines */
#divForm div.textarea
{
	clear: both;
	margin-bottom: 0.5em;	
}
#divForm div.textarea textarea
{
	border: 1px solid #4c4d4d;
	background-color: #fff;
	width: 230px;
	height: 100px;
	margin: 0 0 0.6em 3px;
	padding: 0.1em 0pt 0.1em 0.3em;
}
/* select */
#divForm div.select
{
	clear: both;
}
#divForm div.select label
{
	width: 132px;
}
#divForm div.select select
{
	border: 1px solid #4c4d4d;
	width: 235px;
	margin-top: 0.7em;
	margin: 0 0 0.6em 3px;
	padding: 0.1em 0 0.1em 0.3em;
}
/* radio buttons */
#divForm div.radio-buttons
{
	padding: 0.7em 0;
	clear: both;
	float: left;
	width: 280px;
	display: inline;
}
#divForm div.radio-buttons ul
{
	display: block;
	padding: 0.3em 0 0 0;
	margin: 0;
	background-image: none;
}
#divForm div.radio-buttons span.label
{
	float: left;
	display: inline;
	
}
#divForm div.radio-buttons li
{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	display: inline;
	background-image: none;
	list-style-type: none;
}
#divForm div.radio-buttons li label
{
	padding: 0.2em 0 0 0;
	float: left;
	width: 132px;
	padding: 0 0;
	font-size: 100%;
}
#divForm div.radio-buttons li input
{
	float: right;
	padding: 0;
	margin: 0;
	display: inline;
	text-align: left;
	width: 12px;
	margin: 0 132px 0 0;
}
/* check box */
#divForm div.checkbox
{
	margin: 1em 0 1em 0.3em;
	clear: both;
}
#divForm div.checkbox label
{
	display: inline;
	float: none;
	padding: 0 0 0 1em;	
}
#divForm div.checkbox input
{
	margin: 0;
	padding: 0;
	margin-left: -0.4em;
}
/* single lines */
#divForm div.upload input
{
	margin-top: 0.7em;
	border-width: 1px;
	width: 300px;
	margin: 0.4em 0 0.6em 3px;
	padding: 0.1em 0 0.1em 0.3em;
}
/* errors */
#divForm div.error 
{
	/*border: 2px solid #C00;
	background-color: #fae8e8;*/
	padding: 0;
}
#divForm div.error ul
{
	float: left;
	list-style: none;
}
#divForm div.error h2
{
	color: #ADADAD;	
	margin: 0 0 0.5em 0;
	font-weight: normal;
}
#divForm div.error a
{
	color: #C00;	
	font-weight: bold;
}
#divForm div.error ul
{
	list-style-type: decimal;
	padding: 0;	
	list-style-position: inside;
}
#divForm div.element-error
{
	color: #ADADAD;
	width: 370px;
	padding: 1em 0 1em 0 0;	
	border: 1px solid #4c4d4d;
}
#divForm div.element-error label
{
	float: left;
	padding: 0.3em 0 0 0.2em;
	display: inline;
	width: 128px;
}
#divForm div.element-error input
{
	padding: 0.3em 0 0 0;
}
#divForm div.element-error label em
{
	color: #cc0000;
}


#divForm div.email-details
{
	clear: both;
	margin: 1em 0;
}
#divForm div.edit-element
{
	clear: both;
	margin: 0.2em 0 0.4em 0;
}
#divForm div.buttons
{
	margin: 2em 0 0 0;
}
#divForm div.buttons input
{
	color: #ADADAD;
	border: none;
	background: transparent;
	font-family: Georgia, Arial,Helvetica,sans-serif;
	font-weight: bold;
}
/* ==========================================================
	TERMS AND CONDITIONS
========================================================== */
#terms-and-conditions
{
	float: left;
	margin: 0 15px 0 0;
}
#terms-and-conditions ul
{
	list-style-type: none;
	margin-left: 10px;	
	margin-bottom: 1em;
}
#terms-and-conditions ul li
{
	margin-left: 0px;	
	margin-top: 1em;
	list-style-type: none;
}
#terms-and-conditions li
{
	list-style-type: none;
}
#terms-and-conditions strong
{
	text-transform: none;
	padding-right: 0.6em;
}
/* ==========================================================
	JS SLIDESHOW
========================================================== */
ul#productImages {
	overflow:hidden;
	display:block;
	width:507px;
	height:324px;
}
ul#productImages,
ul#productImages li {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	display:block;
	width:507px;
	height:324px;
	float:left;	
}
ul#productImages li img {
	position:absolute;
	display:block;	
}
div#divPreview
{
	width:100%;
	height: 360px;
	/*text-align:center;*/
}
label 
{
	cursor:pointer;	
}
/* ==========================================================
	IMAGE SELECTOR IE FIX (APPLIES TO ALL BROWSERS)
========================================================== */

div.option-selector label,
div.option-selector label img{display:block;}
div.option-selector label {height:76px; width:76px;}
div.option-selector label img{margin:0 auto;}