@charset "utf-8";
/* CSS Document */


/*-----COLORS 
7A9CAC=RB_BLUE   
384C56=LB_BLUE  
F1FAFF=MAIN_BG_COLOR    
thumbcolor=#ABC7D4 
thumbhover=#CAE0EA--------*/

#checkouth2{
color:#FF0000;}

.prodprice{border:none;
padding:none;
color:#FF0000;
font-size:120%;
font-weight:bold;}
	
#varprice{border:none;
padding:none;
color:#FF0000;
font-size:100%;
font-weight:bold;}

#slogan{
color:#F1FAFF;
font-size:16px;
padding-top:65px;
padding-left:7px;}

#welcomeh1{margin:0px 0px 0px 0px;
	padding:0px;
	font-size:120%;
	color:#384C56;}
	
#welcomebar table{background:none;}

#welcomebar th{
	border:none;
	background:none;
	padding:5px;}

#welcomebar td{
	background:none;
	border:none;
	padding:5px;
	}
	
.menu{
	margin:0px;
	padding:0px;
	list-style:none;
}


.menu li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	background: #CAE0EA url(/graphics/site/minus.gif) no-repeat 10px center;
	list-style-type: none;
	display:block;
	width:100%;
	color:#384C56;
	margin-bottom:1px; 
}
.menu li a{
	display:block;
	width:100%;
	color:#384C56;
}
.menu li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	background: #CAE0EA url(/graphics/site/plus.gif) no-repeat 10px 8px;
	cursor: hand !important;
	cursor: pointer !important;
	display:block;
	width:100%;
	color:#384C56;
}
.menu li a span{
	display:block;
	padding:3px 20px;
	color:#384C56;
}

.menu li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
}

.menu .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
}

ul li ul{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 10px;}



body {
    color:#4d4c4c;
	background-color:#F1FAFF;
	margin:0px;
	padding:0px;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;}

h1 {margin:0px 0px 5px 0px;
	padding:0px;
	font-size:140%;
	color:#384C56;}
	
h2 {margin:0px 0px 5px 0px;
	padding:0px;
	font-size:140%;}

h3 {margin:0px 0px 5px 0px;
	padding:0px;
	font-size:120%;}
	
.Contentmain>p {margin:0px;}
.Contentmain>p+p {text-indent:30px;}

a {color:#3C7F1E;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;}

a:link {color:#384C56;}

a:visited {color:#384C56;}

a:hover {background-color:#384C56;
color:#7A9CAC }  

img{border:1px solid #384C56;}


/* ----- search box ----- */

#search{
	margin:0;
	margin-bottom:1em;
	padding:5px 5px;
	text-align:center;
	
}
#search label{display:block;}

/* ----- search box ----- */


#header {background:url(../../images/themes/blue_aqua.jpg);
height:100px;
text-align:left;}
 
#map_canvas{
width:auto;
height:450px;
border:2px solid #000000;}

#hometab td{
background:none;
border:none;
vertical-align:top;
text-align:left;}

#hometab1{}

#cards{text-align:center;
border:none;
}

#cards img{border:none;}
 
#browsers{text-align:center;}
  

/* ----- BASKET ----- */

#info2{
  text-align:center;
  font-size:100%;
  width:148px;
  background:#384C56;
  color:#F1FAFF;
  padding-top:5px;
  padding-bottom:5px;}
  
  #info2 a{color:#7A9CAC;}
  
  #info2 img{border:none;}
  
/* ----- BASKET ----- */

/* ----- BREADCRUMB MAIN CONTENT DIV ----- */
	
#breadcrumbs {
  background-color:#384C56;
  margin:0px;
  margin:5px 0px 5px 0px;
  text-align:left;
  text-indent:20px;
  color:#F1FAFF;
  height:17px;}
  
#breadcrumbs a {color:#7A9CAC;}
	
