/* brand v1.6 */
body { width:100%; height:100%; }
#kk-brand {height:25px; background-color:#000000; display:block; width:100%; position:fixed;
top:0; z-index:100; text-align:left; font-size:11px;} /* reset for ie 6 */


#kk-brand h1 {float:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; margin:0px; padding:0px; line-height:24px; clear:both; letter-spacing:normal; text-transform:inherit; text-align:left; font-weight:bold;}
#kk-brand h1 a {color:#FFFFFF; text-decoration:none;}
#kk-brand .container {width:95%; margin-left:auto; margin-right:auto;}
#kk-brand ul {background-color:#FFFFFF; border:0px; font-size:10px; text-transform:uppercase; height:15px; line-height:15px; color:#000000; font-family:Arial, Helvetica, sans-serif; float:right; margin:5px 0px 0px 0px; padding:0px; vertical-align:middle; width:150px; text-indent:3px; position:relative;}
#kk-brand ul li {padding:0px; margin:0px; list-style-type:none; background-image:url(http://www.kith-kin.co.uk/images/brand/more.gif); background-repeat:no-repeat; background-position:top right; cursor:default;}
#kk-brand ul li a {display:block; text-decoration:none; color:#666666; outline:none;}
#kk-brand ul li ul li a { cursor:pointer;} 
#kk-brand ul li a:hover {color:#000000;}
#kk-brand ul li ul {height:45px; overflow:auto; margin:0px; display:none; position:absolute; z-index:100; top:15px; left:0px;}
#kk-brand ul li:hover ul {display:block;}
#kk-brand.active ul li:hover ul {display:none;} /* let jquery fade */
#kk-brand ul li ul li {background-image:none; height:15px;}
 
 
 
body {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
padding:0px;
background-image:url(../images/crop_marks.gif);
background-position:center top;
background-repeat:no-repeat;
}

img { behavior: url(http://www.kith-kin.co.uk/shop/styles/iepngfix.htc)}
.price { behavior: url(http://www.kith-kin.co.uk/shop/styles/iepngfix.htc)}
.shadow { behavior: url(http://www.kith-kin.co.uk/shop/styles/iepngfix.htc)}
.button { behavior: url(http://www.kith-kin.co.uk/shop/styles/iepngfix.htc)}
input.button { behavior: url(http://www.kith-kin.co.uk/shop/styles/iepngfix.htc)}
#process_overview #process h3, #process_overview #supplier h3 { behavior: url(http://www.kith-kin.co.uk/shop/styles/iepngfix.htc)}

#container {
background-color:#000000;
width:900px;
position:relative;
margin-left:auto;
margin-right:auto;
overflow:hidden;
min-height:900px;
padding-top:60px;
/*clip:rect(0px 900px 900px 0px);*/
}

#container_product {
background-color:#000000;
width:900px;
position:relative;
margin-left:auto;
margin-right:auto;
overflow:hidden;
height:900px;
clip:rect(0px 900px 900px 0px);
}

#containter.product {

}

/* #container {
background-color:#000000;
width:900px;
position:relative;
margin-left:auto;
margin-right:auto;
overflow:hidden;
min-height:900px;
padding-top:50px;
}*/

#container.nopad {
padding-top:20px;
}

/* start basket 
#container.product {
height:900px;
clip:rect(0px 900px 900px 0px);
}
*/


/* start basket */

.basket {
background-color:#FFFFFF;
font-size:11px;
width:200px;
margin-bottom:20px;
position:relative;}

.basket td {
padding-bottom:10px;
}

.basket div.pad {
padding:10px;
}

.basket h2 {
margin:0px;
padding:0px;
}

.basket a.red {
width:12px;
display:block;
text-align:center;
height:12px;
font-size:12px;
font-weight:bold;
line-height:10px;
text-decoration:none;
padding-left:5px;
}

.basket div.details a, .show_forgotten {
color:#999999;
text-decoration:none;
}

#header {
width:900px;
margin-left:auto;
margin-right:auto;
}
/* brand addition for non ie */
html > body #header { margin-top:25px;} 

.logo {
top:20px;
left:19px;
position:absolute;
z-index:10;
}

/* start footer */

#footer {
width:100%;
padding-top:10px;
padding-bottom:50px;
background-image:url(../images/crop_footer.gif);
background-repeat:no-repeat;
background-position:top center;
}

#footer_width {
width:900px;
margin-left:auto;
margin-right:auto;
}

#footer ul {
margin:0px;
padding:0px;
list-style-type:none;
}

#footer ul li {
margin:0px;
padding:0px;
float:left;
padding-right:10px;
padding-left:10px;
height:20px;
line-height:20px;
}

#footer ul li a {
background-color:#FFFFFF;
display:block;
text-decoration:none;
color:#000000;
padding-left:10px;
padding-right:10px;
text-transform:uppercase;
}

