/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,th,td,table,label {  
    margin:0; 
    padding:0; 
} 

table { 
    border-collapse:collapse; 
    border-spacing:0; 
	width:auto;
}

td {
	vertical-align:top;
}

a, img, table, label, fieldset {
    padding:0px;
    margin:0px;
    border:0px;
}

a {
    outline-style:none;
}


ul { 
    list-style:none; 
} 

caption,th { 
    text-align:left; 
} 

h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
    font-family: arial, helvetica, sans-serif;
} 

body {
    background-color: #ffffff;
    margin:10px;
    margin-top:0;
}

.dbg {
	border:1px solid red;
}

p, body, td, input, a, select, span, textarea, h2 {
    font-family: verdana, helvetica, sans-serif;
    font-size:12px;
    color: #202020; /* cr-text */
}

p, h2, h3, h4, h5, h6 {
	margin-top:1em;
	margin-bottom:1em;
}

b, strong {
    color: #000000;
}

h3 {
    font-size:24px;
}

h4 {
	font-size:130%;
	color: #02a2fd; /* cr-contrast-blue */
	font-weight:bolder;
}

h5, h6 {
	font-size:16px;
	color: #02a2fd; /* cr-contrast-blue */
}

.bold {
	font-weight:bold;
}

p.centerBlk {
	text-align:center;
	margin:0;
	padding:0;
}

.TextBox {
}


.link-right-arrow {
	padding-right:10px;
	background:url('./ps/images/arrow-11pt-grey.gif') no-repeat 100% 80%;
}

.price {
	color: red;
	font-weight: bold;
}

.instock {
	color: #7CC202;
}	

.outofstock {
	color:green;
}

.skuItem .instock {
	font-weight:bold;
}

.dotted-line {
	background-image: url(ps/images/dots.gif);
	background-repeat: repeat-x;
	line-height:2px;
	font-size:2px;
	height:2px;
	margin-bottom:2px;
    border-bottom:1px solid #cccccc;
}

.div-line {
	line-height:2px;
	font-size:2px;
	height:2px;
	margin-top:20px;
	margin-bottom:2px;
    border-bottom:1px solid #cccccc;
	clear:both;    
}

.div-line-dbl {
	line-height:2px;
	font-size:2px;
	height:2px;
	margin-top:20px;
    border-top:1px solid #cccccc;    
    border-bottom:1px solid #cccccc;    
}

.div-line-dbl-vert {
    border-left:1px solid #cccccc;    
    border-right:1px solid #cccccc;
    width:2px;
}

.div-line-vert {
    border-left:1px solid #cccccc;    
    width:2px;
	margin-bottom:2px;
	margin-top:2px;
}

/* ----------------------------------------------------------------------- *
 * General Layout
 * ----------------------------------------------------------------------- */

#content-frame {
}

.accountsCntr, .checkoutCntr, .stdCntr {
	width:70em;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.5em;
}

.stdCntr {
	width:70em;
}


.topBar {
}

.topBarNav .navBar {
	width:auto;
	background-color:transparent;
	z-index:1;
	height:80px;
}

div.navBarLinks {
    font-family: arial, helvetica, sans-serif;
}

.navBarLinks .sep {
	margin-left:0.5em;
	margin-right:0.5em;
}

div.navBarLinksBody {
    margin-right:1em;
    margin-top:8px;
}

.navBarLinks a {
    font-family: arial, helvetica, sans-serif;
	font-size:98%;
}

.helloLink {
	margin-right:2em;
    font-family: arial, helvetica, sans-serif;
	font-size:98%;
}

.navLogoArea {
}

.navMenuBar {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	clear:left;
	background-color:transparent;
	margin-top:-32px;
	margin-bottom:2px;
	z-index:90;
}

.navMenuBar ul.tab {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height:30px;
	font-size:12px;	
	font-family: verdana, helvetica, sans-serif;
	width:58.4em;  /* AME:SW 1190 */
}

.navMenuBar ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:1px;
	margin-right:1px;
	display:block;
	float:left;
}

/* t r b l */
.navMenuBar li a {
	text-decoration: none;
	background-position:left top;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	display:block;
	position:relative;
}

.navMenuBar span {
    color:#202020;
	background-position:right top;
	background-repeat: no-repeat;
	padding: 8px 10px 8px 0;
	font-size:12px;	
	margin:0px;
	font-family: verdana,helvetica,sans-serif;
	display:block;
}

li.navtab:hover a, li.navtab a:hover {
	background-position: left -42px;
}

li.navtab:hover a span, li.navtab a:hover span {
	background-position: right -42px;
}

li.navltab a.hdr {
	background-image: url(/images/shop/layout/navltab_l.gif);
}

li.navltab a.hdr span {
	background-image: url(/images/shop/layout/navltab_r.gif);
}

