/* reset styles */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dd,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,th{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
html{width:100%;height:100%;}
body{line-height:1;color:black;background:white;width:100%;height:100%;}
caption{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
.clear-block{display:inline-block;}
.clear-block{display:block;}
b,strong{font-weight:bold;}
i,em{font-style:italic;}

/* font style */
body {font:10.5px Verdana,Helvetica,Arial,sans-serif;}

.collection .caption,
.nav_right,
#masthead,
#main_nav,
h3,
.header3 {font:11px Gotham,Verdana,Helvetica,Arial,Sans-serif;font-weight:bold;text-transform:uppercase;}
.body_small {font:9px Verdana,Helvetica,Arial,sans-serif;}


/* header styles */
h3 {margin-bottom:12px;}


/* link styles */
a{text-decoration:none;color:#008dd2;}
a:hover{text-decoration:underline;}
li a{color:#008dd2;}
li a:hover{color:#008dd2;}


/* page size */
body{line-height:14px;color:#000000;}
#page_wrap{width:990px;margin:0 auto;}


/* masthead */
#masthead ol,
#masthead ul,
#masthead li {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
#masthead ol,
#masthead ul{list-style:none;}
#masthead #header{height:50px;padding:15px 0;background:#000000;}
#masthead #header img.logo{margin-left:15px;}
#masthead #nav{height:40px;margin-bottom:25px;border-bottom:2px solid #bcbec0;}


/* main nav */
#main_nav li{float:left;display:block;position:relative;z-index:500;padding:0 28px 0 15px;line-height:40px;}
/* this is the parent menu */
#main_nav li a{display:block;text-decoration:none;color:#000000;}
#main_nav li a:hover {color:#008dd2;}
/* you can make a different style for default selected value */
#main_nav a.selected{color:#008dd2;}
/* submenu,it's hidden by default */
#main_nav ul{position:absolute;left:0;top:40px;display:none;list-style:none;border-top:2px solid #bcbec0;}
#main_nav ul li{display:block;width:100%;float:left;line-height:13px;padding:8px 15px 8px 15px;background:#ffffff;border-bottom:2px solid #bcbec0;}
#main_nav ul li.last {border-bottom:0;}
#main_nav ul li:hover{background:#f6f6f7;}
/* display block will make the link fill the whole area of LI */
#main_nav ul a{display:block;color:#000;}
#main_nav ul a:hover, #main_nav ul li:hover a{text-decoration:none;}
#main_nav li.active > a {color:#008dd2;}


/* nav right */
.nav_right{position:relative;float:right;line-height:40px;width:235px;text-align:left;}
.nav_right a{color:#000000;}
.nav_right a.inline {position:absolute;top:0px;left:0px;}
input.input{position:absolute;top:10px;left:95px;width:80px;height:16px;border:1px solid #000000;}
.nav_right a.submit_search{position:absolute;top:0px;right:0px;}
.nav_right .inline,.nav_right form,.nav_right form div {display:inline;}

