@charset "utf-8";
/* 
	define tags
-------------------------------------*/
body { margin: 0; padding: 0; color: #3f506e; background: #e9eff1 url(../images/bg_body.gif) repeat top center; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
/* 
	classes
-------------------------------------*/
.clearfix:after { content: "."; display: block; width: 100%; height: 0; float: none; clear: both; visibility: hidden; }
.clearer { display: none; }
.disclaimer { font-size: 72% !important; }

/* 
	link buttons
-------------------------------------*/
button.linkButton, 
a:link.linkButton, 
a:visited.linkButton { cursor: pointer; float: left; display: block; width: auto; height: 26px; line-height: 26px !important; font-size: 11px !important; color: #fff !important; background: #3f506e url(../images/bg_button2.png) repeat-x center center; text-decoration: none; border: 1px solid #3f506e; padding: 0 10px !important; margin: 0 2px !important; white-space: nowrap; }
button.linkButton { height: 28px !important; }
button.linkButtonHover,
button.linkButton:hover,
a:hover.linkButton, 
a:active.linkButton { background-image: url(../images/bg_button2_hover.png); }
button[disabled].linkButton,
button[disabled="disabled"].linkButton,
button:disabled.linkButton { background: none; border-color: #9fa4a8; color: #9fa4a8; }
.right button.linkButton, 
.right a:link.linkButton, 
.right a:visited.linkButton { float: right; }
button.off, 
a:link.off, 
a:visited.off { background-image: none; }
.nogaptop { margin-top: 0; padding-top: 0; }
.nogapbottom { margin-bottom: 0; padding-bottom: 0; }
button[disabled],
button.linkButton[disabled],
button.linkButton[disabled="disabled"],
button:disabled.linkButton,
.disabledBut { cursor: default !important; color: #aaa !important; background: #ddd url(../images/bg_button_white_blend.png) repeat-x center center !important; border: 1px solid #aaa !important; }
/* special submit button color */
button.linkSubmit, 
a:link.linkSubmit, 
a:visited.linkSubmit { background-image: url(../images/bg_submit2.png); border: 1px #4b9848 solid !important; }
button.linkSubmit:hover,
a:hover.linkSubmit, 
a:active.linkSubmit { background-image: url(../images/bg_submit2_hover.png); border: 1px #4b9848 solid !important; }
/* datepicker */
.ui-datepicker table,
.ui-datepicker th,
.ui-datepicker td { font-size: .85em !important; }
.ui-datepicker select.ui-datepicker-month-year,
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year,
.ui-datepicker-title { font-size: .85em !important; }
img { border: 0; margin: 0; padding: 0; }
.small { font-size: 11px; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.good { color: green !important; }
.bad { color: red !important; }
/* 
	main layout elements tags
-------------------------------------*/
#wrapper { position: relative; display: block; width: 991px; height: auto; min-height: 600px; margin: 0 auto; background: #9fa4a8 url(../images/bg_wrapper.gif) no-repeat top left; }
#header { position: relative; display: block; width: 100%; height: 100px; z-index: 5; }
#page { position: relative; display: block; width: 100%; height: auto; padding: 30px 30px 0; }
#page_wrap { position: relative; display: block; width: 931px; height: auto; background: url(../images/bg_page_full.gif) repeat-y top left; z-index: 0; }
#content { position: relative; display: block; width: 595px; height: auto; margin-right: 10px; float: left; }
#sidebar { position: relative; display: block; width: 326px; height: auto; float: left; }
#footer { position: relative; display: block; width: 100%; height: auto; min-height: 100px; padding: 20px 0 30px; }
/* 
	header area
-------------------------------------*/
#header h1 { position: absolute; top: 40px; left: 0; margin: 0; padding: 0; }
#header h1 a { display: block; width: 226px; height: 36px; }
#header h1 a span { display: none; }
#header p.share-icons { position: absolute; top: -8px; left: 15px; display: block; width: 54px; height: 24px; z-index: 999; overflow: hidden; }
#header p.share-icons a.facebook { position: absolute; top: 0px; left: 0px; display: block; width: 24px; height: 24px; background: url(../images/icn_facebook.png) no-repeat 50% 50%; margin: 0; padding: 0; border: 0 !important;; text-decoration: none !important; }
#header p.share-icons a.facebook span { display: none; }
#header p.share-icons a.twitter { position: absolute; top: 0px; right: 0px; display: block; width: 24px; height: 24px; background: url(../images/icn_twitter.png) no-repeat 50% 50%; margin: 0; padding: 0; border: 0 !important;; text-decoration: none !important; }
#header p.share-icons a.twitter span { display: none; }
/* 
	small navigation
-------------------------------------*/
#nav-small { position: absolute; top: 10px; right: 15px; margin: 0; padding: 0; list-style: none; }
#nav-small li { list-style: none; float: right; clear: none; font-weight: bold; font-size: 75%; color: #fff; }
#nav-small li a { font-weight: lighter; color: #fff; text-decoration: none; margin: 0 3px; }
#nav-small li a:hover { color: #3f506e; text-decoration: underline; }
#nav-small li:after { content: "."; }
#nav-small li.last:after { content: ""; }
#nav-small li.active,
#nav-small li.active a { color: #3f506e; text-decoration: none; }
/* 
	bar navigation
-------------------------------------*/
#nav-bar { position: absolute; top: 52px; right: 15px; margin: 0; padding: 0; list-style: none; }
#nav-bar li { list-style: none; float: right; clear: none; font-weight: normal; font-size: 75%; color: #304652; }
#nav-bar li a { font-weight: lighter; color: #304652; text-decoration: none; margin: 0 3px; }
#nav-bar li a:hover { color: #e9eef1; text-decoration: underline; }
#nav-bar li:after { content: "."; }
#nav-bar li.last:after { content: ""; }
#nav-bar li.active,
#nav-bar li.active a { color: #3f506e; text-decoration: none; }
#nav-bar .count { color: #304652; background-color: #e9eef1; padding: 2px 5px; }
/* 
	main navigation
-------------------------------------*/
#nav { position: absolute; top: 80px; right: 10px; margin: 0; padding: 0; list-style: none; z-index: 9999; }
#nav li { position: relative; list-style: none; float: right; clear: none; font-size: 80%; color: #fff; font-weight: bold; margin-right: 3px; }
#nav li a { color: #3f506e; font-weight: lighter; text-decoration: none; margin: 0 3px 0 0; }
#nav li a:hover { color: #fff; text-decoration: underline; }
#nav li:after { content: "."; }
#nav li.last:after { content: ""; }
#nav li.spacer:after { margin-right: 20px; content: ""; }
#nav li.active,
#nav li.active a { color: #fff; text-decoration: none; }
#nav .pulldown { display: none; width: 158px; height: auto; position: absolute; top: 15px; left: 0px; z-index: 10000; background: #fff; margin: 0; padding: 0; list-style: none; border-left: 1px solid #304652; border-right: 1px solid #304652; border-top: 1px solid #304652; white-space: nowrap; }
#nav .pulldown li { position: relative; display: block; width: 158px; height: auto; padding: 0; margin: 0; float: none; border-bottom: 1px solid #304652; }
#nav .pulldown li a { display: block; width: 150px; height: auto; font-size: 12px; padding: 2px 4px; margin: 0; background: none; }
#nav .pulldown li a:link,
#nav .pulldown li a:visited { background: url(../images/grey_blend_bottom.png) repeat-x bottom left; text-decoration: none; }
#nav .pulldown li a:hover { color: #fff; background: #304652 url(../images/bg_button_white_blend.png) repeat-x top left; text-decoration: none; }
#nav .pulldown li a:active { color: #fff; background: #437a98 url(../images/grey_blend_top.png) repeat-x top left; text-decoration: none; }
#nav .pulldown li:after { content: ""; }
#nav li:hover .pulldown, 
#nav li.over .pulldown { display: block; overflow: visible } /* The magic */
/* 
	content navigation
-------------------------------------*/
#nav-retail { margin: 0; padding: 0; list-style: none; }
#nav-retail li { list-style: none; float: left; clear: none; font-weight: lighter; color: #fff; }
#nav-retail li a { font-size: 70%; color: #fff; text-decoration: none; margin: 0 3px; }
#nav-retail li a:hover { color: #3f506e; text-decoration: underline; }
#nav-retail li:after { content: "."; }
#nav-retail li.last:after { content: ""; }
#nav-retail li.active,
#nav-retail li.active a { color: #3f506e; text-decoration: none; }
/* 
	content area
-------------------------------------*/
#content .top_block { position: relative; display: block; width: 100%; height: auto; }
#content .top_block .block_picture { display: block; width: 100%; height: auto; }
#content .top_block .block_picture a { border: 0; padding: 0; margin: 0; }
#isHome #content .top_block .block_picture { display: block; width: 595px; height: 447px; overflow: hidden; }
#content .bottom_block { position: relative; display: block; width: 100%; height: auto; min-height: 100px; margin-top: 20px; }
#content .block_header { position: absolute; top: -18px; right: 0; color: #fff; font-size: 75%; font-weight: bold; }
#content .block_inner { position: relative; font-size: 90%; background-color: #e9eef1; }
#content .block_inner .padder { padding: 10px 15px; }
#content .block_inner .padder p,
#content .block_inner .padder li { font-size: 90%; line-height: 140%; }
#content a { color: #437a98; }
#content a:hover { color: #000; }
#page .block_nav { margin: 0; padding: 0; }
/* 
	sidebar
-------------------------------------*/
#sidebar a { color: #437a98; text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
#sidebar .top_block { position: relative; display: block; width: 100%; height: auto; }
#sidebar .block_inner { position: relative; font-size: 90%; }
#sidebar .block_inner .padder { font-size: 90%; padding: 10px 15px 40px; }
#sidebar .bottom_block { position: relative; display: block; width: 100%; height: auto; }
#sidebar .bottom_block2 { position: relative; display: block; width: 100%; height: auto; padding-top: 10px; border-bottom: 10px solid #9fa4a8; }
body.full #sidebar .top_block,
body.full #sidebar .bottom_block,
body.full #sidebar .bottom_block2 { background: #9fa4a8; }
#sidebar .bottom_block2 .inner_block1 { position: relative; display: block; width: 100px; height: auto; background: #c4c7cc; float: left; margin-top: 20px; margin-right: 10px; }
#sidebar .bottom_block2 .inner_block1 .block_picture { display: block; width: 100px; height: 135px; overflow: hidden; }
#sidebar .bottom_block2 .inner_block2 { position: relative; display: block; width: 216px; height: auto; background: #e9eef1; float: left; margin-top: 20px; }
#sidebar .bottom_block2 .inner_block2 .block_picture { position: relative; display: block; width: 216px; height: 135px; overflow: hidden; }
#sidebar .bottom_block2 a { display: block; width: 100%; height: auto; margin: 0; padding: 0; }
#sidebar .block_header { position: absolute; top: -18px; right: 0; color: #fff; font-size: 75%; font-weight: bold; }
#sidebar .sidebar_bottom {  }
/* 
	tagline
-------------------------------------*/
#page_wrap .tagline { position: absolute; right: 0; bottom: 0; display: block; width: 326px; height: 22px; border-top: 10px solid #9fa4a8; background: #b6b9be url(../images/bg_tagline.gif) no-repeat top left; z-index: 10 }
#page_wrap .tagline span { display: none; }

#page_wrap #tagline { position: absolute; right: 0; bottom: 0; display: block; width: 326px; height: 22px; border-top: 10px solid #9fa4a8; background: url(../images/bg_tagline.gif) no-repeat top left; z-index: 10 }
#page_wrap #tagline span { display: none; }

/* 
	design gallery
-------------------------------------*/
.search_PageNumbers strong,
.search_PageNumbers { color: #3f506e !important; }
.search_PageNumbers a { text-decoration: none; }
.search_PageNumbers a:hover { text-decoration: underline; }
/*
	footer
-------------------------------------*/
#footer .padder { padding: 0; margin: 0 30px; }
#footer .logowrapper { display: block; width: 100%; height: auto; background: url(../images/bg_footer.gif) no-repeat top right; }
#footer .left { display: block; width: 45%; height: auto; float: left; font-size: 70%; font-weight: bold; color: #fff; line-height: 12px; }
#footer .right { position: absolute; top: 70px; right: 30px; display: block; width: 55%; height: auto; font-size: 70%; text-align: right; color: #7b7e82; float: left; clear: right; }

/* 
	table listings
-------------------------------------*/
.tableListing { width: 100%; border-top: 1px solid #9fa4a8; border-left: 1px solid #9fa4a8; border-right: 1px solid #9fa4a8 }
.tableListing tr th { font-size: .83em; background: #9fa4a8 url(../images/bg_table_header.png) repeat top left; color: #e9eff1; vertical-align: bottom; }
.tableListing tr td { border-bottom: 1px solid #9fa4a8; background: #fff; vertical-align: top; }
.tableListing tr.row1 td { background: #fbf5de; }
.tableListing tr.row2 td { background: #faf6e8; }
.tableListing tr.notavail td { background: #f2e7c2; color: #c5b272; }
.tableListing tr.hilite td { background: #c8f0ef !important; color: #000 !important; }
.tableListing tr.notavail td a { color: #c5b272 !important; }
.tableListing tr td a:hover { text-decoration: underline; }
.tableListing tr.options td { background: #d2d7db url(../images/bg_white_blend.png) repeat-x top left; }
/* special table option button class */
.tableListing a.optionButton { font-size: 12px; text-decoration: none; border: 1px solid #fff; }
.tableListing a:hover.optionButton { color: #437a98 !important; text-decoration: none; border: 1px solid #437a98; }
.tableListing a span { padding: 4px 2px 2px 12px; }
.tableListing a.view span,
.tableListing a.edit span { padding-left: 11px; background: url(../images/icn_table_edit.gif) no-repeat 3px center; }
.tableListing a.delete span { padding-left: 13px; background: url(../images/icn_table_delete.gif) no-repeat 3px center; }
.tableListing tr.voided td { background: #ffe7e7; color: #c60707; }
.tableListing tr.voided td a.optionButton { border: 1px solid #ffe7e7; }
.tableListing tr.voided td a:hover.optionButton { color: #c60707; text-decoration: none; border: 1px solid #c60707; }
.tableListing tr.voided td a.view span { color: #c60707; background: url(../images/icn_table_edit_void.png) no-repeat 3px center; }
.tableListing tr td.header { border-right: 1px solid #9fa4a8; background: #cdd1d4; white-space: nowrap; }

/*
	size charts
-------------------------------------*/
#SizeChart {}
#SizeChart .tableListing td { font-size: 85%; text-align: center; background-color: #fff; }
#SizeInfo .SizeDesc,
#SizeInfo .SizeImage { display: block; width: 50%; height: auto; float: left; clear: none; }
#SizeInfo .SizeImage { text-align: center; }

/*
	checkout steps
-------------------------------------*/
#OrderSteps { display: block; width: 100%; height: auto; margin: 0; padding: 0; }
#OrderSteps li { list-style: none; margin: 0 0 2px 0; padding: 6px 5px 6px 28px; background: #ced0d4; border: 1px solid #9fa4a8; }
#OrderSteps li.done { color: #7a89a3; background: #e9eff1 url(../images/bg_checkmark_done.gif) no-repeat 8px center; }
#OrderSteps li.active { background-color: #fff; }
#OrderSteps a:link { color: #3f506e; }
#OrderSteps a:hover { color: #7a89a3; }
/*
	sidebar / login
-------------------------------------*/
#sidebar #LoginForm .formGroup .formCell { width: 95%; }
#sidebar #LoginForm .formGroup label.desc { display: none; }

/*
	processing window
-------------------------------------*/
#ProcessWindow { display: none; }
#ProcessWindow.timer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #e9eef1 url(../images/ani_timer.gif) no-repeat center center; }
#ProcessWindow.error { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #e9eef1; }
#ProcessWindow.error .padder { padding: 150px 50px 50px !important; background: url(../images/icn_big_error.gif) no-repeat center 40px; }
#ProcessWindow.error .padder p.msg { font-size: 18px !important; }

/*
	voided orders
-------------------------------------*/
#Void { position: absolute; top: 105px; left: 0; display: block; width: 100%; height: 320px; background: url(../images/img_voided.png) no-repeat 50% 120px; z-index: 9000; }
#VoidPrint { display: none; }

#PageErrorWrapper { position: relative; display: block; width: 100%; height: auto; }
#PageErrorWrapper .ui-widget { position: relative; display: block; width: 100%; height: auto; }

/*
 Full page width
-------------------------------------*/
body.fullpage #content { width: 931px; float: none; clear: both; }
body.fullpage #page_wrap .tagline { display: none; }

#QuformsContainer .formTop .linkButton { position: absolute; top: 20px; right: 10px; }