/*
	DEFAULTS:______________________________
*/

/*
	YUI3 CSS FONT-SIZE PERCENTAGES:________
	px  %
	11 	85
	12 	93
	13 	100
	14 	108
	15 	116
	16 	123.1
	17 	131
*/

@font-face {
    font-family: 'DINWeb';
    src: url('/css/fonts/DINWeb.eot');
    src: url('/css/fonts/DINWeb.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/DINWeb.woff') format('woff'),
         url('/css/fonts/DINWeb.ttf') format('truetype'),
         url('/css/fonts/DINWeb.svg#DINWeb') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'aquarelleregular';
    src: url('/css/fonts/1ulkhtld-webfont.eot');
    src: url('/css/fonts/1ulkhtld-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/1ulkhtld-webfont.woff') format('woff'),
         url('/css/fonts/1ulkhtld-webfont.ttf') format('truetype'),
         url('/css/fonts/1ulkhtld-webfont.svg#aquarelleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, #aside h3 {
    font-family: 'DINWeb', Verdana, sans-serif;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

h1 {
font-size: 30px;
}
h1, h2, h3, h4, h5, h6 {
font-family: "MetrophobicRegular";
}
h1, h2, h3, h4, h5, h5, h6 {
font: italic bold 1.933em Georgia, "Times New Roman", Times, serif;
margin-bottom: 12px;
color: #000;
}
h1 {
font-size: 36px;
line-height: 36px;
}


body {
    background: #fff;
    height:100%;
    font-family:Lucida Sans Unicode, Lucida Grande, Arial, sans-serif;
    color:#6c6f70;
font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}

}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}


strong {
    font-weight:bold;
}

a,
a:link {
    color: #004699;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration:underline;
    outline: 0;
}

a:visited {
    color: #004699;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
    line-height:1.2em;
    font-size:100%;
    margin: 0;
}
p {
    line-height:1.3em;
   /* font-size: 93%; */
}

h1 {
    font-size: 153.9%;
}

/****************************
         STRUCTURE
****************************/
div#outerwrapper {
    margin:10px auto 0;
    width:940px;
    position:relative;
}

div#innerwrapper {
    background:url(/img/backgrounds/dotted-grey.gif) 660px 0 repeat-y;
    width:940px;
    margin-bottom:20px;
    overflow:hidden;
}
div#outerwrapper div.noColumn {
    background-image:none;
}

div#footer {
    border-top:solid 1px #bfbfbf;
    margin-bottom:20px;
    padding-top:11px;
    text-align:center;
    font-size: 85%;
    float: left;
    overflow: hidden;
    width: 100%;
}

div#page {
    float:left;
    width:642px;
    padding-right:18px;
}

div#aside {
    float:left;
    width:262px;
    padding-left:18px;
}

/**********************
       Header
**********************/

div#header {
    background:url(/img/backgrounds/solid-grey.gif) 0 bottom no-repeat;
    width:940px;
    min-height:86px;
    margin-bottom:10px;
    overflow:hidden;
}

div#header #IPClogo a {
    background:url(/img/logos/ipc-branding-sprite.gif) 0 -341px no-repeat;
    float:left;
    width:212px;
    height:56px;
    margin:24px 0 0 0;
    padding:0;
    text-indent:-9999px;
}

/** Navigation **/
ul.navigation {
    padding:0;
    margin:0;
    float:left;
    
}

ul.navigation a,
ul.navigation span
{
    font-size: 93%;
}

ul.navigation li {
    float:left;
    margin:0;
    list-style-type:none;
    background:url(/images/menu-solid-grey.gif) right top no-repeat;
    padding:0 9px;
}

ul.navigation li a {
    height:15px;
    /* display:block; */
    font-family: 'DINWeb',Verdana,sans-serif;
    color: #000;
    text-transform: uppercase;
    /* text-indent:-9999px; */
}

ul.navigation li a:hover {
    text-decoration: none;
}

ul.navigation li#brandsNav a {
    width:75px;
}

ul.navigation li#advertiseNav a {
    width:74px;
}

ul.navigation li#aboutNav a {
    width:87px;
}

ul.navigation li#subscribeNav a {
    width:80px;
}

ul.navigation li#careersNav a {
    width:82px;
}

ul.navigation li#newsNav a {
    width:120px;
}

ul.navigation li#contactsNav a {
    width:74px;
}

ul.navigation li.last {
    padding-right:0;
    border-right:none;
}

ul.navigation .menuContainer {
    background: #f7f7f7 url(/images/menu-bottom-border.gif) 0 bottom no-repeat;
    margin:0;
    padding:11px 20px 20px 20px;
    overflow:hidden;
    position:absolute;
    left:-9999px;
    z-index:5000;
}

ul.navigation li:focus .menuContainer,
ul.navigation li:hover .menuContainer {
    left:auto;
}

ul.navigation li#brandsNav .menuContainer {
    width:940px;
    padding: 11px 0 10px;
}
ul.navigation li#brandsNav:focus .menuContainer,
ul.navigation li#brandsNav:hover .menuContainer {
    left:0;
}

ul.navigation .menuContainer a {
	background:none;
	text-indent:0px;
	display:inline;
        color: #004699;
        font-size: 93%;
        font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif;
        text-transform: none;
}


ul.navigation .menuContainer li {
    float:none;
    margin:3px 0;
    padding:0;
    background-image: none;
}

ul.navigation li:hover a,
ul.navigation li.selected a{
    height: 20px;
}

ul.navigation li.sub a {
    background:url(/images/item.png) right 6px no-repeat;
}

ul.navigation li.sub * a {
    background: none;
}

ul.navigation li.sub:hover a {
    height: 33px;
}

ul.navigation .listOrderOptions {
    background:#fbfbfb;
    margin: 1px 0 15px;
    padding:5px 20px 5px 20px;
    border-top:solid 1px #fff;
    border-bottom:solid 1px #fff;
    overflow:hidden;
}

ul.navigation .listOrderOptions a {
    text-transform: capitalize;
}

ul.navigation .listOrderOptions a.disabled {
    cursor: default;
    color: #6C6F70;
}

ul.navigation .listOrderOptions a.disabled:hover {
    text-decoration: none;
}

