.dark-green {
	Color: #003018;
}
.medium-green {
	Color: #006332;
}
.light-green {
	Color: #00964B;
}
.gold {
	Color: #7F5910;
}
.brown {
	Color: #300900;
}
.dark-blue {
	Color: #001D30;
}
.light-blue {
	Color: #D6F5E6;
}
body {
	background:url(../images/watches-bg.gif) top left repeat-x;
	font:14px/16px #003018 Arial, Helvetica, sans-serif;
}
div#wrapper {
	width: 950px;
	margin: 0 auto;
	padding:0 10px;
	background:url(../images/buy-watches-sell.png) top center no-repeat;
}
.left {
	float:left
}
.right {
	float:right
}
.col-full {
	width: 950px;
	margin: 0 auto;
}
.col-4 {
	float:left;
	width:230px;
	margin-right:10px;
}
.col-4-last {
	float:left;
	width:230px;
	margin:0;
}
.col-3 {
	float:left;
	width:310px;
	margin-right:10px;
	background-color:#099
}
.col-3-last {
	float:left;
	width:310px;
}
a.clickhere, a.clickhere:visited, a.clickhere:hover {
	display:block;
	float:left;
	text-indent:-999em;
	width:172px;
	height:39px;
	background:url(../images/button.png) 0px -39px no-repeat;
}
a.clickhere:hover {
	background:url(../images/button.png) 0px 0px no-repeat
}
a.signup, a.signup:visited, a.signup:hover {
	display:block;
	float:left;
	text-indent:-999em;
	width:172px;
	height:39px;
	background:url(../images/signup.png) 0px -39px no-repeat;
}
a.signup:hover {
	background:url(../images/signup.png) 0px 0px no-repeat
}
/* header
====================================================================================================*/

