/* NAR Magento Styles
   Updated: Mon 10.11.10
   Author: Bear Ideas, www.bearideas.com
----------------------------------------------------------------------------------*/

body {background: #ECF6F9 url(../images/bg.jpg) top center repeat-y; color: #555; font: 12px/18px Arial, Helvetica, Sans-serif;}

#wrap {background: url(../images/wrap-bg.png) top left repeat-x;}

#page {
  margin: 0 auto;
  width: 1000px;
  }

.middle-container {clear: both}
.col-1-layout .col-main {padding: 20px; width: 960px;}
.col-2-left-layout {padding: 20px 10px;}
.col-2-left-layout .col-main {width: 755px; margin-right: 30px;}
.col-2-right-layout .col-main {padding: 20px; width: 745px;}
.catalog-product-view .col-2-right-layout .col-main, .review-product-list .col-2-right-layout .col-main {padding: 0; width: 785px;}
.col-3-layout {padding-top: 10px;}
.col-3-layout .col-main {margin: 0; width: 595px;}
.col-left, .col-right {padding: 0 10px; width: 175px;}


h1, h2, h3, h4, h5, h6, .head {color: #0090B6;}
a {color:#344ea1; text-decoration:none;}
a:hover {color: #9fad3e;}
a:focus {outline: 0;}

/* =Header / Footer
----------------------------------------------------------------------------------*/

#header {
  width: 1000px;
  height: 131px;
  position: relative;
  float: left;
  }

#header #branding {
  width: 422px;
  height: 101px;
  background: url(../images/logo.png) top left no-repeat;
  position: relative;
  margin: 0;
  }

#header #branding p {margin: 0;}
#header #logo {
  width: 345px;
  height: 72px;
  position: absolute;
  top: 15px;
  left: 62px;
  text-indent: -5000px;
  }
  
#header #contact {
  width: 246px;
  height: 101px;
  background: url(../images/cservice.png) top left no-repeat;
  position: absolute;
  top: 0;
  left: 436px;
  }
  
#header #contact p {text-indent: -5000px; float: left;}
#header .shop-access {position: absolute; top: 20px; right: 20px; width: auto; float: none;}
#header .shop-access li {display: inline; list-style-type: none; border-right: 1px solid #344ea1; padding: 0 9px 0 8px;}
#header .shop-access li.last {border: none;}
#header .shop-access li a {font-size: 11px; color:#344ea1; text-decoration: none;}
#header .shop-access li a:hover {text-decoration: underline;}
#header .mini-search {top: 65px; right: 23px; width: 215px;}
#header .mini-search .input-text {width:170px;}

#footer {border-top: 2px solid #ccc; padding: 10px 10px 0; margin: 20px 20px 0; font-size: 11px; text-align: center;}

/* =Main Navigation
----------------------------------------------------------------------------------*/

#nav {clear: both; width: 1000px; height: 30px; padding: 0 0 0 10px; background: url(../images/divider.png) -2px 0 no-repeat;}
#nav li {padding: 2px 0 0; background: url(../images/divider.png) top right no-repeat; display: block; float: left; height: 28px;}
#nav li a {font-size: 13px; color: #fff; font-weight: bold; padding: 0 17px 0 15px;}
#nav li a:hover, #navlist li a.active {color: #CDE8EE;}
#nav .level0 a:link, #nav .level0 a:visited, #nav .level0 a:hover, #nav .level0 a:active {padding: 5px 17px 6px 15px;}

#nav ul li, #nav ul li.active {background: #ECF6F9;}
#nav .level1 a:link span, #nav .level1 a:visited span, #nav .level1 a:active span {color: #344ea1}
#nav .level1 a:hover span {background-color: #9fad3e; color: #ffffff;}

.breadcrumbs {padding: 14px 20px 0;}

/* =Left Sidebar
----------------------------------------------------------------------------------*/



/* =Right Sidebar
----------------------------------------------------------------------------------*/