ul.navigation .column1,
ul.navigation .column2,
ul.navigation .column3,
ul.navigation .column4,
ul.navigation .column5 {
    float:left;
    padding:0 9px 0 9px;
    width:166px;
}
ul.navigation .column1 {
    padding-left:18px;
}
ul.navigation .column5 {
    padding-right:18px;
}
ul.navigation li#brandsNav li {
    border:none;
    float:none;
}
ul.navigation li#brandsNav ul {
    margin:0;
}
ul.navigation li#brandsNav ul li {
    margin:3px 0 3px 0;
    padding:0;
    color:#181818;
}
ul.navigation li#brandsNav ul li span {
    text-transform:uppercase;
}
ul.navigation li#brandsNav li.section {
    margin-top:10px;
    margin-bottom:10px;
    padding-top:8px;
    border-top:dotted 1px #9C9C9C;
}

ul.navigation li ul li a {
    text-transform:auto;
    color: #004699;
}


/** Breadcrumb **/

div#breadcrumb {
    margin-bottom:10px;
    text-transform:uppercase;
    font-size: 85%;
}
div#breadcrumb ul.nav {
    height:15px;
    width:600px;
    display:inline;
    margin: 0;
}
div#breadcrumb ul.nav a,
div#breadcrumb ul.nav li {
    float:none;
    padding:0;
    display:inline;
}

/** Footer Navigation **/

div#footer ul.nav {
    width:100%;
    height:15px;
    margin:0 auto;
    padding:5px 0 5px 0;
}
div#footer ul.nav li {
    float:none;
    display:inline;
    padding:0 5px 0 5px;
}
div#footer ul#tier2 {
    text-transform:uppercase;
}
div#footer p {
    margin-top:15px;
    color:#84888B;
}

div#footer #IPC-Sm {
    padding-right:10px;
    vertical-align: bottom;
}
div#footer #race-online-2012 {
    padding-left:10px;
}


/******************************
   Article Typography Styles
******************************/

div.article p.strapline {
    font-size: 153.9%;
    color:#181818;
    margin-bottom: 10px;
}

div.article ul,
div.article ol {
    margin:0 20px 10px;
    padding:0;
}



div.article ul li,
div.article ul.nobullets li,
div.article ol li {
    margin:0;
    padding:0;
    line-height:1.5em;
    list-style-position:outside;
    list-style-image:url(/img/backgrounds/list-bullet-grey.gif);
}
div.article ul.nobullets li {
    list-style:none;
}
div.article ol li {
    list-style-position:inside;
    list-style-image:none;
}

div.article {
/* 'DINWeb', */
    overflow:hidden;
    padding-bottom: 10px;
     font-family: Verdana, sans-serif;
}

div.article h2,
div.article h3,
div.article h4 {
   
    font-family:Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; 
    font-weight: bold;
    color:#181818;
}

div.article h2 {
    font-size: 108%;
    margin: 10px 0;
}

div.article h3 {
    font-size: 108%;
    font-style: italic;
}

div.article h4 {
    font-size: 100%;
}

div.article .intro {
    /* 'aquarelleregular' */
    font-family: DINWeb, Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; 
    font-weight:bold;
    font-size: 190%;
    color:#008acf;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

div.article .inset {
    float:left;
    padding: 0 15px 10px 0;
}
div.article .date {
    margin-top:10px;
}

/** Directors Specific **/
.directors .article h2,
.directors .article div{
    font-size: 100%;
}

/** TO DO **/
input.blueButton {
    background:#82AFDF url(/img/buttons/form-blue-arrow.gif) 85% center no-repeat;
    padding:6px 12px 6px 6px;
    border:none;
    color:#fff;
    text-transform:uppercase;
    cursor:pointer;
}
input.blueButton:hover {
    background:#649AD7 url(/img/buttons/form-blue-arrow.gif) 85% center no-repeat;
}





/*---------- CONTENT STYLES ----------*/
/* learn more buttons */
a.more,
.articleWidget a,
div#page div.overlay #mapClose a {
    color:#82AFDF;
    text-transform:uppercase;
}

.date {
    color:#84888B;
}


div#page h1 {
    margin:0 0 10px 0;
    text-transform:uppercase;
    color:#181818;
}

div.inset {
	float:left;
	padding: 0 15px 10px 0;
	width:355px;
}



/** Subscribe Box **/

.subscribe {
    background:url(/img/backgrounds/promo-grey-grad.gif) 0 bottom no-repeat;
    width:563px;
    min-height:150px;
    margin-bottom:25px;
    padding:5px 60px 45px 15px;
    position:relative;
    border:solid 1px #ccc;
}

.subscribe h2 {
    margin:15px 0 7px;
    font-size: 153.9%;
}

.subscribe p.strapline {
    margin-bottom:5px;
    line-height:20px;
    font-weight:bold;
}

.subscribe a.btn-subscribe-now {
    background:url(/img/buttons/promo-subscribe-now.gif) 0 0 no-repeat;
    width:143px;
    height:29px;
    display:block;
    text-indent:-9999px;
    position: absolute;
    margin: 0;
    bottom: 15px;
    left: 15px;
}

.subscribe a.btn-subscribe-now:hover {
    background-position:0 -31px;
}

.subscribe img {
    position:absolute;
    top:15px;
    right:15px;
}

/** Promo Articles **/
.promoArticle {
    width:628px;
    margin-bottom:25px;
    position:relative;
    min-height:242px; /* height of the image content */
}

.promoArticle h2 {
    margin-bottom:5px;
    font-size: 153.9%;
}


div#overlay {
	background-color:#000;
	width:100%;
	min-height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:2;
}

/*deadcentre technique for fixing centre without js*/
div.horizon {
	width: 100%;
	height: 1px;
	display: block;
	overflow: visible;
	position: absolute;
	left: 0;
	top: 50%;
	z-index:3;
}
div.mapBox {
	background-color:#f3f3f3;
	width:590px;
	height:460px;
	margin-top:-230px;
	margin-left:-295px;
	padding:25px;
	position:absolute;
	left:50%;

}
div.mapBox a#mapClose  {
	background:url(/img/buttons/maps-blue-cross.gif) right center no-repeat;
	padding:0 18px 0 0;
	display:block;
	position:absolute;
	right:25px;
	top:5px;
}
div.mapBox div#mapCanvas {
	width:100%;
	height:100%;
}

/**************************
      Brands List
**************************/
/** also see dynamic css file in articles/brandsCss **/

ul.brands {
    margin: 0;
    overflow: hidden;
}