.contentbc {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	height:27px;
	border-top-style:dashed;
	border-width:1px;
	min-width:120px;
	margin:0px 178px 10px 238px;
	background:#7A9CAC;
	
	padding:0px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
	

/* ----- MAIN CONTENT DIV ----- */
/* All the content boxes belong to the content class. */
.contentmain {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 190px 10px 250px;
	
	background-color:#F1FAFF;/*MAIN CONTENT BG COLOR*/
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
	
.contentmain a {color:#384c56;} /*MAIN CONTENT LINK COLOR*/
.contentmain a:link {color:#5b7582;
text-decoration:underline;}
.contentmain a:visited {color:#5b7582;
text-decoration:underline;}
.contentmain a:hover {background-color:#5b7582;
color:#cae0ea; }

#product a {color:#5b7582;} /*MAIN CONTENT LINK COLOR*/
#product a:link {color:#5b7582;
text-decoration:underline;}
#product a:visited {color:#5b7582;
text-decoration:underline;}
#product a:hover {background-color:#5b7582;
color:#cae0ea; }

.products a {color:#5b7582;} /*MAIN CONTENT LINK COLOR*/
.products a:link {color:#5b7582;
text-decoration:none;}
.products a:visited {color:#5b7582;
text-decoration:none;}
.products a:hover {background-color:#5b7582;
color:#cae0ea; }

/* ----- LEFT COLUMN ----- */
#navAlpha {
	position:absolute;
	width:225px;
	top:100px;
	left:10px;
	
	background:url(../../images/themes/blue_aqualeft.jpg);
	background-repeat:no-repeat;
	
	
	padding:10px;
	z-index:2;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:208px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#navAlpha {width:208px;}
		
#access{text-align:center;}

#access img{border:none;}

/* ----- RIGHT COLUMN ----- */
#navBeta {
	position:absolute;
	width:170px;
	top:100px;
	right:10px;
	
	background:url(../../images/themes/blue_aquaright.jpg);
	background-repeat:no-repeat;
	
	padding:10px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:148px;
	}
#navBeta img{border:none;}
#navBeta p {margin-top:0px;}

/* Again, "be nice to Opera 5". */
body>#navBeta {width:148px;}



/* ----- DEPARTMENT ----- */
#navDept, #navDept li{
	margin:0;
	padding:0;
	list-style:none;
}
#navDept{margin-bottom:1em;}
#navDept li{
	margin-bottom:1px;
}
#navDept li a{
	display:block;
	width:100%;
	background:#CAE0EA;
	color:#555;
}
#leftmenu li a:hover, #leftmenu li a.selected{background:#ABC7D4;}

#navDept li a:hover, #navDept li a.selected{background:#ABC7D4;}

#navDept li a span{
	display:block;
	padding:3px 20px;}

/* ----- SUB-DEPARTMENT ----- */

#navSubDept, #navSubDept li {
	margin:0;
	padding:0;
	list-style:none;}

#navSubDept{
	margin:1em 0;
	padding:3px 10px;
	background:#f1f1f1;   /* ----- COLOR ----- */
	border:1px solid #eee;
	color:#777;}

#navSubDept li{
	margin:.5em 0;
	line-height:150%;
	padding:0;
	padding-left:15px;
	list-style:none;}
	
#navSubDept li a{color:#777;}

#navSubDept li a:hover, #navSubDept li a.selected{color:#777;text-decoration:underline;}

/* ----- MY ACCOUNT MENU ----- */

#navTools, #navTools li{
	margin:0;
	padding:0;
	list-style:none;}

#navTools{margin-bottom:1em;}

#navTools li{margin-bottom:1px;}

#navTools li a{
	display:block;
	width:100%;	
	background:#384C56;
	color:#F1FAFF;}
	
#navTools li a:hover, #navTools li a.selected{background:#ABC7D4;
color:#384C56;}

#navTools li a span{
	display:block;
	padding:3px 20px;}

/* ----- nav static menu items ----- */

.navStatic, .navStatic li{
	margin:0;
	padding:0;
	list-style:none;}
	
.navStatic{margin-bottom:1em;}

.navStatic li{margin-bottom:1px;}
	
