/* Widget stuff */

div#widget-spacer {
	border: red dashed 1px;
	display: none;
	margin: 0 5px 10px 5px;
	line-height: 0px;
	font-size: 0px;
}

* html div#widget-spacer {
	margin-bottom: 1px;
	margin-top: 9px;
	position: relative;
	top: -9px;
}

div.widget {
	color: #fff;
	position: relative;
}

* html div.widget {
	position: static;	
}
 
div.widget div.content {
	margin: 0 5px 0 5px;
	/* min-height: 150px; */
	padding: 0 3px 0 3px;
	position: relative;
	overflow: hidden;
}

* html div.widget div.content {
	overflow:hidden;	
}

div.widget div.options-holder {
	position: relative;
	top: 0;
	left: 0;
	background: #d6d6d6;
	border: #797979 solid 0;
	border-width: 0 0 1px 0;
	overflow: hidden;
	display: none;
	height: 0;
	background: #eef0ef url(../ui/options.block.gradient.gif) top left repeat-x;
}

div.widget div.options-holder a.options-close-button {
	display: block;
	position: absolute;
	height: 9px;
	width: 7px;
	text-indent: -9999em;
	overflow: hidden;
	top: 5px;
	right: 5px; 
	background: url(../ui/widget.option.box.close.gif) top left no-repeat;	
}



div.widget div.options-holder div.options-holder-inner {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
}

div.widget div.options-holder div li {
	display: none;	
}
	
div.widget div.hook {
	height: 28px;
	margin: 0 5px 0 5px;
	background: #b41417 url(../ui/hook.background.gif) top left repeat-x;
	cursor: move;
	position: relative;
}

div.widget div.widget-bottom {
	height: 8px;
	background: url(../ui/bottom.background.gif) top left repeat-x;
	margin: 0 5px 10px 5px;
	border: #560606 solid 0;
	border-width: 0 1px 0 1px;
	position: relative;
}

div.widget div.widget-bottom span {
	position: absolute;
	right: 0;
	top: 0;
	width:1px;
	height: 8px;
	font-size: 1px;
	line-height: 1px;
}


div.widget div.hook h3 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, 'sans-serif';
	height: 20px;
	padding: 8px 0 0 7px;
	border: #560606 solid 0;
	border-width: 0 0 0 1px;
	margin: 0;
}

a.kill-widget {
	position: absolute;
	width: 21px;
	height: 28px;
	line-height: 1px;
	text-indent: -999em;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: pointer;
	background: url(../ui/hook.close.gif) top left no-repeat;
}

* html a.kill-widget {
	right:-1px;	
}

a.kill-widget:hover {
	background-position: 0 -28px;	
}

a.widget-menu-button {
	position: absolute;
	width: 19px;
	height: 28px;
	line-height: 1px;
	text-indent: -999em;
	overflow: hidden;
	top: 0;
	right: 41px;
	cursor: pointer;
	background: url(../ui/hook.options.gif) top left no-repeat;
}

* html a.widget-menu-button {
	right: 40px;	
}

a.widget-menu-button:hover {
	background-position: 0 -28px;	
}



a.minimise-widget {
	position: absolute;
	width: 20px;
	height: 28px;
	line-height: 1px;
	text-indent: -999em;
	overflow: hidden;
	top: 0;
	right: 21px;
	cursor: pointer;
	background: url(../ui/hook.minimise.gif) top left no-repeat;
}

* html a.minimise-widget {
	right:20px;	
}

a.minimise-widget:hover {
	background-position: 0 -28px;	
}


div.widget div.stage {
	position: relative !important;
	overflow: hidden !important;
	/* width: 100%; */
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	background: #000 url(../ui/holder.left.background.gif) top left repeat-y;
}

div.widget div.stage div.stage-inner {
	padding: 10px;
	background: url(../ui/holder.right.background.gif) top right repeat-y;
}

* html div.widget div.stage div.stage-inner {
	position: relative;
}

span.ie-content-bug {
	display: none;	
}