ul.brands li {
    float: left;
    list-style: none;
    width: 122px;
    height: 62px;
    background-repeat: no-repeat;
    margin: 0 0 36px 36px;
    padding: 0;
}

ul.brands li.first {
    margin-left: 0;
}

ul.brands a {
    display: block;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    text-indent: -30000px;
}


/**************************
      Image List
**************************/

.imageList {
    margin:0;
}

.imageList a:hover h3,
.imageList a:hover span {
    text-decoration:none;
}
.imageList a:hover .heading {
    text-decoration:underline;
}
.imageList li {
    width: 112px;
    margin: 10px 0 20px 16px;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    list-style-type:none;
    font-size: 85%;
}

.imageList li.first {
    margin-left: 0;
}

.imageList a {
    padding-top:152px;
    display:block;
    position:relative;
    text-decoration:none;
}
.imageList a span {
    margin:5px 0 4px 0;
    color:#6c6f70;
}
.imageList a span.call-to-action {
    display:block;
}
.imageList a:hover span.call-to-action {
    text-decoration:underline;
}

.imageList a span,
.imageList a span.name,
.imageList div {
	display:block;
	text-transform:auto;
	color: #004699;
}

.imageList a img {
	display:block;
	position:absolute;
	top:0;
	left:0;
}

/* Contact Specific */

.imageList.contact a {
    padding-top: 172px;
}

/* Directors specific */

.directors ul.imageList {
	clear:left;
}

.directors ul.imageList li {
	width: 145px;
	min-height: 190px;
	margin-bottom: 10px;
        font-size: 100%;

}
.directors ul.imageList a {
	padding-top:225px;
	display:block;
	position:relative;
	text-decoration:none;
}
.directors ul.imageList a:hover h2 {
	text-decoration:underline;
}
.directors ul.imageList h2 {
	margin:10px 0 0 0;
}
.directors ul.imageList a span {
	margin:2px 0 4px 0;
	color:#6c6f70;
}
.directors ul.imageList a span.name {
	color:#004699;
}

/***************************
       News List
***************************/

div.newsList {
    position:relative;
}

div.newsList h2 {
    font-size: 131%;
}

div.newsList h3 {
    font-size: 93%;
    text-transform: uppercase;
}
div.newsList h3 a {
    display:block;
}
div.newsList ul {
    margin:0;
    position:relative;
}

div.newsList li {
    background:url(/img/backgrounds/dotted-grey.gif) left bottom repeat-x;
    list-style-type:none;
    position:relative;
    margin-bottom:10px;
    padding-bottom:17px;
}

div.newsList.img li,
div.newsList li.img {
    min-height:68px;
    padding-left: 110px;
}

div.newsList a {
    text-decoration:none;
}

div.newsList p {
    margin-top:4px;
    margin-bottom:0px;
    color:#6c6f70;
}

div.newsList .date {
    font-size: 85%;
}

div.newsList a:hover {
    text-decoration:underline;
}

div.newsList img {
    position:absolute;
    left:0;
    top:0;
}

div.newsList a:hover span {
    text-decoration:none;
}

/** Careers Results List Specific **/
.careersResults div.newsList  h2 {
    font-size: 100%;
    font-family:Lucida Sans Unicode, Lucida Grande, Arial, sans-serif;
}

.careersResults div.newsList  ul {
    background: url("/img/backgrounds/dotted-grey.gif") repeat-x scroll left top transparent;
    padding-top: 15px;
}

.careersResults div.newsList ul li {
    padding-left: 15px;
}

/**************************
      Competitions List
**************************/

div.newsList.competitions ul {
    background: url("/img/backgrounds/dotted-grey.gif") repeat-x scroll left top transparent;
    padding-top: 15px;
}

div.newsList.competitions h2 {
    font-size: 93%;
    text-transform: uppercase;
}

/*************************
      CompetitionsForm
*************************/

form.competitionForm {
   background: #eee;
   border: 1px solid #ccc;
   padding: 20px 20px 10px 20px;
   margin-bottom: 10px; 
}

form.competitionForm h2 {
    font-size: 100%;
    font-weight: bold;
}

form.competitionForm .req {
    font-weight: bold;
}

form.competitionForm label {
    width: 160px;
    display: inline-block;
    *display: inline;
}

form.competitionForm div {
    margin-bottom: 10px;
}

.thankyou {
    font-size: 153.9%;
}

#competitions input[type=checkbox] {
        float: right;
}

/** Homepage Specific **/

#homepage div.newsList {
    float: right;
    width:275px;
    padding-left:19px;
}

#homepage div.newsList ul li {
    background: none;
    margin-bottom: 2px;
    padding-left: 110px;
}

#homepage div.newsList.img li {
    min-height: 62px;
}

#homepage div.newsList h2 {
    margin:16px 0 18px 0;
    text-transform:uppercase;
}



div.newsList .more {
    font-size: 93%;
}

/****************************
     Media Block
****************************/

div#mediaBlock {
    overflow:hidden;
}
div#mediaBlock div.video {
    float:left;
    width:355px;

}
div#mediaBlock div.newsList {
    float:left;
    width:267px;
    padding-left:20px;
}
div#mediaBlock div.newsList ul li {
    background: none;
    padding-bottom:0;
}

div#mediaBlock div.newsList ul li a {
    padding-left:0;
}
div#mediaBlock div.newsList ul li h3 {
    text-transform:uppercase;
    font-size: 123.1%;
}

/****************************
  News Search Block
****************************/

div.newsSearchBlock {
    margin-bottom: 10px;
}

div.newsSearchBlock h2 {
    margin: 5px 0;
    font-size: 153.9%;
}
div.newsSearchBlock h2,
div.newsSearchBlock label {
    text-transform:uppercase;
    color:#181818;
}
div.newsSearchBlock form,
div.filterSearchBlock {
    background:#f3f3f3;
    margin-bottom:10px;
    overflow:hidden;
    font-size: 85%;
}

div.filterSearchBlock {
    font-size: 93%;
}

