/* Color: Blue */

body {
	background: #605584;
	color: #edf2fc;
}


a {
	color: #001927;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	color: #07599a;
}

h2 {
	color: #d1cfe2;
}

h3 {
	color: #f5faad;
}


#TopMenu li a, #TopMenu li div {
	border-left: 1px solid #208db5;
color: #c0d2f5;
}

#TopMenu li div a {
	border-left: 0;
}

#TopMenu li a:hover {
	color: #fff;
}

#Menu li a {
	background: url('../images/blue/buble.png') 0 14px no-repeat;
	color: #fff;
}

#Menu li ul li a {
	background: #00003f;
}

#Menu li ul li a:hover {
	background-color: #bedff1;
	color: #000;
}

#Menu li:hover a, #Menu li.over a{
	color: #fafdd1;
}

#Outer {
	background: transparent url('../images/blue/MainBG.png') 0 0 repeat-y;
}


#Header {

}

#Logo h1 {
	color: #fff;
	background: url(../../default/images/blue/Logo.png) top left no-repeat;
}

#Logo h1 a {
	color: #fff;
}

#SearchForm {
	color: #95bbd1;
}

#SearchForm label {
	color: #fff;
}

#SearchForm a {
	color: #b1ccdc;
}

#SearchForm a:hover {
	color: #fff;
}

.Left {
	background: transparent url('../images/blue/LeftBg.png') bottom left no-repeat;
}

.Left li {
	border-bottom: 1px solid #c5dde9;
}

.Left li a:hover {
	color: #07599a;
}

.Content {

}

.Content a {
	color: #bedffa;
}

.Content.Wide {

}

.Content.Widest {

}


.Right {
	background: transparent url('../images/blue/RightBg.png') bottom right no-repeat;
}

.Right a {
	color: #f5faad;
}

.Right a:hover, .Right a:hover strong {
	color: #001927;
}

#Footer {
	background: url('../images/blue/MainBottonBG.png') no-repeat center top;
}

#Footer li a {
	border-left: 1px solid #208db5;
}

.Content .ProductList li {
	border: 1px solid #8ea8db;
}

.Content .ProductList li:hover, .Content .ProductList li.Over {
	background: #0a1c6f;
}

.ProductList .ProductImage {
	background: #fff;
}

.ProductList strong, .ProductList strong a {
	color: #bedffa;
}

.ProductPrice, .ProductList em {
	color: #d03434;
}

.ProductList .Rating {
	color: #797979;
}

.Right .ProductList li {
	border-bottom: 1px solid #16355f;
}

.Content .FeaturedProducts .ProductList li {
	background: #dff2f7;
}

.Content .FeaturedProducts .ProductList li:hover, .Content .FeaturedProducts .ProductList li.Over {
	background: #D2E8EE;
}

.Left .TopSellers li .TopSellerNumber, .Right .TopSellers li .TopSellerNumber { /* Contains the number of the item */
	background: url(../../default/images/blue/TopSellerNumberBg.gif) 0 4px no-repeat;
	color: #000;
}

.Left .TopSellers li.TopSeller1, .Right .TopSellers li.TopSeller1 { /* No1 seller box */
	border: 1px solid #c0dae7;
	background: #605584;
}

.Left .TopSellers li.TopSeller1 .TopSellerNumber, .Right .TopSellers li.TopSeller1 .TopSellerNumber {
	background: url(../../default/images/blue/TopSellerNumber1Bg.png) 0 0 no-repeat;
	color: #000;
}

.Breadcrumb {
	border-bottom: 1px solid #3b4576;
}


