/* CSS Document */

/* General */

html > body {
background-color:#ffffff;
color:#333333;
padding:0;
margin:0;
font-size:62.5%;
line-height:1.2em;
font-family:arial, verdana;
background:url(images/bg.gif) repeat-y center;
}

body {
background-color:#ffffff;
color:#333333;
padding:0;
margin:0;
font-size:62.5%;
line-height:1.2em;
font-family:arial, verdana;
text-align:center;
background:url(images/bg.gif) repeat-y center;
}

p {padding:0;margin:0;padding-bottom:10px;}
ul {padding:0;margin:0;}
li {padding:0;margin:0;}
ul ul {padding:0;margin:0;}
ul ul li {padding:0;margin:0;}
div {padding:0;margin:0;}
form {padding:0;margin:0;}

form fieldset {padding:0;margin:0;border:0;}
img {border:0;}
sup {font-size:0.6em;}

a {color:#8f8c5b;text-decoration:none;}
a:hover {color:#57553a;text-decoration:none;}

#container {
width:770px;
margin:0 auto;
text-align:left;
padding-top:35px;
position:relative;
left:0;
}

#organic {
position:relative;
z-index:1;
width:60px;
height:60px;
top:95px;
left:360px;
}

#organic2 {
display:block;
clear:right;
float:right;
width:60px;
height:60px;
padding:20px 20px 0 0;
}

#organic3 {
display:block;
clear:right;
float:right;
width:85px;
height:85px;
padding:20px 0 0 0;
}

/* TOP */

#logo {
display:block;
float:left;
width:223px;
height:31px;
padding:0;
}

#panel {
float:right;
height:25px;
background:#e4e3d7;
font-size:1.3em;
line-height:1.3em;
font-weight:bold;
margin-top:4px;
}

#panel a {
display:block;
float:left;
text-align:center;
height:27px;
padding-top:3px;
}

#panel a.basket {
width:170px;
color:#57553a;
}

#panel a:hover.basket {
color:#363420;
}

#menu {
clear:left;
float:left;
width:595px;
height:34px;
padding:25px 0 20px 0;
}

#menu li {
float:left;
height:34px;
width:120px;
list-style:none;
}

#menu li a {
display:block;
text-align:center;
height:25px;
padding-top:5px;
font-size:1.3em;
line-height:1.4em;
font-weight:bold;
border-bottom:#e4e3d7 solid 4px;
}

#menu li a.active {color:#57553a;border-bottom:#c7c6be solid 4px;}

/* CONTENT */

#content {
clear:both;
width:770px;
overflow:hidden;
}

#content1 {
clear:both;
width:770px;
overflow:hidden;
}

#checkout {
font-size:1.3em;
line-height:1.2em;
color:#8f8c5b;
}

#checkout table {
font-size:1em;
line-height:1em;
color:#8f8c5b;
}

#checkout a {color:#57553;}

#checkout h1 {
clear:both;
font-size:1.3em;
line-height:1.2em;
color:#57553a;
}

#checkout h2 {
clear:both;
font-size:1.2em;
line-height:1.2em;
color:#57553a;
margin-top:30px;
}

#home {
display:block;
float:left;
width:597px;
height:397px;
margin-right:13px;
background:#6A674A;
}

#who-we-are {
display:block;
float:left;
width:597px;
height:347px;
padding:50px 13px 0 0;
background:url(images/who-we-are.jpg) top left no-repeat;
font-size:1.3em;
line-height:1.2em;
color:#8f8c5b;
}

#about-our-t-shirts {
display:block;
float:left;
width:365px;
height:367px;
padding:30px 45px 0 200px;
background:url(images/about-our-t-shirts.jpg) top left no-repeat;
font-size:1.3em;
line-height:1.1em;
color:#8f8c5b;
}

#contact-us {
display:block;
float:left;
width:217px;
height:357px;
padding:40px 13px 0 380px;
background:url(images/contact-us.jpg) left bottom no-repeat;
font-size:1.2em;
line-height:1.2em;
color:#8f8c5b;
}

#contact-us a {
text-decoration:underline;
font-weight:bold;
}