li.navmtab a.hdr {
	background-image: url(/images/shop/layout/navmtab_l.gif);
}

li.navmtab a.hdr span {
	background-image: url(/images/shop/layout/navmtab_r.gif);
}

li.navrtab a.hdr {
	background-image: url(/images/shop/layout/navrtab_l.gif);
}

li.navrtab a.hdr span {
	background-image: url(/images/shop/layout/navrtab_r.gif);
}

li.navtab_a a.hdr span, li.navtab_a:hover a.hdr span {
	background-position:right -81px;
}

li.navtab_a a.hdr, li.navtab_a:hover a.hdr {
	background-position:left -81px;
}


.navMenuBar .navCatMenuCntr {
	position:absolute;
	z-index:100;
	background-color:#ffffff;
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
    line-height:1.6em;
}

#navCatMenuCntrIframe {
	position: absolute; 
	left:0; 
	top:0; 
	width:0;
	height:0; 
	visibility:hidden;
	border-width:0;
	z-index:0; 
}

.navMenuBar .navCatMenuCntr .cols1 {
	width:180px;
}

.navMenuBar .navCatMenuCntr .cols2 {
	width:360px;
}

.navMenuBar .navCatMenuCntr table {
	border-collapse:collapse;
}

.navMenuBar .navCatMenuCntr td {
	border: 2px solid #77c5f3;
}

.navMenuBar .navCatMenuCntr .cols2 td.col0 {
	border-right-width:3px; 
}

.navMenuBar .navCatMenuCntr .cols2 td.col1 {
	border-left-width:3px; 
}

.navMenuBar .navCatMenuCntr .col0 {
	width:180px;
	margin:2px;
}

.navMenuBar .navCatMenuCntr .col1 {
	width:180px;
	margin:2px;
}

.navMenuBar .navCatMenuCntr ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:1px;
	margin-right:1px;
	text-align:left;
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
    line-height:1.6em;
	padding-left:0.5em;
	padding-right:0.5em;
	margin-bottom:0.75em;
}

.navMenuBar .navCatMenuCntr li {
	display:block;
	float:none;
}

.navMenuBar .navCatMenuCntr div {
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
	font-weight: bold;
    border-bottom:1px solid #bdbdbd;
    border-top:1px solid #bdbdbd;
    background-color:#f0f0f0;
    font-weight:bold;
    margin-bottom:0.25em;
    margin-left:1px;
    margin-right:1px;
    margin-top:1px;
    padding-top:0.3em;
    padding-bottom:0.3em;
    padding-left:0.5em;
}

.navMenuBar .navCatMenuCntr li {
	padding-top:0.2em;
	padding-bottom:0.2em;
}

.navMenuBar .navCatMenuCntr a {
    font-size:12px;
	font-family: arial, helvetica, sans-serif;
    line-height:1.2em;
}

.navMenuBar .navCatMenuCntr a:hover {
	text-decoration:underline;
    color:#029aef; /* cr-contrast-blue */
}

.stdlink {
	text-decoration:none;
}

.stdlink:hover {
	text-decoration:underline;
    color:#029aef; /* cr-contrast-blue */
}


.navLogo {
	width:190px;
	height:60px;
	display:block;
	margin-top:5px;
	margin-left:6px;
	z-index:1;
}

.navLogoCheckOut {
	width:190px;
	height:60px;
	display:block;
	margin-top:5px;
	margin-left:6px;
	position:absolute;
}

.navSearchBar {
	background-color:#ffffff;
	background: url(/images/shop/layout/srchbar.gif) repeat-x left top;
	border-top:1px solid #d0d0d0; 
	border-bottom:1px solid #b0b0b0;
	width:100%; 
	margin:0;
	padding:0;
}

.navSearchBarBody {
    margin:0;
    padding-top:3px;
    padding-bottom:3px;
    margin-left:auto;
	margin-right:auto;
}


.srchinput {
    font-family: arial, helvetica, sans-serif;
    font-size:13px;
    margin:0;
    padding:0;
	vertical-align:middle;
	padding:1px;
}

div.kwords {
	display:inline;
}

input.kwords {
	padding:1px;
    width:15em;
}

select.kwords {
	margin-right:10px; 
}

input.srchbtn {
	vertical-align:middle;
	padding:0px;
	background-color:white;
	padding-top:1px;
	padding-left:2px; 
	padding-right:2px; 
	border:1px solid #b0b0b0;
	margin-left:2px;
}

div.cntrOuter {
	padding-top:0.4em;
}

div.pageFooter {
	width:100%;
	margin-top:2em;
}

.pageFooterFrm {
	border:1px solid #e2e2e2;
	border-bottom:0px;
}

