ÿþ/* 

 * HTML5 0' Boilerplate

 *

 * What follows is the result of much research on cross-browser styling. 

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

 * Kroc Camen, and the H5BP dev community and team.

 *

 * Detailed information about this CSS: h5bp.com/css

 * 

 * ==|== normalize ================f==========================================

 */





/* =============================================================================

   HTML5 display definitions

   ========================================================================== */



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }



@font-face {

	font-family: Museo;

	src: url('./fonts/Museo_Slab_500.otf');

}



@font-face {

	font-family: Museo;

	font-weight: bold;

	src: url('./fonts/Museo700-Regular.otf');

}



@font-face {

	font-family: Museo;

	font-style: italic;

	src: url('./fonts/Museo_Slab_500italic.otf');

}



@font-face {

	font-family: Delicious;

	src: url('./fonts/Delicious-Roman.otf');

}



@font-face {

	font-family: Delicious;

	font-weight: bold;

	src: url('./fonts/Delicious-Bold.otf');

}



@font-face {

	font-family: Delicious;

	font-weight: bolder;

	src: url('./fonts/Delicious-Heavy.otf');

}



@font-face {

	font-family: Delicious;

	font-weight: normal;

	font-style: italic;

	src: url('./fonts/Delicious-Italic.otf');

}



@font-face {

	font-family: Delicious;

	font-weight: bold;

	font-style: italic;

	src: url('./fonts/Delicious-BoldItalic.otf');

}





@font-face {

	font-family: Diavlo;

	src: url('./fonts/Diavlo_MEDIUM_II_37.otf');

}



@font-face {

	font-family: Diavlo;

	font-weight:bold;

	src: url('./fonts/Diavlo_BOLD_II_37.otf');

}



@font-face {

	font-family: Diavlo;

	font-weight: bolder;

	src: url('./fonts/Diavlo_BLACK_II_37.otf');

}







@font-face {

	font-family: Fontin;

	font-weight: bold;

	src: url('./fonts/Fontin-Bold.ttf');

}



@font-face {

	font-family: Fontin;

	src: url('./fonts/Fontin-Regular.ttf');

}



@font-face {

	font-family: Fontin;

	font-style:italic;

	src: url('./fonts/Fontin-Italic.ttf');

}



@font-face {

	font-family: Fontin;

	src: url('./fonts/Diavlo-Roman.otf');

}



@font-face {

	font-family: Diavlo;

	font-weight: bold;

	src: url('./fonts/Diavlo-Bold.otf');

}



@font-face {

	font-family: Diavlo;

	font-style:italic;

	src: url('./fonts/Diavlo-Italic.otf');

}



@font-face {

	font-family: Diavlo;

	font-weight: bold;

	font-style:italic;

	src: url('./fonts/Diavlo-BoldItalic.otf');

}



@font-face {

	font-family: Diavlo;

	font-weight: bolder;

	src: url('./fonts/Diavlo-Heavy.otf');

}

[hidden] { display: none; }



/* =============================================================================

   Base

   ========================================================================== */



/*

 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units

 * 2. Force vertical scrollbar in non-IE

 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g

 */



html { font-size: 100%; sans-serif; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }



body { margin: 0; font-family: Fontin,Diavlo, Calibri, Helvetica, Arial; font-size: 13px; line-height: 1.231; }



body, button, input, select, textarea { font-family: Fontin,Diavlo, sans-serif; color: #222; }



/* 

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection declarations have to be separate

 * Also: hot pink! (or customize the background color to match your design)

 */



::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }

::selection { background: #fe57a1; color: #fff; text-shadow: none; }





/* =============================================================================

   Links

   ========================================================================== */



a { color: #00e; }

a:visited { color: #551a8b; }

a:hover { color: #06e; }

a:focus { outline: thin dotted; }



/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

a:hover, a:active { outline: 0; }





/* =============================================================================

   Typography

   ========================================================================== */



abbr[title] { border-bottom: 1px dotted; }



b, strong { font-weight: bold; }



blockquote { margin: 1em 40px; }



dfn { font-style: italic; }



hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }



ins { background: #ff9; color: #000; text-decoration: none; }



mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }



/* Redeclare monospace font family: h5bp.com/j */

pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }



/* Improve readability of pre-formatted text in all browsers */

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }



q { quotes: none; }

q:before, q:after { content: ""; content: none; }



small { font-size: 85%; }



/* Position subscript and superscript content without affecting line-height: h5bp.com/k */

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }





/* =============================================================================

   Lists

   ========================================================================== */



ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }





/* =============================================================================

   Embedded content

   ========================================================================== */



/*

 * 1. Improve image quality when scaled in IE7: h5bp.com/d

 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 

 */



img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }



/*

 * Correct overflow not hidden in IE9 

 */



svg:not(:root) { overflow: hidden; }





/* =============================================================================

   Figures

   ========================================================================== */



figure { margin: 0; }





/* =============================================================================

   Forms

   ========================================================================== */



form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }



/* Indicate that 'label' will shift focus to the associated form element */

label { cursor: pointer; }



/* 

 * 1. Correct color not inheriting in IE6/7/8/9 

 * 2. Correct alignment displayed oddly in IE6/7 

 */



legend { border: 0; *margin-left: -7px; padding: 0; }



/*

 * 1. Correct font-size not inheriting in all browsers

 * 2. Remove margins in FF3/4 S5 Chrome

 * 3. Define consistent vertical alignment display in all browsers

 */



button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }



/*

 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)

 * 2. Correct inner spacing displayed oddly in IE6/7

 */



button, input { line-height: normal; *overflow: visible; }



/*

 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7

 */



table button, table input { *overflow: auto; }



/*

 * 1. Display hand cursor for clickable form elements

 * 2. Allow styling of clickable form elements in iOS

 */



button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }



/*

 * Consistent box sizing and appearance

 */



input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }



/* 

 * Remove inner padding and border in FF3/4: h5bp.com/l 

 */



button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }



/* 

 * 1. Remove default vertical scrollbar in IE6/7/8/9 

 * 2. Allow only vertical resizing

 */



textarea { overflow: auto; vertical-align: top; resize: vertical; }



/* Colors for form validity */

input:valid, textarea:valid {  }

input:invalid, textarea:invalid { background-color: #f0dddd; }





/* =============================================================================

   Tables

   ========================================================================== */



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

td { vertical-align: top; }





/* ==|== primary styles =====================================================

   Author: BJ Photo Labs

   ========================================================================== */



#container {

	width: 920px;

	margin-left: auto;

	margin-right: auto;

}



#header {

	width: 920px;

	display:inline-block;

    -moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	-moz-box-shadow: 0 1px 2px #999;

	-webkit-box-shadow: 0 1px 2px #999;

	-ms-box-shadow: 0 1px 2px #999;

	color: Silver;

	background-color: Black;

	color: Silver;

}



#header_menu {

	width: 720px;

	float:left;

	height: 40px;

	border: 0px;

	border-color: Silver;

	border-style:dotted;

}



#header li