.navStatic li a{
	display:block;
	width:100%;	
	background:#CAE0EA;/* BLUES----384C56   7A9CAC     ---  */
	color:#555;}
	
.navStatic li a:hover{background:#ABC7D4;}

.navStatic li a span{
	display:block;
	padding:3px 20px;}
	
#navToolsTitle{
	margin:0;
	padding:3px 20px;
	margin-bottom:1px;
	background:#F5F579;
	font-size:100%;
	color:#F1FAFF;}
	
#navDeptTitle{margin:0;
	padding:3px 20px;
	margin-bottom:1px;
	background:#7A9CAC;
	font-size:100%;}
	
#navStaticTitle{
	margin:0;
	padding:3px 20px;
	margin-bottom:1px;
	background:#384C56;
	font-size:100%;/* BLUES----384C56   7A9CAC  ABC7D4   CAE0EA F1FAFF  ---  */
	color:#F1FAFF;}
	
#main h2{
	font-weight:normal;
	padding:0;
	color:#275f81;
	font-size:160%;
	clear:both;}
	
#main h2#pageTitle{
	font-weight:normal;
	padding:0;
	margin:0;
	margin-bottom:1em;
	color:#275f81;
	font-size:180%;}

.note{
	font-size:110%;}

.highlight{
	font-size:140%;}

.module1{
	float:left;
	width:250px;}

.module2{
	float:right;
	width:250px;}
	
	/* ----- pagination (page 1/2 etc.) ----- */

#pagination{
	margin:1em 0;}
	
#pagination li{
	margin:0;
	height:16px;
	line-height:16px;
	float:left;}
	
#pagination a{
	display:block;
	float:left;
	width:9px;
	height:9px;
	margin-left:10px;
	margin-top:3px;
	text-indent:-8000px;
	overflow:hidden;}
	
#pagination a#firstPage{background:url(../graphics/plain/ico_first.gif) no-repeat 0 0;}
#pagination a#prevPage{background:url(../graphics/plain/ico_prev.gif) no-repeat 0 0;}
#pagination a#nextPage{background:url(../graphics/plain/ico_next.gif) no-repeat 0 0;}
#pagination a#lastPage{background:url(../graphics/plain/ico_last.gif) no-repeat 0 0;}

/* ----- product thumbnail list ----- */

.products{
	margin:1em 0;}

.products ul, .products li{
	margin:0;
	padding:0;
	list-style:none;} 
	
.products li{
	margin-bottom:1em;
	padding:5px 5px 5px 5px;
	background:#CAE0EA;    
	border:1px solid #384C56;
	color:#4d4c4c;}

.products li:hover{
	background:#ABC7D4;   
	border:1px solid #384C56;}
	
.products li h2{
	margin-top:.5em;
	margin-bottom:0px;
	padding:0;
	background:none;
	font-size:120%;}
	
.products li h3 a{color:#555;}

.products li h3 a:hover{color:#275f81;}

.products .image{
	float:left;
	margin:0;
	margin-right:10px;
	margin-left:0px;
	margin-bottom:0px;}
	
.products .image a img{
	border:1px solid #384C56;
	padding:2px;}
	
.products .image a:hover img{
	border:1px solid #384C56;
	padding:2px;
	background:#5B7582;}
	
.products .price{
	text-align:right;
	line-height:100%;
	color:#ff0000;
	font-size:110%;
	font-weight:bold;}
	
.products .quantity{
	clear:both;
	margin:1em 0;
	text-align:right;
	line-height:180%;}

/* ----- individual products ----- */



#product{
margin-bottom:1em;
	padding:5px 5px 5px 5px;
	background:#CAE0EA;    
	border:1px solid #384C56;
	color:#4d4c4c;   }

#prodcontent {padding-top:250px; }

#product .image{	
	float:left;
	margin-bottom:1em;}
		
#product .image p{margin:.5em 0;}
#product .image img{	
	border:1px solid #4d4c4c;}	
	
#product .info{	
	float:right;
	width:270px;}
	
#product .price{
	color:#FF0000;
	font-size:120%;}

#product .info p{
	margin:0;
	margin-bottom:.2em;}
	
#product .info h3{
	margin:0;
	margin-bottom:.2em;}
	
#product .actions{
	border-top:1px solid #e1e1e1;
	clear:both;}	
	
#product #addBasket{
	border-top:1px solid #e1e1e1;
	padding-top:1em;}
	
#product #addWishlist a{
}

/* ----- featured articles ----- */