.CompareItem { width:200px; border-left: solid 1px #CACACA; }
.CompareFieldName { font-weight:bold; border-bottom: 1px solid #3b4576; }
.CompareFieldTop { border-bottom:solid 1px #3b4576; }
.CompareFieldTop a:hover { color:red; }
.CompareCenter { border-left:solid 1px #3b4576; border-bottom:solid 1px #3b4576; }
.CompareLeft { border-left:solid 1px #3b4576; border-bottom:solid 1px #3b4576; }

.ViewCartLink {
	background: url('../images/blue/Cart.gif') no-repeat 3px 0;
}

table.CartContents, table.General {
	border: 1px solid #c7d7db;
}

.CartContents thead tr th, table.General thead tr th {
	background: #00003f;
	color: #f8fada;
	border-bottom: 1px solid #c7d7db;
}

.CartContents tbody .SubTotal td {
	border-top: 1px solid #c7d7db;
	color: #bedffa;
}

.MiniCart .SubTotal {
	color: #bedffa;
}

.JustAddedProduct {
	border: 1px solid #c0dae7;
	background: #fff;
}

.JustAddedProduct strong, .JustAddedProduct a {
	color: #bedffa;
}

.JustAddedProduct .ProductImage img{
width:129px;
}


.CategoryPagination {
	color: #f5faad;
	background: #0a1c6f;
	border: 1px solid #2c386d;
}

.CheckoutRedeemCoupon { background: #1c3465; padding: 10px; width: 300px; border: 1px solid #fff; margin-bottom: 10px; }

.SubCategoryList, .SubBrandList {
	background:#605584;
}

.InfoMessage {
	background: #EFF8FA url('../../default/images/InfoMessage.gif') no-repeat 5px 8px;
	color: #555;
}

.SuccessMessage {
	background: #E8FFDF url('../../default/images/SuccessMessage.gif') no-repeat 5px 8px;
	color: #555;
}

.ErrorMessage {
	background: #FFECEC url('../../default/images/ErrorMessage.gif') no-repeat 5px 8px;
	color: #555;
}

.ComparisonTable tr:hover td, .ComparisonTable tr.Over td {
	background: #030341;
}

/* Shipping Estimation on Cart Contents Page */
.EstimateShipping {
	border: 1px solid #c7d7db;
	background: #edf2f3;
}

/* Express Checkout */
.ExpressCheckoutBlock .ExpressCheckoutTitle {
	background: #001848;
	border: 1px solid #1d3057;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
	background: #182f5e;
	border: 1px solid #001848;
	color: #d2daea;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
	color: #888;
}

/* Tabbed Navigation */
.TabNav {
	border-bottom: 1px solid #3d9abe;
}

.TabNav li a {
	border: 1px solid #3d9abe;
	background: #ddf0f6;
}

.TabNav li a:hover {
	background-color: #c8e6ed;
}

.TabNav li.Active a {
	border-bottom: 1px solid #fff;
	background: #fff;
}

/* General Tables */
table.General tbody tr td {
	border-top: 1px solid #efefef;
}

/* ######### CSS for MainLeftMenu  ######### */

.Left #SideList {
float: left;
margin: 5px 0 10px 7px;
width: 154px;
}

.Left #SideList h2 {
	margin: 0;
	padding: 0 0 5px 0;

}

.Left #mainhilight {
float: left;
margin: 5px 0 10px 7px;
background: url(../images/blue/LeftMenu.png) 0 0 no-repeat; 
height: 419px;
width: 154px;
}

.Left #mainhilight h2 {
	font-size: 1.25em;
	padding-top: 2px;

}


.Left #mainhilight ul{
margin: 10px 0 0 2px;
	padding: 0;
}


.Left #mainhilight li{
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
height: 47px;
width: 150px;
border: none;

}

.Left #mainhilight ul li:hover{
background: 0 -47px no-repeat;
}

.Left #mainhilight ul li a{
display: block; 
width: 150px;
height: 47px;

}

.Left #mainhilight ul li a span{
visibility:hidden;
text-decoration: none;
line-height: 47px;
font-size: 0;
}

/* ######### CSS for SlideFrame  ######### */

