/* .......................................... 
	client: dress your watch
	date: sept 4, 07
	v.1.
	
	design & build by Oxidev Interactive
.......................................... */

/* .... css reset .... */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* .... end of css reset .... */

img
{
	border: none;
}

a
{
	text-decoration: none;
}

body
{
	font-size: 62.5%;
	font-family: tahoma, helvetica, arial, "lucida grande", sans-serif;
	background: #fff url(../images/main_01.gif) repeat-x top;
}

#container
{
	width: 915px;
	margin: 0px auto;
}

#header
{
	position: relative;
	width: 100%;
	height: 113px;
	background: url(../images/header_bg.gif) no-repeat 10px 0px;
}

#logo
{
	position: absolute;
	top: 0px;
	left: 10px;
}

#topNav
{
	float: right;
	margin-top: 13px;
}

#topNav li
{
	font-size: 10px;
	float: left;
	margin-left: 20px;
	font-family: tahoma, sans-serif;
}

#topNav li img
{
	margin-right: 3px;
}

#topNav li a
{
	color: #cfd7de;
}

#topNav li a:hover
{
	color: #fff;
}

#searchBox
{
	position: relative;
	margin-right: 10px;
	top: -4px;
}

#tollFree
{
	position: absolute;
	top: 50px;
	left: 778px;
}

#searchBox input.text
{
	background-image: none;
	width: 134px;
	font-size: 11px;
	color: #fff;
	padding: 1px 2px;
	/*height: 15px;*/
	background-color: #204d6d;
	border: 1px solid #4c6f88;
	border-right: 1px solid #809aad;
	border-bottom: 1px solid #809aad;
	margin-right: 2px;
}

#searchBox input.inputBtn
{
	position: relative;
	top: 1px;
	border: none;
	width: 22px;
	height: 17px;
	background: url(../images/main_06.gif) no-repeat center center;
}

#mainNav
{
	height: 31px;
}

#mainNav li
{
	float: left;
	height: 31px;
}

#secContentHolder
{
	padding-top: 6px;
	margin-bottom: 3px;
	width: 100%;
	background: url(../images/sec_content_bg.gif) no-repeat top;
	margin-top: 0px !important;
	margin-top: -2px;
}

#secBannerHolder
{
	width: 898px;
	height: 73px;
	margin-bottom: 3px;
	margin-left: 8px;
}

#secBannerHolder img
{
	display: block;
	margin: 0px auto;
}

#leftColumn
{
	float: left;
	display: inline;
	margin-left: 12px;
	width: 177px; /* dont change this */
	border-top: 2px solid #0d4d85;
	background-color: #f1f2f4;
}

#leftColumn h2
{
	padding: 20px 0px 3px 0px;
	font-size: 1.1em;
	color: #686c6f;
	text-align: center;
	font-family: georgia, sans-serif;
}

#promoHolder
{
}

#promoHolder #dials,
#promoHolder #bezels,
#promoHolder #bracelets
{
	position: relative;
	width: 177px;
	height: 63px;
	margin-top: 2px;
}

#promoHolder #dials
{
	background: url(../images/promo_12.gif) no-repeat top;
}

#promoHolder #bezels
{
	background: url(../images/promo_15.gif) no-repeat top;
}

#promoHolder #bracelets
{
	background: url(../images/promo_17.gif) no-repeat top;
}

#promoHolder ul
{
	position: absolute;
	top: 27px;
	left: 16px;
}

#promoHolder li
{
	display: inline;
	font-size: 8px;
	font-family: georgia, times, serif;
	color: #b5b5b5;
	letter-spacing: 1px;
}

#promoHolder li big
{
	font-size: 16px;
}

#promoHolder li a
{
	color: #b5b5b5;
}

#promoHolder li a:hover
{
	color: #fff;
}

/*#promoHolder img
{
	display: block;
	margin-top: 2px;
}*/

#creditCards
{
	display: block;
	margin: 0px auto;
}

#sideNav
{
}

#sideNav li
{
	font-size: 12px;
	display: inline;
}

#sideNav li a
{
	display: block;
	color: #1c5376;
	background: #f1f2f4 url(../images/blue_arrow2.gif) no-repeat 11px 12px;
	padding-left: 28px;
	padding-top: 9px;
	padding-bottom: 9px;
	border-top: 1px solid #fcfcfc;
	border-bottom: 1px solid #e6eaee;
	text-align: left;
}

#sideNav li a:hover
{
	background: #e9ecf2 url(../images/blue_arrow2.gif) no-repeat 11px 12px;
}

/* leve 2 */
#sideNav ul ul
{
	background-color: #f8f8f8;
	height: 100%;
}

#sideNav li li
{
	font-size: 11px;
	display: inline;
}

#sideNav li li a
{
	display: block;
	width: 146px;
	padding: 5px 0px;
	padding-left: 31px;
	color: #686c6f;
	background: none;
	border: none;
	background: url(../images/gray_arrow.gif) no-repeat 20px 9px;
}

#sideNav li li a:hover
{
	background: #f0f0f0 url(../images/gray_arrow.gif) no-repeat 20px 9px;
}

/* leve 3 */
#sideNav ul ul ul
{
	height: 100%;
}

#sideNav li li li
{
	font-size: 11px;
	display: inline;
}

