* {padding:0;margin:0;}
html, body{
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    -moz-outline: none;
}
body {
    background: #ffffff;
    color: #000000;
    font: 62.5% 'trebuchet ms',arial,helvetica,sans-serif;
    margin: auto auto;
}
a, a:link, a:active, a:visited {
    color: #000;
    text-decoration: none;
    -moz-outline: none;
}
a:hover {
    color: #000;
}
div#shim {
    visibility:hidden;
    width:100%;
    height:50%;
    float:left;
    margin-top: -275px; /*half of the height of the main content*/
}
#grid {
    position: relative;
    width: 100%;
    height: 550px;
    margin: 0;
    clear: both;
    text-align: center;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
}
.grid6{
    background:#fff url(http://www.cobra-and-bellamy-watches.co.uk/images/grid6.gif) center -1px repeat;
}
#main {
    position: relative;
    width: 960px;
    height: 550px;
    margin: 0 auto;
    clear: both;
    text-align: left;
    /*
    border-left:1px solid #000;
    border-right:1px solid #000;
    */
}
#logo {
    position: absolute;
	left:0px;
	top:0px;
    width: 572px;
    height: 56px;
    margin:13px 0 10px 0;
}
#pic{
    position:absolute;
    display:block;
	top:0px;
	left:572px;
    width: 388px;
    height: 550px;
    z-index:1;
}

/* INFO BOX */
div#info {
    position:absolute;
    display:block;
	top:0px;
	left:584px;
    width: 349px;
    visibility:hidden;
    z-index:3;
    background:#fff;
    border:1px solid #000;
    border-top:1px solid #fff;
    font-size:1.2em;
    padding:0px 8px 7px 8px;
    margin:-1px 0 0 0;
}
div#info h2{
    font-size:1.3em;
    margin-top:-2px;
}
div#price{
    float:right;
    font-size:1.3em;
    font-weight:700;
    margin-top:-2px;
}
div#info p{
    line-height:1.25em;
}
div#info p.red{
    color:#c00;
    font-weight:700;
    margin-top:5px;
    text-align:left;
}

/*THUMBS*/
div#thumbs{
    position:absolute;
    display:block;
	top:89px;
	left:2px;
    z-index:3;
}
a.thumb,a.thumbselected{
    display:block;
    float:left;
    margin:0px;
    width:109px;
    text-align:center;
    font-weight:700;
    font-size:1.1em;
    line-height:1.20em;
    padding:0 5px 3px 0;
    background:transparent url(http://www.cobra-and-bellamy-watches.co.uk/images/grid6.gif) 109px 0px repeat-y;
}
a.thumb:hover{
    background:#000 url(http://www.cobra-and-bellamy-watches.co.uk/images/grid6.gif) 109px 0px repeat-y;
    color:#fff;
}
a.thumbselected,a.thumbselected:active,a.thumbselected:link,a.thumbselected:visited{
    background:#000 url(http://www.cobra-and-bellamy-watches.co.uk/images/grid6.gif) 109px 0px repeat-y;
    color:#fff;
}
img.thumbpic{
    display:block;
    width:107px;
    height:107px;
    border:1px solid #666;
    background:#fff;
    margin:0 0 1px 0;
}
/* COPY */
/*
div#copy,div#copybg {
	top:257px;
    height:270px;
}
div#copy{
    height:251px;
}
*/
div#copy,div#copybg {
    position:absolute;
    display:block;
	top:245px;
	left:2px;
    width:564px;
    height:288px;
}
div#copy{
    z-index:2;
    overflow:auto;
    width:543px;
    padding:7px 10px 11px 10px;
    border:1px solid #666;
    height:269px;
}
div#copybg{
    z-index:1;
    opacity:0.6;
    -moz-opacity:0.6;
    -khtml-opacity:0.6;    
    background:#fff;
}
div#copy h1{
    font-weight:700;
    font-size:1.6em;
}
div#copy h2{
    font-weight:700;
    font-size:1.4em;
    margin:0 0 1px 0;
}
div#copy p{
    margin:0px 0 10px 0;
    font-size:1.3em;
    line-height:1.3em;
}
div#copy blockquote{
    margin:10px 10px 10px 10px;
    font-size:1.3em;
    line-height:1.3em;
    font-style:italic;
}

#copy a:link, a:visited, a:hover {text-decoration:underline;}

/* WATCH OPTIONS */
a.opt,div.opt{
    display:block;
    clear:left;
    width:538px;
    font-size:1.1em;
    border:1px solid #fff;
    height:18px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
a.opt:hover{
    background:#000;
    border:1px solid #000;
    font-weight:700;
}
a.chosen{
    background:#000;
    border:1px solid #000;
    font-weight:700;
}
span.opt{
    display:block;
    float:left;
    margin:0px 0px 1px 0px;
    border:1px solid #000;
    border-left-width:0px;
    padding:0px;
    text-align:center;
    height:16px;
}
span.c1{width:118px;border-left:1px solid #000;}
span.c2{width:160px;}
span.c3{width:160px;}
span.c4{width:50px; background:#fff;}
span.c5{width:45px; color:#fff; border-width:0px;}

.white{
    background:#fff;
    color:#000;
}
.antique{
    background:#E6DCC1;
    color:#000;
}
.blue{
    background:#0067C6;
    color:#C2C0BE;
}
.chrome{
    background:#DDDDDD;
    color:#000;
}
.gold{
    background:#F5D671;
    color:#000;
}
.rosegold{
    background:#E2BE9A;
    color:#000;
}
.black{
    background:#000;
    color:#fff;
}
.brown{
    background:#7F5229;
    color:#fff;
}
#footer{
    font-size:1.2em;
    text-align:center;
}