* html span.ie-content-bug {
	font-size: 1px;
	line-height: 1px;
	display: block;	
}

span.ie-divider-bug {
	display: none;	
}

* html span.ie-content-bug {
	font-size: 0;
	line-height: 0;
	height: 0;
	display: block;	
}

div.widget div.top-shadow {
	width: 500px;
	height: 5px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../ui/widget.top.shadow.png) top left repeat-x;
	font-size: 1px;
	line-height: 1px;
}

* html div.widget div.top-shadow {
	/* visibility: hidden; */
	width: 100%;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/ui/widget.top.shadow.png", sizingMethod="scale");
}



div.widget div.option-menu {
	width: 108px;
	position: absolute;
	right: 3px;
	top: 0;
	font-size:0;
	line-height: 0;
	display: none;
	/* overflow: hidden; */
}

* html div.widget div.option-menu {
	overflow: hidden;	
}

div.widget div.option-menu div {
	width: 108px;
	background: url(../ui/widget.menu.shadow.png) bottom left no-repeat;
	position: absolute;
	top: 0;
	left:0;
}

* html div.widget div.option-menu div {
	background: url(../ui/widget.menu.shadow.gif) bottom left no-repeat;
}

* html div.widget div.option-menu {
	right: 13px;	
} 

div.widget div.option-menu ul {
	display: block;
	padding: 5px;
	background: #fff;
	margin: 0 0 8px 8px;
}

div.widget div.option-menu ul li {
	line-height:11px;
	font-size: 11px;
	display: inline;	
}

div.widget div.option-menu ul li a {
	display: block;
	font-family: Arial, 'sans-serif';
	font-size: 11px;
	color: #860904;
	display: block;
	padding: 0 0 6px 5px;
	text-decoration: none;
	margin: 0 0 5px 0;
	background: url(../ui/widget.option.menu.border.gif) bottom left repeat-x;
}

div.widget div.option-menu ul li a.last {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}

* html div.widget div.option-menu ul li a.last {
	/* padding-bottom: 5px; */	
}

div#size-tester {
	position: absolute;
	width: 100px;
	height: 1000px;	
	left:-999999px;
	top: -99999px;
}

div#size-tester p {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 5px;	
}

div.options-holder {
	font-family: Arial, 'sans-serif';
	color: #000;
}

div.options-holder h4 {
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 6px;
}

div.options-holder p {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 5px;	
}

div.options-holder label {
	font-size: 12px;
	line-height: 16px;	
	font-weight: bold;
}

div.options-holder div.options-divider {
	font-size: 1px;
	line-height: 1px;
	margin: 9px 0 9px 0;
	height: 1px;
	background: url(../ui/dotted.divider.dgrey.gif) top left repeat-x;	
}

/* Colour chooser styles */

div.widget-colour-chooser h5 {
	margin-bottom: 5px;
	font-size: 16px;
}

div.widget-colour-chooser div.inkwell {
	height: 26px;
	width: 26px;
	float: left;
	font-size: 1px;
	line-height: 1px;
	margin: 5px 0 5px 0;
	cursor: pointer;
}

div.widget-colour-chooser div.inkwell-red {
	background: #ad1f23 url(../ui/inkwell.red.gif) top left no-repeat;
}										

div.widget-colour-chooser div.inkwell-blue {
	background-color: #0072bc;
}										

div.widget-colour-chooser div.inkwell-lgreen {
	background: #009278 url(../ui/inkwell.lgreen.gif) top left repeat-x;
}										

div.widget-colour-chooser div.inkwell-grey {
	background: #99aab8 url(../ui/inkwell.grey.gif) top left repeat-x;
}										

div.widget-colour-chooser div.inkwell-green {
	background: #0b5c3a url(../ui/inkwell.green.gif) top left repeat-x;
}										

div.widget-colour-chooser div.inkwell-orange {
	background: #db6026 url(../ui/inkwell.orange.gif) top left repeat-x;
}										

div.widget-colour-chooser div.inkwell-purple {
	background: #29275d url(../ui/inkwell.purple.gif) top left repeat-x;
}										