div.newsSearchBlock form fieldset {
    float:left;
    margin:5px 0 5px 0;
    width: 327px;
}
div.newsSearchBlock form .dateSearch {
    padding:0 10px 0 10px;
    width: 277px;
}
div.newsSearchBlock form .keywordSearch {
    float:right;
    padding:0 5px 0 0;
}
div.newsSearchBlock form select {
    width:112px;
    margin:0 10px 0 10px;
    padding:2px 0 2px 0;
}
div.newsSearchBlock form .keywordSearch input.field {
    border: 1px solid #CCCCCC;
    margin: 0 1px 0 3px;
    padding: 3px 0;
    width: 158px;
}
div.newsSearchBlock form .dateSearch input.blueButton {
    width:38px;
    padding: 3px 12px 3px 6px;
    float: none;
}
div.newsSearchBlock form .keywordSearch input.blueButton {
    padding: 3px 18px 3px 5px;
    width: 80px;
    float: none;
}
div.filterSearchBlock {
    padding:5px;
    overflow: hidden;
}
div.filterSearchBlock span.label {
    display: inline-block;
    zoom: 1;
    padding: 2px 10px 2px 5px;
    text-transform:uppercase;
    color:#181818;
}


/*********************************
    DropDown List - Image Bank
*********************************/
.dropdown {
    width: 200px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    height: 1.5em;
}

.dropdown:hover {
    overflow: visible;
}

.dropdown ul {
    position: absolute;
    overflow: hidden;
    width: 200px;
    height: 1.6em;
    margin:0;
    padding:0;
    z-index: 1000;
    background: #82afdf url(/img/buttons/arrow-down-blue.gif) top right no-repeat;
}

.dropdown:hover ul {
    overflow: visible;
    height: auto;
}

.dropdown ul li {
    list-style: none;
}

.dropdown a, .dropdown span {
    padding:2px 20px 3px 10px;
    display:block;
    color:#fff;
    text-transform:uppercase;
}
.dropdown a:link,
.dropdown a:visited {
    color:#fff;
}

/************************
    Pagination - TODO
************************/

div.pagination {
	overflow:hidden;
}
div.pagination div {
	float:left;
	padding-top:2px;
}
div.pagination ul {
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
}
div.pagination ul li {
	float:left;
	list-style-type:none;
	padding:2px 5px 2px 5px;
	text-transform:uppercase;
}
div.pagination ul li.current {
	background-color:#82AFDF;
	color:#fff;
}

/***********************************
    Contacts
***********************************/
div#contacts {
    background: url(/img/backgrounds/dotted-grey-thin.gif) 0 0 repeat-x;
    overflow: hidden;
}

div#contacts ul {
    float: left;
    width: 197px;
    margin: 0 0 0 25px;
    padding-top: 15px;
}

div#contacts ul.first {
    margin-left: 0;
}

div#contacts li {
    list-style: none;
}

/* Brands List specific */

div#contacts .brandsList li {
    margin: 0;
    background: url(/img/backgrounds/dotted-grey-thin.gif) bottom left repeat-x;
    padding: 0 0 3px;
}

div#contacts .brandsList span, 
div#contacts .brandsList a {
    display: block;
    padding: 3px 5px;
    text-transform: uppercase;
    font-size: 93%;
}

div#contacts .brandsList span {
    background: #eee;
    padding: 2px 5px;
    font-size: 108%;
    color: #000;
}

/* Contacts list specific */

.viewAll {
    background: url(/img/backgrounds/dotted-grey-thin.gif) bottom left repeat-x;
}

.viewAll a {
    background: url(/img/buttons/double-arrow-right.gif) center left no-repeat;
    display: inline-block;
    padding: 9px 0 9px 25px;
    text-transform: uppercase;
}

div#contacts ul.contactsList {
    width: 308px;
    padding-top: 10px;
}

div#contacts .contactsList li {
    padding-bottom: 10px;
}

div#contacts h2 {
    margin: 20px 0 0;
}

div#contacts .contactsList h3 {
    color: #000;
    text-transform:uppercase;
    font-weight: bold;
}

/*----- FORMS -----*/
div#page form.basic div {
	margin-bottom:20px;
	overflow:hidden;
}
div#page form.basic label {
	float:left;
	width:185px;
	padding:6px 0 6px 0;
	display:block;
}
div#page form.basic span {
	display:block;
	clear:left;
}
div#page form.basic .radio div {
	margin-bottom:0;
}
div#page form.basic .field,
div#page form.basic select,
div#page form.basic textarea,
div#page form.basic .radio input {
    float:left;
    width:229px;
    padding:6px;
    border:solid 1px #cdcdcd;
}
div#page form.basic div select {
    width:242px;
}
div#page form.basic textarea {
    height:160px;
}
div#page form.basic .error {
    padding-left:185px;
}

/*****************************
     Press Booking Form
*****************************/

form#feedback {
    padding-top:20px;
    border-top:dotted 1px #ccc;
}
form#feedback div {
    border-bottom:dotted 1px #ccc;
    margin-bottom:10px;
    padding-bottom:20px;
    overflow: hidden;
}

form#basic div.telephone {
    margin-top: 32px;
}

form#feedback div.last {
    border-bottom:none;
}

form input.blueButton {
    width:70px;
    padding:6px 11px 6px 0;
    float:right;
}
form .error_list {
    padding:6px 0 6px 185px;
    color:#CC0000;
    margin: 0;
}

form .error_list li {
    list-style: none;
}

/***************************
    Form Search Bar
***************************/

form#searchBar {
    width:320px;
    height:25px;
    position:absolute;
    top:0px;
    right:0;
}
form#searchBar #TWlogo {
    background:url(/img/logos/ipc-branding-sprite.gif) 0 -480px no-repeat;
    float:left;
    width:115px;
    height:25px;
    text-indent:-9999px;
}
form#searchBar label {
    display:none;
}
form#searchBar input.field {
	width:229px;
	padding:6px;
	border:solid 1px #cdcdcd;
        float: left;
        color: #6C6F70;
}
form#searchBar input.blueButton {
	width:70px;
	padding:8px 11px 8px 0;
        font-size: 70%;
}



div#aside h5 {
    color: #181818;
}

.articleBlocksWidget img {
    margin-top: 5px;
}


/* Location */

.locationsWidget li {
    padding: 0 0 6px;
    font-size: 93%;
}

.locationsWidget div.location h4 {
    margin:5px 0 3px 0;
    font-weight:bold;
    text-transform:uppercase;
    color:#181818;
}
.locationsWidget div.location ul {
    margin-bottom:5px;
}
.locationsWidget div.location li {
    padding: 2px 0;
    background: none;
}

.locationsWidget div.location span {
    vertical-align:baseline;
}

/* Follow IPC Media Jobs */
.twitterWidget p {
    margin: 0;
}
.twitterWidget p, .twitterWidget li {
    color: #181818;
    line-height:18px;
}

