﻿/* General styling */
body {
	margin:0px;
	font-family:sans-serif;
	font-size:0.8em;
	color:#222;
}
a img {
    border-style:none;
}
p {
    font-family:sans-serif;
    font-size:1.0em;
    line-height:1.6em;
}

h1, h2, h3, h4, h5 { color: #072c73; }

div#page { 
	width:865px; 
	position: relative;
	margin-left:auto; 
	margin-right:auto; 
}


/* header sprite directives */
.hdr_sprite { background-image: url(../images/layout/ui_spritemap.png); }
a.hdr_sprite { display: block; }

.sprite-header4 { background-position: 0 -292px; height: 76px; width: 98px; }
a:hover.sprite-header4 { background-position: 0 -1453px; height: 76px; width: 98px; }
.sprite-header7 { background-position: 0 -1852px; height: 76px; width: 56px; }
a:hover.sprite-header7 { background-position: 0 -1377px; height: 76px; width: 56px; }

.sprite-header5 { background-position: 0 -368px; height: 76px; width: 85px; }
a:hover.sprite-header5 { background-position: 0 -468px; height: 76px; width: 85px; }
.sprite-header8 { background-position: 0 -1732px; height: 76px; width: 97px; }
a:hover.sprite-header8 { background-position: 0 -1629px; height: 76px; width: 97px; }

.sprite-header2 { background-position: 0 0px; height: 18px; width: 213px; }
a:hover.sprite-header15 { background-position: 0 -18px; height: 27px; width: 123px; }
.sprite-header15 { background-position: 0 -45px; height: 27px; width: 123px; }
.sprite-header1 { background-position: 0 -72px; height: 58px; width: 213px; }
a:hover.sprite-header12 { background-position: 0 -130px; height: 27px; width: 66px; }
.sprite-header6 { background-position: 0 -189px; height: 76px; width: 74px; }
.sprite-header11 { background-position: 0 -265px; height: 27px; width: 14px; }
a:hover.sprite-header14 { background-position: 0 -603px; height: 27px; width: 231px; }
a:hover.sprite-header3 { background-position: 0 -630px; height: 76px; width: 97px; }
.sprite-header18 { background-position: 0 -706px; height: 27px; width: 131px; }
.sprite-header10 { background-position: 0 -733px; height: 76px; width: 14px; }
.sprite-header19 { background-position: 0 -809px; height: 27px; width: 14px; }
.sprite-header3 { background-position: 0 -836px; height: 76px; width: 97px; }
.sprite-header16 { background-position: 0 -912px; height: 27px; width: 82px; }
.sprite-header13 { background-position: 0 -939px; height: 27px; width: 83px; }
.sprite-header17 { background-position: 0 -966px; height: 27px; width: 121px; }
a:hover.sprite-header6 { background-position: 0 -993px; height: 76px; width: 74px; }
a:hover.sprite-header17 { background-position: 0 -1093px; height: 27px; width: 121px; }
a:hover.sprite-header18 { background-position: 0 -1120px; height: 27px; width: 131px; }
a:hover.sprite-header16 { background-position: 0 -1155px; height: 27px; width: 82px; }
.sprite-header12 { background-position: 0 -1182px; height: 27px; width: 66px; }
.sprite-header9 { background-position: 0 -1209px; height: 76px; width: 131px; }
.sprite-header14 { background-position: 0 -1293px; height: 27px; width: 231px; }
a:hover.sprite-header9 { background-position: 0 -1529px; height: 76px; width: 131px; }
a:hover.sprite-header13 { background-position: 0 -1705px; height: 27px; width: 83px; }

.sprite-footer_58 { background-position: 0 -157px; height: 8px; width: 8px; }
.sprite-footer_52 { background-position: 0 -1147px; height: 8px; width: 8px; }
.sprite-footer_57 { background-position: 0 -1285px; height: 8px; width: 8px; }
.sprite-footer_54 { background-position: 0 -1808px; height: 8px; width: 8px; }
.sprite-footer_comodo { background-position: 0 -544px; height: 59px; width: 113px; position:absolute; margin-left:85px; margin-top:44px; }
.sprite-footer_bbb { background-position: 0 -1320px; height: 57px; width: 36px; position:absolute; margin-left:30px; margin-top:46px; }