.base-mini {background: url(../images/callout.png) top left no-repeat;}
.base-mini .head {background: none;}
.base-mini .head h4 {font-size: 12px; color: #0090b6; text-transform: uppercase; padding-left: 1px;}
.base-mini .content {background: #F4F4F4 url(../images/sidebar.png) top left repeat-y;}
#recently-viewed-items li {border-bottom: 1px solid #ffffff; padding: 5px; margin: 0 4px;}
#recently-viewed-items li.even {}
#recently-viewed-items li.last {border: none;}
  
  
/* =KDM Right Blocks for 1.4.x
----------------------------------------------------------------------------------*/

.block {
 	background: url(../images/callout.png) top left no-repeat;
  	border:0 solid #C4C1BC;
	font-size:0.95em;
	line-height:1.3em;
  	margin-bottom:1.3em;
}

.col-left .block, .col-left .actions {
	font-size: 1em;
}

.block .block-title, .block .block-title strong {
	background: none;
  	border-bottom:1px solid #FFFFFF;
	margin:0;
	padding: 0;
	font-size: 12px; 
	color:#0090B6;
	text-transform: uppercase;
	min-height:16px; 
}

.block .block-title {padding: 10px 0 10px 10px;}
.block .block-title strong {border-bottom: none;}

.block .block-content {
	background: #F4F4F4 url(../images/sidebar.png) top left repeat-y;
	padding:5px 10px;
}

.block-subscribe button {
	cursor:pointer;
	font:bold 12px arial,sans-serif !important;
	overflow:visible;
	padding:1px 8px;
	text-align:center;
	vertical-align:middle;
	width:auto;
	background-color:#ECF4F5;
	background:none repeat scroll 0 0 #ECF6F9;
	border:1px solid #344EA1;
	color:#344EA1;	
}

.block-subscribe button span  {border: none;}

.block-subscribe .actions {
	text-align: left;
}

/* Pager */
.pager { font-size:11px; background:#fff url(../images/bkg_toolbar.gif) 0 100% repeat-x; padding:4px 8px; border-top:1px solid #e2e2e2; text-align:center;  overflow: hidden;}
.pager .amount { float:left; margin:0; }
.pager .limiter { float:right; }
.pager .limiter label { vertical-align:middle; }
.pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; width: 50px;}
.pager .pages { margin:0 140px; }
.pager .pages ol { display:inline; }
.pager .pages li { display:inline; margin:0 2px; }
.pager .pages .current {}

/* Sorter */
.sorter { font-size:11px; background:#fff url(../images/bkg_toolbar.gif) 0 100% repeat-x; padding:3px 8px; border-top:1px solid #e2e2e2;  overflow: hidden;}
.sorter .view-mode { float:left; margin:0; }
.sorter .sort-by { float:right; padding-right:36px; }
.sorter .sort-by label { vertical-align:middle; }
.sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle;  }
.sorter .link-feed {}

/* Toolbar */
.toolbar .pager { padding:3px 8px; border-bottom:1px solid #fff;  overflow: hidden;}
.toolbar .sorter { border-bottom:1px solid #fff;  overflow: hidden; }
.toolbar-bottom {}

.category-title h1 {
	font-size:1.6em;
	font-weight:normal;
	line-height:1.3em;
	margin:0;
	overflow:hidden;
	width:100%;
	color:#0090B6;
	font:18px/24px Arial,Helevetica,sans-serif;
	letter-spacing:2px;
	padding:0;
	text-transform:uppercase;
}

.block-layered-nav .block-title {display: none;}
.block-layered-nav p.block-subtitle {
	background:url("../images/callout.png") no-repeat scroll left top transparent;
	color:#0090B6;
	font-size:12px;
	line-height:15px;
	padding:10px;
	text-transform:uppercase;
	border-bottom:1px solid #FFFFFF;
	border-left:0 none;
	border-right:0 none;
	font-weight:bold;
	margin:0;
    margin-bottom: 0;
}
.block-layered-nav .currently li {
	background:none repeat scroll 0 0 #FFFFFF;
	padding:4px 6px 4px 10px;
}

.block-layered-nav .block-content {
	padding: 0;
}


#narrow-by-list dt {
	color: #555555;
	margin:0;
	padding:7px 10px 0 28px;
	text-transform:uppercase;
	background: none;
}
#narrow-by-list dd {padding:0 12px 0.8em;}
#narrow-by-list dl {background: #F4F4F4 url(../images/sidebar.png) top left repeat-y;}
#narrow-by-list dd li { line-height:1.3em; margin-bottom:0.3em; }

.block-layered-nav .btn-remove {
	float:right;
	font-size:0.95em;
	margin:0.1em 0 0 5px;
	height: 11px;
	width: 11px;
	background: transparent url(../images/list_remove_btn.gif) top left no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}

.block-layered-nav .currently {
	line-height: 18px;
}

.block-layered-nav .currently .label {
	font-weight:bold;
	padding-left:20px;
	text-transform:uppercase;
	line-height: 18px;
}

.block-layered-nav .actions {
	background:none repeat scroll 0 0 #CAD6E4;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px 0;
	padding:4px 10px;
}

.minimal-price {
	color:#555555;
	font-size: 1em;
	font-weight:normal;
	line-height:1em;
}

/* =Store Landing Page
----------------------------------------------------------------------------------*/

.cms-home .col-right {padding-top: 20px;}
.landing-page {margin: 20px 0 35px 80px; float: left;}
.landing-page .row {float: left; margin-bottom: 20px; border-bottom: 1px solid #ddd; width: 100%}
.landing-page .category {width: 135px; height: 170px; float: left; margin: 0 70px 0 0;}
.landing-page .last {margin: 0;}
.landing-page h4 {font-size: 11px; color:#411d0b; text-align: center;}
.landing-page a, .landing-page a:visited {color: #344ea1;}
.landing-page a:hover {color: #9fad3e; text-decoration: none;}

/* =Catalog
----------------------------------------------------------------------------------*/

.category-head h2 {font: 18px/24px Arial, Helevetica, sans-serif; color: #0090b6; text-transform: uppercase; letter-spacing: 2px; padding: 0;}
.catalog-listing h5 a {color: #344ea1;}
.catalog-listing h5 a:hover {color: #9fad3e;}
.regular-price, .special-price {color: #9fad3e;}
.catalog-listing .add-to {font-size: 11px; text-decoration: none;}
.catalog-listing .add-to a, .catalog-listing .add-to a:hover {font-weight: normal;}
.catalog-listing .add-to .link-cart {font-weight: normal !important;}
.link-cart {color: #344ea1 !important;}
.success-msg, .notice-msg, .note-msg {background: #ECF6F9; color: #0090b6; border: 1px solid #0090b6; margin: 5px 20px 10px !important; padding: 6px 15px !important; background-image: none; min-height: 10px !important;}
.error-msg li, .success-msg li, .notice-msg li {font-size: 13px;}
.form-button, .form-button-alt, button.button {background: #ECF6F9; color: #344EA1; border: 1px solid #344EA1;}
.form-button:hover, .form-button-alt:hover, button.button:hover {background: #9fad3e; border: 1px solid #9fad3e; color: #fff;}

/* =Product Detail
----------------------------------------------------------------------------------*/

.product-info-box {padding: 0 0 10px 20px;}
.product-essential {padding: 0 25px 0 0;}
.product-essential .product-shop {width: 450px;}
.product-info-box .product-name, .product-collateral .collateral-box h4,
.product-img-box .more-views h4 {color: #0090b6;}

/* =Checkout
----------------------------------------------------------------------------------*/

#shopping-cart-table h2 {font-size: 1em;}

#opc-login .head h3 {border: none; padding-bottom: 0; text-transform: none;}
#opc-login #checkout-step-login h3 {color: #0090B6; border-bottom:1px solid #E4E4E4; padding-bottom:2px; text-transform:uppercase;}
#opc-login h4 {color: #555; border: none; text-transform: none;}
#opc-login .form-list label, .sp-methods label,
#opc-review .product-name {color: #0090B6;}
#checkout-step-shipping_method {padding: 15px;}

.customer-name div {float: left;}
.customer-name label.required {color: #0090B6;}

.shopping-cart-collaterals .discount-codes h4, .shopping-cart-collaterals .shipping-estimate h4, label,
.data-table th, .data-table thead th {color: #0090b6;}
.data-table tfoot strong {font-size: 14px;}
.checkout-agreements .agreement-content {display: block; padding: 20px 20px 10px; border: 1px solid #D9DDE3; border-width:0 1px 0; background: none; height: auto;}
.checkout-agreements li {margin: 0;}
#checkout-review-submit #review-buttons-container {margin: 0;}

.checkout-agreements .agree {border: 1px solid #D9DDE3; border-width: 0 1px;}
.checkout-agreements .agree label {color: #0090b6; }
.one-page-checkout-progress {padding-top: 20px;}
.checkout-onepage-success {padding-top: 20px;}

#checkout-progress-wrapper .block {background: none; margin: 20px 0 0;}
#checkout-progress-wrapper .block .block-content {background: none;}
#checkout-progress-wrapper .block-progress .block-title strong {color: #0090B6; font-size:1.05em; text-transform:uppercase;}

#checkoutSteps .buttons-set { clear:both; margin:4em 0 0; padding:2em 0 0; border-top:1px solid #e4e4e4; text-align:right;}
#checkoutSteps .buttons-set p.required { margin:0 0 10px; }
#checkoutSteps .buttons-set .back-link { float: left; margin: 0;}
#checkoutSteps .buttons-set button.button {float: right; margin-left:5px;}
#checkoutSteps  .buttons-set .please-wait { height:21px; line-height:21px; text-align: right; padding-right: 7px;}

.sp-methods dt {font-weight:bold; margin:13px 0 5px;}
.sp-methods dd li {margin:5px 0;}

.block-progress { border:0; margin:0; }
.block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px 10px; }
.block-progress .block-title strong { font-size:13px; color:#0a263c; padding: 0;}
.block-progress .block-content { background:none; }
.block-progress dt { font-size:13px; font-weight:bold; line-height:1.35; background:#eee; border:1px solid #a3aeb3; margin:0 0 6px; padding:2px 8px; color:#999; }
.block-progress dd { background:#eee; border:1px solid #a3aeb3; border-top:0; padding:8px 13px; margin:0 0 6px; }
.block-progress dt.complete { margin:0; background:#d0dce1; color:#5e8ab4; }
.block-progress dd.complete {}
.block-progress p { margin:0; }

/* Block: Account */
.block-account { border-color:#bbb; }
.block-account .block-title { background:#19325C url(../images/bkg_block-title-account.gif) 0 100% repeat-x; border:0; padding:3px 10px; }
.block-account .block-title strong { font-size:13px; color:#fff; }
.block-account .block-content { background:#fbfaf6; padding:7px 10px 7px; }
.block-account .block-content li a { display:block; border-bottom:1px solid #ddd; padding:3px 0; color:#5f5d5c; text-decoration:none !important; }
.block-account .block-content li a:hover { color:#19325C; }
.block-account .block-content li.last a { border-bottom:0; }
.block-account .block-content li.current { border-bottom:1px solid #ddd; padding:3px 0; color:#19325C; }
.block-account .block-content li.current.last { border-bottom:0; }

/* =Misc
----------------------------------------------------------------------------------*/

#reorder {font-weight: bold;}
img#verification {border: none;}

/* =Needed from default/css/styles.css
----------------------------------------------------------------------------------*/

.btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(../../default/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }

.control input.checkbox,
.control input.radio { margin-right:6px; }

.fieldset { border:1px solid #19325C; background:#FBFDFD; padding:22px 25px 12px 33px; margin:28px 0; }
.fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #19325C; background:#fff; color:#19325C; margin:-33px 0 0 -10px; padding:0 8px; position:relative; }