/* Specifics for HOTTERdog public skin */

html,body,td,th,input,button,textarea,select,option,.button,.cwcms,.cwcms td,.cwcms th,.cwcms input,.cwcms button,.cwcms textarea,.cwcms select,.cwcms option,.cwcms p,.cwcms div,.cwcms .form .label,.cwcms .form .control,.cwcms .form .subLabel,.cwcms .form .subControl,.cwcms .checkbox .subLabel
{
   font-family:'Rubik',sans-serif;
}

.cwcms .header
{
	border-bottom:1px solid #d0d0d0;
}

/* Flashes */

.flash.normal
{
	background-color:#f9e178;
	color:#444444;
}

.flash.critical
{
	background-color:#ed1c24;
	color:white;
}

.flash.critical a:not(.button):not(.lightbox):not(.icon),.flash.critical a:not(.button):not(.lightbox):not(.icon):hover
{
	border-bottom:1px dotted white;
	color:white !important;
}

.flashes .flash.normal
{
	border-bottom:1px solid black;
}

.flashes .flash.critical
{
	border-bottom:1px solid #911116;
}

/* Header */

#header
{
	background-color:#f7d43d;
	background-image:url('/images/skins/hotterdog/header.png?version=20190815-1054');
	background-repeat:repeat-x;
}

#header .left
{
	float:left;
}

#header .right
{
	float:right;
	text-align:right;
}

#header .overlay
{
	background-image:url('/images/skins/hotterdog/overlay.png?version=20190815-1054');
	background-position:right top;
	background-repeat:no-repeat;
	min-height:132px;
}

#header .logo
{
	padding:20px 30px 5px 30px;
}

#header .logoTagLine
{
	padding:0px 30px;
	height:36px;
}

#header .tagLine
{
	padding:10px 30px;
}

#header .logoTagLine,#header .tagLine
{
	font-size:10pt;
}

/* Navigation */

.navigation > ul > li
{
	font-size:14pt;
}

.navigation > ul > li:not(:last-child)
{
	margin-right:30px;
}

.navigation > ul > li > a > .arrow
{
	padding-left:3px;
}

.navigation > ul > li > ul
{
	margin-left:-16px;
	margin-right:20px;
	padding-bottom:10px;
	border-radius:5px;
}

.navigation > ul > li > ul > li
{
	font-size:11pt;
	padding-top:10px;
}

.navigation > ul > li > ul > li > a,.navigation > ul > li > ul > li > ul > li > a
{
	margin:0px 15px;
}

.navigation > ul > li > ul > li > ul > li
{
	font-size:10pt;
	margin:4px 0px;
}

.navigation > ul > li > ul > li > ul > li:last-child
{
	margin-bottom:0px !important;
}

.navigation > ul > li > ul > li > .rule
{
	height:1px;
	margin:2px 0px 1px 15px;
	overflow:hidden;
}

.navigation > ul > li > ul > li > ul > li > a > .arrow
{
	padding-right:2px;
}

.navigation li.active > a
{
	font-weight:400;
}

#navigation
{
	clear:left;
	padding:15px 30px 10px 30px;
	border-bottom:1px solid #d0d0d0;
}

#navigation button,#navigation .button
{
	white-space:nowrap;
}

#navigation .basket
{
	display:block;
	padding-left:43px;
	min-height:32px;
	background-image:url('/images/skins/hotterdog/basket.png?version=20190815-1054');
	background-repeat:no-repeat;
}

#navigation .basket,#navigation .member,#navigation .chat
{
	font-size:10pt;
	line-height:12pt;
	text-align:left;
}

#navigation .boxes .box.top,#navigation .boxes .box.middle,#navigation .boxes .box.baseline,#navigation .boxes .box.bottom
{
	margin:0px 30px 10px 0px;
}

#navigation #searchKeywords
{
	width:150px;
}

#navigation > ul
{
	margin-bottom:5px;
}

#navigation > ul > li
{
	margin-bottom:10px;
}

