.main_navigation, .banner_lower_section, .myBasket, .global_navigation, .banner_upper_section, .ui-selectmenu-menu  {display: none;}

/*--- HEADINGS ---*/
h1 { font-family: Georgia, Times, "Times New Roman", serif; color: #0060a9; font-size: 24px; font-weight: normal; }

/*------------------------------------*\
$RESET
\*------------------------------------*/
/*
A more considered reset; more of a restart... csswizardry.com/2011/10/reset-restarted
*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
margin:0;
padding:0;
}




/*------------------------------------*\
$CLASSES
\*------------------------------------*/
/*
Some not-too-pretty and insemantic classes to do odd jobs.
*/
.left	{ float:left; }
.right	{ float:right; }
.clear	{ clear:both; float:none; }

.block { display: block; }
.inline { display: inline; }
.ib { display: inline-block; }


.text-left	{ text-align:left; }
.text-right	{ text-align:right; }
.text-center,
.text-centre	{ text-align:center; }

/*------------------------------------*\
$CLEARFIX
\*------------------------------------*/
/*
Fix clearing issues as per: nicolasgallagher.com/micro-clearfix-hack/
*/
.cf,
.grids,
.media{
zoom:1;
}
.cf:before,
.grids:before,
.media:before,

.cf:after,
.grids:after,
.media:after{
content:"";
display:table;
}
.cf:after,
.grids:after,
.media:after{
clear:both;
}


/*--- FORM FIELDS ---*/
fieldset { border: 0px none; padding: 0px; margin: 0; }


/*------------------------------------*\
$NAV
\*------------------------------------*/
/*
Create an abstraction, as per: csswizardry.com/2011/09/the-nav-abstraction/
*/
.nav{
list-style:none;
}
.nav li{
display:inline;
}
.nav a{
display:inline-block;
}

#mb { display:none; }



/*------------------------------------*\
$MAIN
\*------------------------------------*/
html { color: #333; font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif; height: 100%; }





/*------------------------------------*\
$TYPE
\*------------------------------------*/

/*--- HEADINGS ---*/
h1 { font-family: Georgia, Times, "Times New Roman", serif; color: #0060a9; font-size: 24px; font-weight: normal; }
.title { padding: 0 12px; }
p {  margin: 0 0 0.9em 0; line-height: 125%; }


/*---  SIZE ---*/
.txtsm { font-size: 11px; }
.txtsml { font-size: 12px; }
.txtsmlr { font-size: 13px; }
.txtmed { font-size: 14px; }
.txtnorm { font-size: 16px; }
.txtlrg { font-size: 24px;}


/*---  COLOUR ---*/
.drk { color: #222; }
.gry { color: #666; }
.ltblue { color: #4f8ec1; }
.dkblue { color: #0060a9 !important; }


/*---  TRANSFORM ---*/
.upper { text-transform: uppercase; }
.transnone { text-transform: none; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.caveat { font-size: 11px; font-style: italic; color: #2d2d2d; }
.caveat span { color: #e1393d; }
.required { color: red; }
.wrapword { word-wrap: break-word; }
::-moz-selection { background: #b4d5ff; }
::selection { background: #b4d5ff; }


/*--- BUTTONS AND LINKS ---*/
a { text-decoration: none; outline: 0; }
a:hover { cursor: pointer;  text-decoration: none; }
.btn.inactive { background: #efefef;  color: #dadada;}
.btn.inactive:hover { background: #efefef; color: #dadada; -moz-box-shadow: 0 0 0 0 #000; -webkit-box-shadow: 0 0 0 0 #000; box-shadow: 0 0 0 0 #000; text-shadow: none; text-decoration: none; cursor: default; }
.btn { display: inline-block; height: 20px; background-color: #4279a8; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#437aa9), to(#2b5a8d) );	background-image: -webkit-linear-gradient(top, #437aa9, #2b5a8d); background-image: -moz-linear-gradient(top, #437aa9, #2b5a8d); background-image: -o-linear-gradient(top, #437aa9, #2b5a8d); border: 0px none; border-radius: 4px; color: #fff;padding: 2px 10px;  text-align: center;}
.btnblue { display: inline-block; background: #66b5d6; background: -moz-linear-gradient(top, #66b5d6 0%, #4394be 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66b5d6), color-stop(100%, #4394be) ); background: -webkit-linear-gradient(top, #66b5d6 0%, #4394be 100%); background: -o-linear-gradient(top, #66b5d6 0%, #4394be 100%); background: -ms-linear-gradient(top, #66b5d6 0%, #4394be 100%); background: linear-gradient(to bottom, #66b5d6 0%, #4394be 100%); filter: progid : DXImageTransform.Microsoft.gradient (startColorstr ='#66b5d6', endColorstr = '#4394be', GradientType = 0 ); border: 0px none; border-radius: 4px; color: #fff; padding: 2px 10px; text-align: center; }
a.btn { padding-top: 8px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; color: #fff !important; }
a.btnblue { padding-top: 4px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; }
.btn:hover,.btnblue:hover { -moz-box-shadow: 0px 0 5px 3px #ddd; -webkit-box-shadow: 0px 0 5px 3px #ddd; box-shadow: 0px 0 5px 3px #ddd; text-shadow: 1px 1px 2px #2d2d2d; text-decoration: none; }
input.btnsml { min-height: 25px; font-size: 12px; vertical-align: middle; min-width: 50px; text-decoration: none; padding-bottom: 5px; }
input.btnlrg { height: 30px; font-size: 14px; vertical-align: middle; padding-bottom: 5px; min-width: 90px; text-decoration: none; }
.btnlrgr { height: 40px; font-size: 19.4px; }
a.btnsml { font-size: 12px; vertical-align: middle; min-width: 50px; text-decoration: none; padding: 3px 10px; }
a.btnlrg { height: 26px; font-size: 14px; vertical-align: middle; min-width: 90px; text-decoration: none; }
a.btnlrgr { height: 40px; font-size: 19.4px; }


/* links in the header */

a.banner_home_link { border: 0 none; width: 220px; height: 64px; display: inline-block; background: url('images/costco-logo.png') top left no-repeat; text-indent: -9999px; margin-top: 25px; }



input[type=text],input[type=password] { background-color: #fbfcff; border: 1px solid #e3e3e3; font-size: 11px; height: 18px; padding: 0 2px; }


/*------------------------------------*\
 $PRODUCT DETAIL PAGE
\*------------------------------------*/

 /* -- col1  -- */
.productDetail { margin-bottom: 10px; }  
.productDetail_column_1 { width: 45%; margin-right: 20px; } 
.productDetail_pics { border: 1px solid #ccc; margin-bottom: 10px; } 

.ql_product_thumbnail {	width: 25%; }  
.ql_product_thumbnail img {	border: 1px solid #ccc;}
.MagicZoom { width:100% !important; }
.MagicZoom img, .ql_product_thumbnails { width:90% !important; margin: 5%; }
.ql_product_thumbnails  { margin: 0 0 5% 5%; }



.MagicZoomHint, .ql_product_picture div.text-right, .subscription_success { display:none !important;}


/* -- col2  -- */
.productDetail_column_2 { width:50%; }  
.productDetail_column_2 > div,.variant_none fieldset > div, .variant_matrix fieldset>div { margin-bottom: 1em; }



.sharelinks a { color: #0060a9; margin-bottom: 2px; }




#productDetailInfo .componentContainer_content_container { font-size:10px;  overflow: hidden; background: #ffffff; border:1px solid #bcbcbc; padding: 11px; line-height:1.6em;  } 
#productDetailInfo .componentContainer_tabs { display: none; }
#productDetailInfo ul.componentContainer_tabs {	margin: 0; padding: 0; width: 100%; position:relative; top:8px; } 
#productDetailInfo ul.componentContainer_tabs li { margin: 0; padding: 0; overflow: hidden; position: relative;  top:1px; }
#productDetailInfo ul.componentContainer_tabs li a { height: 25px; line-height: 25px; color: #222; display: block; font-size: 13px; padding: 0 12px; outline: none; } 
#productDetailInfo ul.componentContainer_tabs li a:hover { color: #0060a9; }
#productDetailInfo ul.componentContainer_tabs li.active a{  color: #ffffff; border-bottom: 0 none;  position: relative; z-index: 2;  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#65a8d4), to(#5199c9));	background-image: -webkit-linear-gradient(top, #65a8d4, #5199c9); background-image: -moz-linear-gradient(top, #65a8d4, #5199c9); background-image: -o-linear-gradient(top, #65a8d4, #5199c9); } 
#productDetailInfo ul.componentContainer_tabs li.active span { display: block; }
#productDetailInfo .componentContainer_content { display: block; font-size: 12px; }
.productDetails_arrow { height: 8px; background: url('images/productDetails_arrow.png') top center no-repeat; }








/*--- CAROUSEL COMPONENT  ---*/
.productCarousel_tabs { border-bottom: 1px solid #e1e1e1; color: #222; margin-left: 0; padding-bottom: 1em; color: #222; font-size: 13px; }
.productCarousel_content { margin-bottom:0.75em; }

.carousel_product_container { position: relative; z-index: 0; margin-left: 5px; }
.carousel_product_container ul { margin: 0px; }
.carousel_product {  width: 150px; position: relative; color: #222; padding: 0 18px; }
.carousel_product_image { height: 150px; width: 150px; margin-bottom: 0.75em}
.carousel_product_price { margin-bottom: 5px; }
.carousel_product_was_price, .carousel_product_now_price { color: #e1393d; }





.carousel_arrow_container_left { position: absolute; top: 0; left: 0; z-index: 10; width: 20px; height: 100%; background-color: #fff; }
.carousel_arrow_container_right { position: absolute; top: 0; right: 0; z-index: 10; width: 20px; height: 100%; background-color: #fff; }
.carousel_left_arrow,.carousel_right_arrow { width: 18px; height: 42px; margin: 55px 0px; display: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none;  user-select: none; }
.carousel_left_arrow { background: url('images/carouselLeftArrow.png') center 0px no-repeat; }
.carousel_right_arrow { background: url('images/carouselRightArrow.png') center 0px no-repeat; }






/*------------------------------------*\
	$ BREADCRUMB COMPONENT
\*------------------------------------*/
.breadcrumbs a { color: #000; }
.breadcrumbs { margin: 0; padding: 12px 0 12px 0; font-size: 12px; }
.breadcrumbs strong { background: url('images/breadcrumb-seperated.png') top center no-repeat; display: inline-block; width: 3px; height: 6px; text-indent: -9999px; padding: 0 3px; }




/*------------------------------------*\
$ FOOTER COMPONENT
\*------------------------------------*/
.footer_container { margin: 0 auto; padding-bottom: 0; }
.footer_container_inner { background-color: #f4f4f4; padding: 5px; }
.footer_content { padding: 12px; }
.footer_content > ul:first-child { margin-bottom: 1em; }
.footer_content ul { margin: 0; }
.footer_content ul li { list-style: none; font-size: 11px; }
.footer_content ul li.left { width: 181px; }
.footer_content ul li.last-child { width: 225px !important; }
.footer_content ul li.last-child a { font-size:11px] }
.checkout_footer_content ul li.copyright { font-size: 11px; width: auto; }
.footer_content a { color: #000; font-size:11px; }
.footer_content ul li.left { font-size:11px; width: 120px; }
.footer_content li.left > a { color: #666; display: block; margin-bottom: 10px; }

.carousel_product_image { width:125px; height: 125px; }