/*
CSS lsitings template for rapidwarehouse-tech
copywrite Gingebotics 2012
*/
/* ---------- listing body css --------------- */
.gg208tempbody .datagrid table { border-collapse: collapse; text-align: left; width: 100%; }
.gg208tempbody .title {line-height: 150%;margin-left: auto;margin-right: auto;width: 100%;font-size: 170%;font-weight:bold; text-align:center;background: #fff; overflow: hidden;}
.gg208tempbody .sectiontitle {margin-left: auto;margin-right: auto;width: 100%;font-size: 150%;font-weight:bold; text-align:left;background: #fff; overflow: hidden;}
.gg208tempbody .sectionsubtitle {margin-left: auto;margin-right: auto;width: 100%;font-size: 125%;font-weight:bold; text-align:left;background: #fff; overflow: hidden;}
.gg208tempbody .img {text-align: center; padding: 10px 0 10px 0;}
.gg208tempbody .img img {text-align: center; padding: 10px 10px 10px 10px;border: 0;height: 250px;}
.gg208tempbody {padding-left: 50px; padding-right: 50px;margin-left: auto;margin-right: auto;text-align:left;width: auto;font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden;}
.gg208tempbody .datagrid {margin-left: auto;margin-right: auto;margin-top: 10px;margin-bottom: 10px;width: 100%;font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #8C8C8C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.gg208tempbody .datagrid table td,
.gg208tempbody .datagrid table th { padding: 3px 10px; }
.gg208tempbody .datagrid table tbody td { color: #333333; border-left: 1px solid #DBDBDB;font-size: 12px;border-bottom: 1px solid #E1EEF4;font-weight: normal; }
.gg208tempbody .datagrid table tbody .alt td { background: #EBEBEB; color: #333333; }
.gg208tempbody .datagrid table tbody td:first-child { border-left: none; }
.gg208tempbody .datagrid table tbody tr:last-child td { border-bottom: none; }
/*------------ header css ----------------- */
.header-box{
position: relative;
font: normal 16px Arial, Helvetica, sans-serif;
font-weight: bold;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 100%;
height: 200px;
background-color: #EBEBEB;
}
.header-container{
margin: 0px 3px 0px 0px;
}
.links a{
text-decoration:none;
padding: 0 10px;
display: inline-block;
}
.links a:link{color:#000000;}
.links a:visited{color:#000000;}
.links a:hover{color:#f72;}
.links a:active{color:#f72;}
.bottom {
position: absolute;
left:0;
width:100%;
bottom:0;
text-align:center;
}
.bullets{
overflow: hidden;
height: 30px;
list-style: none outside none;
display: inline-block;
margin: 0;
padding: 0 50px 0 50px;
/* For IE, the outcast */
zoom:1;
*display: inline;
}
.bullets li{
font-size:0.8em;
color: #666a6f;
float: left;
background-repeat: no-repeat;
padding: 5px 20px 10px 30px;
text-transform: uppercase;
overflow:hidden;
}
.bullets li#b-1{
background-image: url(http://ebay.rapidwarehousews.co.uk/rwtech/images/truck_delivery.png);
}
.bullets li#b-2{
background-image: url(http://ebay.rapidwarehousews.co.uk/rwtech/images/play.png);
}
.bullets li#b-3{
background-image: url(http://ebay.rapidwarehousews.co.uk/rwtech/images/speechmedia.png);
}
.bullets li#b-4{
background-image: url(http://ebay.rapidwarehousews.co.uk/rwtech/images/shoppingcart.png);
}
.payment{
float:center;
position: relative;
text-align: right;
z-index:1;
overflow:hidden;
width:100%;
}
.links{
background-color: #ffffff;
border: 1px solid #CCC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 17px 17px 0 25px;
padding: 10px;
white-space: nowrap;
overflow:visible;
}
.middle{
overflow:hidden;
width:100%;
height: 100px;
}
.top{
overflow:hidden;
width:100%;
height:60px;
}
.left-container{
float: left;
width: 50%;
z-index:1;
position:relative;
}
.right-container{
position:relative;
float: left;
width:49%;
z-index:2;
}
.middle .left-container{
min-width: 450px;
}
.right-aligner{
float:right;
}
.logo-top{
position: relative;
width: 500px;
margin: 20px 0 0 0;
}
.logo{
width: 500px;
margin: 0 0 0 0;
}
/* -------------- menu css --------------- */
.side-menu{
margin: -10px 0 0 0;
max-width: 210px;
min-width: 140px;
}
#side{
	font: normal 12px/150% Arial, Helvetica, sans-serif;
        width: 100%;
        border: 0px solid #CCC;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        height: auto;
	color:#e3e3e3;
  float:left;
  display:inline;
  position:relative;
  overflow:hidden
}

/* --- Links --- */

a:hover, a:focus, a:active {border-color:#bcd; text-decoration:none; outline:0 none}

#side a {display:block;
        margin: 5px 0 0px 0;
        padding: 7px 0 5px 20px;
        font-weight: bold;
        background-color: #EBEBEB;
        border: 1px solid #CCC;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
	text-decoration:none;
	color:#000000;
}
#side a:hover, #side a:active, #side a:focus {background-color:#333334}
a.trigger {padding-left:20px; background-image: url(http://ebay.rapidwarehousews.co.uk/rwtech/images/plus.png); background-repeat: no-repeat; background-position: 1px 50%;  font-weight:700}
a.trigger.open {background-image: url(http://ebay.rapidwarehousews.co.uk/rwtech/images/arrow.png)}
/* --- Accordion --- */
.js #side .accordion {display:none}
.accordion {margin:0; padding:0 0}
.accordion li {list-style-type:none}
#side ul.accordion ul {margin:0; padding:0 0 0 10px;}
/*
  Add styles for all links in the 'accordion':
.accordion a {...}
*/
#side a.trigger {padding-left:20px;  background-repeat: no-repeat; background-position: 1px 50%;  font-weight:700}
.last-child a.trigger{padding-left:1px; background-image:none; font-weight:normal}
#side a.active{font-weight:700; color:#f72; text-decoration:none}
/*
Search css
*/
.search-box p {
font: normal 12px/150% Arial, Helvetica, sans-serif;
}
.search-box {
	padding: 5px 0 5px 20px;
        font-weight: bold;
        background-color: #EBEBEB;
        border: 1px solid #CCC;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
	text-decoration:none;
	color:#000000;
}
.search-box UL {
	padding: 0;
}
.search-box UL li{
	list-style-type: none;
}

.search-box UL li #Search-Query{
	width:75%;
	position: relative;
	padding: 0px 0 0px 5px;
        border: 1px solid #CCC;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    color: #B3B3B3;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    height: 23px;
    line-height: 23px;

}
.search-box UL li #Search-Submit{
background-image: url(http://ebay.rapidwarehousews.co.uk/rwtech/images/search.png);
color: #EBEBEB;
background-color: #EBEBEB;
border: 0 none;
height: 23px;
width: 23px;
cursor: pointer;
}
/*** Listing frame setting ***/
#container {
padding-left: 0;      /* LC width */
padding-right: 0;     /* RC width */
}
#container .column {
position: relative;
float: left;
}
#center {
	width: 100%;
}
#left {
width: 220px;             /* LC width */
right: 220px;             /* LC width */
margin-left: -100%;
display:none;
}
#footer {
clear: both;
}
#footer {
height:20px;
}
#container .column {
padding-top: 15px;
}

/* hide header and tabs and then display for screens over 800px */

#header {
	display: none;
}
#tabs {
	display: none;
}


@media screen and (min-device-width: 1025px){
	#container {
	padding-left: 220px;      /* LC width */
	padding-right: 0;     /* RC width */
	}
	#container .column {
	position: relative;
	float: left;
	}
	#center {
		width: 100%;
	}
	#left {
	width: 220px;             /* LC width */
	right: 220px;             /* LC width */
	margin-left: -100%;
	display:inline;
	}
	#footer {
	clear: both;
	}
	#footer {
	height:20px;
	}
	#container .column {
	padding-top: 15px;
	}
	#header {
		display: inline;
	}
	#tabs {
		display: block;
	}


}


/*----- remove border on image links for ie ----------*/
#header img{
border:0;
}
/*----- remove lt ie9 only text ----------*/
#tabs .sectiontitle{
display:none;
}