{

	position: relative;

	/*margin: 17px 17px 17px 17px;  */

	padding: 14px 4px 16px 4px;

	display: inline;

	color: Black;

	list-style-type:none;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	-moz-box-shadow: 0 1px 2px #999;

	-webkit-box-shadow: 0 1px 2px #999;

	-ms-box-shadow: 0 1px 2px #999;

	-ms-text-shadow: 0 1px 1px #222; 

	border-width: 1px 2px 0px 0px;

	cursor: pointer;

	text-decoration: none;

	font: 15px/100% Museo,Delicious,Calibri,Diavlo, Verdana, Geneva, Arial, Helvetica, sans-serif;

	-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.3);

	-moz-text-shadow: 0 1px 1px rgba(0,0,0,.3);

	-ms-text-shadow: 0 1px 1px rgba(0,0,0,.3);

	background: -moz-linear-gradient(top,  rgba(11,11,11,0.333) 0%, rgba(30,30,30,0.333) 57%, rgba(35,83,238,0.333) 100%); /* FF3.6+ */

	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(11,11,11,0.333)), color-stop(57%,rgba(30,30,30,0.333)), color-stop(100%,rgba(35,83,238,0.333))); /* Chrome,Safari4+ */

	background:  -webkit-linear-gradient(top,  rgba(11,11,11,0.333) 0%,rgba(30,30,30,0.333) 57%,rgba(35,83,238,0.333) 100%); /* Chrome10+,Safari5.1+ */

	background:   -o-linear-gradient(top,  rgba(11,11,11,0.333) 0%,rgba(30,30,30,0.333) 57%,rgba(35,83,238,0.333) 100%); /* Opera 11.10+ */

	background:   -ms-linear-gradient(top,  rgba(11,11,11,0.333) 0%,rgba(30,30,30,0.333) 57%,rgba(35,83,238,0.333) 100%); /* IE10+ */

	background:  linear-gradient(top,  rgba(11,11,11,0.333) 0%,rgba(30,30,30,0.333) 57%,rgba(35,83,238,0.333) 100%); /* W3C */



}



#header li:Hover

{

	background: Transparent;

	background: -moz-linear-gradient(top,  rgba(11,11,11,0.333) 0%, rgba(30,30,30,0.333) 57%, rgba(35,83,238,0.333) 100%); /* FF3.6+ */

	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(11,11,11,0.333)), color-stop(57%,rgba(30,30,30,0.333)), color-stop(100%,rgba(35,83,238,0.333))); /* Chrome,Safari4+ */

	background:  -webkit-linear-gradient(top,  rgba(11,11,11,0.333) 0%,rgba(30,30,30,0.333) 57%,rgba(35,83,238,0.333) 100%); /* Chrome10+,Safari5.1+ */

	background:   -o-linear-gradient(top,  rgba(11,11,11,0.333) 0%,rgba(30,30,30,0.333) 57%,rgba(35,83,238,0.333) 100%); /* Opera 11.10+ */

	background:   -ms-linear-gradient(top,  rgba(11,11,11,0.333) 0%,rgba(30,30,30,0.333) 57%,rgba(35,83,238,0.333) 100%); /* IE10+ */

	background:  linear-gradient(top,  rgba(11,11,11,0.333) 0%,rgba(30,30,30,0.333) 57%,rgba(35,83,238,0.333) 100%); /* W3C */



}



#header li a

{

	color:Silver;

	font-family: Museo,Fontin,Calibri,Arial sans-serif;

	font-size: 15px;

	padding: 10px 4px 12px 4px;

}



#header li a:Hover

{

	color: #d9d9d9;

}





#header_account

{

   width:200px;

   border:1px;

   float:right;

   text-align:left;

   padding:0px;

   margin:0px;

   border:0px;

}



#header_accountlogin

{

	width:60px;

	float:left;

	margin-top:10px;

	padding-left:0px;

	margin-left:0px;

	margin-right:0px;

	padding-right: auto;

	position:relative;

	left:0px;

}



#header_accountlogin a

{

 width :60px;

}



#header_accountcart

{

  width:140px;

  height:50px;

  float:right;

  text-align:right;

  color:Green;

  font-family: Fontin, Museo, Delicious, Sans-Serif;

  font-style: italic;

  font-size: 16px;

  background-image: url('./images/shopping_cart.png');

  background-repeat:no-repeat;

}



#header_accountcart:hover

{

  background-image: url('./images/shopping_cart_hover.png');

  background-repeat: no-repeat;

}



#header_accountcart a

{

  color:Black;

  display:inline-block;

  width:140px;

  height:50px;

}



#header_accountcart a:hover

{

  color:Black;

}







#mastersearch

{

	clear:both;

	width: 650px;

    padding-top: 25px;

    background-color:Transparent;

}



#main

{

	clear:both;

	width: 920px;

}



#main_content; 

{

	clear:both;

	width: 920px;

	background-color: Purple;

}



#title

{

   width: 910px;

   text-align: center;

   margin-left:auto;

   margin-right:auto;

}



.leftroundbox

{

	float: left;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;	

	border: 4px #40698f;

	border-style: groove;

	padding-bottom:2px;

	padding-top:1px;

	margin-bottom:10px;

}



.rightroundbox

{

	float: right;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border: 4px #40698f;

	border-style: groove;

	padding-bottom:2px;

	padding-top:1px;

	margin-bottom:10px;

}





#footer

{

	clear: both;

	width: 100%;

	text-align: center;	

	margin: 10px 10px 10px 10px;

	padding: 5px 10px 6px;	

	border: 5px #40698f;

	border-style: groove;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #DDD;

	-webkit-box-shadow: 0 1px 2px #333;

	-webkit-text-shadow: 0 1px 1px #DDD;

	-ms-box-shadow: 0 1px 2px #333;

	-ms-text-shadow: 0 1px 1px #DDD; 

	text-shadow: 0 1px 1px #222; 

}



#footer_copyright

{

	color:Navy;

	font-size:large;

	-moz-text-shadow: 0 1px 1px #222;

	-webkit-text-shadow: 0 1px 1px #222;

	-ms-text-shadow: 0 1px 1px #222; 

	text-shadow: 0 1px 1px #222; 

}



#footer_terms

{

	color:Gray;

}





/* ==|== non-semantic helper classes ========================================

  BJ_Default.aspx

   ========================================================================== */



#HomeBrands

{

	width:285px;

	float:right;

	text-align:center;

	padding:5px;

	margin:0px;

	border: 2px groove;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #222;

	-webkit-box-shadow: 0 1px 2px #333;

	background: rgb(255,255,255);

	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,250,250,1) 57%, rgba(35,83,138,1) 100%); /* FF3.6+ */

	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(57%,rgba(250,250,250,1,1)), color-stop(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */

	background:  -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1,1) 57%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+ */

	background:   -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1,1) 57%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */

	background:   -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1,1) 57%,rgba(35,83,138,1) 100%); /* IE10+ */

	background:  linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1,1) 57%,rgba(35,83,138,1) 100%); /* W3C */

	

}



#HomeBrands img

{

    margin: 5px;

}



#HomeFeature