/* Event log */

#eventLog
{
	border-bottom:1px solid #d0d0d0;
}

/* Home page */

#homePage .flexBoxes
{
	margin:0px -30px -10px 0px;
}

#homePage .intro
{
	flex-basis:420px;
}

#homePage .feature
{
	width:210px;
}

#homePage .intro,#homePage .feature
{
	margin:0px 30px 10px 0px;
}

/* Colours */

body.default
{
	background-color:white;
	color:black;
}

h1,h2,h3,h4,h5,h6,a,.accented,.breadcrumbs,.breadcrumbs a,.navigation li.active > a,#ecommerceCheckoutPage .active
{
	color:#ed1c24;
}

th,button.default,a.default
{
	color:black;
}

#header
{
	color:white;
}

#navigation,#eventLog,#footer,#ecommerceCheckoutPage .progress
{
	background-color:#ededed;
}

#header a:hover:not(.button),#navigation a:hover:not(.button),#footer a:hover:not(.button),#copyright a:hover:not(.button)
{
	color:#ed6468;
}

.navigation > ul > li > ul
{
	background-color:#ededed;
	border:1px solid #d0d0d0;
	box-shadow:0px 0px 2px 1px #d0d0d0;
}

#header .tagLine,#navigation,#navigation a:not(.button),#footer,#footer a:not(.button),#copyright,#copyright a:not(.button),#membersHomePage .icon
{
	color:#444444;
}

.flashes .button:not(.default),#navigation button:not(.default),#navigation .button:not(.default),#content button:not(.default),#content .button:not(.default),#footer button:not(.default),#footer .button:not(.default)
{
	border:1px solid #444444;
}

.flashes .button:not(.default),#navigation button:not(.default),#navigation .button:not(.default),#content button:not(.default),#content .button:not(.default),#footer button:not(.default),#footer .button:not(.default)
{
	background-color:#dcdcdc;
	color:#444444;
}

.flashes .button:hover,div.checkboxes.buttonised div.checkbox:hover,div.checkbox.buttonised:hover,#navigation input:hover:not(:disabled),#navigation input.text:hover:not(:read-only),#navigation input.search:hover,#navigation textarea.text:hover:not(:read-only),#navigation select:hover:not(:disabled),#navigation button:hover:not(:disabled),#navigation .button:hover,#content input:hover:not(:disabled),#content input.text:hover:not(:read-only),#content input.search:hover,#content textarea.text:hover:not(:read-only),#content select:hover:not(:disabled),#content button:hover:not(:disabled),#content .button:hover,#content .cwcmsEditor.embedded:hover,#footer input:hover:not(:disabled),#footer input.text:hover:not(:read-only),#footer input.search:hover,#footer textarea.text:hover:not(:read-only),#footer select:hover:not(:disabled),#footer button:hover:not(:disabled),#footer .button:hover
{
	box-shadow:0px 0px 2px 1px #d0d0d0;
}

.flashes .button:not(.default):hover,div.checkboxes.buttonised div.checkbox.checked,div.checkbox.buttonised.checked,#navigation button:not(:disabled):not(.default):hover,#navigation .button:not(.default):hover,#content button:not(:disabled):not(.default):hover,#content .button:not(.default):hover,#footer button:not(:disabled):not(.default):hover,#footer .button:not(.default):hover
{
	background-color:#ececec;
}

div.checkboxes.buttonised div.checkbox,div.checkbox.buttonised,#navigation input.text,#navigation input.search,#navigation textarea.text,#content input.text,#content input.search,#content textarea.text,#content .listBox,#content .cwcmsEditor.embedded,#footer input.text,#footer input.search,#footer textarea.text
{
	border:1px solid #d0d0d0;
	background-color:white;
}

#footer,#ecommerceCheckoutPage .progress
{
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
}

#copyright .cwcmsLogin a
{
	color:#cccccc;
}

#content table
{
	border-top:1px solid #d0d0d0;
}