#footer a {
color:#000000;
}

/* product info + license */

#info {
margin-top:10px;
border:1px solid #666666;
}

#info div.left {
float:left;
padding:10px;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
height:20px;
width:36%;
}

#info div.bottom {
border-bottom:0px;
border-right:0px;
width:93%;
}

#info div.right {
float:right;
border-bottom:1px solid #000000;
padding:10px;
height:20px;
width:50%;
}

#info div.pad {
padding:5px;
}

#info div.pad h3 {
margin:0px;
padding:0px;
margin-bottom:5px;
text-transform:uppercase;
font-weight:normal;
color:#666666;
letter-spacing:1.1px;

}

#info a {
color:#000000;
}

/* end product info */

.clear {
clear:both;
}



hr {
border:1px solid #FFFFFF;
background-color:#FFFFFF;
height:1px;
}

#product h3 {
color:#009900;
text-transform:uppercase;
letter-spacing:2px;
margin-top:10px;
}

#product h1 {
letter-spacing:-0.5px;
margin:0px 0px 0px;
margin-bottom:5px;
padding:0px;
line-height:0.9;
}

#product h2 {
margin-top:0px;
padding-top:0px;
}

.nutshell {
font-size:13px;
color:#000000;
}

/* start menu */
#menu {
padding-top:50px;
padding-bottom:10px;
}

#menu ul {
margin:0px;
padding:0px;
list-style-type:none;
width:900px;
}

#menu ul li {
margin:0px;
padding:0px;
float:left;
padding-right:10px;
padding-left:10px;
height:20px;
line-height:20px;
}
#menu ul li.right {
float:right;
padding-left:0px;
padding-right:20px;
text-align:right;
}


#menu ul li a {
background-color:#FFFFFF;
display:block;
text-decoration:none;
color:#000000;
padding-left:10px;
padding-right:4px;
text-transform:uppercase;
}

/* for kithkin in menu */
#menu ul li a.link {
color:#000000;
text-decoration:none;
display:inline;
padding:0px;
margin:0px;
text-transform:none;
}

/* start previews */

#previews {
width:100%;
height:100%;
}

.preview {
position:absolute;
}

.preview.video {
left:400px;
top:30px;
padding:10px;
cursor:move;
}

.preview.audio {
left:400px;
top:30px;
padding:10px;
cursor:move;
}

.preview.image {
/*border:1px solid #000000;*/
cursor:move;
}

/* start add to basket */

#add {
margin-top:50px;
background-color:#66CC33;
background-image:url(../images/header.png);
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
height:20px;
line-height:20px;
text-indent:5px;
}

#add a {
color:#FFFFFF;
text-decoration:none;
}



/* start filter */

/* for ie */
#filter {
height:15px;
z-index:99;
left:15px;
top:20px;
z-index:99;
position:absolute;
padding:0px;
margin:0px;
}

/* for decent */
html>body #filter {
height:15px;
z-index:99;
left:20px;
top:20px;
z-index:99;
position:absolute;
padding:0px;
margin:0px;
}

#filter select {
height:14px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
border:0px;
width:200px;
padding:0px;
margin:0px;
margin-right:18px;
}