{

	overflow:hidden;

	float:left;

	width:600px;

	height:350px;

	margin:0px;

	margin-top:2px;

	background-color:White;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #222;

	-webkit-box-shadow: 0 1px 2px #333;

	background-image: url('./images/Home_Feature_Background.jpg');

	background-repeat:no-repeat;

}



#HomeFeature a

{

	color: #000;

}



#HomeFeature_Row1

{

	width:580px;

	margin-left:8px;

}



#HomeFeature_Cameras

{

	float:left;

	display:inline-block;

	width:215px;

	text-align:left;

}



#HomeFeature_Camcorders

{

	float:right;

	width:150px;

	text-align:left;

	display:inline-block;

}



#HomeFeature_Lenses

{

	width:215px;

	text-align:left;

	display:inline-block;

}





#HomeFeature_Row2

{

	clear:both;

	width:580px;

	text-align:center;

		margin-left:8px;

}



#HomeFeature_Cameras_Links

{

	float:left;

	width:215px;

	overflow: hidden;

	text-align:left;

}



#HomeFeature_Camcorders_Links

{

	float:right;

	width:150px;

	overflow: hidden;

	text-align:left;	

	font-style:italic;	

}



#HomeFeature_Lenses_Links

{

	width:215px;

	text-align:center;

	overflow: hidden;

	text-align:left;		

}



#HomeFeature_Lenses_Links_Title

{

	width:50px;

	float:left;

	font-weight:bold;

	color:Silver;

}



#HomeFeature_Lenses_Links_Title a

{

	color:Silver;

}



#HomeFeature_Lenses_Links_SCategories

{

	width:160px;

	float:right;

	padding:2px;

	font-weight:normal;

	font-style: italic;

}



#HomeFeature_Cameras_Links_Title

{

	float: left;

	width: 50px;

	font-weight: bold;

	color:Silver;

}



#HomeFeature_Cameras_Links_Title a

{

	color:Silver;

}





#HomeFeature_Cameras_Links_SCategories

{

	float: right;

	width: 150px;

	padding: 2px;

	font-weight:normal;

	font-style: italic;

}



#HomeFeature_Row3

{

	clear:both;

	width:580px;

		margin-left:8px;

}



#HomeFeature_Accessories

{

    clear:both;

    float:left;

    width:390px;

}



#HomeFeature_Optics

{

	float:right;

	width:190px;

}



#HomeFeature_Row4

{

	clear:both;

	width:580px;

		margin-left:8px;

}



#HomeFeature_Accessories_Links

{

    float:left;

    width:390px;

}



#HomeFeature_Accessories_Links_Title

{

    float:left;

    width:70px;

    font-weight:bold;

    color:Silver;

}



#HomeFeature_Accessories_Links_Title a

{

	color: Silver;

}



#HomeFeature_Accessories_Links_SCategories

{

    float:right;

    width:310px;

    padding:2px;

    font-style:italic;

}



#HomeFeature_Optics_Links

{

	float:right;

	width:190px;

}



#HomeFeature_Optics_Links_Title

{

	float:left;

	width:50px;

	font-weight:bold;

	color:Silver;

}



#HomeFeature_Optics_Links_Title a

{

	color:Silver;

}





#HomeFeature_Optics_Links_SCategories

{

	float:right;

	width:130px;

	font-weight:normal;

	font-style:italic;

}



#HomeServices

{

	overflow:hidden;

	text-align:center;

	padding:5px;

	float:left;

	width:600px;

	height:350px;

	border:0px;

	padding-top:10px;

	padding-bottom:10px;

	padding-left:4px;

	padding-right:4px;

	margin-top:15px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #222;

	-webkit-box-shadow: 0 1px 2px #333;

	background-color: Black;

}



#ServicesServicePriceList a

{

	color:#a3c0d4;

	display:inline-block;

	font-family: Fontin,Museo,Delicious,Calibri,Arial,Sans-Serif;

	font-style:italic;

	font-weight:bold;

	font-size:25px;

	margin:15px;

}



#ServicesServicePriceList a:hover

{

	color:White;

	background-color:Transparent;

}



#HomeServicePriceList a

{

	color:#a3c0d4;

	display:inline-block;

	font-family: Fontin,Museo,Delicious,Calibri,Arial,Sans-Serif;

	font-style:italic;

	font-weight:normal;

	font-size:25px;

	margin:15px;

}



#HomeServicePriceList a:hover

{

	color:Silver;

}



.AddToCart

{

	display: inline-block;

	width: 140px;

	height: 48px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: 0 1px 2px #ddd;

	-moz-text-shadow: 0 1px 1px #ddd;

	-webkit-box-shadow: 0 1px 2px #ddd;

	/* background-image: url('./images/add_to_cart.png');	 */

	background-repeat: no-repeat;

}



.AddToCart:hover

{

	/*background-image: url('./images/add_to_cart.png');	*/

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #222;

	-webkit-box-shadow: 0 1px 2px #333;

}



/*BJ_PRODUCTS */





#ProductFeature

{

	overflow:hidden;

	width:900px;

	height:600px;

	margin:0px;

	margin-top:2px;

	background-color:White;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	-ms-border-radius: 15px;

	-o-border-radius: 15px;

	border-radius: 15px;

	-moz-box-shadow: 0 2px 4px #333;

	-moz-text-shadow: 0 2px 2px #222;

	-webkit-box-shadow: 0 2px 4px #333;

	background-image: url('./images/Product_Feature_Background.jpg');

	background-repeat:no-repeat;

	font-family: Museo,Fontin,Calibri,Verdana,Arial,Sans-Serif;

	font-size:18px;

}



#ProductFeature a

{

	color: #000;

}



#ProductFeature_Row1

{

	width:900px;

	margin-left:8px;

}



#ProductFeature_Cameras

{

	float:left;

	display:inline-block;

	width:340px;/*286px;*/

	text-align:left;

}



#ProductFeature_Camcorders

{

	float:right;

	width:272px;

	text-align:left;

	display:inline-block;

}



#ProductFeature_Lenses

{

	width:286px;

	text-align:left;

	display:inline-block;

}





#ProductFeature_Row2

{

	clear:both;

	width:900px;

	text-align:center;

		margin-left:8px;

}



#ProductFeature_Cameras_Links

{

	float:left;

	width:286px;

	overflow: hidden;

	text-align:left;

}



#ProductFeature_Camcorders_Links

{

	float:right;

	width:200px;

	overflow: hidden;

	text-align:left;	

	font-style:italic;	

}



#ProductFeature_Lenses_Links

{

	width:286px;

	text-align:center;

	overflow: hidden;

	text-align:left;		

}



#ProductFeature_Lenses_Links_Title

{

	width:67px;

	float:left;

	font-weight:bold;

	color:Silver;

}



#ProductFeature_Lenses_Links_Title a

{

	color:Silver;

}



#ProductFeature_Lenses_Links_SCategories

{

	width:215px;

	float:right;

	padding:2px;

	font-weight:normal;

	font-style: italic;

}



#ProductFeature_Cameras_Links_Title

{

	float: left;

	width: 67px;

	font-weight: bold;

	color:Silver;

}