.twitterWidget li.linkedin a {
padding-left: 20px;
background: url(/img/logos/linkedin.png)  left center no-repeat;
}


/* Social Media */
.socialMedia {
    overflow:hidden;
    margin-bottom: 10px;
}
.socialMedia h3 {
    float:left;
    padding:10px 10px 0 0;
    text-transform:uppercase;
    font-size: 93%;
}

.socialMedia ul {
    float: left;
    overflow: hidden;
    margin: 0;
}

.socialMedia li {
    float: left;
    width:31px;
    height:31px;
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
}

.socialMedia a {
    background:url(/img/buttons/social-media-icons.png) 0 0 no-repeat;
    float: left;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
}
.socialMedia a#facebook {
	background-position:0 0;
}
.socialMedia a#twitter {
	background-position:-61px 0;
}
.socialMedia a#youtube {
    background-position:-122px 0;
}
.socialMedia a#pinterest {
    background-position:-183px 0;
}
.socialMedia a#facebook:hover {
	background-position:0 -41px;
}
.socialMedia a#twitter:hover {
	background-position:-61px -41px;
}
.socialMedia a#youtube:hover {
    background-position:-122px -41px;
}
.socialMedia a#pinterest:hover {
    background-position:-183px -41px;
}

/****************************
Find a news agent Form
****************************/
div.findNewsagentWidget {
	background:url(/img/backgrounds/grey-grad-258.gif) 0 bottom repeat-x;
	border:solid 1px #CDCDCD;
}
div.findNewsagentWidget h3 {
  background: #fff;
  text-align: center;
  margin-bottom: 5px;
  color:#181818;
  text-transform: uppercase;
  font-size: 93%;

}
div.findNewsagentWidget div.title {
        border-bottom:solid 1px #CDCDCD;
        margin-left: -15px;
        margin-bottom: 5px;
        width: 260px;
}
div.findNewsagentWidget form fieldset {
	margin: 0 0 0 0;
}
div.findNewsagentWidget form div.container {
	padding: 10px 15px 0;
}
div.findNewsagentWidget form div.buttons {
	padding-top: 5px;
}
div.findNewsagentWidget form label {
    font-size: 77%;
}
div.findNewsagentWidget form label,
div.findNewsagentWidget form input {
	display:block;
}
div.findNewsagentWidget form div input {
	padding: 5px;
	margin-top: 5px;
        margin-bottom: 5px;
        border: solid 1px #CDCDCD;
}

div.findNewsagentWidget form div input#txtPostCode{
        width: 218px;
}

div.findNewsagentWidget form div span {
        font-size: 85%;
        padding-right: 10px;
}

div.findNewsagentWidget form div span.postcode {
        padding-top: 3px;
        padding-right: 10px;
}

div.findNewsagentWidget form div #ddlDistance {
        margin-top: 5px;
}
div.findNewsagentWidget form input.blueButton {
	float:right;
	width:86px;
	padding: 3px 12px 3px 6px;
        text-align: left;
        margin-top: 10px;
}
div.findNewsagentWidget form input#btnSearch {
        border: 1px solid #CDCDCD;
        width: 68px;
        margin-right: 5px;
}

body#findNewsagent div#page div.article h2 a {
    text-indent:-30000px;
    display: block;
    height: 100%;
}

body#findNewsagent .results li {
    margin-bottom: 10px;
}

body#findNewsagent .results span {
    font-style: italic;
}

body#findNewsagent h4 {
    margin-bottom: 10px;
}

body#findNewsagent div.findNewsagentWidget {
    width: 259px;
}

/*
    SECTION SPECIFIC:
    alterations based on the body id
*/

body#homepage div#innerwrapper {
	background:none;
	margin-bottom:0px;
}

body#homepage div#footer {
	margin-top:20px;
        clear: both;
}


div#introduction {
	overflow:hidden;
}
div#introduction {
	margin:0 0 19px 0;
}
#whoWeAre {
	float:left;
	width:220px;
}
#whoWeAre h2 {
	margin:5px 0 20px 0;
	color:#181818;
        font-size: 189%;
}
#whoWeAre p {
	padding-right:20px;
	line-height:1.65em;
}
#whoWeAre a {
	text-transform:uppercase;
        font-family: 'DINWeb';
        font-size: 153.9%;
}
#rotator {
        float:left;
        margin: 0;
        width:720px;
        height: 363px;
        margin-top:10px;
        overflow: auto;
        white-space: nowrap;
        letter-spacing: -4px;
        word-spacing: -4px;
}

.yui3-js-enabled #rotator {
        overflow: hidden;
        height: 345px;
}

#rotator li {
        list-style: none;
        width: 720px;
        letter-spacing: 0;
        word-spacing: 0;
        display: inline-block;
        *white-space: nowrap;
        *display: inline;
}

body#brands div#page div.article h1 {
	text-indent:-9999px;
	width:264px;
	display:inline-block;
        margin-bottom: 11px;
}

body#news div#page div.article h1 {
	margin-bottom:0;
	color:#181818;
	text-transform:auto;
}


body#news div#page div.article span.caption {
	display:block;
	color:#181818;
}
body#news div#page div.article span.credits {
	display:block;
	color:#181818;
}

body#news div#page div.newsList a {
	display:block;
}

/************************
         Careers
************************/

.careersSearch,
.sendcvWidget .acc-content {
    background: #f3f3f3;
    overflow: hidden;
}

.careersSearch {
    margin: 10px 0;
    padding: 5px 13px 1px;
}


.careersSearch fieldset {
    border-top: 1px dotted #9c9c9c;
    border-bottom: 1px dotted #9c9c9c;
    padding: 10px 0 0;
}

.careersSearch fieldset input {
    border: 0;
    padding: 2px;
    width: 425px;
}

.careersSearch h2 {
    text-transform: uppercase;
    margin: 5px 0 5px;
    font-size: 123.1%;
}

.careersSearch p {
    margin: 5px 0 10px;
}

.careersSearch div {
    clear: both;
    margin-bottom: 15px;
}

.careersSearch div.submit {
    text-align: right;
}

.careersSearch input.submit,
.sendcvWidget .acc-content input.submit,
#cv-form-container input.submit {
    background: #82afdf;
    font-size: 85%;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    font-family:Lucida Sans Unicode, Lucida Grande, Arial, sans-serif;
    cursor: pointer;
    padding: 2px;
}

