/* template: Fleet Street - standard #1 */

form { margin: 2; }
#custom { width: 90%; }
table.sidebar { width: 160px!important; }
table.njh_header { width: 1000px!important; }

#header {
background: transparent url(/template-data/header.jpg) no-repeat center top;
height:100px;
}

#left, #tabs {font-size:1.3em;}

#left {
float:left;
width:320px;
}

#left table, #right table {
width:100% !important;
}

#left  table.sidebar td.input input {
border: 1px solid #999;
}
#left input, #left select {
padding:0.2em;
width:98%;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#left input[type="submit"] { background: #25A6E1;
background: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
background: -webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background: -o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background: -ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background: linear-gradient(top,#25A6E1 0%,#188BC0 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
padding:8px 13px;
color:#fff;
font-family:sans-serif;
font-size:17px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #1A87B9;
}

#right {
width:160px;
float:right;
}

#wrap {
float:left;
/*width:840px;*/
width:1000px;
}

#center {
float:right;
width:660px;
padding-left:5px;
padding-right:5px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#main {
overflow:hidden;
max-width:1000px;
margin:auto;

}

div.cat_link, div.cat_link_hover, div.cat_link_active {
width:20% !important;
display: inline-block;
}

div.cat_link a, div.cat_link_hover a, div.cat_link_active a {
width:100% !important;
background:#F75817 !important;
color: #fff !important;
display:block;
padding:1em;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
white-space:nowrap;
}

div.cat_link_hover a, div.cat_link_active a {
background: #f90 !important;
}

div.cat_link:not(:first-child) a, div.cat_link_hover:not(:first-child) a, div.cat_link_active:not(:first-child) a {
border-left: 2px solid #fff;
}

#tabs {
margin:2px auto 2px auto !important;
max-width:1000px !important;
}

#footer {
padding:15px;
background: #FEB60B;
color: #555;
max-width:1000px;
margin:auto;
text-align: center !important;
clear: both;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@media only screen and (max-width: 880px) {
body div.cat_link, body div.cat_link_hover, body div.cat_link_active {
width: 100% !important;
}

div.cat_link:not(:first-child) a, div.cat_link_hover:not(:first-child) a, div.cat_link_active:not(:first-child) a {
border-left: 0px;
border-top:2px solid #fff;
}
}

table.sidebar caption { font-size: inherit !important; }

/*@media only screen and (max-width: 1000px) {
body #left, body #right { float:none !important; width: auto !important; }
body #center, body #left, body #right, body #wrap,#tabs {
position:static;
margin-left:0 !important;
margin-right:0 !important;
width:auto !important;
float:none !important;
}
body #right {
display:none;
}
body, input, select,table.sidebar caption { font-size: 1em !important; }
#header {background: transparent url(/template-data/header.jpg) no-repeat left top;}
}*/






table.items_list * { font-family: Tahoma; font-size: 12px; } 
table.items_list { width: 100%;border-bottom: 1px solid #cccccc; } 
table.items_list td { padding: 15px 3px; }
table.items_list td.image img { border: 1px solid #999999; padding: 3px; }
 table.items_list table.item_title { font-family: Tahoma; width: 100%; font-size: 12px;}
 table.items_list table.item_title td { padding: 0; }
 table.items_list span.link_name { }
table.items_list span.link_name a { color: #333333; text-decoration: underline; font-weight: bold; }
table.items_list span.link_name a:hover { color: #666666;  text-decoration: none; }
table.items_list span.member { font-size: 12px; color: #666666; }
table.items_list span.member a { color: #666666;  text-decoration: underline; }
table.items_list span.member a:hover { color: #666666;  text-decoration: none; }
table.items_list span.distance { font-size: 11px; color: #666666; font-weight: bold; margin-bottom: 1px; }
table.items_list span.attribute { font-size: 11px; color: #666666; margin-bottom: 1px; }
table.items_list span.attribute-value { color: #333333; padding-right: 10px; } table.items_list span.content { font-size: 11px; margin-top: 6px; color: #666666; }
table.items_list span.content a.more { font-weight: bold; font-weight: normal; text-decoration: underline; color: #333333; }
 table.items_list span.content a.more:hover { font-weight: normal; text-decoration: none; }
 table.items_list span.summary { display: block; padding: 3px 0; } table.items_list table.ordering { margin-top: 10px; font-family: Tahoma; font-size: 11px; width: 100%; } 
table.items_list table.ordering td { padding: 0; } 
table.items_list span.availability { color: #666666; }
table.items_list span.price { color: #cc0000; font-weight: bold; margin-bottom: 1px; }
table.items_list span.basket input.qty { border: 1px solid #666666; padding: 2px 3px; font-size: 11px; }
 table.items_list span.basket input.button { font-family: Tahoma; padding: 1px 3px; font-size: 11px; }



/* markup: Listing list markup #6 */

.colourlines .row0 .item_list{border-top:0.3em solid #640264;}
.colourlines .row1 .item_list{border-top:0.3em solid #64ce04;}
.colourlines .row2 .item_list{border-top:0.3em solid #fc3204;}
.colourlines .row3 .item_list{border-top:0.3em solid #046664;}
.colourlines .row4 .item_list{border-top:0.3em solid #34960a;}
.colourlines .row5 .item_list{border-top:0.3em solid #cc0204;}
.colourlines .row6 .item_list{border-top:0.3em solid #040364;}
.colourlines .row7 .item_list{border-top:0.3em solid #fc9a04;}
.colourlines .row8 .item_list{border-top:0.3em solid #fc6605;}
.colourlines .row9 .item_list{border-top:0.3em solid #04329c;}
.colourlines .row10 .item_list{border-6top:0.3em solid #9c0264;}
.colourlines .row11 .item_list{border-top:0.3em solid #fcfe04;}
.table.item_list td{padding-top:1.5em;padding-bottom:1.5em;}.item_list .details img{margin-bottom:0.5em;}
.item_list span { display:block; }




/* markup: Listing view markup #7 */

.newMarkup div.border{border:1px solid #ccc;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;padding:1em 1.5em;margin-bottom:1em;}
.newMarkup .description{clear:left;}
.newMarkup .description strong.desc{display:block;}
.newMarkup div.image{float:left;}
.newMarkup .image > div{margin:1.5em 0 1em 0.5em;}
.newMarkup .image .image img{width:auto;height:auto;border: 1em solid #fff;  border-bottom-width: 4em; -webkit-transform: rotate(-2deg);-moz-transform: rotate(-2deg);transform: rotate(-2deg);-webkit-transition: -webkit-transform .15s linear;-moz-transition: -moz-transform .15s linear;transition: transform .15s linear;  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);box-shadow: 0 3px 6px rgba(0,0,0,.25);-webkit-transform: scale(0.85);-moz-transform: scale(0.85);transform: scale(0.85);}
.newMarkup .image .image img:hover {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);box-shadow: 0 3px 6px rgba(0,0,0,.5);position: relative;z-index: 5;}
@media (min-width:360px){
	.newMarkup div.image{padding-right:0.5em;}
}
@media (min-width:1024px){
	.newMarkup div.border{float:right;margin-left:1em;}
}