.sprite-signout_btn { background-position: 0 -1605px; height: 24px; width: 63px; margin: 0 4px; }
.sprite-signin_btn { background-position: 0 -1069px; height: 24px; width: 53px; margin: 0 4px; }
.sprite-reorder_btn { background-position: 0 -1928px; height: 24px; width: 65px; margin: 0 4px; }
.sprite-search_form { background-position: 0 -444px; height: 24px; width: 190px; }
.sprite-search_btn { background-position: 0 -165px; height: 24px; width: 51px; border-width:0; }

.account_bg {  background: url(../images/layout/account_bg.png); height: 28px; 
    background-repeat:repeat-x; width:863px; margin-bottom: 6px; padding-top:12px; } 
.account_bg .acct_btn { position:relative; bottom:3px; }

#upper_header { width:865px; height:76px; }
#lower_header { width:865px; height:27px; }


/** front page sprite directives */
.home_sprite { background-image: url(../images/pages/home_spritemap.png); }
a.home_sprite { display:block; }

.sprite-home_ban_start_btn { background-position: 0 0px; height: 89px; width: 259px; }
.sprite-home_lynn { background-position: 0 -89px; height: 104px; width: 71px; }
.sprite-home_ban3_4 { background-position: 0 -193px; height: 71px; width: 81px; }
.sprite-home_ban3_2 { background-position: 0 -264px; height: 71px; width: 73px; }
.sprite-home_ban3_3 { background-position: 0 -335px; height: 71px; width: 102px; }
.sprite-home_ban3_5 { background-position: 0 -406px; height: 71px; width: 95px; }
.sprite-home_ban1 { background-position: 0 -477px; height: 139px; width: 622px; }
.sprite-home_ban3_6 { background-position: 0 -616px; height: 71px; width: 312px; }
.sprite-home_ban2 { background-position: 0 -687px; height: 139px; width: 237px; }
.sprite-home_ban3_1 { background-position: 0 -826px; height: 71px; width: 100px; }
.sprite-home_ban3_7 { background-position: 0 -897px; height: 71px; width: 96px; }


/* footer */
div#footer {
	font-family:Microsoft Sans Serif;
	font-size:0.9em;
	color:#222;
}
#container {
    padding:0px;
    margin-top:30px;
    margin-bottom:20px;
    line-height:1.6em;
}
#container a:link, #container a:visited, #container a:active {
    color:#222;
    text-decoration:none;
}
#container a:hover {
    color:#2a6bd4;
    text-decoration:underline;
}
#col_one {
    margin:0 0 0 0px;
    width:176px;
    float:left;
}
#col_two {
    margin:0 0 0 47px;
    width:107px;
    float:left;
}
#col_three {
    margin:0 0 0 47px;
    width:131px;
    float:left;
}
#col_four {
    margin: 0 0 0 47px;
    width:89px;
    float:left;
}
#col_five {
    margin:0 0 0 47px;
    width:140px;
    float:left;
} 
.fheader {
    color:#777;
}


/* inputs */
input.input_small {
    border-style: none;
    height:13px; width:104px;
    background: none;
}
div.input_small_bg {
    background: url(../images/buttons/input_small.png) no-repeat 0 0;
    display: inline;
    padding: 4px 5px 6px 5px;
    margin-top:5px;
    margin-bottom:5px;
}
input.input_large {
    border-style: none;
    background: none;
    height:13px; width:261px;
}
div.input_large_bg {
    background: url(../images/buttons/input_large.png) no-repeat 0 0;
    display: inline;
    padding: 4px 5px 6px 5px;
    margin-top:5px;
    margin-bottom:5px;
}
div.input_search_bg {
    background: url(../images/layout/search_input.png) no-repeat 0 0;
    float:left;
    height:18px; width:124px;
}
input.input_search {
    border-style:none;
    background:none;
    margin-left:20px;
    margin-top:3px;
    height:17px; width:170px;
}
textarea {   
    font-family:Sans-Serif;
}