#faqs {
display:block;
float:left;
width:582px;
height:382px;
padding:15px 0 0 15px;
margin-right:13px;
background:url(images/faqs.jpg) left bottom no-repeat;
font-size:1.3em;
line-height:1.2em;
color:#8f8c5b;
}

#faqs a {
text-decoration:underline;
font-weight:bold;
}

#faqs select {
display:block;
margin:15px 0 20px 0;
padding:2px;
width:300px;
height:24px;
background:#fff;
border:1px solid #8f8c5b;
color:#8f8c5b;
}

#terms-conditions {
display:block;
float:left;
width:570px;
padding:30px 27px 0 13px;
font-size:1.3em;
line-height:1.2em;
color:#8f8c5b;
overflow:hidden;
}

.home-bestseller {
float:left;
width:160px;
height:192px;
margin-bottom:13px;
background:#57553a;
font-size:1.3em;
line-height:1.3em;
}

.home-bestseller img {
display:block;
width:160px;
height:174px;
}

.home-bestseller strong {
float:left;
width:70px;
height:18px;
padding-left:10px;
text-align:left;
font-weight:normal;
}

.home-bestseller em {
float:left;
width:70px;
height:18px;
padding-right:10px;
text-align:right;
font-style:normal;
}

.home-bestseller a:hover {
color:#e1e0cc;
}

.error {
clear:both;
width:770px;
overflow:hidden;
font-size:1em;
}

/* BOTTOM */

#bottom {
clear:both;
float:left;
width:770px;
height:25px;
margin:13px 0 7px 0;
background:#e1e0cc;
}

#bottom img {
display:block;
float:left;
}

#bottom a.bean {
display:block;
float:left;
width:29px;
height:25px;
background:url(images/bean.jpg) no-repeat top left;
}

#bottom a.bean:hover {
display:block;
float:left;
width:29px;
height:25px;
background:url(images/bee.jpg) no-repeat top left;
}

#bottom strong {
display:block;
float:left;
width:600px;
padding:6px 0 0 13px;
color:#6a6c6e;
font-size:1.1em;
line-height:1.1em;
font-weight:normal;
}

#bottom a.terms {
display:block;
float:right;
width:120px;
height:20px;
padding-top:6px;
text-align:center;
color:#6f6f68;
font-size:1.1em;
line-height:1.1em;
font-weight:normal;
}

#bottom a.terms:hover {
color:#333;
}

#bottom2 {
clear:both;
float:left;
width:770px;
height:52px;
}

#bottom2 a {
display:block;
float:left;
width:150px;
height:52px;
}

#origin{ float:left; margin-left:30px}

#bottom2 a img {
display:block;
float:right;
width:47px;
height:52px;
margin-left:7px;
}

/* PRODUCTS */

.product {
float:left;
width:170px;
height:310px;
padding:10px 80px 0 0;
overflow:hidden;
}

.product a {
display:block;
}

.product .product-pic {
width:170px;
height:230px;
text-align:center;
}

.product .product-pic img {
width:170px;
height:230px;
}

.product strong {
float:left;
width:130px;
height:20px;
padding:3px 0 0 0;
font-size:1.2em;
line-height:1.2em;
font-weight:normal;
}

.product em {
float:left;
width:40px;
height:20px;
padding:3px 0 0 0;
font-size:1.2em;
line-height:1.2em;
font-style:normal;
text-align:right;
color:#57553a;
}

.product .product-more {
float:left;
width:170px;
height:22px;
background:#e1e0cc;
}

.product .product-more strong {
float:left;
width:78px;
height:19px;
padding:3px 0 0 7px;
font-size:1.2em;
line-height:1.2em;
font-weight:normal;
color:#57553a;
}

.product .product-more em {
float:left;
width:78px;
height:19px;
padding:3px 7px 0 0;
font-size:1.2em;
line-height:1.2em;
font-style:normal;
text-align:right;
color:#8f8c5b;
}

.product small {
display:block;
clear:both;
width:170px;
height:20px;
padding:7px 0 0 0;
font-size:1.1em;
line-height:1.1em;
font-style:normal;
color:#999;
}


/* PRODUCT - DETAILS */

#content-product {
clear:both;
width:770px;
padding-top:20px;
overflow:hidden;
color:#8f8c5b;
}

#content-product #product-pic {
float:left;
width:400px;
overflow:hidden;
text-align:left;
}