.pageFooterSG {
	border-top:1px solid #e2e2e2;
	width:100%;
}

div.pageFooterBody {
    margin:0;
    margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
}

div.pageFooterBody span {
	margin-left:0.5em;
	margin-right:0.5em;
}

.pageFooter a, .pageFooter p {
    font-family: arial, helvetica, sans-serif;
    text-color:#808080;
    text-align:center;
}

div.cntrLeft, div.cntrRight, div.cntrLR {
    width:175px;  /* AME:SW */
}

td.wide, table.wide {
	width:100%;
}

div.cntrMiddle {
	z-index:1;
}

div.cntrMiddle1Col {
	width:986px;
}

div.cntrMiddle2Col {
	width:803px;
}

div.cntrMiddle3Col {
	width:620px;
}

.page-promo {
	border:1px solid #CCCCCC;
}

.img-c { 
	width: 100%; 
	background:transparent no-repeat scroll center center;
}

.img-c a { 
	display:block;
	width: 100%; 
	height: 100%; 
}

.img-c a span { 
	visibility: hidden;
}

.img-l, .img-r, .img-c {
	height:330px;
}

/* ----------------------------------------------------------------------- *
 * Basket
 * ----------------------------------------------------------------------- */
 
.smallBasket {
    width:210px;
}

.smallBasket .tileBlk {
}

.smallBasket .tileTitle {
    text-align:center;
}

.smallBasket .tileTitle a {
	text-decoration:none;
}

.smallBasket, .smallBasket td, .smallBasket a {
    font-size:10px;
}

.smallBasket .block-hr {
    margin-top:10px;
}

.smallBasket p {
    margin-top:0px;
    margin-bottom:0px;
}

.smallBasket .hdr {
    font-weight:bold;
    margin-bottom:10px;
    text-align:center;
}

.smallBasket .section {
    margin:10px;
    margin-left:5px;
    margin-right:5px;
}

.smallBasket .more {
	text-align: right;	
}

/* ----------------------------------------------------------------------- *
 * buy-also-list
 * ----------------------------------------------------------------------- */

#alsoBought td {
	padding:1.6em 1.6em 1em;
	vertical-align:top;
	width:33%;
}

/* ----------------------------------------------------------------------- *
 * NEW ITEMS //
 * ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- *
 * 
 * ----------------------------------------------------------------------- */


/* ----------------------------------------------------------------------- *
 * Tiles.
 * ----------------------------------------------------------------------- */

.cntrRight .tileBlk, .cntrLeft .tileBlk {
	border: 1px solid #cccccc;
	margin-bottom:1em;
}

.tileBlk .imgTile {
	margin: 5px;
}

.cntrRight .tileBlkBody, .cntrLeft .tileBlkBody {
	margin:0.75em;
}

div.promo div.tileBlkBody {
	margin:0px;
	padding:0px;
	padding-top:0px;
	text-align:center;
}


.cntrRight .tileTitle, .cntrLeft .tileTitle {
	padding:0;
	margin:0;
	background: url(/images/shop/layout/grad-ltr-bar.gif) repeat-x left top;
	height:17px;
	padding:5px;
	background-color:#dddddd;
	margin-bottom:1px;
	font-size:12px;
	font-weight:bold;
}

.tileBlk .tile {
	margin: 1em;
}

.tileBlk ol {
 	margin-left: 1em;
 	margin-right:0.5em;
	padding: 0 0 0 0.5em;
}

.tileBlk ol li {
	margin-bottom:0.75em;
}

.tileBlk ul li {
	margin-bottom:0.5em;
}

.cntrMiddle .tileTitle {
	margin:0;
	padding:0;
	margin-bottom:0.25em;
	margin-top:1.5em;
	font-size:140%;
	font-weight:bolder;
	color: #02a2fd;
    font-family: arial, helvetica, sans-serif;
}


/* ----------------------------------------------------------------------- *
 * SKUs
 * ----------------------------------------------------------------------- */

.skuItemHorz {
	width:33.1%;
	height:100%;
}

.skuItemBoxed {
	border: 1px solid #cccccc;
	border-collapse: collapse;
	padding:1em;
	padding-top:1.5em;
	padding-left:0.7em;
	padding-right:0.7em;
}

.skuItem {
	height:100%;
	text-align:center;
}

/* T R B L
*/
.skuItemTxt {
	padding:0.5em;
	margin:0px;
	padding-top:2.1em;
	padding-bottom:0em;
	text-align:center;
}

.prdNameLnk, .tileBlkBody a {
	text-decoration:none;
}

.prdNameLnk:hover, .tileBlkBody a:hover {
	text-decoration:underline;
	color: #029aef;
}

.skuItemPriceC {
	margin-left:auto; 
	margin-right:auto; 
	display:table; /* See IE hack in main_ie.css! */ 
}