/* buttons */
input.btn_add_to_cart {
    background: transparent url(../images/buttons/add_to_cart_btn.png);
    border: none;
    height:31px; width:130px;
    cursor:pointer;
}
#add_to_cart_btn {
  display:block;
  width:130px;
  height:31px;
  background:url("images/buttons/add_to_cart_btn.png") no-repeat 0 0;
  cursor:pointer;
}
#add_to_cart_btn:hover { 
  background:url("images/buttons/add_to_cart_btnh.png") no-repeat 0 0;
}
#add_to_cart_btn span {
  display:none;
}

.clearbox { clear:both; }


/* menu styling */
.js_menu {
    display:none; 
    /* width:400px;height:400px; */
    padding:10px;
    border:none;
    background:white;
    position:absolute;
    z-index:5;
    border-right:3px solid #ddd;
    border-bottom:3px solid #ddd;
    border-left:1px solid #f0f0f0;
}
.js_menu ul {
    margin:0px;
    padding-left:20px;
    list-style-type: none;
}
.js_menu li { margin-bottom:0px; }
#cats_menu ul { padding-left:0px; }
#cats_menu li { margin-bottom:5px; }
#brands_menu ul { padding-left:0px; }
#brands_menu li { margin-bottom:5px; }
#shop_menu { width:180px; }


/* page content header */
div#page_cont_head_left {
    height:38px; width:10px;
    float:left;
    background:url(../images/pages/page_head_left.png) no-repeat;
}
div#page_cont_head_cont {
    height:38px; width:839px;
    float:left;
    background:url(../images/pages/page_head_mid.png) repeat-x;
    padding-top:7px;
    font-size:1.1em;
    font-weight:bold;
    color:#18337F;
}
div#page_cont_head_right {
    height:38px; width:10px;
    float:left; 
    background:url(../images/pages/page_head_right.png) no-repeat;
}


/* TALL page header */
div#page_tall_head_left {
    height:50px; width:9px;
    float:left;
    background:url(../images/pages/page_head_left_tall.png) no-repeat;
}
div#page_tall_head_cont {
    height:50px; width: 840px;
    float:left;
    background:url(../images/pages/page_head_mid_tall.png) repeat-x;
    padding-top:8px;
    font-size:1.1em;
    font-weight:bold;
    color:#18337F;
}
div#page_tall_head_right {
    height:50px; width:9px;
    float:left; 
    background:url(../images/pages/page_head_right_tall.png) no-repeat;
}


/* page content subhead */
div.page_cont_sub_left {
    height:38px; width:10px;
    float:left;
    background: url(../images/pages/page_head_left.png) no-repeat;
}
div.page_cont_sub_cont {
    height:38px;
    float:left;
    background:url(../images/pages/page_head_mid.png) repeat-x;
    padding-top:5px;
    font-size:1.1em;
    font-weight:bold;
    color:#18337F;
}
div.page_cont_sub_right {
    height:38px; width:9px;
    float:left; 
    background:url(../images/pages/page_head_right.png) no-repeat;
}


/* page content */
.page_cont {
    font-size:1.0em;
    color:#222;
    line-height:1.5em;
}
.page_cont_title {
    font-size:1.5em;
    font-weight:bold;
    color:#072C73;
}
.page_a1 {
    width:50%;
    vertical-align:top;
    text-align:justify;
    padding-right:10px;
}
.page_a2 {
    width:50%;
    vertical-align:top;
    text-align:justify;
    padding-left:10px;
}
ul {
	margin-left:20px;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	margin-top:3px;
	margin-bottom:3px;
}
li {
	line-height:1.3em; margin-bottom:6px;
}
sup {
    font-size:5pt;
}