#filter form {
padding:0px;
margin:0px;
display:inline;
}


.red {
color:#CC3300;
}

#container .content a.red {
width:12px;
display:block;
text-align:center;
height:12px;
font-size:12px;
font-weight:bold;
line-height:10px;
text-decoration:none;
padding-left:5px;
color:#CC3300;
}

.content {
width:340px;
background-color:#FFFFFF;
margin-left:20px;
}

.content a {
color:#000000;
}

.content.left{
float:left;
width:310px;
}

.content.right {
float:left;
width:310px;
}

.content h1 {
margin-top:0px;
}

.content .pad {
padding:10px;
}

.content .pad .left {
float:left;
padding:0px;
margin:0px;
}

.content .pad .right {
float:right;
padding:0px;
margin:0px;
}

/* ie fix for register page */
.content.left {
margin-left:10px;
}

html>body .content.left {
margin-left:20px;
}

/* removed - mucking up account area 
.content input, .content select, .content textarea {
width:130px;
}
*/

h3.button {
background-color:#66CC33;
background-image:url(../images/header.png);
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:20px;
line-height:20px;
margin-top:0px;
margin-bottom:0px;
text-indent:5px;
text-transform:uppercase;
position:relative;
}

h3.button span {
font-family:Arial, Helvetica, sans-serif; 
font-size:30px; 
position:absolute; 
right:-6px; 
bottom:0px; 
color:#FFFFFF;
}

h3.button:hover {
background-color:#00AEEF;
position:relative;
}

h3.button a {
text-decoration:none;
display:block;
color:#FFFFFF;
}

h3.button.red {
background-color:#CC3300;
background-image:url(../images/header.png);
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:20px;
line-height:20px;
margin-top:20px;
margin-bottom:0px;
text-indent:5px;
text-transform:uppercase;
}

h3.button.red:hover {
background-color:#6DCFF6;
}

h3.button.red a {
text-decoration:none;
display:block;
color:#FFFFFF;
}


/* begin varaitions */
#variations 
{
margin-top:10px;
}

#variations .track {
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;

width:300px;
}

div.track:hover {
background-color:#EFEFEF;
}

#variations .order {
float:left;
font-size:10px;
width:15px;
display:inline;
}

#variations .title {
float:left;
width:210px;
display:inline;
font-weight:bold;

}

#variations .title a {
color:#000000;
text-decoration:none;
background-repeat:no-repeat;
background-image:url(../images/speaker.gif);
background-position:top left;
padding-left:10px;
}


#variations .green {
float:right;
display:inline;
text-decoration:none;
font-weight:bold;
color:#33CC33;
width:70px;
}

/* contributer boxes */

#container.contributers {
min-height:900px;
}

.contributer {
width:410px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FFFFFF;
float:left;
border:5px solid #FFFFFF;
color:#000000;
position:relative;
margin-bottom:20px;
margin-right:20px;
}

.contributer h1 {
margin-top:0px;
margin-bottom:0px;
color:#000000;
font-size:18px;
text-transform:capitalize;
}

.contributer h2 {
margin-top:0px;
margin-bottom:5px;
text-transform:uppercase;
font-size:12px;
color:#000000;
}

.contributer div.pad {
padding:5px;
}

.contributer .picture {
float:right;
padding-left:10px;
}

.contributer .nutshell {
margin-top:10px;
margin-bottom:20px;
}

/* product preview boxes */
/* added relative for ie */
#boxes {
width:640px;
position:relative;
margin-left:20px;
}

/* extra width for contributers page */
#boxes.contributers {
width:660px;
}


.box {
width:190px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FFFFFF;
float:left;
border:5px solid #FFFFFF;
color:#000000;
position:relative;
margin-bottom:20px;
margin-left:20px;
}


/* for contributer page */
.box.right {
margin-left:0px;
margin-right:20px;
}

.box.first {
margin:0px;
}

/* price label */

.box .price {
position:absolute;
bottom:-15px;
right:-15px;
z-index:99;
background-repeat:no-repeat;
width:91px;
height:78px;
}