.skuItemPrice {
	padding:0.5em;
	margin:0px;
	text-align:left;
}

.skuItemPriceL {
	clear:both;
	float:left;
	text-align:right;
	width:7em;
	margin:0px;
}

.skuItemPriceV {
	float:left;
	margin:0px;
	margin-left:0.5em;
}

.skuItemStkSt {
	margin:0px;
	padding-top:0.25em;
	padding-bottom:0em;
	text-align:center;
}

ol.skuNumList {
}

ol.skuNumList li {
	margin-top:12px;
	margin-bottom:12px;
}

ol.skuNumList img {
	width:50px; 
	height:50px;
	margin-left:30px;
	vertical-align: -40%;
	margin-bottom:4px;
}

/* ----------------------------------------------------------------------- *
 * Home Page 
 * ----------------------------------------------------------------------- */

.homePage .skuItem a {
}

.homeImage {
	border:2px solid #ededed;
	height:100%;
}


.front-image-bl {
	background-repeat: repeat-x;
	width:auto;
}
 
.front-image-br {
	background-repeat: repeat-x;
	width:auto;
}

/* ----------------------------------------------------------------------- *
 * Product Browse/Search Breadcrumb
 * ----------------------------------------------------------------------- */

#browseBredCrmb {
	margin-bottom:1em;
	margin-top:0.5em;
	line-height:1.5em;
}

#browseBredCrmb a, #browseBredCrmb span {
	font-size:13px;
    font-family: arial, helvetica, sans-serif;
	text-decoration:none;
}

#browseBredCrmb .link a {
	color: #029aef; /* cr-contrast-blue */
	font-weight:bold;	
}

#browseBredCrmb .link a:hover {
	text-decoration:underline;
}

#browseBredCrmb .cur {
    acolor: #909090; /* cr-text */
}

#browseBredCrmb .raquo {
	margin-left:0.4em;
	margin-right:0.4em;
}

#browseBredCrmb .f_raquo {
	margin-left: 0.4em;
	margin-right: 0.3em;
}

#browseBredCrmb .f_item {
	border-bottom:1px solid #cccccc;	
}

#browseBredCrmb .f_label {
	color:#808080; 
	margin-right:0.3em;
}

#browseBredCrmb .f_X {
	position: relative;
	top: -0.35em;
    color:#029aef; /* cr-contrast-blue */
    left:1px;
    font-weight:bold;
    font-size: 10px;
}	


/* ----------------------------------------------------------------------- *
 * Product Browse/Search Header
 * ----------------------------------------------------------------------- */

.prodNavBar {
	border:1px solid #cccccc;
	background-color:#f6f6f6;
	height:2.5em;
}

.prodNavBarLeft {
	margin-left:1em;
	float:left;
	padding-top:1px;
}

.prodNavBarLeft span {
    font-family: arial, helvetica, sans-serif;
}

.prodNavBarLeft select {
    font-family: arial, helvetica, sans-serif;
    width:11em;
}

.prodNavBar div {
	padding-top:5px;
}


/* ----------------------------------------------------------------------- *
 * Product Browse Pager
 * ----------------------------------------------------------------------- */

.prodPager {
	float:right;
	margin-right:0.8em;
	padding-top:2px;
}

.prodPager .view-all {
	font-weight:normal;
	text-decoration:none;
}

.prodPagerSummary {
	margin-right:1em;

}

.prodPager a:hover {
	text-decoration:underline;
}

.prodPager {
	margin-left:0.8em;
}

.prodPager a, .prodPager span {
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration:none;
}

.prodPager .page-link {
}

.prodPager .active {
	border:1px solid #aad8f1;
	font-weight:bold;
	background-color:#e6f3fb;
}

.prodPager a:hover {
}

.prodPager a.next {
}

.prodPager span.prev {
	color:#909090;
}

.prodPager span.next {
	color:#909090;
	padding-right:11px;
}

.prodPager a.prev {
}


.prodPager a img {
	margin-left: 2px;
	margin-right: 2px;
	line-height:2.4em;
}


/* ----------------------------------------------------------------------- *
 * Pager
 * ----------------------------------------------------------------------- */

.pagerTop {
	height:2.0em;
	border-bottom:1px solid #02a2fd; /* cr-contrast-blue */ 
}

.pagerBottom {
	height:2.0em;
	border-top:1px solid #02a2fd; /* cr-contrast-blue */ 
}

.pagerLeft {
	float:left;
	margin-top:0.4em;
}

.pagerRight {
	float:right;
	margin-top:0.6em;
}

.pagerNav img {
	margin-right:2px;
	margin-left:2px;
}

.pagerNav a {
	text-decoration:none;
}