.slideshow .controls {
/*background: url(../images/blue/topcenterblock.png) no-repeat 0 0;*/
height: 29px; 
}
.slideshow .slidetitle {
float: left;
padding-left: 10px;
padding-top: 7px;
color: #fff;
font-weight: bold;
}
.slideshow .pause-play {
float: right;
}
.slideshow .pause-play a {
display: block;
float: left;
margin: 1px;
width: 19px;
height: 19px;
text-indent:-9999px;
cursor: pointer;
margin: 5px 8px 0 0;
}
.slideshow .pause-play a.pause {
background: url(../images/blue/pause.gif) no-repeat 0 0;
}
.slideshow .pause-play a.play {
background: url(../images/blue/play.gif) no-repeat 0 0;
}
.slideshow .pager {
float: right;
clear: none;
margin: 5px 0 0 8px;
}
.slideshow .pager a {
display: block;
float: left;
margin: 0 3px 0 0;
padding: 2px 0 2px;
width: 19px;
height: 19px;
font-size:11px;
color: #fff;
line-height: normal;
text-align: center;
text-decoration: none;
background: url(../images/blue/pagerbg.gif) no-repeat 0 0;
}
.slideshow .pager a.activeSlide {
text-decoration: underline;
background: url(../images/blue/pageractive.gif) no-repeat 0 0;
}

.slideshow .slide{
clear: both;
float: left;
margin: 5px 0 0 5px ;
}
.slideshow .slide img {
width: 765px;
height:195px

}

.frame-block {
	position: relative;
	display: block;
	height:205px;
	width: 776px;
	margin-top: 7px;
	background: url(../images/blue/frame.png) no-repeat center top;
}


/* ######### CSS for Form Feild  ######### */

#SideNewsletterBox input, #SideNewsletterBox select{
color: #001848;
width:151px;
font-size: 1.0em;
}

#SideNewsletterBox .Button {
background: none;
width:95px;
}


#nl_first_name.TextboxNew{
border: none;
background: url(../images/blue/emailnew.jpg) 0 0 no-repeat;
height: 17px;
width:151px;
}

#nl_email.TextboxNew{
border: none;
background: url(../images/blue/emailnew.jpg) 0 -19px no-repeat;
height: 17px;
width:151px;
}

.TextboxNewFocus{
border: none;
background: url(../images/blue/emailnew.jpg) 0 -38px no-repeat;
height: 19px;
color: #001848;
}

/* ######### CSS for Form Category Pannel  ######### */
.ControlGridChild {
	clear: both;
	width: 618px;
	float: left;
border:3px ridge #8ea8db;
background: #605584;
}

.SubCategoryListGridChild {
	padding: 0;margin: 0;
	float: left;
	list-style: none;
}


.SubCategoryListGridChild ul {
	list-style: none;
	margin: 6px 0 6px 8px;
}


.SubCategoryListGridChild li {
margin: 0;
	float: left;
	text-align: center;
	padding: 0 7px 5px 0;
	position: relative;
	width: 145px; height: 103px;
}


.SubCategoryListGridChild li img {
	/*width: 145px; height: 103px;  Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
}

.SubCategoryListGridChild li img.hover {
	background:url(../images/blue/thumb_bgTheme.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

/* ######### CSS for ThumbHover  ######### */

.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
	width: 138px;
	height: 160px;
	background: #0c183c;
}

#SearchPage .imgteaser, #BrandContent .imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
	width: 178px;
	height: 200px;
	background: #0c183c;
}

#SearchPage .ProductList li, #BrandContent .ProductList li {
	width: 178px;
}

.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}
.imgteaser a .more {
	position: absolute;
	display: block;
	bottom: 0px;
	left: 0px;
	margin: 0;
	padding: 5px 0;
	width: 138px;
	text-align: center;
	color: #fff;
	background: #0c183c;
	font-size:0.9em;
	filter:alpha(opacity=60);
	opacity:.60;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*--IE 8 Transparency--*/
}

