/*---Notes
 * These will not work on Mobile -  button, label, p, or H1-H6
 * We Will prob want to change the font to a non sans-serif and change the size a little smaller as well
 * page specific style can be written inline to avoid multiple stylesheets
*/

body {background:#EEEEEE none repeat scroll 0 0;  font-family: arial; color: #333333; margin: 0px; padding: 0px; font-size:11px;}
.strong { font-weight: bolder; }
.italic { font-style: italic; }
.clear {clear: both; }
.page_heading { border-bottom:3px solid #000000; font-size: 24px; }
.page_subheading { border-bottom:3px solid #000000; font-size: 12px; }
#page {padding:10px; background:#ffffff; }
.homepage_body { margin: 0px 0px;  }
.search_header {background-color:#CDE6F1; padding-left:10px; }
.msearch { background-color:#F0F0F0;  height: 30px;  }

.msearch input.search_input { float: left; border: 1px solid #d1d1d1; margin:5px 5px 5px 10px; }
.msearch input.search_button { font-weight: bold; font-size: 11px; cursor: pointer; padding: 2px; border: none; font-family: georgia;  color: #ffffff; background-color: #07456F; float: left; margin: 4px 0px 0px 0px; }

h2.pageHeader {font-Size: 16px; font-weight: bolder; padding: 0px;}

/*
input {border: 1px solid #d1d1d1;}
input.search_button { font-weight: bold; font-size: 11px; cursor: pointer; border: none; font-family: georgia;  color: #ffffff; background-color: #07456F; }
*/

.marketing_imagery { clear: both; margin: 0px; padding: 0px;  }



/* ALL PORTRAIT SPECIFIC CSS */
@media all and (orientation: portrait) {  

	.marketing_imagery img { width: 320px;  }

}
/* END ALL PORTRAIT SPECIFIC CSS */


/* ALL LANDSCAPE SPECIFIC CSS */
@media all and (orientation: landscape) {  

	.marketing_imagery img { width: 480px;  }
	
}  
/* END ALL LANDSCAPE SPECIFIC CSS */


	
/* --- Links --- */
a { color: #1278C0; text-decoration: none;}
a:active { color: #1278C0; text-decoration: none;}
a:visited { color: #1278C0; text-decoration: none; }
a:link { color: #1278C0; text-decoration: none;}
a:hover { text-decoration: none; }

button, .button, a.button {font-size: 14px; cursor: pointer; border: none; background-color: #07456F; text-align: center; color: #ffffff; font-weight: bold;}
a.button {display: inline-block; padding: 3px; }

#main { background:#ffffff none repeat scroll 0 0; }

/* Horizontal nav -*/
ul.mobile_menu { font-size: 12px;  margin: 0px; background-color: #000000; list-style-type: none; height: 15px; padding: 0px; }
ul.mobile_menu li.mobile_menu_item { font-weight: bolder; display: inline;  margin: 0px 8px; width: auto; color: #ffffff; height: 15px;  }
ul.mobile_menu li.mobile_menu_item a{ color: #ffffff;margin: 0px 3px;}
ul.mobile_menu li.mobile_menu_item a:hover{ color: #000000; background-color: #ffffff; }


/* Vertical Nav */
ul.mobile_cat { list-style-type: none; padding: 0px; margin: 0px ; }
ul.mobile_cat li.mobile_cat_item { cursor: pointer; height: 25px;  padding:5px 0 5px 10px; font-size: 14px; background:transparent url(../../images/icons/subnav-arrow.gif) no-repeat scroll 96% 50%; border-bottom: 1px #d1d1d1 solid;  }
ul.mobile_cat li.mobile_cat_item a { padding-left:10px; }
ul.mobile_cat li.mobile_cat_item_DOWN {padding:5px 0 5px 10px; font-size: 14px; background:transparent url(../../images/icons/down-arrow.jpg) no-repeat scroll 96% 50%; height: 25px; }
ul.mobile_cat span.view {border-top: 1px solid #d1d1d1; padding:6px 0 6px 15px; background-color: #F3F3F3; display: block;  }

.mobile_Subcat { list-style-type: none; padding: 0px; margin: 5px 0px ; }
li.mobile_Subcat_item { font-size: 12px;     }
li.mobile_Subcat_item a {font-size: 13px; }

.grid_row { background-color: #ffffff;  border-bottom:solid 1px #bbb; display:block; height: 90px; padding: 7px 0px; }

/* HEADER AND FOOTER */
#mobile_header { }
#mobile_header .login_bar{ background-color:#FFFFFF; height: 35px; }
#mobile_header .logo{ float:left; }
#mobile_header .login{ float:left; padding: 10px 0px 0px 30px; }
#mobile_header .blue_bar {border-bottom:1px solid #000000; height:45px; background-color:#008DCD; }
#mobile_header .black_bar{ background-color:#000000; width: 100%; margin:0; padding:0px; height: 10px;}

#mobile_footer { padding: 0px 0px 20px 0px; background-color:#eeeeee; font-size: 12px;  }

.listing a {margin-bottom:6px;margin-top:6px;}
.listing {margin-bottom:6px;margin-top:6px;}

.mobilecontent {padding: 20px 0px 20px 10px;}

/* PRODUCT GRID */
.product_grid { padding: 0px; margin: 0px; }
.product_grid .product_grid_actual {padding: 0px;  margin: 3px auto; }
.product_grid .product_grid_actual .product_image{ width: 102px; float: left; margin-right: 12px; }
.product_grid .product_grid_actual .product_data{ float: left; width: 165px; }

#pagination{width:100%; text-align:right; border-bottom:1px solid #D1D1D1; padding: 2px; font-size: 14px; margin: 8px; float: right; }

/* PDP */
#pdpMain {}
#pdpMain  .PDP_name {}
#pdpMain  .PDP_name .PDP_title { font-size: 16px;  font-weight: bolder; margin: 4px 2px; }
#pdpMain  .PDP_image{ text-align: center; }
#pdpMain  .PDP_selection {}
#pdpMain select {border: 1px solid #d1d1d1; float: left; clear: left; margin: 8px auto; }
#pdpMain .links_space { margin: 3px 0 20px 10px; }
#pdpMain .PDP_product_info { color: #686868; margin: 5px auto; }
#pdpMain .style_numbers {float: left;}
#pdpMain .PDP_input { margin: 4px auto; float: left; }
#productdisplay { margin: 0px 0px 0px 10px; }
select#var_variationSize {width: 104px; } 

#product_video {margin-top: 10px;}
#product_video a.mobile_video {display: block; float: left; width: 120px; margin-right: 10px;}


.buttonright {float:right;margin-top:6px;margin-bottom:3px;}
.buttonleft {float:left;margin-top:6px;margin-bottom:3px;}

.full {width:185px;}
.rightside {float:right}

.rcolumn {text-align:right;}
.rcolumn h3 {font-size:12px;font-weight:bold;}
.lcolumn {float:left;}
.lcolumn h3 {font-size:12px; margin-right: 5px; font-weight:bold;}
.lcolumn2 {float:left; width:70px;}
.mcolumn {float:left; text-align:right;}
.mcolumn h3 {font-size:12px;font-weight:bold;width:48px;}
.mcolumn2 {float:left;margin-right:30px;text-align:right;}
.mcolumn3 {float:left;width:74px;text-align:right;}

.cartproduct a {font-size:12px;}
.price  {color:#333333;}
.price_cart {color:#333333;}
.indent {margin-left:10px;}

.average-rating { font-size:13px; }
a.legal_footer { margin-top: 2px; float: left; font-size: 10px; font-family: arial;}
#minicart a {color: #ffffff; margin-top: 3px; border-style:none; }
.locate_bar { font-size:14px; border-bottom:1px solid #000000; height:29px; padding-top: 5px; background-color:#008DCD; width: 100%;  }

/* SWATCH */
.swatch { height:35px; width:40px; float:left; margin:0px; padding:0px; }
.innerswatch { height:34px; width:34px; border:solid 1px #000000; }
.innerswatchgrey { border:solid 1px #000000; }
.swatch_container .plus { height:34px; width:34px; border:solid 1px #FFFFFF; float:left; }

.swatch16 { height:19px; width:23px; float:left; margin:0px; padding:0px; }
.innerswatch16 { height:18px; width:18px; border:solid 1px #000000; }
.innerswatchgrey16 { border:solid 1px #000000; }
.swatch .selected { border:solid 3px #000000; }
.swatch_container16 .plus { height:34px; border:solid 1px #FFFFFF; float:left; }
.swatch_container16 { height:34px; width:85px;}

/* SIZE */
.size { float:left; height:22px; width:59px; text-align:center; font:bold 9px/13px Arial; border:1px solid #000000; margin-right:13px; cursor:pointer; background:#fff;margin-bottom:5px; }
.innersize {  }
.size.selected { border:solid 2px #000000; }
.size .disabled { background-color:#E3E3E3; color:#FFFFFF; cursor:default; }
.othersizediv {margin-top:-30px;}
.othersizes  {clear:right;float:right;text-transform: uppercase;}


/* DIMENSION */
.dimension { position: relative; float:left; height:17px; width:37px; text-align:center; font:bold 9px/13px Arial; border:1px solid #E3E3E3; margin-right:1px; cursor:pointer; background:#fff; }
.innerdimension { height:13px; width:33px; border:solid 2px #FFFFFF; }
.dimension .selected { border:solid 2px #000000; }
.dimension .disabled { background-color:#E3E3E3; color:#FFFFFF; cursor:default; }

/* CHECKOUT */
.delivery_header {font-Size: 16px; font-weight: bolder; padding: 10px; }
.order_details_content {padding: 5px 5px 5px 10px; background-color: #efefef; height: 90px;  margin: 20px 0px 20px 0px; clear: both; }

.outofstock {color: #ff0000; font-weight: strong; }
.errormessage {float: left; color: #800517; margin: 10px 0px;}

/* SEARCH */
.msearchPAGE {  height: 30px;  }
.msearchPAGE input.search_input { float: left; border: 1px solid #d1d1d1; margin:5px; }
.msearchPAGE input.search_button { font-weight: bold; font-size: 11px; cursor: pointer; border: none; font-family: georgia;  color: #ffffff; background-color: #07456F; float: left;  }
.header_tips { font-size: 15px; font-weight: bold;  }


/* QR LANDING */
#video {margin: 0px auto; }
#video a img {border: 0px; }
#video .logo-container { margin: 3px auto; border-bottom: 1px solid #bababa; padding-top: 5px; }
#video .logo { display: inline; margin-right: 10px; width: 90px;}
#video .video-link { display: inline-block; font-size: 16px; text-align: left; position: relative; top: -9px; width: 160px;}
#main .description {text-align: left;}
.sci_landing_row { width: 100%; display: inline-block; border-bottom: 1px solid #acacac; padding: 7px 2px; clear: both; text-align: left; }
.sci_landing_row .logo {text-align: center; display: inline-block; width: 90px; margin-right: 5px; height: 45px; }
.sci_landing_row .video-link { display: inline-block; margin-right: 5px; font-size: 12px; }
.sci_landing_row .video-link img,
.sci_landing_row .logo img { border: none; }
div.language {display: none; background-color: #000; color: #fff; padding: 5px 0px; padding-right: 10px; text-align: right;}