/* RED WIDGET STUFF*/
/**********************************************/
div.widget .widget-colour {
	color: #860904 !important;
}

/* BLUE WIDGET STUFF*/
/**********************************************/
div.widget-blue .widget-colour {
	color: #0072bc !important;
}

div.widget-blue .widget-colour-light {
	color: #66aad7 !important;
}

div.widget-blue .widget-border-colour-light {
	border-color: #66aad7 !important;
}

div.widget-blue .widget-background-colour {
	background-color: #0072bc !important;
}

div.widget-blue .widget-background-colour-light {
	background-color: #66aad7 !important;
}

div.widget-blue .widget-background-colour-dark {
	background-color: #004471 !important;
}

div.widget-blue div.hook {
	background-image: url(../ui/blue.hook.background.gif) !important;
	background-color: #0072bc;
}

div.widget-blue div.widget-bottom {
	background-image: url(../ui/blue.bottom.background.gif) !important;
}

div.widget-blue div.hook a.kill-widget {
	background-image: url(../ui/blue.hook.close.gif) !important;
}

div.widget-blue a.widget-menu-button {
	background-image: url(../ui/blue.hook.options.gif) !important;
}

div.widget-blue a.minimise-widget {
	background-image: url(../ui/blue.hook.minimise.gif) !important;
}

div.widget-blue div.stage {
	background-image: url(../ui/blue.holder.left.background.gif) !important;
}

div.widget-blue div.stage div.stage-inner {
	background-image: url(../ui/blue.holder.right.background.gif) !important;
}


/* LIGHT GREEN WIDGET STUFF*/
/**********************************************/
div.widget-lgreen .widget-colour {
	color: #009278 !important;
}

div.widget-lgreen .widget-colour-light {
	color: #80c9bc !important;
}

div.widget-lgreen .widget-border-colour-light {
	border-color: #80c9bc !important;
}

div.widget-lgreen .widget-background-colour {
	background-color: #009278 !important;
}

div.widget-lgreen .widget-background-colour-light {
	background-color: #80c9bc !important;
}

div.widget-lgreen .widget-background-colour-dark {
	background-color: #00493c !important;
}

div.widget-lgreen div.hook {
	background-image: url(../ui/lgreen.hook.background.gif) !important;
	background-color: #009278;
}

div.widget-lgreen div.widget-bottom {
	background-image: url(../ui/lgreen.bottom.background.gif) !important;
}

div.widget-lgreen div.hook a.kill-widget {
	background-image: url(../ui/lgreen.hook.close.gif) !important;
}

div.widget-lgreen a.widget-menu-button {
	background-image: url(../ui/lgreen.hook.options.gif) !important;
}

div.widget-lgreen a.minimise-widget {
	background-image: url(../ui/lgreen.hook.minimise.gif) !important;
}

div.widget-lgreen div.stage {
	background-image: url(../ui/lgreen.holder.left.background.gif) !important;
}

div.widget-lgreen div.stage div.stage-inner {
	background-image: url(../ui/lgreen.holder.right.background.gif) !important;
}

div.widget-lgreen div.hook h3 {
	border-color: #044e41;
} 

div.widget-lgreen div.widget-bottom {
	border-color: #044e41;	
}


/* GREEN WIDGET STUFF*/
/**********************************************/
div.widget-green .widget-colour {
	color: #0b5c3a !important;
}

div.widget-green .widget-colour-light {
	color: #85ae9d !important;
}

div.widget-green .widget-border-colour-light {
	border-color: #85ae9d !important;
}

div.widget-green .widget-background-colour {
	background-color: #0b5c3a !important;
}

div.widget-green .widget-background-colour-light {
	background-color: #66aa86 !important;
}

div.widget-green .widget-background-colour-dark {
	background-color: #052e1d !important;
}

div.widget-green div.hook {
	background-image: url(../ui/green.hook.background.gif) !important;
	background-color: #0b5c3a;
}