#SearchPage .imgteaser a .more, #BrandContent .imgteaser a .more{
	position: absolute;
	display: block;
	bottom: 0px;
	left: 0px;
	margin: 0;
	padding: 5px 0;
	width: 178px;
	text-align: center;
	color: #fff;
	background: #0c183c;
	font-size:0.9em;
	filter:alpha(opacity=60);
	opacity:.60;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*--IE 8 Transparency--*/
}

.imgteaser a:hover .desc{
	display: block;

	padding: 10px 0;
	background: #000;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;

	margin: 0;
	width: 138px;
	border-top: 1px solid #999;
	text-align: center;

}

#SearchPage .imgteaser a:hover .desc, #BrandContent .imgteaser a:hover .desc{
	display: block;

	padding: 10px 0;
	background: #000;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;

	margin: 0;
	width: 178px;
	border-top: 1px solid #999;
	text-align: center;

}

.imgteaser a:hover .desc strong{
color: #fff;	
font-size:1.0em;
text-decoration: none;
}

.imgteaser em {
	color: #ec0e1e;
}



.imgteaser a .picthumb img{

	width: 138px;

}

#BrandContent .imgteaser a .picthumb img, #SearchPage .imgteaser a .picthumb img{

	width: 178px;

}


.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}

.ProductActionAddCenter {
    text-decoration: none;
	text-align: center;
}


/* ######### Related Image  show  ######### */

.Right #SideProductRelated .ProductList .ProductImage {
	display: inline; 
	width: 70px; 
	float: left;
	height: 70px;
	overflow: hidden; 
    
}
.Right #SideProductRelated .ProductList .ProductImage img{
	width: 70px;
}
.Right #SideProductRelated .ProductList .ProductDetails{
	margin-left: 5px; float: left; width: 75px;
}

/* ######### Welcome  ######### */

.Welcome {
margin: 5px 0 0 5px;
text-align: center;   
}

/* ######### Catalog  ######### */
#catalog ul{

	display: block;
	list-style-type: none;

	border:1px solid #3b4576;
	margin:0; 
	padding:15px 10px;
position: relative;

}
#catalog ul li{
	padding:5px 20px;
	float: left;
	height: 170px;
	text-align:center;
	font-size: 10px;
}

/* ######### flyout menu navigation ######### */

.ddsmoothmenu{


background: url('../images/blue/MenuBar.png') 0 0 no-repeat;
	clear: both;
	margin: 0;
	padding: 0;
	height: 40px;
}

.ddsmoothmenu ul{
z-index:300;
margin: 30px 0px 0 10px;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	display: block;
	float: left;
font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;

	text-decoration: none;
	padding: 10px 20px 0 30px;
	height: 20px;

}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #16163e; 
color: white; 	

}

.ddsmoothmenu ul li a:hover{
background: url('../images/blue/dotstar.png') 0 2px no-repeat; /*background of menu items during onmouseover (hover state)*/
color: #8d989c;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding: 0; 
margin: 0;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;

background: #070731; 
padding: 0; 
margin: 0;
}


/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

.ddsmoothmenu ul li ul li ul li{
background: #0d0d3b; 
padding: 0; 
margin: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-weight: normal;
width: 170px; /*width of sub menus*/
height: 100%;
padding: 5px 15px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;

}

.ddsmoothmenu ul li ul li a:hover{
background: #1b1b50;
color: #8d989c;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 15px;
right: 2px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/* ######### FeaturedProducts  ######### */
.Content .FeaturedProducts .ProductList li {
	background: none;
}

.Content .FeaturedProducts .ProductList li:hover, .Content .FeaturedProducts .ProductList li.Over {
	background: none;
}

.Content .FeaturedProducts .ProductList .ProductImage {
	width: 138px;
	height: 138px;
	margin: 0;
	padding: 0;
}

/* ######### FeaturedProducts  ######### */
#btwrap {
	background: transparent url('../images/blue/bottomBG.jpg') bottom center repeat-x;
	margin: 0;
}

