/* @override 
http://localhost:8888/dt/teddysbathroomsandkitchens/preview/store.css
http://erolhosting.co.uk/teddys/erol/store.css
*/

html, body {
height: 100%;
}

body {
font-size: 62.5%;
font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
background: #e6e6e6;
color: #333;
}


* {
margin: 0;
padding: 0;
font-size: 1.0em;
}

/* @group General Styles */

img {
border: 0;
}

ul {
list-style-position: outside;
list-style: none;
}

li {
list-style: none;
}

del {
color: #4B423C;
}

a {
color: #4B423C;
}

a:active {
outline: none;
}

a:hover {
color: #C85A17;
text-decoration: underline;
}

input.text, .Quantity_Ordered, #checkout_content fieldset input, .Product_Quantity {
padding: 0.4em 2px 0.3em 2px;
border-width: 0  1px 1px 1px;
border-style: solid;
border-color: #c6c6c6;
background: #fff url(images/site/inputtext-top.gif) repeat-x;
}

#e_page p{
line-height: 1.5em;
}

p {
margin: 1.0em 0;
}

.larger {
font-size: 1.4em;
}

h1 {
font-size: 2.2em;
font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.14em;
margin: 0.9em 0 0.9em 0;
}

h2 {
font-size: 1.4em;
margin: 1.0em 0;
font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
}

h3 {
font-size: 1.2em;
margin-bottom: 1.0em;
font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
margin: 1.0em 0;
}

h4 {
margin: 1.0em 0;
font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
}

.replace{
text-indent: -9999em;
}

input.text, .Quantity_Ordered, #checkout_content fieldset input, .Product_Quantity, #SearchField {
padding: 0.4em 2px 0.3em 2px;
border-width: 1px;
border-style: solid;
border-color: #7c7c7c #c6c6c6 #c6c6c6 #c6c6c6;
background: #fff url(images/site/input-text.gif) repeat-x;
}

hr.thick{
clear: both;
position: relative;
float: left;
width: 740px;
height: 5px;
border: 0;
background: #333;
margin: 0.83em 0 1.4em;
display: block;
}

address{
margin: 1.0em 0;
line-height: 1.5em 0;
font-style: normal;
}

/* @end */

/* @group Main Blocks */

#master{
width: 960px;
margin: 2.0em auto;
}

#master2{
float: left;
width: 940px;
background: #fff;
padding: 2.0em 0 2.0em 20px;
}

#e_toolbar{
float: left;
border-bottom: 1px solid #333;
}

#colsandcontent{
float: left;
width: 940px;
clear: both;
padding: 2.0em 0 0 0;
}

#e_pagewrap{
width: 760px;
float: right;
font-size: 1.2em;
}

#e_menu{
width: 160px;
float: left;
}

#footer{
clear: both;
float: left;
width: 100%;
font-size: 1.2em;
border-top: 1px solid #333;
margin: 2.0em 0;
padding: 1.0em 0;
}

/* @end */

/* @group e_toolbar */

#header{
background: #C85A17 url(images/site/header-angles.gif) no-repeat right;
float: left;
width: 920px;
}

#header a{
text-decoration: none;
}

#logowrap{
padding: 1.0em 10px;
float: left;
}

#logowrap2{
background: url(images/site/logo-teddys.gif) no-repeat;
padding: 0 0 0 270px;
width: 380px;
}

#logowrap .logotext{
background: url(images/site/logo-text.gif) no-repeat;
width: 165px;
height: 72px;
margin: 0;
}

#logowrap p{
margin: 1.0em 0 0 0;
font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
font-size: 1.2em;
color: #fff;
}

#logowrap p strong{
font-weight: normal;
}

#phonenumbers{
float: right;
color: #fff;
padding: 0 20px 0 0;
width: 210px;
font-size: 1.4em;
text-align: right;
line-height: 1.6em;
}

#navpages{
float: left;
width: 920px;
padding: 0.5em 0;
font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
clear: both;
}

#navpages a{
text-decoration: none;
}

#navpages ul{
float: left;
border-left: 1px solid #ccc;
}

#navpages ul li{
float: left;
border-right: 1px solid #ccc;
font-size: 1.4em;
}

#navpages ul li a{
float: left;
display: block;
padding: 0.4em 20px;
}

#searchbar{
float: right;
margin: 0.1em 0px 0 0;
font-size: 1.4em;
width: 220px;
text-align: right;
}

#SearchField{
font-size: 0.9em;
width: 150px;
float: left;
display: block;
margin: 0;
}

#SearchTemplate{
display: none;
}

#SearchMethod{
display: none;
}

#searchbar a{
background: #999;
color: #fff;
padding: 0.3em 0px 0.4em 0;
display: inline-block;
width: 60px;
text-align: center;
}

#searchbar a:hover{
background: #C85A17;
}

/* @end */

/* @group e_menu */

#e_menu{
font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
}