#sideNav li li li a
{
	display: block;
	color: #1c5376;
	width: 100%-31px;
	background: none;
	border: none;
	background-color: #fff;
	padding-left: 31px;
	/*width: 136px;
	padding: 5px 0px;
	padding-left: 41px;
	color: #686c6f;
	background: none;
	border: none;
	background: url(../images/gray_arrow.gif) no-repeat 26px 9px;*/
}

#sideNav li li li a:hover
{
	background-image: none;
	color: #000;
	background-color: #e5e5e5;
	/*background: #f0f0f0 url(../images/gray_arrow.gif) no-repeat 26px 9px;*/
}

#rightColumn
{
	float: left;
	background-color: #fff;
	width: 717px; /* don't change this, do it to cmsContent if you need to */
	min-height: 550px;
	height: auto !important;
	height: 550px;
}

#cmsContent
{
	width: 95%;
	margin: 17px auto;
}

#cmsContent h1
{
	/*font-size: 2.3em;
	color: #05385b;*/
}

#formPage
{
}

#formPage em
{
	color: #d80d97;
	font-weight: bold;
}

#formPage ul
{
	margin-left: 0px;
}

#formPage ul li
{
	background: none;
	font-size: 11px;
	padding-left: 0px;
	margin-bottom: 2px;
}

#formPage table
{
	width: 90%;
	margin-left: 40px;
}

#formPage table td
{
	padding: 3px 10px;
	text-align: left;
}

#formPage table td.fieldName
{
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	width: 150px;
	color: #2c537e;
}

#formPage input[type="checkbox"]
{
	margin-right: 2px;
}

#formPage input.text,
#formPage password,
#formPage select
{
	width: 180px;
	border: 1px solid #ccc;
	background: #fefefe;
	font-size: 11px;
	padding: 3px 2px;
}

#formPage select
{
	width: auto;
}

#formPage textarea
{
	width: 90%;
	height: 120px;
	border: 1px solid #ccc;
	background: #fefefe;
	font-size: 11px;
	padding: 3px 2px;
}

#formPage .button
{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #375881;
	text-align: center;
	background: url(../images/gradient_blue.gif) repeat-x top;
}

#footer
{
	background: url(../images/footer_bg.gif) repeat-x top;
	text-align: center;
	width: 100%;
	height: 34px;
	line-height: 32px;
	margin-bottom: 10px;
}

#footer ul li
{
	display: inline;
	font-family: georgia;
	font-size: 1.1em;
}

#footer ul li a
{
	color: #ccc;
	margin: 0px 18px;
}

#footer ul li a:Hover
{
	color: #fff;
}

#copyright
{
	/*text-align: center;
	padding-bottom: 40px;*/
	
	text-align: left;
	padding: 0px 10px 40px 10px;
	width: 70%;
}

#copyright ul
{
	margin: 0px 0px 12px 0px;
}

#copyright ul li
{
	display: inline;
	color: #03557f;
	font-size: 11px;
	margin-right: 11px;
}

#copyright ul li a
{
	color: #03557f;
}

#copyright ul li a:hover
{
	color: #0c79de;
}

#copyright p
{
	color: #c9c9c9;
	line-height: 1.3em;
}




/* membership */

#membership
{
	/*background-color: #000;*/
	margin-top: 20px;
	/*padding-top: 10px;*/
	border-top: 3px solid #004f80;
}

#membership input.radio
{
	display: none;
}

#membership div#intro
{
	margin-top: 1px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	background: #f8fafc url(../images/gradient.gif) repeat-x top;
	/*border-bottom: 1px solid #004f80;*/
}

#membership div#intro p
{
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 13px;
}

#membership div#intro p b
{
	color: #002135;
}


#membership #bronze,
#membership #gold,
#membership #platinum
{
	width: 314px;
	min-height: 120px -40px;
	border: 1px solid #123f5d;
	padding: 40px 0px 10px 16px;

	margin: 0px auto 6px auto;
}

#membership ul
{
	width: 90%;
	margin-bottom: 10px;
}

#membership li
{
	font-size: 11px;
	color: #b3b3b3;
	font-family: arial, sans-serif;
	list-style: none;
	background: url(../images/p_arrow.gif) no-repeat 0px 3px;
	padding-left: 12px;
	padding-bottom: 7px;
}


/* bronze */
#membership #bronze
{
	background: #040404 url(../images/bronze.gif) no-repeat left top;
}

/* gold */
#membership #gold
{
	background: #040404 url(../images/gold.gif) no-repeat left top;
}

/* platinum */
#membership #platinum
{
	background: #040404 url(../images/platinum.gif) no-repeat left top;
}


#membership a.button
{
	position: relative;
	left: 220px;
	display: block;
	color: #e7e7e7 !important;
	font-size: 10px;
	line-height: 18px;
	text-align: center;
	width: 64px;
	height: 19px;
	background: url(../images/membership_btn.gif) no-repeat top;
}

#membership #bronze:hover li,
#membership #bronze.selected li,
#membership #gold:hover li,
#membership #gold.selected li,
#membership #platinum:hover li,
#membership #platinum.selected li
{
	color: #fff;
	cursor: pointer;
	/*background: #1d1d1d url(../images/bronze_o.gif) no-repeat left top;*/
}

#membership a.button:hover
{
	color: #ffe17d !important;
}