.pagerNav a:hover {
	text-decoration:underline;
}

.pagerDiv span.prev {
	color:#909090;
}

.pagerDiv span.next {
	color:#909090;
}

.pagerDiv span.range {
	margin-left:0.75em;
	margin-right:0.75em;
}

/* ----------------------------------------------------------------------- *
 * NEW ITEMS 
 * ----------------------------------------------------------------------- */



/* ----------------------------------------------------------------------- *
 * products-list
 * ----------------------------------------------------------------------- */

#prod-listing {
	clear:both;
	margin-top:4px;
	margin-bottom:4px;
}

#prod-listing-box {
	border:1px solid #cccccc;
}

#prod-listing-spc {
	padding:1px;
}

#prod-listing table {
	width:100%;
	border-collapse: collapse;
	table-layout: fixed;
	border:2px solid white;
}

#prod-listing td {
  	border: 1px solid #dddddd;
    padding:1.6em;
    padding-bottom:1em;
    width:33%;
    vertical-align:top;
    padding-left:0.75em;
    padding-right:0.75em;
}


.prod-listing-item a {
	line-height:1.5em;
	color: #029aef; /* cr-contrast-blue */
	text-decoration:none;
}

.prod-listing-item {
    text-align:center;
}

.prod-listing-item td img {
	padding-bottom:1em;
}

.prod-listing-item a:hover {
	text-decoration:underline;
}

.prod-listing-item p {
    margin-top:.4em;
    margin-bottom:0px;
    line-height:1.2em;
    color: #505050; /* cr-text */
}

/* ----------------------------------------------------------------------- *
 * left-nav
 * ----------------------------------------------------------------------- */

.browseMenu {
    font-family: arial, helvetica, sans-serif;
}

.browseMenu b {
	color:#202020;
}

.browseMenu a, .browseMenu a span, .browseMenu h3 {
	text-decoration:none;
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
}

.browseMenu a, .browseMenu a span {
	margin-top:0.3em;
	margin-bottom:0.3em;
}

.browseMenu .catTrail {
	margin-top:0.75em;
}

.browseMenu h3 {
    margin:0px;
	font-size:12px;
}

.browseMenu .trail {
	font-weight:bold;
}

.browseMenu .catTrail .curCat {
	padding:0px;
    margin:0px;
	padding-left:0.7em;
    list-style: none;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

.browseMenu .trail li a, #browseMenu .trail li {
	font-weight:bold;
    color:#029aef; /* cr-contrast-blue */
}

.cntrLeft .browseMenu .tileTitle {
	background: url(/images/shop/layout/grad-bar.gif) repeat-x 0 0;
}
		
.browseMenuBody {
}

.browseMenu li {
	margin-top:0.3em;
	margin-bottom:0.3em;
}

.browseMenu a {
}

.browseMenu a:hover, .browseMenu a:hover span {
	text-decoration:underline;
    color:#029aef; /* cr-contrast-blue */
}

.browseMenu .catBrowser {
	border-bottom:1px solid #c0c0c0;
}

.browseMenu .cat-menu {
    padding-bottom:0.5em;
}

.browseMenu .cat {
    padding:0px;
    margin:0px;
	padding-left:0.4em;
    padding-top:0.2em;
    padding-bottom:.2em;
    margin-left:1em;
    list-style: none;
}

.browseMenu .curCat {
	font-weight:bold;
}


.browseMenu ul .hdr {
	padding:0px;
    margin:0px;
    margin-top:0.75em;
    margin-left:1px;
	margin-right:1px;
    margin-bottom:0.25em;
	padding-left:0.5em;
    padding-top:0.3em;
    padding-bottom:0.35em;
    border-top:1px solid #bdbdbd;
    border-bottom:1px solid #bdbdbd;
    background-color:#f0f0f0;
    font-weight:bold;
	list-style: none;
}

.browseMenu .counters h3 {
	padding-left:0.65em;
    margin-top:0.8em;
    margin-bottom:.0em;
	color:#7cc202;
    font-size:13px;
    font-weight:bold;
}

.browseMenu .counters ul {
	border-bottom:1px solid #bdbdbd;
    padding-bottom:0.5em;
}

.browseMenu .counters a {
	margin-left:0em;
}

.browseMenu .counters .cat {
	margin-left:1.5em;
}

.browseMenu .counters .facet_all {
	margin-left:1em;
}

.browseMenu .facet_c {
	color:#7cc202;
    color:#029aef; /* cr-contrast-blue */
    font-weight:bold;
	padding-left:0.25em;
}

.browseMenu li.backLink {
    padding:0px;
    margin:0px;
	padding-left:0.7em;
    margin-top:0.5em;
    margin-bottom:0.5em;
	font-weight:bold;
    color:#029aef; /* cr-contrast-blue */
}

