@charset "utf-8";
/* Pacific Headwear Online Ordering */

html { height: 100%; text-align: center; }
body {
background-color: #fff;
color: #333;
margin: 0;
padding: 0;
}

/* common */
a img { border: 0; }
form { margin: 0; }
input,select,textarea { font: normal 12px Arial, Helvetica, sans-serif; }
div.clearit { clear: both; height: 1px; line-height: 1px; font-size: 1px; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* windows */
div.win { margin-bottom: 5px; background-color: #fff; }
div.win, div.win .sb-inner { background: #fff; }
div.win .sb-border { background: #ccc; }
#page_rcol_foot { margin-bottom: 5px; background-color: #fff; }
#page_rcol_foot, #page_rcol_foot .sb-inner { background: #fff; }
#page_rcol_foot .sb-border { background: #ccc; }
/*
#page_content, #page_content .sb-inner { background: #fff; }
#page_content .sb-border { background: #ddd; }
*/
div.win div.win_content { padding: 5px; }
div.win_content h3 {
margin: 0;
padding: 0 0 3px 0;
}

/* typography */
body,td,p { font: normal 12px Arial, Helvetica, sans-serif; }
p,ul,ol { line-height: 1.4em; }
li { margin-bottom: 0.25em; }
h1,h2,h3,h4,h5,h6 {
font-family: "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase;
}
h1 { font-size: 20px; margin-top: 0; }
h2 { font-size: 18px; color: #e60000; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }
h4.breadcrumbs {
margin: 0;
padding: 3px 8px;
color: #fff;
text-transform: capitalize;
}
#userinfo {
/*
position: absolute;
top: 4px;
right: 8px;
*/
float: right;
color: #fff;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 5px 10px;
}
#userinfo a { color: #fff; text-decoration: none; }
#page_footer p {
font-size: 11px;
color: #999;
margin: 0;
padding: 10px;
}
p#copyright { float: left; }
p#pbwsp { float: right; }

/* logo image replacement */
h1#logo {
margin: 0;
height: 77px;
line-height: 2em;
background: url(../../images/pacific_headwear_logo.gif) no-repeat;
}
h1#logo span { display: none; }
h1#logo a { display: block; width: 175px; height: 77px; }
/* end logo image replacement */
	
/* navigation */
a { color: #e60000; }
a:hover { color: #000; }
#navbar { height: 60px; overflow: hidden; }
#navbar li {
font: normal 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 44px;
height: 53px;
padding-top: 3px;
}
#navbar li.navbar_item { background: url(../../images/navbar_bkg.gif) repeat-x; }
#navbar li.navbar_l,
#navbar li.navbar_r {
width: 13px;
height: 53px;
}
#navbar li.navbar_l a,
#navbar li.navbar_r a {
display: none;
}
#navbar li.navbar_l { background: url(../../images/navbar_l.gif) no-repeat; }
#navbar li.navbar_r { background: url(../../images/navbar_r.gif) no-repeat; }
#navbar li a {
width: 150px;
height: 46px;
color: #000;
text-decoration: none;
text-transform: uppercase;
border-right: 1px solid #ccc;
border-left: 1px solid #fff;
}
#navbar li a:hover { color: #c00; }
#navbar li a.btn_home {
background: url(../../images/icon_home.gif) no-repeat 15px 8px;
text-indent: 55px;
border-left: 0;
width: 125px;
}
#navbar li a.btn_cart {
background: url(../../images/icon_cart.gif) no-repeat 12px 8px;
text-indent: 53px;
width: 155px;
}
#navbar li a.btn_history {
background: url(../../images/icon_clock.gif) no-repeat 20px 8px;
text-indent: 58px;
width: 144px;
}
#navbar li a.btn_tracking {
background: url(../../images/icon_truck.gif) no-repeat 12px 12px;
text-indent: 60px;
width: 155px;
}
#navbar li a.btn_account {
background: url(../../images/icon_user.gif) no-repeat 14px 8px;
text-indent: 44px;
border-right: 0;
width: 160px;
}
#page_footer a { color: #999; }

/* layout and positioning */
#wrap {
width: 777px;
height: 101%;
margin: 0 auto;
padding-bottom: 3em;
text-align: left;
position: relative;
}
#masthead { background: url(../../images/pacific_headwear_tagline.gif) no-repeat right; }
div#searchbar {
background: url(../../images/searchbar_bg.jpg) repeat-x;
position: relative;
}
div#searchbar_inner { background: url(../../images/searchbar_end.jpg) no-repeat right 0px; }
div#template_searchform {
background: url(../../images/bkg_search.gif) no-repeat;
height: 62px;
position: relative;
}
#pc-searchwindow {
position: absolute;
top: 0;
left: 0;
width: 200px;
z-index: 9999;
}
form#frmStyleSearch input { vertical-align: middle; }
input#txtSearchText {
width: 130px;
font-size: 11px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #aaa;
}
#page_lcol {
float: left;
width: 176px;
padding: 5px 0;
}
#page_rcol {
float: right;
width: 588px;
margin-top: -28px;
/*margin-left: 186px;*/
}
#page_content {
background: url(../../images/bkg_content.gif) no-repeat;
border-right: 1px solid #cfcfcf;
}
#page_content_inner { padding: 15px; overflow: hidden; zoom: 1; }
#page_rcol_foot { height: 20px; width: 588px; }
#page_footer {
clear: both;
height: 60px;
margin-top: 10px;
padding-top: 10px;
border-top: 5px solid #ec0000;
}

/* landing page */
#home_thumbs {  }
#home_thumbs .thumbitem {
float: left;
margin-right: 4px;
margin-bottom: 4px;
}

/* login page */
#login_page { background: url(../../images/login_page_repeat.jpg) repeat-x; zoom: 1; }
#login_page_leftcol { background: url(../../images/login_page_leftcol.jpg) no-repeat; }
#login_page_content {
background: url(../../images/login_page_end.jpg) no-repeat right top;
height: 450px;
position: relative;
zoom: 1;
}
h3#login_title {
position: absolute;
margin: 0;
padding: 0;
top: 11px;
left: 12px;
color: #fff;
line-height: 16px;
}
#login_page div.errmsg {
position: absolute;
top: 44px;
left: 15px;
color: #ff0;
font-weight: bold;
}
div#login_photo {
position: absolute;
width: 433px;
height: 389px;
top: 44px;
right: 0;
background: url(../../images/login_page_photo.gif) no-repeat right top;
}
div#login_photo span { display: none; }
#login_form {
position: absolute;
top: 70px;
left: 0;
width: 336px;
text-align: right;
zoom: 1;
}
#login_form label {
display: block;
/*height: 48px;
line-height: 46px;*/
color: #fff;
padding: 12px 20px;
margin-bottom: 2px;
}
#login_form input.login_input {
width: 210px;
font-size: 14px;
vertical-align: middle;
margin-left: 10px;
}
#login_form div#login_buttons { padding: 8px 20px; }
#login_form label#login_remember {
DISPLAY: NONE;
/*VISIBILITY: HIDDEN;*/
height: 36px;
line-height: 36px;
color: #c00;
font-weight: bold;
padding: 0;
}
#login_form label#login_remember input { vertical-align: middle; }
#login_form label#login_forgot { font-size: 11px; height: 36px; line-height: 36px; }
#login_reqpw {
display: none;
position: absolute;
top: 270px;
left: 0;
width: 300px;
padding: 5px 15px;
}
#login_reqpw input#email-input {
font: normal 15px Arial, Helvetica, sans-serif;
width: 160px;
}
#login_reqpw input { dislay: inline; vertical-align: middle; }
/* end login page */

/* end css */