#content table tr:not(.noBorder) th:not(.noBorder),#content table tr:not(.noBorder) td:not(.noBorder),#content table tr.noBorder td.border,#content table tr.noBorder th.border,#content .listBox .item:not(:last-child)
{
	border-bottom:1px solid #d0d0d0;
}

#content .fullWidth thead,#content .fullWidth tbody.thead,#content .fullWidth tfoot,#content .fullWidth tbody.tfoot,#content .listBox .item:hover
{
	background-color:#f9f9f9;
}

.rule
{
	border-top:1px solid #d0d0d0;
}

.panel
{
	background-color:#ededed;
	border:1px solid #d0d0d0;
}

.speechBubbleLeft,.speechBubbleRight,.chat > .message > .content
{
	background-color:#d0d0d0;
}

.speechBubbleLeft:after,.speechBubbleRight:after
{
	border-color:#d0d0d0 transparent;
}

input.required,textarea.required,tr.required input.text,td.required input.text,tr.required textarea.text,td.required textarea.text
{
	border-color:black !important;
}

input.text[readonly],textarea.text[readonly]
{
	border-color:#d0d0d0 !important;
	background-color:#efefe5 !important;
}

input.error,textarea.error,tr.error input.text,td.error input.text,tr.error textarea,td.error textarea,div.error input.text,div.error textarea
{
	border:1px solid #ed1c24 !important;
	background-color:#f8e6ea !important;
}

input.information,textarea.information,tr.information input.text,td.information input.text,tr.information textarea,td.information textarea,div.information input.text,div.information textarea
{
	background-color:#e5edf6 !important;
	border:1px solid #005dba !important;
}

button.default,a.default,div.checkboxes.buttonised div.checkbox.checked,div.checkbox.buttonised.checked
{
	border:1px solid black;
}

button.default,a.default
{
	background-color:#f9e178;
}

button.default:hover,a.default:hover
{
	background-color:#fed471;
}

div.checkboxes.buttonised div.checkbox.checked,div.checkbox.buttonised.checked
{
	border-color:black;
	box-shadow:0px 0px 4px 2px black;
}

.light
{
	color:#666666;
}

.lighter,.close,#content table.form label:not(.checkbox),#content p label,#content table:not(.form) label:not(.checkbox),#ecommerceCheckoutPage .progress
{
	color:#888888;
}

.cross
{
	color:#bbbbbb;
}

label.required,tr.required label,td.required label
{
	color:black !important;
}

input:read-only,textarea:read-only
{
	background-color:#eeeeee !important;
}

.error:not(.cwcmsEditor),.alarm,.negative,.eventLog .error a,.eventLog .alarm a,tr.error td,tr.error label,tr.error select,td.error,td.error label,td.error select,.notice,tr.notice td,td.notice,td.notice label,div.error select
{
	color:#ed1c24 !important;
}

.information,.eventLog .information,.eventLog .information a,tr.information td,tr.information label,tr.information select,td.information,td.error label,td.information select
{
	color:#005dba !important;
}

.tick:not(.negative),.positive,.eventLog .message,.eventLog .message a
{
	color:#519019 !important;
}

.video:not(.floatLeft):not(.floatRight)
{
	color:white;
	background-color:black;
}

@keyframes blinkButton
{
	50%
	{
		background-color:grey;
	}
}

#chatPage #chatRespond .activityIndicator:not(.default)
{
	animation:1s blinkButton infinite;
}

@keyframes blinkButtonDefault
{
	50%
	{
		background-color:#fcedca;
	}
}

#chatPage #chatRespond .blinkButtonDefault.default
{
	animation:1s blinkButton infinite;
}

/* Adjustments for high DPI displays */

@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi)
{
	#header .overlay
	{
		background-image:url('/images/skins/hotterdog/overlay-2x.png?version=20190815-1054');
		background-size:151px 132px;
	}

	#navigation .basket
	{
		background-image:url('/images/skins/hotterdog/basket-2x.png?version=20190815-1054');
		background-size:37px 32px;
	}
}