div.widget-green div.widget-bottom {
	background-image: url(../ui/green.bottom.background.gif) !important;
}

div.widget-green div.hook a.kill-widget {
	background-image: url(../ui/green.hook.close.gif) !important;
}

div.widget-green a.widget-menu-button {
	background-image: url(../ui/green.hook.options.gif) !important;
}

div.widget-green a.minimise-widget {
	background-image: url(../ui/green.hook.minimise.gif) !important;
}

div.widget-green div.stage {
	background-image: url(../ui/green.holder.left.background.gif) !important;
}

div.widget-green div.stage div.stage-inner {
	background-image: url(../ui/green.holder.right.background.gif) !important;
}

div.widget-green div.hook h3 {
	border-color: #003527;
} 

div.widget-green div.widget-bottom {
	border-color: #003527;	
}



/* GREY WIDGET STUFF*/
/**********************************************/

div.widget-grey .widget-colour {
	color: #99aab8 !important;
}

div.widget-grey .widget-colour-light {
	color: #ccd5dc !important;
}

div.widget-grey .widget-border-colour-light {
	border-color: #ccd5dc !important;
}

div.widget-grey .widget-background-colour {
	background-color: #99aab8 !important;
}

div.widget-grey .widget-background-colour-light {
	background-color: #ccd5dc !important;
}

div.widget-grey .widget-background-colour-dark {
	background-color: #4c555c !important;
}

div.widget-grey div.hook {
	background-image: url(../ui/grey.hook.background.gif) !important;
	background-color: #99aab8;
}

div.widget-grey div.widget-bottom {
	background-image: url(../ui/grey.bottom.background.gif) !important;
}

div.widget-grey div.hook a.kill-widget {
	background-image: url(../ui/grey.hook.close.gif) !important;
}

div.widget-grey a.widget-menu-button {
	background-image: url(../ui/grey.hook.options.gif) !important;
}

div.widget-grey a.minimise-widget {
	background-image: url(../ui/grey.hook.minimise.gif) !important;
}

div.widget-grey div.stage {
	background-image: url(../ui/grey.holder.left.background.gif) !important;
}

div.widget-grey div.stage div.stage-inner {
	background-image: url(../ui/grey.holder.right.background.gif) !important;
}

div.widget-grey div.hook h3 {
	border-color: #6c6e89;
} 

div.widget-grey div.widget-bottom {
	border-color: #6c6e89;	
}

/* PURPLE WIDGET STUFF*/
/**********************************************/
div.widget-purple .widget-colour {
	color: #29275c !important;
}

div.widget-purple .widget-colour-light {
	color: #9493ae !important;
}

div.widget-purple .widget-border-colour-light {
	border-color: #9493ae !important;
}

div.widget-purple .widget-background-colour {
	background-color: #29275c !important;
}

div.widget-purple .widget-background-colour-light {
	background-color: #9493ae !important;
}

div.widget-purple .widget-background-colour-dark {
	background-color: #14132e !important;
}

div.widget-purple div.hook {
	background-image: url(../ui/purple.hook.background.gif) !important;
	background-color: #29275c;
}

div.widget-purple div.widget-bottom {
	background-image: url(../ui/purple.bottom.background.gif) !important;
}

div.widget-purple div.hook a.kill-widget {
	background-image: url(../ui/purple.hook.close.gif) !important;
}

div.widget-purple a.widget-menu-button {
	background-image: url(../ui/purple.hook.options.gif) !important;
}

div.widget-purple a.minimise-widget {
	background-image: url(../ui/purple.hook.minimise.gif) !important;
}

div.widget-purple div.stage {
	background-image: url(../ui/purple.holder.left.background.gif) !important;
}

div.widget-purple div.stage div.stage-inner {
	background-image: url(../ui/purple.holder.right.background.gif) !important;
}

div.widget-purple div.hook h3 {
	border-color: #262450;
} 

div.widget-purple div.widget-bottom {
	border-color: #262450;	
}