/* text styles */
.fineprint {
    font-size:0.8em;
    color:#555;
}
.important {
    font-family:Tahoma;
    color:#222222;
    font-size:1.3em;
    font-weight:bold;
    line-height:1.5em;
}
.less_important {
    font-size:1.0em;
}
.fake_link {
    text-decoration:underline;
    cursor: pointer;
    color: #222;
}
.bold {
    font-weight:bold
}
.italic {
    font-style:italic;
}
.dynamic_text {
    color:#BA0361;    
}
div.right_align {
    float:right;
}
div.left_align {
    float:left;
}
.left {
    float:left;
}


/* press room */
.pressroomlinks {
    vertical-align:top;
	font-family:Microsoft Sans-Serif Serif;
	font-size:1.5em;
	line-height:1.8em;
}
.pressroomlinks a:link, .pressroomlinks a:visited {
	color:#2a6bd4;
    text-decoration:none;
}
.pressroomlinks a:hover {
    color:#0f2e61;
    text-decoration:underline;
}


/* product detail extra */
.productname {
    font-size:1.4em;
    font-weight:bold;
    color:#203C74;
}


/* other */
div#modal_curtain {
    z-index:100;
    background-color:Black;
    display:none;
    opacity:0.4;
    filter: alpha(opacity=40);
    position:absolute;
    top:0px; right:0px;
}


/* modal message box */
div.modal_message {  
    position:absolute;
    z-index: 1000;
}
div.modal_message_ur {
   width:10px; height:10px;
   background-image: url(../images/layout/popup_ur.png); 
   float: right;
}
div.modal_message_lr {
   width:10px; height:10px;
   background-image: url(../images/layout/popup_lr.png); 
   float: right;
}
div.modal_message_ll {
   width:10px; height:10px;
   background-image: url(../images/layout/popup_ll.png); 
   float: left;
}
div.modal_message_ul {
   width:10px; height:10px;
   background-image: url(../images/layout/popup_ul.png); 
   float: left;
}
div.modal_message_mid {
    float: left;
    background-color:#fff;
    height: 10px;
}
div.modal_message_content {
    background-color: White;
    padding:0px 10px;
    border-right: solid 1px #979797;
    border-left: solid 1px #979797;
    font-size:0.9em;
}
div.modal_message_ctrls {
    margin-top:10px;
    text-align:right;
}


/* nro calculator */
div.pd_nro_calculator {  
    width:267px;
    margin-top:10px;
    position:absolute;
    z-index: 1000;
}
div.pd_nro_calculator_top {
   width:267px; height:31px;
   background-image: url(../images/layout/popup_top.png); 
}
div.pd_nro_calculator_top_invert {   
   width:267px; height:11px;
   background-image: url(../images/layout/popup_bot_invert.png); 
}
div.pd_nro_calculator_content {
    width:245px;
    background-color: White;
    padding:10px;
    border-right: solid 1px #979797;
    border-left: solid 1px #979797;
    font-size:0.9em;
}
div.pd_nro_calculator_bottom {
    width:267px; height:11px;
    background-image: url(../images/layout/popup_bot.png);
}
div.pd_nro_calculator_bottom_invert {
    width:267px; height:31px;
    background-image: url(../images/layout/popup_top_invert.png);
}


/* link styles */
a:link { color: #222}
a:visited { color:#222 }
a:hover { color:#222 }
a:active { color:#222 }
.required {
    color: #d8186b;
    font-weight: bold;
}
hr {
    background-color:#ddd;
    border:0px;
    color:#ddd;
    height:1px;
    margin-top:11px;
    margin-bottom:11px;
}


/** segment tabs */
.segtab_left { width:6px; height:17px; background-image:url(../images/layout/prod_browser/tab_left.png); float:left; }
.segtab_right { width:6px; height:17px; background-image:url(../images/layout/prod_browser/tab_right.png); float:left; }
.segtab_body { height:15px; padding-top:2px; background-image:url(../images/layout/prod_browser/tab_bg.png); font-size:0.85em; float:left; }
.segtab_btwn { width:10px; height:17px; background-image:url(../images/layout/prod_browser/tab_mid.png); float:left; }