#content-product #product-info {
float:left;
width:370px;
overflow:hidden;
}

#content-product #product-info h1 {
float:left;
margin:0;
padding:0;
width:230px;
height:40px;
font-size:2em;
line-height:1.4em;
font-weight:normal;
}

#content-product #product-info a.nextrandom{
display:block;
float:right;
width:138px;
height:25px;
font-size:1.2em;
line-height:1.9em;
color:#57553a;
background:url(images/arrow-right.gif) top left no-repeat;
}

#content-product #product-info a.nextrandom:hover{
color:#333;
}

#content-product #product-info p {
clear:both;
margin:0;
padding:0 0 13px 0;
font-size:1.3em;
line-height:1.2em;
font-weight:normal;
}

#content-product #product-info h2 {
display:block;
clear:both;
margin:0;
padding:3px 0 0 5px;
width:365px;
height:22px;
font-size:1.5em;
line-height:1.2em;
font-weight:normal;
color:#57553a;
background:#e4e3d7;
}


#content-product #product-info small {
font-size:0.7em;
line-height:0.7em;
font-style:normal;
}

#content-product .colours {
display:block;
float:left;
margin:5px 13px 13px 5px;
width:80px;
height:105px;
}

#content-product #product-info .content-product-size {
float:left;
padding-right:15px;
width:176px;
height:110px;
}

#content-product #product-info h3 {
margin:0 0 13px 0;
padding:3px 0 0 5px;
width:171px;
height:22px;
font-size:1.4em;
line-height:1.3em;
font-weight:normal;
color:#57553a;
background:#e4e3d7;
}

#content-product #product-info h5 {
margin:0 0 13px 0;
padding:3px 0 0 5px;
width:370px;
height:22px;
font-size:1.4em;
line-height:1.3em;
font-weight:normal;
color:#57553a;
background:#e4e3d7;
}

#content-product #product-info .content-product-size select {
display:block;
margin:0 0 3px 0;
padding:2px;
width:155px;
height:21px;
background:#fff;
border:1px solid #8f8c5b;
color:#8f8c5b;
font-size:1.2em;
line-height:1.1em;
}

#content-product #product-info h4 {
margin:0;
padding:3px 0 0 5px;
width:171px;
height:22px;
font-size:1.4em;
line-height:1.3em;
font-weight:normal;
color:#57553a;
background:#e4e3d7;
}

#content-product #product-info .content-product-size input {
display:block;
margin:13px 0 0 0;
padding:2px 2px 0 2px;
width:25px;
height:20px;
background:#fff;
border:1px solid #8f8c5b;
color:#8f8c5b;
font-size:1.3em;
line-height:1.2em;
}

#content-product #product-info #price {
clear:both;
width:370px;
height:25px;
color:#57553a;
background:#7f7e69;
font-size:1.5em;
line-height:1.5em;
}

#content-product #product-info #price strong {
display:block;
float:left;
width:80px;
height:25px;
font-weight:normal;
color:#fff;
background:#79775c;
text-align:center;
}

#content-product #product-info #price .wish {
display:block;
float:right;
widht:103px;
height:17px;
margin:3px 3px 7px 3px;
color:#fff;
}

#content-product #product-info #price input {
display:block;
float:right;
widht:55px;
height:20px;
margin:3px 3px 2px 7px;
color:#fff;
}

#content-product #product-info #price a:hover {
color:#333;
}

#content-product #product-info a.morepics {
display:block;
float:left;
margin:40px 12px 0 0;
width:115px;
height:160px;
font-size:1.2em;
line-height:1.3em;
}

/* RANDOM PRODUCTS - HOME */

#home-random .product {
float:left;
width:110px;
height:135px;
padding:13px 0 0 0;
overflow:hidden;
text-align:center;
overflow:hidden;
}

#home-random .product a {
display:block;
}

#home-random .product img {
width:80px;
height:105px;
}

#home-random .product strong {
display:block;
width:110px;
height:12px;
padding:3px 0 0 0;
font-size:1em;
line-height:1em;
font-weight:normal;
text-align:center;
}

#home-random .product em {
display:block;
width:110px;
height:12px;
font-size:1em;
line-height:1em;
font-style:normal;
text-align:center;
color:#57553a;
}