/* ORANGE WIDGET STUFF*/
/**********************************************/
div.widget-orange .widget-colour {
	color: #db6026 !important;
}

div.widget-orange .widget-colour-light {
	color: #edb093 !important;
}

div.widget-orange .widget-border-colour-light {
	border-color: #edb093 !important;
}

div.widget-orange .widget-background-colour {
	background-color: #db6026 !important;
}

div.widget-orange .widget-background-colour-light {
	background-color: #edb093 !important;
}

div.widget-orange .widget-background-colour-dark {
	background-color: #6e3013 !important;
}

div.widget-orange div.hook {
	background-image: url(../ui/orange.hook.background.gif) !important;
	background-color: #db6026;
}

div.widget-orange div.widget-bottom {
	background-image: url(../ui/orange.bottom.background.gif) !important;
}

div.widget-orange div.hook a.kill-widget {
	background-image: url(../ui/orange.hook.close.gif) !important;
}

div.widget-orange a.widget-menu-button {
	background-image: url(../ui/orange.hook.options.gif) !important;
}

div.widget-orange a.minimise-widget {
	background-image: url(../ui/orange.hook.minimise.gif) !important;
}

div.widget-orange div.stage {
	background-image: url(../ui/orange.holder.left.background.gif) !important;
}

div.widget-orange div.stage div.stage-inner {
	background-image: url(../ui/orange.holder.right.background.gif) !important;
}

div.widget-orange div.hook h3 {
	border-color: #a73719;
} 

div.widget-orange div.widget-bottom {
	border-color: #a73719;	
}


div.widget-ajax-loader {
	position: absolute;
	width: 220px;
	top: 80px;
}

