@import url(color.css);
@import url(star_rating.css);

#contentwrapper{margin-top:50px;}

.bold,.titlebar,.paging,#home dt,.lasttitle,.error,.copyright,.dealtime,.row label.name,.row.invalid,.linkreview,.catlist,.belowtitle
{font-weight:700;}
a {line-height:30px;}
.titlebar a {padding: 10px;}

/*Main elements - every page*/
.header,#content{float:none;width:auto;padding:0;}
#content{overflow:hidden;}
.header{height:90px;overflow:hidden;text-align:center;}
#leftmenu,.shops,.shopbn,.crumb{display:none;}
/* search menu icons */
#search-icon,#menu-icon {color: #000;width: 15px;height: 30px;padding: 8px 10px 0 30px;cursor: pointer;border: solid 1px #666;display: block; }
#menu-icon{background: #ecebeb url(/images/mobile-icons.png) no-repeat 10px center;}
#search-icon{float:right; background: #ecebeb url(http://static.theukhighstreet.net/images/mobile-icons.png) no-repeat -90px center;}
#search-icon:hover,#menu-icon:hover {background-color: #f8f8f8;}
#search-icon.active,#menu-icon.active {background-color: #bbb;}

.navbar{overflow:visible;}
img{vertical-align:middle; max-width:100%;}
.align-center {display:block;margin-left:auto;margin-right:auto;width:95%;}
.strike {text-decoration: line-through;}
.border{border:1px solid #444;padding:1px;}
#wrapper{margin:0 auto;text-align:left;}
#logo{font-size:1em;height:82px;text-align:center;}
#contentwrapper{float:left;width:100%;}
.paging{margin:15px;text-align:center;}
.paging img{vertical-align:middle;}
.paging a:link{font-weight:400;}
.crumb{font-size:.7em;margin:0;padding:5px;}
.crumb,.lasttitle{font-size:1em;text-align:left;}
.hide{display:none;}
.copyright{font-size:.7em;}
.dealtime{margin:20px auto;overflow:hidden;padding:5px;}
.larger{font-size:1.1em;}
.smaller{font-size:.9em;}
.clear:after {height : 0; clear : both; display : block; visibility : hidden; content : "."; } 
* html .clear {height: 1px;}
.clear {clear:both;display : block; }
.toggle {padding:0 7px;}
.yourname{display:none;}

/*Forms*/
.row {margin-bottom : 1px; padding : 4px; } 
.row label.name {padding: 5px;background: #ccc; width:25%;float:left;} 
.row label.name span {color : #ccc; } 
.row .value {padding: 5px;}
.row .value.wrappedtext {margin-left : 25%;  } 
.row .value input.text.shorttext {width : 100px; } 
.row.required {background : #ccc; } 
.row.invalid {color:#8c3030;background:#edd} 

.overlay{
 position:absolute;
 height:32px;
 width:32px;
 margin:5px;
 display:none;
}
.overlayleft {
 top:0;
 left:25px; 
}
.overlaygift {
 top:0;
 left:133px;
 margin:2px;
}
.overlayheart {
 top:100px;
 left:133px;
 margin:2px;
}
.liked,.unliked:hover{color:red;}
.gift,.overlaygift:hover{color:purple;}

 
/*Align*/
.center {text-align:center;margin:auto;}
.left{float:left;}
.right{float:right;}

/*Layout*/
.leftsq,.leftsq-new {float: left; color:#fff; width: 40px; font-weight:700; line-height:20px; height: 100%; background:#e66600;}
.leftsq-new {line-height:40px;background:#ffde00;}
.products-table-amazon {width:auto;margin:auto; padding-top: 20px;height:200px; text-align:center;overflow:auto;overflow-y: hidden; }
.products-amazon{width:150px;display:table-cell;vertical-align:top;padding:10px;}
.products {width: 100%; text-align: center;display:inline-block;overflow:hidden;margin-bottom:5px;}
.producttitle {background: #ddd;vertical-align:bottom;}
.producttitle .title {padding:5px 0 0 5px;text-align:left;font-size:.8em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.producttitle .price {padding-right:5px;font-weight:700;color:#000;}
.producttitle .price .save {color:#e66600;}
.products-amazon .producttitle{width:150px;}
.featured {margin-left:20px;}
.featured p {display:inline-block;width:120px;}
tr.tablehead th,tr.tablehead td{font-weight:700;padding:5px;vertical-align:middle;}
tr.tablehead th.last{border-right:0 none;}
tr.tablehead th a{font-weight:700;}
.productsmall{width:90%;background:#fff;margin:auto;}

/*Links*/
a:hover{text-decoration:underline;}

/*Headers*/
h1,h2{clear:both;font-size:1.2em;font-weight:800;margin-bottom:20px;padding:10px;max-width:100%;}
h3{font-size:1em;margin:0;padding:5px;}
.linktitle{font-size:1em;padding:10px;}
.linktitle a{padding-bottom:0;}
h4,h5{font-size:.9em;padding:5px;}

/*Page specific*/
#detailed{margin:5px auto;padding:0;max-width:800px;}
#detailed h1{font-size:1.3em;padding:1%;text-align:center;width:100%;}
#detailed hr{width:75%; margin:auto;}
#detailed ul{clear:left;text-align:left;}
#detailed .description{margin:0 auto;overflow:hidden;max-width:750px;}

/*Listings*/
.linklisting{margin:10px;padding:0;max-width:100%;display:inline-block;vertical-align:top;}
p.linkurl a{font-size:.9em;}
p.linkreview{float:right;font-size:.9em;}
.review{margin:20px auto;padding:5px;width:80%;}
.productlisting{margin:15px auto;padding:0;max-width:500px;}
.description {margin:0;overflow:hidden;padding:5px;}
p.actions a{font-size:.8em;padding:1px 4px;}
.review h4.reviewsubject{margin:10px 0 0;}
.review h5.reviewbyline{font-weight:400;}
.review p.reviewer{margin:0 0 2px;}
.productlisting h3{padding:3px;}
.pricebox{float:right;margin:6px;width:220px;}
.productactions,.linkactions{clear:both;margin:2px 0;padding:0;}
.productactions li,.linkactions li{float:left;margin:2px;}
.productactions a,.linkactions a{padding:1px 4px;}
.productactions a:hover,.linkactions a:hover{padding:1px 4px;}
.new-item,.updated-item,.popular-item,.bookmark-default{font-size:.8em;font-weight:700;vertical-align:text-top;}
.new-item span,.updated-item span,.popular-item span,.bookmark-default span{padding:0 3px;}
#bookmark_list .folders .description{margin:0 0 10px 20px;}
.bookmark_link .comments label{font-weight:700;}
.bookmark_link .comments label span{font-weight:400;}
ul.catlist,#home dl{display:inline;margin-bottom:10px;margin-left:0;margin-top:2px;padding-left:5%;}
ul.catlist li a{font-size:1.1em;}
ul.catlist li{margin:0 0 0 20px;}
ul.catlist li{padding-bottom:4px;}
.margin{margin:auto;max-width:90%;}
.titlebar{font-size:1.2em;margin:2px 2px 0 2px;text-align:left;margin-bottom:20px;padding:2px;}
.index{font-size:1em;font-weight:800;margin:0;padding:5px;text-align:left;}
ul.belowtitle{float:right;margin:0 0 20px;padding:0;}
ul.belowtitle{border-right:2px solid #fff;}
ul.belowtitle li{float:right;}
ul.belowtitle a{display:block;font-size:1em;padding:3px 5px;}

.special-long{margin:10px auto;text-align:center;width:86%;}
.special-long h3{font-size:1em;margin:0 10px 0 0;padding:5px;text-align:left;}
.special,.special_expired{display:block;margin:10px auto;line-height:150%;text-align:center;max-width:468px;}
.special h4,.special_expired h4{font-size:1em;padding:5px;}
.special ul,.special_expired ul,.special ol,.special_expired ol{text-align:left;}
.reviewstats{height:185px;margin:10px;padding:0;}
.reviewstats .graphrow{background:transparent url(/links/images/default/graph_mid.gif) no-repeat scroll left top;}

.code{background:#FF0;border:2px dashed #555;display:inline;font-weight:700;margin:5px;padding:5px;}
.special_expired .code{background:#ddd}
.code a{padding:5px;color:#000;}
.code a:hover{padding:5px;}
.save{display:inline;font-weight:700;}
#myshops_right {padding:10px;margin:0;}
.below {margin-top:100px;padding-top:100px;}
.news {max-width:650px;margin:auto;border:1px dashed;padding:5px;}
.description .news {max-width:530px;}
#home dt, #home dd {margin : 0 0 0 20px;}
#home dd {padding-bottom : 10px; } 
/*Forms*/
.formsubmit{margin-top:10px;text-align:right;}
/*Maps*/
.google-maps img{max-width: inherit;}
.google-maps label { width: auto; display:inline; } 
.google-maps {width: 90%; height: 400px;margin:auto;}
/*Community*/
#logindiv,#logoutdiv{border:1px;max-width:500px;margin:auto;padding:20px;}
.prodimg {vertical-align:bottom;height:150px;width:150px;}

.bottom-responsive { width: 320px; height: 50px; }
@media(min-width: 500px) { .bottom-responsive { width: 468px; height: 60px; } }
@media(min-width: 800px) { .bottom-responsive { width: 728px; height: 90px; } }
.top-responsive { width: 120px; height: 50px; }
@media(min-width: 500px) { .top-responsive { width: 320px; height: 50px; } }
@media(min-width: 800px) { .top-responsive { width: 468px; height: 60px; } }