body {
    color: #3f3f3f;
    font-family: Arial;
    font-weight: bold;
}

/*page margin*/
#whole { margin: 43px 0 0 24px; }
a {text-decoration: none; }
/*--------------------------
------ Header----
----------------------------*/

/*Structure*/
#leftFloat {float: left; width: 100%; position: relative;}
header img, #leftFloat img { float: left; }
header p, #leftFloat p { margin-left: 150px; font-weight: normal; font-size: 14px;}
#basket1 { float: right;}

h1 {display: none; }

/* Navigation */
header nav { width: 340px; margin: 26px 0 0 30px; float: left;}
header nav a{ 
    padding: 4px 6px 4px 7px; 
    background-color: #7f7f7f;
    
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    -moz-border-top-left-radius: 5px 5px;
    -moz-border-top-right-radius: 5px 5px;
    letter-spacing: -1px; 
    text-decoration: none; 
    color: #FFFFFF; 
    font-size: 14px; 
    font-weight: bold;
}


header nav a:hover, header nav a #curr {background-color: #908f71;}

/* Shopping Basket */
#basket1 { margin-right: 32px; margin-top: -18px;}
#basket1 a {
    color: #3e3c3d;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    display: block;
}

#basket1 .basket {
    padding: 4px 6px 4px 7px;
    background-color: #7f7f7f;
     border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    -moz-border-bottom-left-radius: 5px 5px;
    -moz-border-bottom-right-radius: 5px 5px;
    -webkit-border-bottom-right-radius: 5px 5px;
    -webkit-border-bottom-left-radius: 5px 5px;
    color: #FFF;
    text-decoration: none;
    position: relative;
    /*margin: 41px 0px 0 0;
    right: 78px;*/
    width: 102px;
    top :28px;
    font-size: 14px;
    display: inline;
}

#basket1 .basket:hover {background-color: #908f71;}

#basket1 p {
        margin: 9px 0 0 127px; 
        font-size: 14px;
}

#line { 
    clear: both; 
    color: #8f8f70;

    max-width: 1350px;
    padding-top: 80px;
}

#line h2 { font-weight: normal; font-size: 36px;}