div.widget-ajax-loader h5 {
	margin: 0 0 3px 5px;
	font-family: Arial, 'sans-serif';
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

div.widget-ajax-loader img {
	display: block;
	width: 220px;
	height: 19px;	
}

div.stage-inner-inner {
	padding-top: 1px;	
}

* html div.stage-inner-inner {
	position: relative;
	width: 100%;
}

div.more-info-holder a {
	padding-right: 20px !important;	
}

div.widget span.minimise-function {
	display: none;	
}

div.widget span.unminimise-function {
	display: none;	
}

div.widget span.drag-function {
	display: none;	
}

div.widget span.drop-function {
	display: none;	
}

div.widget span.kill-function {
	display: none;	
}

div.widget-error-message {
	position: absolute;
	width: 220px;
	top: 80px;
	background: #fff;
	border: #b91418 solid 4px;
	font-family: Arial, 'sans-serif';
	padding-bottom: 5px;
}

div.widget-error-message h5 {
	margin: 5px;
	font-size: 16px;
	text-transform: uppercase;
	color: #b91418;
}

div.widget-error-message p.widget-error-message {
	display: block;
	font-size: 12px;
	color: #555 !important;
	margin: 5px;
	line-height: 14px;
}

div.widget-error-message a.close-message {
	position: absolute;
	width: 10px;
	height: 10px;
	font-family: Arial, 'sans-serif';
	font-size: 10px;
	right: 3px;
	top: 3px;
	cursor: pointer;
	color: #333;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
}

div.widget-error-message a.login-error-login {
	color: #333 !important;
}

div.widget-error-message a.login-error-signup {
	color: #333 !important;
	margin-left: 5px;
}

div.widget-error-message div.login-error-options {
	padding-top: 6px;
	background: url(../ui/dotted.divider.dgrey.gif) top left repeat-x;
	margin: 0 5px 0 5px;	
}

span.widget-info-id, span.widget-info-position, span.widget-info-type, span.widget-info-colour, span.widget-info-setting {
	display: none;	
}


textarea.embed-text-holder {
	width: 100%;
	height: 100px;
}




div.product-promotion-widget-holder {
	position: relative;
	overflow: hidden !important;
	/* width: 100%; */
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	background: #fff url(../ui/video-widget/holder.left.background.gif) top left repeat-y !important;
}

div.product-promotion-widget-holder div.promotion-gallery-holder {
	overflow: hidden !important;
	position: relative;
}

* html div.product-promotion-widget-holder div.promotion-gallery-holder {
	width: 100%;	
}


div.product-promotion-widget-holder div.stage-inner {
	padding: 0 2px 0 2px !important;
}

div.product-promotion-widget-holder div.promotion-gallery-holder img.promotion-gallery-main-image {
	display: block;	
	width: 100%;
	position: relative;
	margin: 0;
	border: 0;
	padding: 0;
}


div.product-promotion-widget-holder div.promotion-gallery-holder div.main-promotion-product, div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion {
	width: 100%;
	position: relative;
	background: #000;
	font-family: Arial, 'sans-serif';
	overflow: hidden;
}


div.product-promotion-widget-holder div.promotion-gallery-holder div.main-promotion-product h4, div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion h4 {
	margin: 1px 0 0 0;
	font-size: 16px;
	line-height: 18px;
	min-width: 300px;
	height: 18px;
	overflow: hidden;
	padding: 0 0 0 0;
	color: #70bf54;
}

* html div.product-promotion-widget-holder div.promotion-gallery-holder div.main-promotion-product h4, * html div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion h4 {
	width: 300px;
}

div.product-promotion-widget-holder div.promotion-gallery-holder div.main-promotion-product h5, div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion h5 {
	font-size: 11px;
	height: 11px;
	overflow: hidden;
	color: #404040;
	font-weight: bold;
	margin: 0 0 0 0;
}

div.product-promotion-widget-holder div.promotion-gallery-holder div.main-promotion-product h6, div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion h6 {
	color: #aaa;
	height: 26px;
	color: #999999;
	font-size: 12px;
	margin: 2px 0 0 0;
}

div.product-promotion-widget-holder div.main-promotion-product p, div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion p {
	margin: 10px 0 0 0;
	font-size: 12px;
	line-height: 14px;
	height: 70px;
	min-width: 200px;
	display: none;
}

* html div.product-promotion-widget-holder div.promotion-gallery-holder div.main-promotion-product p, * html div.promotion-gallery-stage div.product-promotion p {
	/* width: 200px; */
	overflow: hidden;
	width: 100%;
	display: none;	
}

div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion span.product-image-src {
	display: none;	
}

div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion span {
	display: none;	
}

div.product-promotion-widget-holder div.promotion-gallery-holder div.promotion-gallery-stage {
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
}


div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion {
	width: 100%;
}

div.product-promotion-widget-holder div.promotion-gallery-holder div.promotion-gallery-stage img {
	width: 100%;
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}

div.product-promotion-widget-holder p.current-product-number {
	margin: 5px 8px 0 8px;
	font-family: Arial, 'sans-serif';
	font-size: 12px;
	background: url(../ui/dotted.divider.grey.gif) top left repeat-x;
	padding: 10px 0 8px 0;
	color: #860904;
}

div.product-promotion-widget-holder div.white-block, div.product-promotion-widget-holder div.main-white-block {
	background: #fff;
	padding: 10px 10px 45px 10px;	
}

* html div.product-promotion-widget-holder div.white-block, * html div.product-promotion-widget-holder div.main-white-block {
    padding-bottom: 46px;
}

div.product-promotion-widget-holder div.hold-graphic {
	height: 11px;
	width: 105px;
	margin: 5px 0 0 0;
	line-height: 1px;
	font-size: 1px;
	background: url(../ui/product-selector/hold.twirl.2.jpg) top left no-repeat;
	border-style: solid;
	border-color: #fff;
	border-width: 0 0 20px 0;
}

div.product-promotion-widget-holder a.more {
	display: block !important;
	float: right;
	margin: -20px 10px 0 0;
	text-align: right;
	width: 100px;
	height: 13px;
	background: url(../ui/video-widget/video.more.graphic.gif) center right no-repeat;
	color: #999; 
	padding-right: 20px;
	font-size: 12px;
	text-decoration: none;
	text-align: right;
	font-family: Arial, sans-serif;
}