#ProductFeature_Cameras_Links_Title a

{

	color:Silver;

}





#ProductFeature_Cameras_Links_SCategories

{

	float: right;

	width: 200px;

	padding: 2px;

	font-weight:normal;

	font-style: italic;

}



#ProductFeature_Row3

{

	clear:both;

	width:900px;

		margin-left:8px;

}



#ProductFeature_Accessories

{

    clear:both;

    float:left;

    width:552px;

}



#ProductFeature_Optics

{

	float:right;

	width:332px;

}



#ProductFeature_Row4

{

	clear:both;

	width:900px;

		margin-left:8px;

}



#ProductFeature_Accessories_Links

{

    float:left;

    width:520px;

}



#ProductFeature_Accessories_Links_Title

{

    float:left;

    width:120px;

    font-weight:bold;

    color:Silver;

}



#ProductFeature_Accessories_Links_Title a

{

	color: Silver;

}



#ProductFeature_Accessories_Links_SCategories

{

    float:right;

    width:390px;

    padding:2px;

    font-style:italic;

}



#ProductFeature_Optics_Links

{

	float:right;

	width:350px;

	

}



#ProductFeature_Optics_Links_Title

{

	float:left;

	width:100px;

	font-weight:bold;

	color:Silver;

}



#ProductFeature_Optics_Links_Title a

{

	color:Silver;

}





#ProductFeature_Optics_Links_SCategories

{

	float:right;

	width:250px;

	font-weight:normal;

	font-style:italic;

}



/* BJ_PRODUCTDETAILS */



.SaveDescriptionProductDetails

{

	display: inline-block;

	width: 150px;

	text-align:center;

	color:#ddd;

	border: 2px #2B81AF;

	padding: 2px;

	margin-left:auto;

	margin-right:auto;

	border-style: groove;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #222;

	-webkit-box-shadow: 0 1px 2px #333;

	-webkit-text-shadow: 0 1px 1px #222;

	-ms-box-shadow: 0 1px 2px #333;

	-ms-text-shadow: 0 1px 1px #222; 

    border-bottom: dimgray;

    border-left: dimgray 1px solid;

	background-color: Navy;

	background:  rgb(7,17,58); /* Old browsers */

	background: -moz-linear-gradient(top,  rgba(7,17,58,1) 0%, rgba(12,21,64,1) 57%, rgba(35,83,138,1) 100%); /* FF3.6+ */

	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7,17,58,1)), color-stop(57%,rgba(12,21,64,1)), color-stop(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */

	background:  -webkit-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+ */

	background:   -o-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */

	background:   -ms-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* IE10+ */

	background:  linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* W3C */

}



/* BJ_PRODUCTSEARCH */



.SaveDescriptionSearch

{

	width: 110px;

	text-align:center;

	font-family: Museo, Delicious, Calibri, Verdana, Sans-Serif;

	font-size: 15px;

	color:#ddd;

	border: 2px #2B81AF;

	padding: 2px;

	margin-left:auto;

	margin-right:auto;

	border-style: groove;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #222;

	-webkit-box-shadow: 0 1px 2px #333;

	-webkit-text-shadow: 0 1px 1px #222;

	-ms-box-shadow: 0 1px 2px #333;

	-ms-text-shadow: 0 1px 1px #222; 

    border-bottom: dimgray;

    border-left: dimgray 1px solid;

	background-color: Navy;

	background:  rgb(7,17,58); /* Old browsers */

	background: -moz-linear-gradient(top,  rgba(7,17,58,1) 0%, rgba(12,21,64,1) 57%, rgba(35,83,138,1) 100%); /* FF3.6+ */

	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7,17,58,1)), color-stop(57%,rgba(12,21,64,1)), color-stop(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */

	background:  -webkit-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+ */

	background:   -o-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */

	background:   -ms-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* IE10+ */

	background:  linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* W3C */

}



.SaveDescriptionSearch_temp

{

	width: 110px;

	background-color: #7b0606;

	text-align:center;

	color:#ddd;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

	border-radius: 4px;

	-moz-box-shadow: 0 1px 2px #333;

	-webkit-box-shadow: 0 1px 2px #333;

	-ms-box-shadow: 0 1px 2px #333;

}



.SearchFiltersPanel

{

	float:left;

	width:150px;

	border: 4px #DDD;

	border-style: groove;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	-moz-box-shadow: 0 1px 2px #333;

	-webkit-box-shadow: 0 1px 2px #333;

	-ms-box-shadow: 0 1px 2px #333;

	margin-left: auto;

	margin-right: auto;

	background: -moz-linear-gradient(top,  rgba(7,17,58,1) 0%, rgba(12,21,64,1) 57%, rgba(35,83,138,1) 100%); /* FF3.6+ */

	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7,17,58,1)), color-stop(57%,rgba(12,21,64,1)), color-stop(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */

	background:  -webkit-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+ */

	background:   -o-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */

	background:   -ms-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* IE10+ */

	background:  linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* W3C */

	color: Silver;

}



.AlignTopWithPad

{

	vertical-align:top;

	padding-top:5px;

	

}



/*  BJ_PRODUCTDETAILS */



.ContentPanel

{

	float:left;

	border: 4px #DDD;

	border-style: groove;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #222;

	-webkit-box-shadow: 0 1px 2px #333;

	-webkit-text-shadow: 0 1px 1px #222;

	-ms-box-shadow: 0 1px 2px #333;

	-ms-text-shadow: 0 1px 1px #222; 

	text-shadow: 0 1px 1px #222; 

	margin-left: auto;

	margin-right: auto;

}





/* ==|== non-semantic helper classes ========================================

   Please define your styles before this section.

   ========================================================================== */



/* For image replacement */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

.ir br { display: none; }



/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden { display: none !important; visibility: hidden; }



/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }



/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }



/* Hide visually and from screenreaders, but maintain layout */

.invisible { visibility: hidden; }



/* Contain floats: h5bp.com/q */ 

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }







/* ==|== media queries ======================================================

   PLACEHOLDER Media Queries for Responsive Design.

   These override the primary ('mobile first') styles

   Modify as content requires.

   ========================================================================== */



@media only screen and (min-width: 480px) {

  /* Style adjustments for viewports 480px and over go here */



}



@media only screen and (min-width: 768px) {

  /* Style adjustments for viewports 768px and over go here */



}







/* ==|== print styles =======================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */

 