/*----------------------------------
----------- Items -----------------
---------------------------------*/
.item {position: relative; float: left; margin-bottom: 30px; }
.item a { display: inline; color: #333333; font-size: 14px; font-weight: normal; }
.item .prod { display: block; }
.item .strike { text-decoration: line-through; padding-right: 5px; } 
.prodTitle {font-weight: bold; display: inline; padding-top: 9px; }
#container {margin-top: 45px; }
.sProdL { width: 528px; height: 370px; }
.sMsg {width: 251px; height: 113px; position: relative;  margin-bottom: 30px;}
.sProdS { width: 251px; height: 185px; }
.sTwit { width: 240px; height: 203px; }
.sTwit p { width: 225px; font-weight: normal;}

.green {background-color: #93ab76; }
.mucky {background-color: #8f8f70; }
.bubble {width: 251px; height: 83px; }
.bubble a {
    color: #FFF;
    text-decoration: none;
    font-size: 18px;
    display: block;
    padding: 15px 2px 0 19px;
}
.speechTri { position: absolute; top: 83px; right: 115px; }

.share {
    color: #66666; 
    font-size: 18px; 
    font-weight: bold; 
    padding: 49px 0 23px 71px;
}

.shareC a { padding: 0 7px 0 7px; }

.sTwit p {
    color: #666;
    font-size: 18px;
    padding: 26px 0 40px 4px;
    line-height: 24px;
}
.sTwit p a { 
    text-decoration: none;
    font-size: 18px;
    color: #666;
    font-weight: normal;
}

.sTwit p a:hover { text-decoration: underline; }
.sTwit .right { position: absolute; right: 0px; bottom: 35px; }
.sTwit a {
    font-weight: bold;
    font-size: 18px;
    color: #8f8f70;
    text-decoration: none;
}   
.sTwit a:hover {text-decoration: underline; }

/*----------------------------------
----------- Page --------------
-----------------------------------*/
#page {width: 887px; margin-top:53px; }
#cont { width: 572px; float: left; position: relative; }
#right aside {position: relative; }

#page h3 { font-size: 18px; font-weight: bold; color: #3f3c3d; margin: 51px 0 38px 0;}
#page p { font-size: 14px; font-weight: normal; padding-bottom: 38px; color: #3f3c3d; line-height: 24px;}
#page .noPad { padding: 0px; }
#page .rShare { padding: 118px 0 31px 0; }

/*-------------------------------
------------ Product ----------
---------------------------------*/
#page .noTitle { margin-top: 86px; }
#imageCont { position: relative; }
#imageCont.wide {width: 529px; }
#imageCont.thing {width: 405px; }
#imageCont img {display: block;  margin: 0 auto;}
#imageCont .limited {position: absolute; top: 80%; right: -1px; width: 127px; height:25px; background-color: #7f7f7f; }
#imageCont .limited img {position: absolute; left:-6px; top:1px;}
#imageCont .limited p {padding: 1px 0 0 8px;color: #FFF;}

#imageCont .outStock {position: absolute; top: 80%; right: -1px;  height:25px; background-color: #70708f; }
#imageCont .outStock img {position: absolute; left:-6px; top:1px;}
#imageCont .outStock p {padding: 1px 8px 0 8px;color: #FFF;}

#imageCont .inStock {position: absolute; top: 80%; right: -1px;  height:25px; background-color: #8f8f70; }
#imageCont .inStock img {position: absolute; left:-6px; top:5px;}
#imageCont .inStock p {padding: 1px 8px 0 8px;color: #FFF;}

#cont #other {margin-top: 28px; margin-bottom: 23px; }
#cont #other .middle { padding: 0 19px; }

#cont #related h3 { margin: 39px 0px 47px 0px; color: #666666; font-weight: bold; font-size: 18px; }
#related .relItem {float: left; width: 172px; }
#related .relItem img { padding-bottom: 21px; }
#related .relItem p {font-size: 14px; color: #666; padding-bottom: 14px; line-height: 14px; font-weight: normal;}
#related .mid {padding: 0 19px; }
/*-----------------------------------
----------- Right Panel--------------
------------------------------------*/
#right {float: right; width: 195px; }
#right h2 { font-size: 36px; font-weight: normal; color: #7f7f7f; padding-bottom: 34px; }
#right p { font-size: 18px; color: #666666; padding-bottom: 38px; font-weight: normal;}
#right h3 {padding: 0px; margin: 0px; clear: both;}

#colours { margin: 17px 0 70px 0; }
#colours img{ padding-right: 4px; float: left;}

#right form h3 { margin-bottom: 12px; }

#right form input, #quantity, #inp {width: 36px; height: 20px; background-color: #FFF;border:1px solid #a6a6a6; padding-left:7px; font-weight: normal;}
#right .button {
    width: 127px; 
    height: 31px; 
    background-color: #666666;     
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #FFF; 
    padding-bottom: 3px;
    font-size: 13px;
} 

#submitHolder {position: relative; margin-top: 48px; margin-bottom: 55px;}
#submitHolder img { position: absolute; top: 4px; left: 139px; }

#right .desc { font-size: 14px; font-weight: normal; color: #3f3c3d;  margin-bottom: 52px; line-height: 24px; padding-bottom: 0px;}

#right .rShare { padding: 0 0 33px 0; font-size: 18px; color: #666666; font-weight: bold;}

/*------------------------------------
----------- Shop ---------------------
------------------------------------*/
#product {margin: 60px 0 145px 0; }
#product label { font-weight: normal; font-size: 14px; font-style: italic; float: left; padding: 3px 11px 0 0;}
#product .dropdown { float: left; }
#product #dropDown img { right: -33px; position: absolute; top: 0; }
#product .dropdown dt a {width: 252px; }

#container .limitedStock {position: absolute; top: 72%; right: -1px;  height:20px; background-color: #7f7f7f; }
#container .limitedStock img {position: absolute; left:-6px; top:-3px;}
#container .limitedStock p {padding: 4px 8px 0 8px;color: #FFF; font-size: 10px;}

#container .outStock {position: absolute; top: 72%; right: -1px;  height:20px; background-color: #70708f; }
#container .outStock img {position: absolute; left:-6px; top:-3px;}
#container .outStock p {padding: 4px 8px 0 8px;color: #FFF; font-size: 10px;}

#container .inStock {position: absolute; top: 72%; right: -1px;  height:20px; background-color: #8f8f70; }
#container .inStock img {position: absolute; left:-6px; top:3px;}
#container .inStock p {padding: 4px 8px 0 8px;color: #FFF; font-size: 10px;}

#basket td { font-weight: normal; }
/*----------------------------------
----------- Subscribe -----------------
---------------------------------*/
#signup { margin-top: 69px; }
#signup #txtEmail { font-weight: normal; padding: 4px 129px 2px 6px; width: 251px; border:1px solid #cfcfcf; background-color: #FFF; font-size: 14px; margin-right: 13px;}
#signup #btnSubscribe { 
    width: 103px; 
    height: 24px; 
    background-color: #8f8f70;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: none;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
}
#signup p { font-size: 14px; font-weight: normal; margin: 34px 0 0 7px; }
/* ----------------------------------
----- Footer ----------------
----------------------------*/
#secure {
    width: 283px;
    height: 128px;
    border-left: 1px solid #d7d7d7;
    float: left;
}
#secure h2 { padding-left: 34px; }
#secure img { padding: 34px 0 0 34px; } 

footer { clear: both; margin-top: 96px; }
footer h2 { font-weight: bold; font-size: 18px;}

#more{
    float: left;
    width: 449px;
    height: 128px;
    border-left: 1px solid #d7d7d7;
}

#more h2 { padding-left: 35px; }
#more table { margin: 35px 0 0 35px; }
#more table td { width:119px; }
#more a {color: #666; text-decoration: none; font-weight: none; font-size: 14px;}

/**** Transitions ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

/*------------------------------------
-----------Select Re-Build ------------
--------------------------------------*/
#source {display: none; }
#dropDown {position: relative; margin-bottom: 40px; }
#dropDown img {position: absolute; right: 24px; top: 0px; }
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }

.dropdown dt a { color: #3f3c3d;
    width: 128px; 
    height: 20px; 
     display:block; 
     padding-left:7px; padding-top: 2px;
     font-size: 14px;
     border:1px solid #a6a6a6;
     font-weight: normal; 
     z-index: 10;
}
.dropdown dt a span {cursor:pointer; display:block;}
.dropdown dd ul { background:#FFF none repeat scroll 0 0; border:1px solid #a6a6a6; color:#3f3c3d; display:none; z-index:10;
                          left:0px; padding:2px 0px; position:absolute; top:2px; width:auto; min-width:110px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a {  color: #3f3c3d; padding:5px; display:block; font-weight: normal; font-size: 14px;}
.dropdown dd ul li a:hover { background-color:#E0E0E0;}
.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
.flagvisibility { display:none;}