.browseMenu .backLink a, .browseMenu .facet_all a {
	font-weight: bold;
    color: #029aef; /* cr-contrast-blue */
}

/* ----------------------------------------------------------------------- */

#nav-filter-box {
    border: 1px solid #cccccc;
    padding-left:5px;
}

#nav-filter-box ul {
}

#nav-filter-box li {
	margin-top:0.7em;
	margin-bottom:0.7em;
}

#nav-filter-box select {
	margin-top:0.2em;
	margin-left:-1px;
    font-family: arial, helvetica, sans-serif;
}

#nav-filter-box em {
    font-weight:bold;
	font-style:normal;
}

/* ----------------------------------------------------------------------- *
 * Checkout process
 * ----------------------------------------------------------------------- */

.checkoutStep {
	margin:0;
	margin-top:-20px;
	text-align:center;
	margin-bottom:2.5em;
	position:relative;
}

.checkout {
    margin: 20px;
    margin-bottom: 10px;
}

.checkout h5 {
	color: #02a2fd; /* cr-contrast-blue */
	margin-top:20px;
}

.checkoutCntr {
	margin-bottom:2em;
}


.checkoutCntr .block-title {
    background-color: #11b4f9;
    background: url(/images/shop/layout/checkout-grdnt.gif) repeat-x 0px 0px;
    border:0px;
    margin-bottom:0px;
    height:32px;
}

.checkoutCntr .block-title p {
    color:white;
}

/* Used to tag a field as optional */
.optional {
    font-size:11px;
    font-weight:bold;
    color:#7cc202; /* cr-text-green */
    font-family:arial, helvetica, sans-serif;
}

.field-msg {
    font-size:12px;
    font-weight:bold;
    color:#cb0227;
    font-family:arial, helvetica, sans-serif;
    margin:0px;
    margin-top:5px;
    display:none;
}

.fldInvalid {
	background-color:#fff8cc;
}

.labelInvalid {
	color:#f40000;
}

/* label is floated left and aligned right.
 * [LABEL:]   [INPUT FIELD]
 */
.field-fl, .form {
	display:block;
	margin-bottom:.75em;
}

.field-fl label {
    float: left;
    display: block;
    clear: left;
    margin-right: 20px;
	text-align: right;
	margin-top: 2px;
}

/* Label is aligned to the right of the input field  
 */
.field-ar {
    float:none;
	line-height:1.5em;
	margin-left:3px;
}

.field-row {
	clear:both;
}

.opt-field-label {
	font-size: 11px;
	font-weight: bold;
	color: #7cc202; /* cr-text-green */
	font-family: arial;
}

/* Used in forms to display a message & input button choices?
 * Eg:  ...message...  [BTN] [BTN]
 */
.btn-row {
	margin-top:2em;
	margin-bottom:1em;
}

.btn-row input, .btn-row span, .btn-row a img {
	vertical-align:middle;
}

.spinner-img {
	vertical-align:top;
	margin-top:2px;
	margin-left:5px;
	margin-right:5px;
	cursor:hand;
}

/* -----------
 * New forms
 * ----------- */
 
/* label is floated left and aligned right.
 * [LABEL:]   [INPUT FIELD]
 */
.stdform label, .stdform .label {
    float: left;
    display: block;
    clear: left;
    margin-right: 1.5em;
	text-align: right;
	margin-top: 2px;
	width:12em;
}

.stdform .alignrt {
    float: none;
    display: inline;
}

.stdform br {
	clear: left;
	margin-bottom:1.5em;
}

.stdform ol {  
	padding: 0em;
	margin: 0em;  
	list-style: none; 
}

.stdform li {  
	margin-bottom: 1em;
    clear: left;
} 

.formTable {
}

.formTable td {
	width:auto;
	padding-top:0.25em;
	padding-bottom:0.25em;
	vertical-align:baseline;
}

.formTable tr.vbr td {
	padding-top:1em;
}	

.formTable td.formL {
	text-align:right;
	padding-right:0.75em;
}

.formTable td.formF {
}

/* ----------------------------------------------------------------------- *
 * Errors Block
 * Displays the form errors.
 * ----------------------------------------------------------------------- */

.errorsBlk {
    line-height:1.5em;
    color:#404040;
    margin-bottom:20px;
    border:3px double #ffea62;
    padding:1em;
    padding-top:0.5em;
	background-color:#fff8cc;
    font-family:arial, helvetica, sans-serif;
    position:relative;
}

.errorsBlkBody {
    font-size:14px;
}

.errorsBlk ul {
	list-style-type: disc;
	margin-left:2em;
}

.errorsBlk .title, .errorLine {
	font-size:110%;
	margin-bottom:0.5em;
	font-weight:bold;
	color: red;
}