.careersSearch input.submit:hover {
    background: #74a3d5;
}

.careersSearch label {
    color: #181818;
    text-transform: uppercase;
    font-size: 93%;
}

.careersSearch .selectField {
    width: 50%;
    float: left;
    clear: none;
}

.careersSearch .selectField select {
    width: 77%;
    margin-top: 5px;
}

.careersSearch .selectField label {
    display: block;
}

.careersSearch .help {
    font-size: 85%;
}

div.article ul.details,
.careersResults div.newsList ul.details {
    margin: 0;
    background: none;
    font-size: 85%;
    padding-bottom: 10px;
    overflow:hidden;
}

.careersResults div.newsList ul.details {
    padding: 5px 0 0;
}

div.article ul.details li,
.careersResults div.newsList ul.details li {
    padding: 0;
    float:left;
    width: 200px;
    list-style:none;
    background: none;
    margin: 0;
}

div.article ul.details span,
.careersResults div.newsList ul.details span {
    font-weight:bold;
}

.terms {
    text-transform: capitalize;
}


/*************************
        CV Form
*************************/

#cv-form-container {
    padding:15px;
    background-color:#f3f3f3;
}
#cv-form-container, #cv-form-container .inner {
	overflow:auto;
}
#cv-form-container .inner {
	overflow:hidden;
    background: url("/img/backgrounds/dotted-grey.gif") repeat-y 305px 0;
}
#cv-form-container .info {
    width:50%;
    float:left;
}
#cv-form-container .info p {
    padding-right:15px;
}
#cv-form-container .form p {
    padding-left:15px;
}
#cv-form-container .form p.success {
    font-size:17px;
}
#cv-form-container div.form {
    width: 50%;
    float:right;
}
#cv-form-container div form {
    padding: 0 25px 0 40px;
}
#cv-form-container div.form form p {
    padding: 0;
}

#cv-form-container form ul {
    margin:0;
}
#cv-form-container form li {
    list-style:none;
}
#cv-form-container .upload input {
 font-size: 12px;
}

/* ----- CV widget ----- */

div#aside .sendcvWidget h3 {
    margin-bottom: 0;
}
.sendcvWidget form {
    padding: 15px 10px;
    overflow:auto;
}
.sendcvWidget p,
#cv-form-container form p  {
    color: #333;
    font-size: 11px;
    line-height:16px;
    margin:0;
}
.sendcvWidget p span,
#cv-form-container form p span {
    color: #004699;
}

#cv-form-container .error_list {
    padding:0;
}
.sendcvWidget .error_list li,
#cv-form-container .error_list li {
    padding: 0 0 5px;
    font-weight:bold;
}

.sendcvWidget label,
#cv-form-container label {
    text-transform: uppercase;
}
.sendcvWidget .label,
#cv-form-container .label {
    display:block;
    margin:10px 0 6px;
}
.sendcvWidget label span,
#cv-form-container label span {
    vertical-align: inherit;
    text-transform: none;
    width: auto;
}
.sendcvWidget .acc-content .input,
#cv-form-container .input {
    padding:2px;
    background-color:#fff;
}
.sendcvWidget .acc-content .text input,
#cv-form-container .text input {
    border:0;
    padding:0;
    width:100%;
    background-color:transparent;
}
.sendcvWidget .acc-content .upload input {
    font-size: 11px;
}
.sendcvWidget .acc-content input.submit,
#cv-form-container input.submit {
    width:auto;
    float:right;
    margin-top:16px;
}


/*************************
   IPC Division logos
*************************/

#hd-ipc-connect,
#hd-ipc-connect a  {
	background:url(/img/logos/ipc-branding-sprite.gif) 0 0 no-repeat;
	height:23px;
	text-indent:-9999px;
	display:block;
}
#hd-ipc-southbank,
#hd-ipc-southbank a {
	background:url(/img/logos/ipc-branding-sprite.gif) 0 -54px no-repeat;
	height:23px;
	text-indent:-9999px;
	display:block;
}
#hd-ipc-inspire,
#hd-ipc-inspire a {
	background:url(/img/logos/ipc-branding-sprite.gif) 0 -109px no-repeat;
	height:23px;
	text-indent:-9999px;
	display:block;
}
#hd-ipc-marketforce,
#hd-ipc-marketforce a {
	background:url(/img/logos/ipc-branding-sprite.gif) 0 -165px no-repeat;
	height:23px;
	text-indent:-9999px;
	display:block;
}
#hd-ipc-advertising,
#hd-ipc-advertising a {
	background:url(/img/logos/ipc-branding-sprite.gif) 0 -220px no-repeat;
	height:23px;
	text-indent:-9999px;
	display:block;
}


/********************************
    Related Items List
********************************/

.relatedContent,
.relatedContent ul {
    margin:0;
    overflow: hidden;
    clear: both;
}

.relatedContent ul {
    padding-top: 10px;
    border-top:solid 1px #bfbfbf;
    letter-spacing: -4px;
}

.relatedContent li {
    width: 200px;
    padding: 143px 0 0;
    margin: 0 0 10px 20px;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    list-style:none;
    position: relative;
    letter-spacing: 0;
}

.relatedContent li.first {
    margin-left: 0;
    clear: left;
}

.relatedContent h2 {
    font-size: 131%;
    color:#181818;
    text-transform:uppercase;
}

.relatedContent h3 {
    display:block;
    font-family: 'DINWeb';
    font-size: 100%;
    margin-bottom: 3px;
}

.relatedContent h3 a {
    color: #004699;
    font-size: 100%;
}

.relatedContent a {
    width: 100%;
    display:block;
    color: #6C6F70;
    text-decoration:none;
    font-size: 93%;
}

.relatedContent li:hover a {
    text-decoration: none;
}

.relatedContent li:hover h3 a,
.relatedContent li:hover span {
    text-decoration: underline;
}

.relatedContent a span {
    display: block;
    margin: 5px 0 4px;
    text-transform: uppercase;
    color: #82AFDF;
}

.relatedContent img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/** Homepage specific **/

#homepage .relatedContent {
    border:solid 1px #ccc;
    width:624px;
    padding: 14px 0 0 14px;
    float: left;
}

#homepage .relatedContent ul {
    border-top: 0;
    padding-top: 0;
}

#homepage .relatedContent li {
    width: 190px;
    margin: 0 0 0 20px;
    padding-top: 0;
    padding-bottom: 10px;
}