div#head {
	background: url(../images/as-seen-daliy-mail.png) 350px 10px no-repeat;
}
div#logo-watches {
	float:left;
	width:160px;
	margin-top:10px;
}
/* MENU WIDTH SETTINGS */
#menu ul {
	width:938px;
	margin-left:10px;
}
#menu li li, #menu ul ul {
	width:170px;
}
/* MENU COLOR SETTINGS */
#menu {
	width:948px;
	background:url(../images/nav-bg.gif) top left repeat-x;
	border: 1px solid #960;
	margin-top:10px
}
#menu a {
	color:#ffffff;
}
#menu li:hover li a, #menu li li a {
	color:#7F5910;
}
#menu .selected a {
	color:#ffffff;
	background-color:#003018;
	border:1px solid #000
}
#menu li:hover a {
	background-color:#000000;
	color:#7F5910;
}
#menu li li a:hover {
	background-color:#003018;
	color:#ffffff;
}
/* GENERAL MENU SETTINGS */
* html body {
	behavior:url("csshover.htc");
}
#menu {
	float:left;
	padding:5px 0px 2px 0px;
}
#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	;
}
#menu a {
	font-weight:bold;
	font-size: 13px;
	display:block;
	margin:0;
	padding:6px 8px 6px 8px;
	text-decoration:none;
}
#menu li {
	position:relative;
	float:left;
}
#menu li li {
	float:none;
}
#menu li li a {
	padding:10px 8px
}
#menu ul ul {
	position:absolute;
	z-index:500;
}
#menu ul ul ul {
	position:absolute;
	top:0;
	left:100%;
}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {
	display:none;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {
	display:block;
}
#menu li li {
    /* target IE7 to fix spacing issue on sub items */
    /* adjust this to match the height of your sub menu items. */
    /* unfortunatly this fix breaks menu items that wrap to two lines. */
   	*height:28px; /* IE 7 and below */
}
#menu li li a {
    /* target IE7 to fix spacing issue on sub items */
    /* adjust this to match the height of your sub menu items. should be about the same height as above minues the combined vertical padding +1. Frankly, you will just have to fiddle with it to make it just right */
    /* unfortunatly this fix breaks menu items that wrap to two lines. */
   	*height:17px; /* IE 7 and below */
}
#menu img {
	display:none;
}
div#nav-sell-watches {
	float:left;
	width:938px;
	background:url(../images/watches-nav-bg.gif) top left repeat-x;
	padding:10px 0 0 10px;
	margin:10px 0;
	border-left:1px solid #7F5910;
	border-right:1px solid #7F5910;
	height:31px;
}
div#nav-sell-watches ul {
	list-style:none;
	padding:3px 0 9px 0;
}
div#nav-sell-watches ul li {
	display:inline;
	padding:0px;
}
div#nav-sell-watches a:link, div#nav-sell-watches a:visited {
	font-family: "Myriad Pro", Arial, 'Sans Serif';
	font-size:16px;
	font-weight:400;
	color:#fff;
	text-decoration:none;
	padding:0px 5px;
}
div#nav-sell-watches a:hover {
	color:#7F5910
}
div#watches-login {
	float:left;
	width:790px;
	text-align:right;
	color:#fff;
}
div#watches-login ul {
	padding:5px;
}
div#watches-login ul li {
	display:inline
}
div#watches-login a:hover {
	color:#fff
}
div#watches-phone {
	float:left;
	width:790px;
	text-align:right;
}
div#watches-phone h2 {
	Color: #7F5910;
	font-size:18px;
	font-weight:normal
}
div#watches-phone h1 {
	Color: #fff;
	font-size:32px
}
div#watches-phone h1 span {
	Color: #7F5910;
	font-size:18px
}
div#watches-phone p {
	Color: #fff;
	font-size:14px
}
/* Home Banner area
====================================================================================================*/
div#middle {
	margin:10px 0
}
div#leftcol {
	float:left;
	width:230px;
	margin-right:10px;

}
div#watch-brands {
	float:left;
	/*background:url(../images/watch-brands-bg.jpg) top left repeat-x;*/
	background-color:#003018;
	width:208px;
	padding:10px;
	border:1px solid #7F5910;
	display:inline;
	margin-bottom:5px;
}
div#watch-brands h1 {
	color:#fff
}
div#search-box {
	float:left;
	background:url(../images/search-watches-bg.gif) no-repeat;
	width:208px;
	padding:40px 10px 38px 10px;
	border:1px solid #7F5910;
	display:inline;
	height:245px;
	margin:10px 0
}
div#search-box form label {
	color:#fff;
	font-size:14px;
}
div#search-box form input.search-button {
	background:url(../images/search.png) no-repeat;
	width:152px;
	height:35px;
	border:none;
	text-indent:-999em;
	margin-top:10px;
}
img.submit-search, img.submit-search :visited, img.submit-search :hover {
	padding:20px 0 0 15px;
}
div#watch-catalogues {
	float:left;
	width:230px;
	margin:10px 0;
}
div#watch-catalogues a {
	margin-bottom:5px;
}
div#watch-traders {
	float:left;
	background:url(../images/watch-traders-bg.jpg) no-repeat;
	width:558px;
	height:223px;
	padding:100px 0 0 150px;
	border:1px solid #7F5910;
	margin:10px 0 10px 10px;
}
div#watch-traders p {
	padding:0px 20px 20px 0;
	color:#fff;
	font-size:14px;
	line-height:18px;
}
a#public, a#public:visited, a#public:hover {
	display:block;
	float:left;
	text-indent:-999em;
	width:364px;
	height:58px;
	background: url(../images/view-watch.png) 0px -58px no-repeat;
	margin-left:50px;
}
a#public:hover {
	background:url(../images/view-watch.png) 0px 0px no-repeat
}
a#trade, a#trade:visited, a#trade:hover {
	display:block;
	float:left;
	text-indent:-999em;
	width:230px;
	height:77px;
	background: url(../images/view-watches-trade.png) 0px -77px no-repeat;
}
a#trade:hover {
	background:url(../images/view-watches-trade.png) 0px 0px no-repeat
}
/* home content area
====================================================================================================*/
div#quality-watch-brands {
	clear:both;
	padding:20px 0 0 0;
}
div#latest-quality-watches {
	margin:0
}
div#watch-newsletter {
	background:#7F5910 url(../images/box-newsletter.gif) no-repeat;
	border:1px solid #7F5910;
	width:228px;
	color:#fff;
	margin-bottom:10px;
}
div#watch-newsletter p {
	font-size:12px;
	padding:0 5px 5px 0
}
div#watch-sell {
	background: url(../images/box-sell-watch.gif) no-repeat;
	border:1px solid #7F5910;
	width:203px;
	height:49px;
	padding:185px 0 0 25px;
	margin-bottom:10px;
}
div#watch-exchange {
	background:url(../images/box-part-exchange-watch.gif) no-repeat;
	border:1px solid #7F5910;
	width:203px;
	height:49px;
	padding:185px 0 0 25px;
	margin-bottom:10px;
}
div#watch-serials {
	background:url(../images/box-watch-serials.gif) no-repeat;
	border:1px solid #7F5910;
	width:203px;
	height:49px;
	padding:185px 0 0 25px;
	margin-bottom:10px;
}
/* Sliders
====================================================================================================*/


.slide {
	width:909px;
	height:308px;
	padding:10px 10px 10px 20px;
}
.slide img { /*background:transparent url(../images/img_half_page.png) no-repeat; */
	float:right;
	height:286px;
	width:429px;
	margin:5px 5px 5px 20px;
	padding:6px;
	border:1px solid #7F5910
}
.slide h1 {
	border:none;
	margin:15px 0;
	display:block;
	background:url(/images/luxury-watches.jpg) no-repeat;
	width:440px;
	height:40px;
	text-indent:-999em
}
.slide p {
	padding-bottom:10px
}
#slides {
	float:left;
	margin:10px 0;
	padding:10px;
	width: 928px;
	height:318px;
	background-color:#efefef;
	border:1px solid #7F5910
}
.dropcap {
	font-size:24px;
	float:left;
	margin:-3px 0 -8px 0;
}
.dropcap2 {
	font-size:44px;
	float:left;
	margin:1px 3px -8px 0;
}
a.readmore {
	background:url(/images/view-watches.png) no-repeat;
	width:120px;
	height:30px;
	display:block;
	float:left;
	text-indent:-999em;
	padding:20px 0
}
div#gallery {
	width:500px;
	border:1px solid #ccc;
	padding:10px 50px;
	margin:20px auto
}
/* Content
====================================================================================================*/