.menulinks{
border-right: 1px solid #333;
padding-right: 10px;
float: left;
width: 150px;
}

#e_menu a{
text-decoration: none;
}

#e_menu h3{
margin: 0 0 0.1em 0;
font-size: 1.4em;
}

#e_menu li{
margin: 0 0 1.5em 0;
}

#e_menu .subsections li{
margin: 0;
line-height: 1.4em;
font-size: 1.2em;
}

.otherlinks{
font-size: 1.4em;
border-top: 1px solid #ccc;
margin: 1.0em 0 0 0;
}

#e_menu .otherlinks li{
margin: 01.0em 0;
}

.freequote a{
height: 130px;
width: 160px;
background: url(images/site/text-freequote.gif) no-repeat;
clear: both;
display: block;
float: left;
margin: 1.0em 0 0 0;
}

/* @end */


/* @group e_page */

/* @group Product */

.product{
margin: 1.6em 0;
float: left;
width: 100%;
}

.product .imgmain{
float: left;
margin: 0 10px 0 0;
}

.product .text{
width: 180px;
float: left;
}

.product h2{
margin: -0.1em 0 0 0;
color: #C85A17;
font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
font-size: 1.56em;
font-weight: normal;
}

/* @end */

#e_page a{
color: #D88B5C;
}

#e_page a:hover{
color: #C85A17;
}

/* @group Home / Featured Images */

#e_page .featuredimg a{
text-decoration: none;
color: #000;
}

.featuredimg{
position: relative;
width: 740px;
}

.featuredimg h1{
margin: 0;
}

.featuredimg h1 span{
background: url(images/site/transbg.png);
}

.featuredimg h1 span a:hover{
position: relative;
}

.featuredimg h1 .first{
position: absolute;
top: 190px;
left: 0px;
padding: 0.1em 40px 0.1em 20px;
}

.featuredimg h1 .second{
position: absolute;
top: 150px;
right: 0px;
padding: 0.1em 20px 0.1em 40px;
}

.featuredimg h1 .third{
position: absolute;
top: 80px;
left: 0px;
padding: 0.1em 40px 0.1em 30px;
}

.featuredimg h1 .fourth{
position: absolute;
top: 80px;
right: 0px;
padding: 0.1em 40px 0.1em 40px;
}

.titleimg{
position: relative;
}

.titleimg h1{
position: absolute;
background: url(images/site/transbg.png);
top: 30px;
left: 0px;
margin: 0;
padding: 0.1em 40px 0.1em 20px;
}

/* @end */

/* @group Text */

.textsection{
margin: 0.83em 0;
clear: both;
}

.textsection h2{
color: #C85A17;
font-size: 1.56em;
line-height: 1.2em;
margin: 1.0em 0 -0.5em 0;
font-weight: normal;
}

.onecol{
width: 740px;
}

.twocols .col{
margin-right: 20px;
width: 360px;
float: left;
}

.twocols .col img{
margin: 1.66em 0 0 0;
}

#e_page .textsection .textstandout{
color: #C85A17;
font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
font-size: 1.56em;
line-height: 1.2em;
margin: 0.7em 0;
}

#e_page .textsection .textstandout.shorter{
width: 480px;
margin-top: 0.4em;
float: left;
padding-right: 280px;
}

/* @end */

/* @group Image Selection / Category Page */

.imgselection{
float: left;
margin: 0 0 0.83em 0;
}

.imgselection h2{
padding: 0em 0 0.83em 0 ;
clear: both;
width: 100%;
margin: 0;
}

.imgselection .row{
clear: both;
float: left;
width: 760px;
margin: 0 0 1.62em;
}

.imgselection .row p{
font-size: 0.83em;
color: #999;
margin-bottom: 0;
}

.imgselection.fiveperrow .item{
width: 140px;
}

.imgselection.sixperrow .item{
width: 110px;
}

.imgselection .item{
float: left;
margin: 0 10px 0 0;
}

.imgselection h3{
margin: 0.3em 0;
font-size: 1.0em;
}

.imgselection a{
text-decoration: none;
}

/* @end */

/* @group Search Results */

.searchresults table{
padding: 0;
border-collapse: collapse;
margin: 0;
}

.searchresults table td{
vertical-align: top;
margin: 0;
padding-bottom: 0.5em;
}

.searchresults .item{
margin-right: 10px;
width: 140px;
}

.searchresults .item h3{
font-size: 1.0em;
margin-top: 0.2em;
margin-bottom: 0.5em;
}

.searchresults .item a{
text-decoration: none;
}

.searchresults .item p{
font-size: 0.83em;
color: #999;
}

/* @end */


/* @end */

#footerlinks span{
float: left;
display: block;
}

#footerlinks ul{
float: left;
}

#footerlinks li li{
float: left;
padding: 0 10px 0 8px;
background: url(images/site/separator-darkgrey.gif) no-repeat right;
}

#footer p{
clear: both;
float: left;
width: 920px;
margin: 0.5em 0;
}