#homepage .relatedContent li.first {
    margin-left: 0;
}

#homepage .relatedContent h3 {
    text-transform: uppercase;
    font-size: 131%;
    margin-bottom: 5px;
}

#homepage .relatedContent img {
    margin-top: 10px;
}


#homepage .relatedContent a img {
    display: inline;
    position: static;
}

/** Brand specific **/
#brands .relatedContent h3 {
    display: none;
}

#brands .article.connect p.strapline {
    clear: both;
}

/*********************************
    Aside - Widget
*********************************/

.acc-widget1 {
    margin-bottom: 15px;
    clear: both;
}

.acc-widget1 p {
    margin-bottom: 0;
}

.acc-widget1 ul {
    margin:0;
    padding: 0;
}

.acc-widget1 ul li {
    list-style: none;
    background:url(/img/backgrounds/dotted-grey.gif) bottom left repeat-x;
    overflow: hidden;
    padding: 0 0 5px;
    width: 100%;
}

.acc-widget1 h3 {
    margin: 5px 0;
    font-size: 131%;
    border-bottom:solid 1px #bfbfbf;
    color:#181818;
    text-transform:uppercase;
}

.acc-widget1 h4 {
    display: block;
    color:#6C6F70;
    text-transform:uppercase;
    text-decoration: none;
}

.acc-widget1 h4:hover {
    color: #004699;
}

.acc-widget1 span {
    vertical-align: middle;
    text-transform: none;
    width: 147px;
}

.acc-widget1 span.heading {
    width: 110px;
    text-transform: uppercase;
    display: inline-block;
}

.acc-widget1 span.block {
    display: inline-block;
    *display: inline;
}

.acc-widget1 a.email {
    padding-left:0;
}

.acc-widget1 li.more {
    padding: 5px 0;
    background: none;
}

/* Aside - Widget - individual styles */

/* InfoWidget */
.acc-widget1 ul.resources li {
    text-transform:uppercase;
    background: none;
    padding: 0;
}

.infoWidget.acc-widget1 li {
    padding-bottom: 7px;
}

.infoWidget.acc-widget1 li.toggle.opened {
    padding-bottom: 0;
}

.infoWidget .logo {
    margin: 5px 0 10px;
}

/* ContactsWidget */
.contactsWidget .entries li {
    line-height: 1.3em;
    font-size: 93%;
    margin: 5px 0;
    border: 0;
    background: none;
    padding:0;
}

/* ArticleBlock */
.acc-widget1.articleBlocksWidget li {
    padding: 2px 0 10px;
}

.articleBlocksWidget h4 {
    font-size: 93%;
}

.articleBlocksWidget img {
    margin-top: 5px;
}

.articleBlocksWidget .more {
    display: block;
    font-size: 85%;
}

.articleBlocksWidget a {
    color:#82AFDF;
    text-transform: uppercase;
}

.articleBlocksWidget .date {
    font-size: 85%;
}

/** Category Promo Specific **/
.categoryPromo ul {
    margin-top: 5px;
    padding-top: 5px;
    background: url(/img/backgrounds/dotted-grey.gif) top left repeat-x;
}

.categoryPromo a {
    color: #004699;
}

/* Divisions */
.acc-widget1 .divisions li {
    background: none;
}

/* Send CV form */

.acc-widget1 #sendcv_form li {
    background: none;
}

.acc-widget1 #sendcv_form li,
.acc-widget1 #sendcv_form .error_list {
    padding: 0;
}

/* Twitter specific */
.acc-widget1.twitterWidget li {
    padding: 5px 0 10px;
}

/* Aside - Widget Javascript */

.js .acc-widget1 .acc-content,
.js .acc-widget1.opened .acc-content .acc-content {
    display: none;
}

.js .acc-widget1.opened .acc-content,
.js .acc-widget1.opened .opened .acc-content,
.js .acc-widget1.opened ul{
    display: block;
}

.js .acc-widget1 h3,
.js .acc-widget1 .toggle h4 {
    background-image :url(/img/buttons/accordion-minus-plus.gif);
    background-repeat: no-repeat;
    background-position: 0 -82px;
    cursor: pointer;
}

.js .acc-widget1 h3 {
    background-position: 247px -83px;
}

.js .acc-widget1.opened h3 {
    background-position: 162px 2px;
}

.js .acc-widget1 .toggle h4 {
    padding: 3px 0 3px 20px;
}

.js .acc-widget1 .acc-content .toggle.opened h4 {
    background-position: -85px 3px;
}

/************************
        Error 404
************************/
.error404 {
    width: 550px;
    margin: 50px 0 40px 50px;
}



.error404 h2 {
    margin-bottom: 20px;
    font-size: 116%;
}

/************************
         Sitemap
************************/
#sitemap {
    margin-top: 13px;
}

#sitemap div {
    float:left;
    width:50%;
}

#sitemap h2 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
    margin-bottom:13px;
}


/************************
         Extras
************************/
.hide {
	display:none;
}


#billing-address label,
#delivery-address label {
	width:110px;
}
#billing-address input,
#delivery-address input {
	width:268px;
}
#billing-address .postcode,
#delivery-address .postcode {
	width:158px;
}
.button-find-address {
	margin-top:2px;
}
.form .loader {
	float:left;
	margin:5px 0 0 10px;
}