/* ----------------------------------------------------------------------- *
 * Product items.
 * ----------------------------------------------------------------------- */

.prod_item {
	float:left;
	width:200px;
	margin-right:25px;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:20px;
}

.prod_item p {
	margin:0px;
	margin-top:5px;
	color:#606060;
	line-height:1.2em;
}

.prod_item img, .prod_thumb {
	border:1px solid #cccccc;
}

.prod_item p {
	margin:0px;
	margin-top:5px;
	color:#606060;
	line-height:1.2em;
}

.prod_item img, .prod_thumb {
	border:1px solid #cccccc;
}

div.prod-item-horz {
	clear:left;
	padding-top:5px;
	padding-bottom:10px;
}

div.prod-item-horz .thumb {
	float:left;
	border:1px solid #cccccc;
	margin-bottom:10px;
	padding:1px;
}

div.prod-item-horz p {
	margin:0px;
	margin-left:85px;
	margin-bottom:2px;
}

div.prod-item-horz br {
}

/* ----------------------------------------------------------------------- *
 * Reviews
 * ----------------------------------------------------------------------- */
 
div.review {
	padding-top:10px;
	padding-bottom:10px;
}

div.review em {
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-style:normal;
	margin-top:3px;
}

div.review .tot {
	font-style:italic;
	float:left;
	margin-top:0px;
}

div.review .name {
	color: #02a2fd; /* cr-contrast-blue */
}

div.review .useful {
	float:right;
	color: #02a2fd; /* cr-contrast-blue */
	margin-top:0px;
}

div.review .useful a {
	color: #02a2fd; /* cr-contrast-blue */
}

div.review p {
	margin-top:7px;
}

p.reviewed-by {
	margin-top:7px;
}

/* ----------------------------------------------------------------------- *
 * Promos
 * ----------------------------------------------------------------------- */

.promoBorder { 
	border: 1px solid #cccccc; 
}


/* ----------------------------------------------------------------------- 
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
----------------------------------------------------------------------- */

.yui-overlay,
.yui-panel-container {
    visibility: hidden;
    position: absolute;
    z-index: 2;
}

.yui-panel {
    position:relative;
}

.yui-panel-container form {
    margin: 0;
}

.mask {
    z-index: 10;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor:wait;
    opacity: .17;
    filter: alpha(opacity=17);  /* Set opacity in IE */
    background-color:#bbb;
}

.mask.block-scrollbars {
    /*
        Application of "overflow:auto" prevents Mac scrollbars from bleeding
        through the modality mask in Gecko. The block-scollbars class is only 
        added for Gecko on MacOS
    */
    overflow: auto;
}

.yui-panel-container select {
    _visibility: inherit;
}

/*

There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs:

    1) The "overflow" property of an Overlay instance's root element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <SELECT> elements that are child nodes of the 
       Overlay instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Container CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + SourceForge bug #1723530

*/

.hide-scrollbars,
.hide-scrollbars * {

    overflow: hidden;

}

.hide-scrollbars select {
    display: none;
}

.show-scrollbars {
    overflow: auto;
}

.yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars {
    overflow: visible;
}

.yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow {
    overflow: auto;
}

/* 
   Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
   the Panel's content changes, to force Safari 2.x to redraw the underlay.
   We attempt to choose a CSS property which has no visual impact when added,
   removed.
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay, .yui-effect-fade .yui-tt-shadow {
    display:none;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {
    position: absolute;
}

.yui-override-padding {
    padding:0 !important;
}

.yui-panel-container .container-close {
    overflow:hidden;
    text-indent:-10000em;
    text-decoration:none;
}

.yui-overlay.yui-force-redraw, .yui-panel-container.yui-force-redraw {
    margin-bottom:1px;
}


/* ----------------------------------------------------------------------- *
 * YUI Styling for panels
 * ----------------------------------------------------------------------- */

/* Allow "Close" to show. */
.yui-panel-container .container-close {
	text-indent:0px;
}
		
/* Panel styles */
.yui-panel-container {
	padding:0 1px;
	/* Padding added for IE to allow 0,0 alignment with shadow */
  	*padding:2px;
}

.yui-panel {
    left:0;
    top:0;
    border-style: solid;
    border-width: 1px 0;
    border-color: #909090;
	visibility:hidden;		  
    z-index: 1;

    /* Rollback rounded corner support for IE6/7 */
    *border-width:1px;
    *zoom:1;
    _zoom:normal;
}

.yui-panel .hd, .yui-panel .bd,	.yui-panel .ft {
 	border-style: solid;
  	border-width: 0 1px;
  	border-color: #909090;
  	margin: 0 -1px;
  	
    /* Rollback rounded corner support for IE6/7 */
    *margin:0;
    *border:0;
}