#product .price {
position:absolute;
bottom:-10px;
right:-10px;
z-index:3;
background-repeat:no-repeat;
width:91px;
height:78px;
}

.box a:active {
color:#000000;
text-decoration:none;
}

.box div.pad h3 {
margin-bottom:0px;
font-size:14px;
color:#000000;
}

.box .price h3 {
color:#000000;
line-height:50px;
text-decoration:none;
text-align:center;
font-size:20px;
font-weight:bold;
margin:0px;
padding:0px;
margin-top:19px;
margin-right:7px;
margin-left:10px;
}


.box .price h3.symbol:first-letter {
font-size:16px;
}

a.symbol:first-letter {
font-size:16px;
}

.box .price h3.unknown {
font-size:42px;
}

.box .price h3 a {text-decoration:none;
color:#000000;
}

.box .price h3 a:hover,.box .price h3.unknown:hover,.box .price h3.symbol:hover {text-decoration:none;
color:#FFFFFF;
}

.box div.pad {
padding:5px;
}

.box div.pad a {
color:#000000;
text-decoration:none;
}

div.box div.pad div.nutshell {
padding-bottom:10px;
}

.box:hover {
border:5px solid #CCCCCC;
}

/* my accoutn menu */

.content.menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}

.content.menu ul li {
padding:0px;
line-height:22px;
height:20px;
font-size:12px;
border-bottom:1px solid #CCCCCC;
text-indent:5px;
}


.content.menu ul li a {
display:block;
color:#000000;
text-decoration:none;
}

.content.menu ul li.selected {
background-color:#000000;
border-bottom:1px solid #CCCCCC;
}

.content.menu ul li.selected a {
color:#FFFFFF;
}

.content.menu {
float:left; width:200px;
}

.content.account {
float:left;
width:420px;
}



/* more */

#more {
width:900px;
height:150px;
background-color:#999999;
position:absolute;
bottom:0px;
left:0px;
display:none;
}

#more .more {
width:225px;
float:left;
}

#more .more ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#more .more ul li {
height:25px;
line-height:25px;
text-decoration:none;
margin-left:20px;
margin-right:20px;
}

#more .more ul li a {
color:#FFFFFF;
text-decoration:none;
}

/* left column product page */

/*#left {
position:absolute;
z-index:99;
width:320px;
left:20px;
top:50px;
}
*/

/*#product {
padding:10px;
background-color:#FFFFFF;
line-height:1.2;
z-index:99;
position:absolute;
left:0px;
top:0px;
}
*/
#product {left:20px;
position:absolute;
top:60px;
width:320px;
z-index:99;
line-height:1.2;
}

#product.manufactures {
top:20px;
}

#product div.pad {
padding:10px;
background-color:#FFFFFF;
}

#process_overview {
width:320px;
background-color:#FFFFFF;
line-height:1.2;
z-index:99;
margin-top:20px;
}

#process_overview div.pad {
padding:10px;
}

#process {
margin-top:1px;
}

#supplier {
margin-top:1px;
}

/* supplier process buttons */

#supplier_detail h3.button.red a {
text-decoration:none;
display:block;
color:#FFFFFF;
}

#process_detail h3.button.red a {
text-decoration:none;
display:block;
color:#FFFFFF;
}


#process_overview #process h3, #process_overview #supplier h3 {
margin:0px;
padding:0px;
text-indent:5px;
cursor:pointer;
background-color:#000000;
background-image:url(../images/header.png);
height:20px;
line-height:20px;
color:#FFFFFF;
}

#process_overview #process h3 a, #process_overview #supplier h3 a {
color:#FFFFFF;
text-decoration:none;
}


#process_detail, #supplier_detail {
background-color:#FFFFFF;
color:#000000;
display:none;
font-size:11px;
left:360px;
padding:5px;
position:absolute;
text-transform:none;
top:60px;
width:290px;
z-index:8;
}