button,
.button {
	background:#b10019;
	border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
	cursor:pointer;
	display:block;
	color:#fff !important;
	font:bold 13px/23px sans-serif;
	padding:0 8px;
	text-align:center;
}
button:hover,
.button:hover {
	background-color:#37BADB;
	background-image:-moz-linear-gradient(100% 100% 90deg, #37BADB, #2A9BBA);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#2A9BBA), to(#37BADB));
	background-image:-o-linear-gradient(top, #2A9BBA, #37BADB);
	-pie-background:linear-gradient(#2A9BBA, #37BADB);
}
button:active,
.button:active,
#send-gift-card a:active {
	-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.3) inset;
	box-shadow:0 3px 6px rgba(0, 0, 0, 0.3) inset;
	position:relative;
	text-indent:1px;
	top:1px;
}
.ie8 .button,
.ie7 .button {
	behavior:url(/pie/pie.php);
	position:relative;
}
.button-small {
	display:inline-block;
	margin-left:10px;
}
.button-medium {
	display:inline-block;
	font-size:14px;
	line-height:35px;
	padding:0 10px;
}
.button-large {
    font-size:16px;
	height:41px;
    line-height:41px;
	margin:0 auto;
    padding:0 40px;
}
.buttons {
	margin-top:35px;
}
.oldie .buttons button {
	margin:0;
}
.button-back {
	float:left;
}
.ie6 .button-back {
	width:200px;
}
.ie6 .button-back button,
.ie6 .button-next button {
	margin:0;
	padding:0 20px;
}
.button-next {
	float:right;
}
.ie6 .button-next {
	width:300px;
}
.ie6 .button-next button {
	float:right;
	padding:0 40px;
}
.buttons .loading {
	margin:12px 0 0 0;
}


 /*Forms
-------------------------------------*/
.form {
	list-style:none;
	margin:0;
	padding:0;
}
.form li {
    margin:12px 0;
}
.form label {
    float:left;
	font-weight:bold;
    margin:5px 10px 0 0;
    width:170px;
}
.form input {
    float:center;
}
.form input[type="text"],
.form input[type="password"],
textarea {
	-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 3px 6px rgba(0, 0, 0, 0.1) inset;
	behavior:url(/pie/pie.php);
}
.form input[type="text"]:hover,
.form input[type="text"]:focus,
.form input[type="password"]:hover,
.form input[type="password"]:focus,
.form textarea:hover,
.form textarea:focus,
.form select:hover,
.form select:focus {
	border-color:#b1b1b1;
}
.form input[type="text"],
.form input[type="password"],
.form select {
    border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    border-radius:5px;
    padding:4px 6px;
}
.ie8 .form input[type="text"] {
	position:relative;
}
.form select {
	float:left;
}
.form em,
.required em {
    color:#f00;
	font-weight:normal;
}
.form img {
    float:left;
    margin:3px 0 0 12px;
}
.form .multichoice .clearfix {
	display:block;
	margin:5px 0;
}
.form .multichoice label {
    margin:0;
    width:400px;
}
.form .multichoice input, 
#payment-details .radio {
	margin:1px 5px 0 0;
	padding:0;
    width:auto;
}
.oldie .form .multichoice input {
	margin-top:-3px;
}
.form .textarea label {
    display:block;
    float:none;
    margin:0 0 5px;
}
.form textarea {
    border:1px solid #ddd;
    border-radius:5px;
    height:60px;
    padding:4px 6px;
    width:460px;
}
.form .error,
.error {
	clear:both;
	color:#c00;
	font-weight:bold;
	margin:0;
	padding-top:5px;
}
.form .loading {
	line-height:16px;
	margin:27px 0 0 0;
}
form .loading img {
	margin:0 8px 0 0;
}
.auto-width {
	width:auto !important;
}

h1 {
    margin:0 0 10px 0;
    text-transform:uppercase;
    color:#181818;
}

/* General Style menu */
.boxTitle {height:30px;background:url('../images/32.gif'); text-align:center;color:#4c4c4c;text-transform:;padding-bottom:0px;}
.boxTitlefun {height:14px;background:url('../images/33.gif'); text-align:center;color:#990000;text-transform:;padding-bottom:0px;}
.boxContent {height:20px;background:url('../images/32224567.gif'); padding:5px 10px 0 10px;}
.boxTable {width:205px;margin-bottom:5px;}

table.data-table3
{
	border:1px solid #330000;
	border-collapse:collapse;
}


/*Any cell*/

table.data-table3 td
{
	border:1px solid #330000;
	color:#333;
	padding:3px 5px;
}

/*Head cell*/

table.data-table3 thead td, table.data-table3 th
{
	background-color:#F5F2E6;
	text-align:left;
	font-weight:normal;
	background-image:none;
	border:1px solid #330000;
	padding:4px;
	color:#99CC00;
}

table.data-table3 tbody td
{
	background-image:none;
	color:#333;
}

.vidB {
    width: 98%;
    font-size: 12px;
	color: #330033;
	background-color: #f9f9f9;
	border: 1px dotted #bebebe;
	text-align: center;
	padding: 5px;
    text-indent: 0px;
}

.fileList {
  padding: 5px;
  background: #F5F5F5;
  border: 1px solid #EEEEEE;
  width: 93%;  
  height: 83%;
  overflow: auto;
}

#jm-back-top a {
    display: block;
}

#jm-back-top a:hover {
    text-decoration: none;
    cursor: pointer;
}

#jm-back-top span {
    width: 80px;
    height: 80px;
    display: block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    background-image: url(../images/backtotop.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0,0,0,0.5);
}

#jm-back-top a:hover span {
    background-color: rgba(0,0,0,0.3);
}

#jm-back-top {
    position: fixed;
    bottom: 50px;
    left: 50;
    margin-right: 50px;
    z-index: 1000;
}



.art_box {

   }

.art_box2 {
 display: block;
 position: relative;
 white-space: normal;
}


.unicode  {
background-image: none;
background-color: #fff;
cursor: pointer;
height: 35px;
line-height: 35px;
margin: 6px;
font-size: 18px;
text-align: center;
overflow: hidden;
text-shadow: #fff 1px 1px 0;
background: url(data:image/gif;base64,R0lGODlhBQAfAMQAAOPf5OPf4+Xh5e7s7vf39/b29ubj5+vo6/Tz9…wYjYpkcsBkbp7PhFSqqVYPWKxlu3V4vZVwGEImY85ng1p9abcFcHhjPp/Y7YB8PsDnhwAAOw==) #e3dfe3 top repeat-x;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
overflow: hidden;
}

.unicode a {
text-decoration: none;
}



ul.colors li {
padding: 10px;
clear: both;
font: bold 12px/130% Arial, sans-serif;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
box-shadow: 0 0 5px rgba(0,0,0,0.3);
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

border-radius: 5px;
text-shadow: rgba(0,0,0,0.4) 1px 1px 2px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.bondi {
float: left;
margin-left: -30px;
background-color: #9cbde1;
}

.colors a {
text-decoration: none;
color: #FFF;
padding: 0 5px;
}




.filterable-portfolio {
position: relative;
overflow: hidden;
margin: 10px;

}


.filterable-portfolio .portfolio_item {
-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-o-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fff;
}

.entry a img, .entry a:hover img {
border: 1px solid #DADBDD;
padding: 5px;
-khtml-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.entry img {
border: 1px solid #DADBDD;
padding: 5px;
-khtml-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}