@media print {

  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */

  a, a:visited { text-decoration: underline; }

  a[href]:after { content: " (" attr(href) ")"; }

  abbr[title]:after { content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  thead { display: table-header-group; } /* h5bp.com/t */

  tr, img { page-break-inside: avoid; }

  img { max-width: 100% !important; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3 { page-break-after: avoid; }

}





/* ================================

    CSS STYLES FOR BJPhotoLabs STORE 

    v1.1, 06/2001

   ================================

*/   



body {

 font-family: Fontin,Diavlo, Calibri,Tahoma;

 height:100%;

 margin:0;

 padding:0;

}







.HeaderMenu

{

	margin: 10px 10px 10px 10px;

	padding: 5px 10px 6px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: 0 1px 2px #999;

	-webkit-box-shadow: 0 1px 2px #999;

	box-shadow: 0 1px 2px #999;

	text-shadow: 0 1px 1px #222; 

	color: #2B81AF;

	display: inline;

	list-style-type:none;

	border-width: 1px 2px 0px 0px;

	cursor: pointer;

	color: #fff;

	text-decoration: none;

	font: 14px/100% Fontin,Diavlo,Verdana, Geneva, Arial, Helvetica, sans-serif, Helvetica, sans-serif;

	text-shadow: 0 1px 1px rgba(0,0,0,.3);

	

	

}



.MasterBody

{

	background: rgb(255,255,255); /* Old browsers */

	background: -moz-linear-gradient(left,  rgba(5,40,76,1) 0%, rgba(145,145,145,1) 3%, rgba(216,216,216,1) 7%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 93%, rgba(229,229,229,1) 97%, rgba(5,40,76,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(5,40,76,1)), color-stop(3%,rgba(145,145,145,1)), color-stop(7%,rgba(216,216,216,1)), color-stop(13%,rgba(255,255,255,1)), color-stop(51%,rgba(255,255,255,1)), color-stop(93%,rgba(255,255,255,1)), color-stop(97%,rgba(229,229,229,1)), color-stop(100%,rgba(5,40,76,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(left,  rgba(5,40,76,1) 0%,rgba(145,145,145,1) 3%,rgba(216,216,216,1) 7%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 93%,rgba(229,229,229,1) 97%,rgba(5,40,76,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(left,  rgba(5,40,76,1) 0%,rgba(145,145,145,1) 3%,rgba(216,216,216,1) 7%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 93%,rgba(229,229,229,1) 97%,rgba(5,40,76,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(left,  rgba(5,40,76,1) 0%,rgba(145,145,145,1) 3%,rgba(216,216,216,1) 7%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 93%,rgba(229,229,229,1) 97%,rgba(5,40,76,1) 100%); /* IE10+ */

	background: linear-gradient(left,  rgba(5,40,76,1) 0%,rgba(145,145,145,1) 3%,rgba(216,216,216,1) 7%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 93%,rgba(229,229,229,1) 97%,rgba(5,40,76,1) 100%);  /* W3C */  

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05284c', endColorstr='#a3a3a3',GradientType=1 ); /* IE6-9 */

}



div.AlertStyle

{

  background-color: #FFC080;

  top: 95%;

  left: 20%;

  height: 20px;

  width: 270px; 

  position: absolute;

  visibility: hidden;  

  /*LEFT: 248px; WIDTH: 393px; TOP: 904px; HEIGHT: 818px */

}



div.AlertStyle2

{

	margin: 0 auto;   /* align for good browsers */

	text-align: left; /* counter the body center */



	border: 2px solid #000;

	width: 800px;

}



.AccordianHeader

{

    background-color: #506C84;

    color:White;

    font-family: Diavlo, Calibri, Arial;

    font-size: 17px;

    height: 20px;

    font-weight: bold; 

    background-color: White;

    color: Black;

    font-size: 13px;

    font-weight:normal; 

    filter: alpha(opacity=93);

    -moz-opacity: 0.93;

    opacity: 0.93;

    

}



.AccordianContent

{

    background-color: White;

    color: Black;

    font-family: Fontin,Diavlo, Calibri, Arial;

    font-size: 13px;

    font-weight:normal; 

    filter: alpha(opacity=85 );

    -moz-opacity: 0.85;

    opacity: 0.85;

    text-align: left;

    border-right: black thick outset; 

    border-top: black thick outset; 

    border-left: black thick outset;

    border-bottom: black thick outset; 

    padding: 15px;

}



.HeadBacklayStyle {

   position:absolute;

    left:0px;

    top:0px;

    width:100%; 

    height:257px;

    background:#000000;

    filter: alpha(opacity=60 );

    -moz-opacity: 0.60;

    opacity: 0.60;

    position:absolute;

    display:none; 

}



.HeadBacklayStyleWhite {

 /*   position:absolute;

    left:0px;

    top:0px;

    width:100%; 

    height:232px;*/

    background:#FFFFFF;

    filter: alpha(opacity=65 );

    -moz-opacity: 0.65;

    opacity: 0.65;

    position:absolute;

    display:none; 

}



/* */

.HomeHead

{

    color: #999966;

    font-family: Diavlo, Calibri, Arial;

    font-size: 20px;

    font-weight: bold;

    HEIGHT: 35px

}



/* */

.ContentHead

{

    background-color: #506C84;

    color: White;

    font-family: Delicious,Museo,Diavlo, Calibri, Arial;

    font-size: 26px;

    font-weight: bolder;

    height: 30px

}



.ContentHeadItalicSpecial

{

    color: White;

    font-style:italic;

    font-family: Diavlo, Calibri, Arial;

    font-size: 17px;

    font-weight: bold;

    height: 27px

}



.ContentHeadSpecial

{

    color: White;

    font-family: Diavlo, Calibri, Arial;

    font-size: 17px;

    font-weight:400;

    height: 27px

}



/* */

.SubContentHead

{

	background-color: #E6F2FF;

    color: #506C84;

    padding:5px;

    font-family: Museo,Diavlo, Calibri, Arial;

    font-size: 26px;

    font-weight: bold;

    height: 28px

}



.NodeOne

{

    font-family: Fontin,Diavlo, Calibri, Arial;

    font-size: 13px;

    font-weight:bold;

}



.NodeTwo

{

    color:Black;

    font-family: Fontin,Diavlo, Calibri, Arial;

    font-size: 12px;

    font-weight:normal;

}



.NodeThree

{

    color:Gray;

    font-family: Fontin,Diavlo, Calibri, Arial;

    font-size: 11px;

    font-style: italic;

}



.InformationLink

{

    background-color: #506C84;

    color:White;

    font-family: Fontin,Diavlo, Calibri, Arial;

    font-size: 14px;

    height: 18px;

    padding-bottom:2;

    padding-left:2;

    padding-right:2;

    padding-top:2;

    font-weight:600;

    border-color:Navy;

    border-style:groove;

    border-width:medium;

}



.ActiveTab

{

    background-color: White;

    color: Black;

    font-family: Museo, Fontin,Delicious,Diavlo, Calibri, Arial,Verdana,Sans-Serif;

    font-size: 14px;

    height: 20px;

    padding-bottom:2;

    padding-left:2;

    padding-right:2;

    padding-top:2;

    font-weight:300;

    border-color: Navy;

    border: -moz-linear-gradient(left,  rgba(5,40,76,1) 0%, rgba(145,145,145,1) 3%, rgba(216,216,216,1) 7%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 93%, rgba(229,229,229,1) 97%, rgba(163,163,163,1) 100%); /* FF3.6+ */

	border:  -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(5,40,76,1)), color-stop(3%,rgba(145,145,145,1)), color-stop(7%,rgba(216,216,216,1)), color-stop(13%,rgba(255,255,255,1)), color-stop(51%,rgba(255,255,255,1)), color-stop(93%,rgba(255,255,255,1)), color-stop(97%,rgba(229,229,229,1)), color-stop(100%,rgba(163,163,163,1))); /* Chrome,Safari4+ */

	border:  -webkit-linear-gradient(left,  rgba(5,40,76,1) 0%,rgba(145,145,145,1) 3%,rgba(216,216,216,1) 7%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 93%,rgba(229,229,229,1) 97%,rgba(163,163,163,1) 100%); /* Chrome10+,Safari5.1+ */

	border: -o-linear-gradient(left,  rgba(5,40,76,1) 0%,rgba(145,145,145,1) 3%,rgba(216,216,216,1) 7%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 93%,rgba(229,229,229,1) 97%,rgba(163,163,163,1) 100%); /* Opera 11.10+ */

	border:  -ms-linear-gradient(left,  rgba(5,40,76,1) 0%,rgba(145,145,145,1) 3%,rgba(216,216,216,1) 7%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 93%,rgba(229,229,229,1) 97%,rgba(163,163,163,1) 100%); /* IE10+ */

    border-style:groove;

    border-width:thick;

    padding: 2px 5px 3px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	border-radius: 5px;

	    border-top: 2px #ddd;

    border-right: 1px #999;

    border-bottom: 0px;

    border-left: 2px #ddd;

    border-style: groove;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #222;

	-webkit-box-shadow: 0 1px 2px #333;

	-webkit-text-shadow: 0 1px 1px #222;

	-ms-box-shadow: 0 1px 2px #333;

	-ms-text-shadow: 0 1px 1px #222;

	

}



.InLineLinkLightBlue

{

    color:white;

    font-family: Fontin,Diavlo, Calibri, Arial;

    font-size: 14px;

    height: 20px;

    padding-bottom:2;

    padding-left:2;

    padding-right:2;

    padding-top:2;

    font-weight:300;

    border-color:#0a0c25;

    border-style:groove;

    border-width:medium;

    

}



.InActiveTab

{

    background-color:Transparent;

    color: Gray;

    background-color: Silver;

    font-family: Museo,Diavlo,Fontin,Delicious,Calibri,Verdana, Sans-Serif;

    font-size: 14px;

    height: 20px;

    padding-bottom:2;

    padding-left:2;

    padding-right:2;

    padding-top:2;

    font-weight:300;

    padding: 2px 5px 3px;

    border-top: 2px #ddd;

    border-right: 1px #999;

    border-bottom: 0px;

    border-left: 2px #ddd;

    border-style: groove;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #222;

	-webkit-box-shadow: 0 1px 2px #333;

	-webkit-text-shadow: 0 1px 1px #222;

	-ms-box-shadow: 0 1px 2px #333;

	-ms-text-shadow: 0 1px 1px #222; 

    

}



/* */

.UnitCost

{

    color: Black;

    font-family:  Museo,Verdana,Fontin,Delicious,Helvetica, Arial;

    font-weight:bold;

    font-size: 18px;

    line-height: 21px;

}



.UnitCostStrikeThrough

{

    color: Black;

    font-family:  Museo,Verdana,Fontin,Delicious,Helvetica, Arial;

    font-weight:bold;

    text-decoration: 'line-through';    

    font-size: 18px;

    line-height: 21px;

}





/* */

.ModelNumber

{

    color: #808080;

    font-family: Diavlo,Fontin,Calibri, Arial;

    font-size: 11px;

    line-height: 20pt

}



/* */

.ErrorText

{

    color: Maroon;

    font-family: Fontin,Diavlo, Calibri, Arial;

    font-size: 18px;

    line-height: 20pt;

    font-weight: bold;

}

.ErrorTextLight

{

    color: #9ecbaa;

    font-family: Diavlo, Calibri, Arial;

    font-size: 12px;

    line-height: 20pt;

    font-weight: bold;

}

.MostPopularHead

{

    background-color:#8b0000;

    color: white;

    font-family: Diavlo, Calibri, Arial;

    font-size: 11px;

    font-weight: bold

}



A.MostPopularItemText, A.MostPopularItemText:link, A.MostPopularItemText:visited

{

    color: black;

    font-family: Fontin, Diavlo, Calibri, Arial;

    font-size: 11px;

    text-decoration: none

}



A.MostPopularItemText:hover

{

    color: red;

    font-family: Fontin,Delicious, Calibri, Arial;

    font-size: 13px;

    text-decoration: underline

}



.ProductListHead

{

    color: #666666;

    font-family: Museo,Verdana,Fontin,Delicious, Calibri, Arial, Sans-Serif;

    font-size: 20px;

    line-height: 21px;

    font-weight:bold;

    text-decoration: none;

    word-wrap: break-word;

}

.ProductListItem

{

    color: black;

    font-family: Museo,Fontin,Diavlo, Calibri, Arial;

    font-size: 16px;

    word-wrap: break-word;

}

.ProductListItemOlive

{

    color:Olive;

    font-family: Museo,Fontin,Diavlo, Calibri, Arial;

    font-size: 16px;

    word-wrap: break-word;

}

.ProductListItemNavy

{

    color:#070f38;

    font-family: Museo,Fontin,Diavlo, Calibri, Arial;

    font-size: 13px;

    word-wrap: break-word;

}

.ProductListItemSmall

{

    color: black;

    font-family: Fontin,Diavlo, Calibri, Arial;

    font-size: 10px;

    word-wrap: break-word;

}

.ProductListItemSmallOlive

{

    color:Olive;

    font-family: Fontin,Diavlo, Calibri, Arial;

    font-size: 10px;

    word-wrap: break-word;

}

.ProductListItemSmallNavy

{

    color:Navy;

    font-family: Fontin,Diavlo, Calibri, Arial;

    font-size: 10px;

    word-wrap: break-word;

}



.CartListHead

{

    /* background-color: #dddca3; */

    border: 4px #2B81AF;

	border-style: groove;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #222;

	-webkit-box-shadow: 0 1px 2px #333;

	-webkit-text-shadow: 0 1px 1px #222;

	-ms-box-shadow: 0 1px 2px #333;

	-ms-text-shadow: 0 1px 1px #222; 

    border-bottom: dimgray;

    border-left: dimgray 1px solid;

    /*color: black;*/

    font-family: Diavlo, Calibri, Arial;

    font-size: 13px;

    font-weight: bold;

    line-height: 7pt;

    padding-left: 5px;

    background-color: White;

    color:Black;

    

}



.CartListHeadSortable

{

    /* background-color: #dddca3; */

    border-bottom: dimgray;

    border-left: dimgray 1px solid;

    /*color:#0099FF; */

    font-family: Diavlo, Calibri, Arial;

    font-size: 13px;

    font-weight: bold;

    line-height: 10pt;

    padding-left: 5px

}



.CartListItem

{

    background-color: #ffffff;

    border-bottom: dimgray;

    border-left: dimgray 1px solid;

    color: black;

    font-family: Fontin,Diavlo, Calibri, Arial;

    font-size: 11px;

    padding-left: 5px

}



.CartListItemAlt

{

    background-color: #f2f2f2;

    border-bottom: dimgray;

    border-left: dimgray 1px solid;

    color: black;

    font-family: Fontin,Diavlo, Calibri, Arial;

    font-size: 11px;

    padding-left: 5px

}



.CartListPaging

{

    line-height: 4pt;

    border-style: groove;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-ms-border-radius: 10px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #DDD; 

	-webkit-box-shadow: 0 1px 2px #333;

	-webkit-text-shadow: 0 1px 1px #DDD; 

	-ms-box-shadow: 0 1px 2px #333;

	-ms-text-shadow: 0 1px 1px #DDD; 

    color: Black; 

}



.RadiusFrame

{

    border-style: groove;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	-ms-border-radius: 15px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #DDD; 

	-webkit-box-shadow: 0 1px 2px #333;

	-webkit-text-shadow: 0 1px 1px #DDD; 

	-ms-box-shadow: 0 1px 2px #333;

	-ms-text-shadow: 0 1px 1px #DDD; 

}



.CartListPaging a

{

    background-color: White;

}



.CartListPaging a, .CartListPaging span

{

	font-weight: bold;

	font-size: 100%;

	display: block;

    float: left;

    padding: 0.3em 0.5em;

    margin-right: 5px;

    margin-bottom: 5px;	

}



.CartListPaging span

{

	font-size:18px;

	background-color:Silver;

}



.ContentBox

{

	margin-left:auto;

	margin-right:auto;

  -moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	-moz-box-shadow: 0 1px 2px #999;

	-webkit-box-shadow: 0 1px 2px #999;

	-ms-box-shadow: 0 1px 2px #999;

	-ms-text-shadow: 0 1px 1px #222; 

	border-width: 3px 6px 1px 1px;

	text-decoration: none;

	font: 15px/100% Museo,Fontin,Delicious,Calibri,Diavlo, Verdana, Geneva, Arial, Helvetica, sans-serif;

	-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.3);

	-moz-text-shadow: 0 1px 1px rgba(0,0,0,.3);

	-ms-text-shadow: 0 1px 1px rgba(0,0,0,.3);

	background: -moz-linear-gradient(top,  rgba(11,11,11,0.333) 0%, rgba(30,30,30,0.333) 57%, rgba(35,83,238,0.333) 100%); /* FF3.6+ */

	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(11,11,11,0.333)), color-stop(57%,rgba(30,30,30,0.333)), color-stop(100%,rgba(35,83,238,0.333))); /* Chrome,Safari4+ */

	background:  -webkit-linear-gradient(top,  rgba(11,11,11,0.333) 0%,rgba(30,30,30,0.333) 57%,rgba(35,83,238,0.333) 100%); /* Chrome10+,Safari5.1+ */

	background:   -o-linear-gradient(top,  rgba(11,11,11,0.333) 0%,rgba(30,30,30,0.333) 57%,rgba(35,83,238,0.333) 100%); /* Opera 11.10+ */

	background:   -ms-linear-gradient(top,  rgba(11,11,11,0.333) 0%,rgba(30,30,30,0.333) 57%,rgba(35,83,238,0.333) 100%); /* IE10+ */

	background:  linear-gradient(top,  rgba(11,11,11,0.333) 0%,rgba(30,30,30,0.333) 57%,rgba(35,83,238,0.333) 100%); /* W3C */

	padding: 8px;

}



.InfoBox

{

	border: 4px #2B81AF;

	padding: 5px;

	margin-left:auto;

	margin-right:auto;

	border-style: groove;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	-moz-box-shadow: 0 1px 2px #333;

	-moz-text-shadow: 0 1px 1px #222;

	-webkit-box-shadow: 0 1px 2px #333;

	-webkit-text-shadow: 0 1px 1px #222;

	-ms-box-shadow: 0 1px 2px #333;

	-ms-text-shadow: 0 1px 1px #222; 

    border-bottom: dimgray;

    border-left: dimgray 1px solid;

	background-color: Navy;

	background:  rgb(7,17,58); /* Old browsers */

	background: -moz-linear-gradient(top,  rgba(7,17,58,1) 0%, rgba(12,21,64,1) 57%, rgba(35,83,138,1) 100%); /* FF3.6+ */

	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7,17,58,1)), color-stop(57%,rgba(12,21,64,1)), color-stop(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */

	background:  -webkit-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+ */

	background:   -o-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */

	background:   -ms-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* IE10+ */

	background:  linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* W3C */

	color: Silver;

}



.InfoBox a:hover

{

	background: rgba(123,232,212,0.1);

}







#footer_centre_panel

{

	width: 900px;

	background-color: White;

	margin-left: auto;

	margin-right: auto;

	margin-top: auto;

	margin-bottom: auto;

	

}







/* text style for the links */

A.SiteLink, A.SiteLink:link, A.SiteLink:visited

{

    font-family: Fontin,Diavlo,Calibri, Helvetica, sans-serif;

    text-decoration: none;

    color: #dddddd;

    font-size: 11px;

}   



A.SiteLink:hover    

{

    text-decoration: underline;

    color: yellow;

}



A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited

{

    color: #dddddd;

    font-family: Fontin,Diavlo,Calibri, Helvetica, sans-serif;

    text-decoration: none;

    font-size:  11px;

    font-weight: bold

}



A.SiteLinkBold:hover

{

    color: white;

    text-decoration: none;

}



/* */

A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited

{

    color: White;

    font-family: Diavlo,Calibri, Helvetica, sans-serif;

    text-decoration: none;

    font-size:  12px;

    font-weight: bold;

    line-height: 16px;

    padding-left: 10px

}



A.MenuUnselected:hover

{

    color: White;

    text-decoration: underline;

    padding-left: 10px

}



A.MenuSelected

{

    color: White;

    font-family: Diavlo,Calibri, Helvetica, sans-serif;

    text-decoration: none;

    font-size:  12px;

    font-weight: bold;

    line-height: 16px;

    padding-left: 10px

}



A.MenuSelected:hover

{

    color: White;

    font-family: Diavlo,Calibri, Helvetica, sans-serif;

    text-decoration: none;

    padding-left: 10px

}



/* GENERAL */



/* text style used for most text rendered by modules */

.Normal

{

    font-family: Museo,Fontin,Diavlo,Calibri, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: normal;

    word-wrap: break-word;

    /*line-height: 12px */    

}



.SmallText

{

	font-family: Fontin,Diavlo,Calibri, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: normal;

    word-wrap: break-word;

    /*line-height: 12px */  

	

}



.NormalDouble

{

    font-family: Museo,Fontin,Diavlo,Calibri, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: normal;

    line-height: 20px; 

}



/* text style used for textboxes in the admin pages, for Nav compatibility */

.NormalTextBox

{

    font-family: Museo,Fontin,Diavlo,Calibri, Helvetica, sans-serif;

    font-size: 16px;

    font-weight: normal;

}



/* text style used for selects in the admin pages, for Nav compatibility */

.NormalSelect

{

    font-family: Museo,Fontin,Diavlo,Calibri, Helvetica, sans-serif;

    font-size: 16px;

    font-weight:bolder;

    font-weight: normal;

}



/* text style used for textboxes in the edit pages, for Nav compatibility */

.EditTextBox

{

    font-family: Fontin,Diavlo,Calibri, Helvetica, sans-serif;

    font-size: 1em;

    font-weight: normal;

    border-style: solid;

    border-width: 1px;

    border-color: #999966;

    width: 100%;

}



.MenuTitlePanel

/* for the menu title panel in the master page */

{

 padding-left:60px;

 background-repeat:no-repeat;

 border:0;

 height:35;

 width:800;

 background-position:center;





}



/* text style used for controls in the admin and edit pages, for Nav compatibility */

.NormalControl

{

    font-family: Museo,Fontin,Diavlo,Calibri, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: normal;

}



/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */

.NormalCheckBox

{

    margin-left: -4px;

    font-family: Museo,Fontin,Diavlo,Calibri, Helvetica, sans-serif;

    font-size: 19px;

    font-weight: normal;

}



/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */

.NormalRadio

{

    font-family: Museo,Fontin,Diavlo, Calibri, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: normal;

    text-indent: -5px;

}



/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */

.NormalButton

{

    font-family: Museo,Fontin,Diavlo, Calibri, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: normal;

    text-indent: -5px;

/*    border-style: solid;

    border-width: 1px;

    border-color: #cccc99; */

    background-color:#ccccaa;    

}



.NormalRed

{

    font-family: Museo,Fontin,Diavlo, Calibri, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: bold;

    color: red

}



.NormalBold

{

    font-family: Museo,Fontin,Diavlo, Calibri, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: bold;  

}



.NormalBoldSC

{

    font-family: Museo,Fontin,Diavlo, Calibri, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: bold;

    line-height: 12px;

    border-width:1px;

    border-color:Black;

    border-style:inset;

    border-bottom-width: 2px;

    border-bottom-color:Black;

    border-bottom-style:Inset;

     

}



.NormalBoldSCQ

{

    font-family: Museo,Fontin,Diavlo, Calibri, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: bold;

    line-height: 12px;

    border-bottom-width: 2px;

    border-bottom-color:Black;

    border-bottom-style:Inset;

    border-left-width: 1px;

    border-left-color:Black;

    border-top-width: 1px;

    border-top-color:Black;

    border-top-style:Inset;

    border-right-width: 0px;

     

}



.NormalBoldSCE

{

    font-family: Museo,Fontin,Diavlo, Calibri, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: bold;

    line-height: 12px;

    border-bottom-width: 2px;

    border-bottom-color:Black;

    border-bottom-style:Inset;

    border-top-width: 1px;

    border-top-color:Black;

    border-top-style:Inset;

    border-right-width: 1px;

    border-right-color:Black;

    border-right-style:Inset;

    border-left-width: 0px;

     

}



.NormalBoldSCQTitle

{

    border-right-width: 0px; 

}



.NormalBoldLarge

{

    font-family: Museo,Delicious,Diavlo, Calibri, Helvetica, sans-serif;

    font-size: 20px;

    font-weight: bold;

    line-height: 21px    

}



.NormalItalicLarge

{

    font-family: Museo, Diavlo, Calibri, Helvetica, sans-serif;

    font-size: 16px;

    font-weight: bold;

    font-style:italic;

}



.NormalItalic

{

    font-family: Museo,Fontin,Diavlo, Calibri, Helvetica, sans-serif;

    font-size: 12px;

    font-style: italic;

    line-height: 16px    

}



.SmallItalic

{

    font-family: Fontin,Diavlo, Calibri, Helvetica, sans-serif;

    font-size: 9px;

    font-weight: bold;

    font-style:italic;

    line-height: 12px;

    background-color:Silver;

       

}



.Highlight

{

    background-color: #352a05;

    color: #919191;

    font-family: Museo,Delicious,Fontin,Diavlo,Calibri,Tahoma;

    font-size: 18px;

    text-decoration:underline;

    font-weight:normal;

    -moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	-moz-box-shadow: 0 1px 2px #999;

	-webkit-box-shadow: 0 1px 2px #999;

	-ms-box-shadow: 0 1px 2px #999;

	-ms-text-shadow: 0 1px 1px #222; 

	background:  rgb(7,17,58); /* Old browsers */

	background: -moz-linear-gradient(top,  rgba(7,17,58,1) 0%, rgba(12,21,64,1) 57%, rgba(35,83,138,1) 100%); /* FF3.6+ */

	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7,17,58,1)), color-stop(57%,rgba(12,21,64,1)), color-stop(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */

	background:  -webkit-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+ */

	background:   -o-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */

	background:   -ms-linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* IE10+ */

	background:  linear-gradient(top,  rgba(7,17,58,1) 0%,rgba(12,21,64,1) 57%,rgba(35,83,138,1) 100%); /* W3C */

	color: Silver;

    

}



.NonHighlightSearch

{

    background-color: white;

    color: black;

    font-family: Museo,Delicious,Fontin,Diavlo,Calibri,Tahoma;

    font-size: 18px;

    text-decoration: none;

    font-weight:normal;

    -moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	-moz-box-shadow: 0 1px 2px #999;

	-webkit-box-shadow: 0 1px 2px #999;

	-ms-box-shadow: 0 1px 2px #999;

	-ms-text-shadow: 0 1px 1px #222; 

}



.SearchButton

{

	color: black;

    font-family: Museo,Delicious,Fontin,Diavlo,Calibri,Tahoma;

    font-size: 18px;

	

}







A:link  {

    text-decoration: none;

    color:  black;

}



A, A:hover {

    text-decoration: underline;

    color:  black;

}



SMALL   {

    font-size:  9px;

}



BIG {

    font-size:  14px;

}



BLOCKQUOTE, PRE {

    font-family:    Lucida Console, monospace;

}





UL LI   {

    list-style-type:    square ;

}



UL LI LI    {

    list-style-type:    disc;

}



UL LI LI LI {

    list-style-type:    circle;

}



OL LI   {

    list-style-type:    decimal;

}



OL OL LI    {

    list-style-type:    lower-alpha;

}



OL OL OL LI {

    list-style-type:    lower-roman;

}



HR {

    height:1pt;

    text-align:left

}



.nav a:hover {

	background-position: top right;

}



.nav a:active {

 background-position: top right;

}



.nav01 a {

  display:block;

  width:304px;

  height:80px;

  

  background: url("images/WB_DIGITAL_PRINTING_BK.jpg") top left no-repeat;



}



.nav01 a:hover {

	background-position: top right;

}



.nav01 a:active {

 background-position: top right;

}



.navMS a:hover {

	background-position: bottom left;

}



.navMS a:active {

  background-position: top left;

}



.navH a:hover {

	background-position: bottom left;

}



.navH a:active {

  background-position: top left;

}





a.BkTopRight {

 background-position: top right;

}



.Transparent80

{

    background-color:White;

    filter: alpha(opacity=80 );

    -moz-opacity: 0.80;

    opacity: 0.80;

}



.Transparent90

{

    background-color:White;

    filter: alpha(opacity=90 );

    -moz-opacity: 0.90;

    opacity: 0.90;

}