#process_detail a, #supplier_detail a{
color:#000000;
text-decoration:underline;
font-weight:bold;
cursor:pointer;
font-size:12px;
}

#table {
border:1px solid #666666;
border-collapse:collapse;
}

#info table td {
padding:5px;
}


/* home page info */

#home {
width:640px;
margin-top:20px;
margin-left:20px;
background-color:#FFFFFF;}

#home div.pad {
padding:10px;
}

/* contact page */
.box ul{
margin:0px;
padding:0px;
}

.box ul li {
border-bottom:1px solid #CCCCCC;
height:25px;
line-height:25px;
list-style-type:none;
padding-left:5px;
padding-right:5px;
}

.box ul li a {
color:#000000;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-transform:capitalize;
}


.contributer div.left {
float:left;
width:48%;
padding:0px;
margin:0px;
}

.contributer div.right {
float:right;
width:48%;
padding:0px;
margin:0px;
}

.contributer a {
color:#000000;
}

#right {
right:20px;
position:absolute;
top:20px;
width:200px;
z-index:9;
}

/* form controls */

form {
margin:0px;
padding:0px;
}

.details {
font-size:10px;
}

.checkbox, #boxes content input.checkbox {
margin-left:0px;
margin-bottom:0px;
padding-left:0px;
width:14px;
height:14px;
border:0px;
}

input.pvInvalid, select.pvInvalid, textarea.pvInvalid {
border:1px solid #3399FF;
}

input, select {
height:18px;
line-height:18px;
border:1px solid #000000;
padding:0px;
margin:0px;
margin-top:5px;
margin-bottom:10px;
width:180px;
text-indent:5px;
}

textarea {
height:150px;
line-height:18px;
border:1px solid #000000;
margin-top:5px;
margin-bottom:10px;
padding:0px;
width:390px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:5px;
}

input.button {
background-color:#66CC33;
background-image:url(../images/header.png);
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:20px;
line-height:20px;
margin-bottom:0px;
margin-top:0px;
position:relative;
text-indent:5px;
text-transform:uppercase;
border:1px solid #FFFFFF;
text-align:left;
}



/* contact */
#container.contributers  div.box.designers {
float:right;
padding:0px;
margin:0px;
}





/* register page */
.register_login {background-color:#FFFFFF;
border:5px solid #FFFFFF;
color:#000000;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin-bottom:20px;
position:relative;
width:190px;
padding:0px;
}
.register_login .pad {
padding:5px;
}

.box div.pad img {
margin-bottom:10px;
}

div.register_login input {
width:176px;
margin-left:0px;
margin-right:0px;
padding:0px;
}

/* headings */


h1 {
margin:0px;
color:#000000;
font-size:18px;
text-transform:capitalize;
}

h1.pad {
margin-bottom:10px;
padding:0px;
}

h2 {
margin-top:0px;
margin-bottom:10px;
font-size:14px;
color:#000000;
font-weight:bold;
}

#info h3 {
margin:0px;
padding:0px;
margin-bottom:3px;
text-transform:uppercase;
font-weight:normal;
color:#666666;
letter-spacing:normal;
font-size:10px;
}

input.button {
height:22px;
}

.basket h3.button {
margin-top:10px;
}

.error {
padding-top:10px;
padding-bottom:10px;
}

/* terms of service */
.terms {
float:right;
width:420px;
background-color:#FFFFFF;
margin-right:240px;
margin-bottom:20px;
}

.terms .pad {
padding:10px;
}

.fullheight {
height:900px;
}

.box.help_home {
width:410px;
margin-bottom:20px;
}

/* license info table */
table td.top {
border-bottom:1px solid #CCCCCC;
}

table td.border_left {
border-right:1px solid #CCCCCC;
width:33%;
font-size:10px;
color:#666666;
}

table td.border_left b {
font-size:11px;
color:#000000;
}

.content.about_more {
float:right;
margin-left:20px;
width:280px;
}

/* about page */
.nohover:hover {
border:5px solid #FFFFFF;
}

#product h2 a {
color:#000000;
text-decoration:none;
}