.yui-panel .bd {
	padding:0em;
	padding-top:0.75em;
	padding-left:0.35em;
}

.yui-panel .hd {
	padding-top:7px;
	padding-left:10px;
	padding-bottom:7px;
	background-color:#dedfe3;
	background:#DDDDDD url(/images/shop/layout/grad-ltr-bar.gif) repeat-x 0;
	font-size:115%;
}


/* Style the close icon */ 
.yui-panel .container-close { 
    position:absolute; 
    top:5px; 
    right:5px;
    padding-right:20px; 
    background:url(/images/shop/btn-close-grn.gif) no-repeat;
    background-position:center right;
    font-family: verdana, helvetica, sans-serif;
    font-size:11px;
    cursor:pointer;
} 		

/* Panel underlay styles */
.yui-panel-container .underlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    right: -1px;
    left: -1px;
}

.yui-panel-container .matte {
    padding: 9px 10px;
    background-color: #fff;
}

.yui-panel-container.shadow {
    /* IE 7 Quirks Mode and IE 6 Standards Mode and Quirks mode */
    _padding: 2px 4px 0 2px;
}

.yui-panel-container.shadow .underlay {
    position: absolute;
    top: 2px;
    left: -3px;
    right: -3px;
    bottom: -3px;

    /* IE7 Strict (provides 3px shadow (when combined with 2px padding applied to container) */
    *top: 4px;
    *left: -1px;
    *right: -1px;
    *bottom: -1px;

    /* IE 7 Quirks Mode and IE 6 Standards Mode and Quirks mode */
    _top: 0;
    _left: 0;
    _right: 0;
    _bottom: 0;
    _margin-top: 3px;
    _margin-left: -1px;

    background-color: #000;
    opacity: .12;
    filter: alpha(opacity=12);  /* Set opacity in IE */
}


/* ----------------------------------------------------------------------- *
 * Print
 * ----------------------------------------------------------------------- */
 
@media print 
{
	.accountsCntr {
		margin-left:0;
		margin-right:0;
	}
	
	.noprint {
		visibility: hidden;
		display: none;
	}
}


/* ----------------------------------------------------------------------- *
 * Help pages.
 * ----------------------------------------------------------------------- */

.helpThumb {
	position:relative;
	float:right;
}

.helpThumb img {
 	position:absolute;
 	left:-56px;
 	top:-6px;
}

.help {
}

.help ul {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 1em;
	text-indent: -1em;
	margin-left:2.5em;
	margin-bottom:2em;
}

.help li {
	margin-top:0.75em;
	margin-bottom:0.75em;
}

.help p, .article p {
	line-height:1.75em;
}

.accountsCntr ul.navBar {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:-0.75em;
	margin-bottom:2em;
	text-align:center;
}

.accountsCntr ul.navBar li {
	display:inline;
	padding:0;
	margin:0;
	margin-left:1em;
	margin-right:1em;
}

.accountsCntr ul.navBar li a {
	font-size:90%;
}

.accountsCntr ul.navBar li span {
	font-size:90%;
    color:#029aef; /* cr-contrast-blue */
    font-weight:bold;
}

/* ----------------------------------------------------------------------- *
 * Social bookmarks.
 * ----------------------------------------------------------------------- */

div.SBM .label {
	margin-right:1em;
	vertical-align:middle;
}

div.SBM span {
	font-size:75%;
	color:#808080;
}

.addthis_toolbox img {
	margin-right:2px;
	vertical-align:middle;
}

.addthis_toolbox a {
	margin-right:1em;
	text-decoration:none;
}

.addthis_toolbox a {
	cursor: pointer;
}

/* ----------------------------------------------------------------------- *
 * Tabs
 * It is assumed that the next block has a border and clears the float.
 * ----------------------------------------------------------------------- */
 
#tab ul {
	padding:0px;
}

#tab ul li {
	margin:0px 2px -1px 0px;
	padding: 0px 0px 0px 2px;
	display:block;
	float:left;
	background-image: url(/images/shop/layout/navmtab_l.gif);
	background-position:left top;
	background-repeat: no-repeat;
}

#tab ul li span {
	display:block;
	position:relative;
	color:#202020;
	background-position:right top;
	background-repeat: no-repeat;
	padding: 8px 10px 8px 8px;
	margin:0px;
	font-size:12px;	
	display:block;
	background-image: url(/images/shop/layout/navmtab_r.gif);
}

#tab ul li.item-over {
	background-position:left -81px;
	cursor: pointer;
}

#tab ul li.item-over span {
	background-position:right -81px;
	cursor: pointer;
}

#tab ul li.item-active {
	background-position:left -122px;
	font-weight:bold;
}

#tab ul li.item-active span {
	background-position:right -122px;
}