#articles{}
#articles ul, #articles li {
	margin:0;
	padding:0;
	list-style:none;}

#articles ul{
	margin:1em 0;
	padding:3px 10px;
	background:#384C56;
	border:1px solid #eee;
	color:#777;}

#articles ul li{
	margin:.5em 0;
	line-height:150%;
	padding:0;
	padding-left:15px;
	list-style:none;
	background:url(../graphics/plain/arrow3.gif) no-repeat 0 .6em;}

#articles  ul li a{color:#F1FAFF;}
#articles  ul li a:hover{color:#F1FAFF;text-decoration:underline;}

/* ----- customer reviews ----- */

#reviews{
}
#reviews ul, #reviews li {
	margin:0;
	padding:0;
	list-style:none;
}

#reviews ul{
	margin:1em 0;
	padding:3px 10px;
	background:#384C56;
	border:1px solid #eee;
	color:#F1FAFF;}
	
#reviews ul li{
	margin:.5em 0;
	line-height:150%;
	padding:0;
	padding-left:15px;
	list-style:none;}
	
#reviews  ul li a{color:#F1FAFF;}
#reviews  ul li a:hover{color:#F1FAFF;text-decoration:underline;}

/* ----- site map ----- */

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;} 
	
#sitemap{margin:1em 0;}
#sitemap li{margin:.5em 0;}
#sitemap li h3{margin:.2em 0;}
#sitemap ul{padding-left:20px;}

/* ----- tables and forms ----- */




fieldset{
	border:none;
	padding:0;
	margin:1em 0;}

legend{
	font-weight:bold;
	padding:0;
	margin:0;
	color:#555;
	font-size:120%;
	clear:both;}
	
fieldset h3, fieldset h3{margin:1em 0 0 0;}

#content table{
	width:100%;
	margin:.5em 0;
	border-collapse:collapse;
	line-height:150%;}

#content{font-size:100%;}

th{
	border:1px solid #fff;
	background:#ddd;
	padding:5px;}

td{
	background:#eee;
	border:1px solid #fff;
	padding:5px;
	vertical-align:top;}
	
.formField, .formSelect{
	background:#fff;
	border:1px solid #e1e1e1;
	width:200px;}
	
.formFieldShort, .formFieldMedium{
	background:#fff;
	border:1px solid #e1e1e1;
	width:20px;
	margin-right:5px;}

.formFieldMedium{width:96px;}

table .price{
	color:#13689d;
	font-size:110%;
	font-weight:bold;}
	
.formFieldProduct{width:150px;}

table .price{
	color:#13689d;
	font-size:110%;
	font-weight:bold;}
	
.formRadio{vertical-align:middle;}

.formButton{
	background:#296fa4;
	color:#fff;
	border:none;
	padding-top:3px;
	padding-bottom:3px;}
	
label span{
	color:#13689d;
	font-size:110%;
	font-weight:bold;}
	
input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus	{
	background: #fff;
	border: 1px solid #bbb;}

/* ----- shopping cart ----- */

#total{
	margin:1em 0;
	padding:0;
	width:395px;
	font-size:110%;}
	
#total dt{
	width:300px;
	float:left;
	font-weight:bold;}
	
#total dd{
	margin-left:201px;
	text-align:right;}
	
.actions{
	clear:both;
	margin:0;
	padding:.5em 0;}

/* ----- first table data style ----- */

td.first{width:40%;}


.skin0{
position:absolute;
width:165px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:14px;
z-index:100;
visibility:hidden;
}

.menuitems{
padding-left:10px;
padding-right:10px;
}



/* ---------------------- float fix ----------------------------- */
.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.inner, .products, .products li, #pagination, #total, .modules{display:block;}
/*  \*/
.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}
* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html

.modules {height:1%;}
 /*  */
/* ----- end float fix ----- */


.inner:after, .product:after, .product li:after, #pagination:after, #total:after, .modules:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.inner, .product, .product li, #pagination, #total, .modules{display:block;}
/*  \*/
.inner, .product, .product li, #pagination, #total, .modules {min-height:1%;}
* html .inner, * html .product, * html .product li, * html #pagination, * html #total, * html

.modules {height:1%;}