div#content {
	float:left;
	width:688px;
	padding:10px;
	border:1px solid #7F5910;
	background-color:#fff;
	min-height:400px;
	height:auto !important;
	height:400px;
}




div#content p {
	margin-bottom:5px
}
div#content h1 {
	font-size:24px;
	font-weight:bold;
	line-height:20px;
	color:#7f5910;
	margin-top:10px;
}
div#content h2 {
	font-size:17px; /*font-weight:500;*/
	line-height:20px;
}
div#content h2 a {
	text-decoration:none
}
div#content h2 a:hover {
	text-decoration: underline
}
/*div#content h3 {color:#003018}*/



/* Pagination
====================================================================================================*/

div.pagination {
	padding:10px 0 0 100px;
	width:530px;
	margin:0 0 15px 0
}
div.previous-but {
	float:left;
	width:100px;
	text-align:center
}
div.next-but {
	float:left;
	width:100px;
	text-align:center
}
div.pagination-box {
	float:left;
	width:300px;
	text-align:center;
	padding-top:5px;
}
div.pagination-box a:link, div.pagination-box a:visited {
	padding:3px 7px 6px 7px;
	border:1px solid #ccc;
	margin-left:5px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#0072bc;
	width:22px;
	font-weight:normal;
	height:25px;
}
div.pagination-box a:hover {
	background-color:#d6f5e6;
	border:1px solid #BBDDFF;
	color:#0072BC;
}
/* Form
====================================================================================================*/

div.form-quote {
	background-color:#efefef;
	border:1px solid #ccc;
	margin:20px;
	padding:10px 20px
}
/* @group Form Modules */


div.newsletter-form {
	padding-top:35px;
	margin-bottom:10px;
	height:189px;
}
div.newsletter-form h3 {
	background: #eee;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	margin: 0;
	padding: 6px 18px;
}
div.newsletter-form {
	padding-left: 9px;
}
div.newsletter-form p {
	line-height:18px;
}
div.newsletter-form label {
	color:#fff
}
input.news-signup {
	display:block;
	background:url(/images/sign-up.png) no-repeat;
	width:172px;
	height:39px;
	border:none;
	text-indent:-999em;
}
div.item-signup {
	float:left;
	padding:15px 0 0 15px;
}
input.search {
	display:block;
	background:url(/images/search.png) no-repeat;
	width:172px;
	height:43px;
	border:none;
	text-indent:-999em;
}
.secure-login {
	background-color:#efefef;
	border:1px solid #ccc;
	margin:20px;
	padding:10px 20px
}
.secure-login h3 {
}
.secure-login div.form {
	padding-left: 9px;
}
.catalogue-box {
	float:left;
	width:580px;
	padding:0 0 30px 60px;
}
.product-box {
	float:left;
	/*width:635px;*/
	padding:0 0 30px 5px;
}
.catalogue-link {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	height: 180px;
	margin: 0 6px 0 0;
	width: 180px;
}
.catalogue-link h4 {
	font-size: 12px;
	height: 27px;
	line-height: 27px;
	margin: 0;
	text-indent: 9px;
}
.catalogue-link h4 a {
	color: #1969bc;
	text-decoration: none;
}
.catalogue-link .image {
	/* Image size should be 150px by 120px */
	height: 140px;
	margin: 0 auto;
	overflow: hidden;
	padding: 15px;
	text-align: center;
}
/* Footer
====================================================================================================*/






div#footer {
	width:100%;
	background:url(../images/watches-footer-bg.gif) top left repeat-x;
	padding-bottom:150px;
}
div#nav-buy-watches {
	width:938px;
	padding:5px 0 0 10px;
	position:relative
}
div#nav-buy-watches ul {
	list-style:none;
	padding:3px 0 9px 0;
	text-align:center
}
div#nav-buy-watches ul li {
	display:inline;
	padding:0px;
}
div#nav-buy-watches a:link, div#nav-buy-watches a:visited {
	font-family: "Myriad Pro", Arial, 'Sans Serif';
	font-size:16px;
	font-weight:400;
	color:#fff;
	text-decoration:none;
	padding:0px 5px;
}
div#nav-buy-watches a:hover {
	color:#7F5910
}
div#footer p {
	color:#fff;
	font-size:12px;
	text-align:center;
	padding:20px 0
}
/* 
====================================================================================================*/

/* Trade Area CSS */

div.myaccount-header {
	background-color:#f2f2f2;
	border-bottom: 2px solid #003018;
	height:30px;
	line-height: 27px;
	margin: 0 0 18px;
	padding:5px 43px 0 5px;
}
div.myaccount-header a {
	text-align:right
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

/*.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}*/
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

/*.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}*/
/* Clear Floats */
/*.col-full:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}*//* http://sonspring.com/journal/clearing-floats */

