/* Betteridge Base Stylesheet */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }

/* Links */
a { color: #07b; }
a:hover { text-decoration: underline; }
a.active,a.active:hover { font-weight: bold; color: #007 !important; text-decoration: none; cursor: default; }

/* Type */
body { font-size: 12px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; line-height: 18px; background: #fff; color: #333; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

p { margin-bottom: 18px; }
h1 { font: 1.8em Georgia, Times, serif; letter-spacing: 1px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 14px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; display: inline; }
h4 { font-family: Georgia, Times, serif; font-weight: normal; text-transform: uppercase; font-size: 1em; line-height: 18px; display: inline; }

ul, ol { margin-bottom: 18px; }

ul.blockquote { padding: 5px 15px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; background: #eef8fd; }

/* Global classes */
.clear { clear: both; height: 0; overflow: hidden; }

.last { margin-right: 0 !important; }

ul.inline li { display: inline; }

.left { float: left; margin: 0 18px 18px 0; }
.right { float: right; margin: 0 0 18px 18px; }
.center { display: block; margin-left: auto; margin-right: auto; }

.cap { overflow: hidden; } /* IE6 fix */ 
.cap.top { width: 960px; height: 5px; background: url(/images/static/styles/cap.gif) no-repeat 0 0 !important; }
.cap.bottom { width: 960px; height: 5px; background: url(/images/static/styles/cap.gif) no-repeat 0 -5px !important; }
.box { width: 960px; background: url(/images/static/styles/repeater.gif) repeat-y; }

/* Body */

#main_container { width: 960px; padding: 0 10px; margin: 0 auto; background: #fff; }

#mid_row { width: 960px; }
#mid_row #nav_header { position: relative; padding: 2px 0 13px; margin-bottom: 0; background: url(/images/static/styles/border.gif) repeat-x bottom; }

/* Header */
#header { margin: 0 0 10px; }

#logo_wrap { width: 960px; height: 90px; }
#logo { float: left; margin: 30px 0 10px; width: 230px; height: 35px; }
#searchbar_wrap { float: left; margin: 25px 0 0; width: 440px; }
#searchbar_wrap span { margin-left: 60px; font-size: 11px; color: #888; }
#searchbar_wrap span a { font: italic 1.1em Georgia, Times, serif; }
#searchbar { margin: 0 0 3px 60px;  width: 324px; white-space: nowrap; }
#searchbar #searchbarfield { width: 250px; margin-right: 5px; height: 20px; padding: 5px; border: 1px solid #ccc; outline: 0; font-size: 13px;  border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#searchbar #searchbarbutton { height: 30px; padding: 4px 5px; background: #07b; background: -moz-linear-gradient(top,#4D90FE,#4787ED); background: -o-linear-gradient(top,#4D90FE,#4787ED); background: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED)); border:1px solid #07b; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size: 13px; color: #fff; text-shadow: 1px 1px 0 #07b; }
#promo { float: left; margin: 25px 0 10px; width: 170px; height: 35px; font-size: 11px; color: #07b; }
#rolex-dealer-plaque { float: left; width: 120px; height: 90px; background: url(/images/static/icons/rolex.jpg) no-repeat 0 0; }

/* Nav */
#main_nav { border-top: 1px solid #ccc; padding: 2px 0; border-bottom: 1px solid #ccc; }
#main_nav a { color: #888; font-size:11px; letter-spacing: .1em; text-transform: uppercase; padding-bottom:6px; }
#main_nav a:hover { text-decoration: none; color: #07b; }
#main_nav ul { margin: 0; }
#main_nav ul li { display: inline; position: relative; margin-right: 30px; z-index: 200; }
#main_nav ul li:hover ul, #main_nav ul#nav li.over ul { display: block; z-index: 150; }
#main_nav ul li ul { position: absolute; border: 1px solid #ccc; border-top: none; background: #fff; left: 0; top: 20px; *top: 19px; white-space: nowrap; display: none; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; }
#main_nav ul li ul li { display: block; margin: 0;  }
#main_nav ul li ul li.line { margin-bottom: 8px; }
#main_nav ul li ul li a { display: block; width:140px; padding: 3px 6px; font-weight: normal; text-transform: none; letter-spacing: normal; font-size: 12px; overflow:hidden; }
#main_nav ul li ul li a:hover { color: #07b; background: #e6f2ff; padding: 2px 6px; border: 1px solid #07b; border-width: 1px 0; }
#main_nav ul li ul li.begin a:hover { border-width: 0 0 1px 0; padding: 3px 6px 2px; }
#main_nav ul li ul li.end a:hover { border-width: 1px 0 0 0; padding: 2px 6px 3px; }
#main_nav ul#account { float: right; position: relative; z-index: 100; }
#main_nav ul#account a { font-weight: normal; letter-spacing: normal; }
#main_nav ul#account a:hover { color: #07b; }
#main_nav ul#account li { display: inline; margin: 0 0 0 20px; }
#main_nav #vday-gifts a { color: #BB2988; font-weight: bold; letter-spacing: normal; }

/* Footer */
#footer { clear: both; margin: 10px 0 0; border-top: 1px solid #ccc; text-align: center; }
#footer a { color: #888; }
#footer a:hover { text-decoration: none; color: #07b; }
#footer ul { margin: 10px 0 0; color: #aaa; font-size: 11px; line-height: 1.4em; }
#footer ul li { display: inline; margin-right: 20px; }

/* Audio */
#audio { width: 310px; height: 16px; margin-bottom: 10px; overflow: hidden; }

/* data grid style */
table.dataGrid { background: #fff; border-collapse: collapse; width: 100%; }
table.dataGrid th, table.dataGrid td { font-size: 0.9em; border: 1px #4f81bd solid; padding: 0.3em; }
table.dataGrid th { background: #d3dfee; text-align: center; }
table.dataGrid th.label { width: 150px; }
table.dataGrid tr.odd { background: #e6f2ff; }

.actionBar { margin: 10px 0; }

div.item { margin: 10px 0 0; border: 1px solid silver; padding: 5px; }

/* Print */
@media print {
	body, #main_container, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration: none !important; }
}

/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }