/* general styles */
body { 
  background-color: #000; 
  color: #000000;
  background-image:url(/images/background.jpg);
  background-repeat:repeat-x;
  margin:0;
  padding:0; 
  margin-bottom:30px;}

body, p, ol, td {
  font-family: arial, helvetica, sans-serif;
  font-size:   12px;
  line-height: 16px;
}

ul {font-family: georgia, times, serif;
  font-size:   12px;
  line-height: 16px;
font-style:normal;
  font-weight:normal;

}
img {
  border:0;
}
h1 {
  color:#000000;
  font-style:italic;
  font-weight:normal;
  font-family: georgia, times, serif;
  font-size: 24px;
  line-height: 26px;
  margin: 0;
  padding:10px 0;
}

h2 {
  color:#696969;
  font-size: 16px;
  line-height: 20px;
  font-style:italic;
  font-weight:normal;
  font-family: georgia, times, serif;
  margin-bottom: 0;
  padding-bottom: 0;
}
.dark_title_text {
  font-family: georgia, times, serif;
font-style:italic;
  font-weight:bold;
font-size:   14px;
  line-height: 16px;
color:#351826;
}
.dark_body_text {
color:#351826;
}

.cart_minibutton a {
  color: #B5D0DF;
font-size:   11px;
font-family: georgia, times, serif;
}

.cart_minibutton a:hover {
   color: #000;
font-size:   11px;
font-family: georgia, times, serif;
}
.cart_minibutton a:visited {
   color: #B5D0DF;
font-size:   11px;
font-family: georgia, times, serif;
}

a { color: #3F5970; text-decoration:none; }
a:visited { color: #3F5970; }
a:hover { color: #83A1B5; }

/* page structure */

/* used to get a side outer graphic */
#outercontainer {
  position:relative;
	margin: 10px auto;
	width: 850px;
	text-align: left;
	background-image:none;
 
}

#container {
	position:relative;
	margin: 1em auto;
	width: 760px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0 210px;
	border: 4px solid #000000;
}

#build_number {
  position:relative;
  text-align:center;
  font-size:9px;
}

#sku_textcolor {
 color: #000;
background-color:#FFF;
}

#build_number a {
  color:#333;
}
#build_number a:hover, #build_number a:active {
  color:#999;
}
/* used to get another background graphic for footer */
#innercontainer {
  position:relative;
  background-image:none;
  background-color:#B5D0DF;
	padding-bottom: 0px;
	margin-bottom:10px;	
	min-height:740px;
		height:auto !important;
}


#header {
  text-align:left;
  padding:0;
  background-color: #000;
  background-image:url(/images/header.jpg);
  margin-bottom:0px; 

  height:220px;
  text-indent: -3000px
}

#navigation {
  padding:2px 0px 2px 10px;
  margin:0;
  /* margin: 0 0 0 -70px; */
  /* width: 482px; */
  width: 552px;
border-top:1px solid #D1D1D1;  
background-color: #3F5970;
  background-repeat: repeat-x;
  background-position:bottom;
  text-align:left;
  height:16px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:normal;
  font-style:normal;
text-transform: uppercase;
}

#navigation ul {
	padding: 0;
	margin: 0;
	float:left;
	overflow:hidden;
}
#navigation a {
  color: #FFFFFF;
  text-decoration: none;
}
#navigation a:hover {
  color: #B5D0DF;
} 

#navigation .selected {
  color: #000000;
}

#navigation li {width:auto;margin:0 0 0 -2px;display:inline;padding:0 6px ;border-left: 1px solid #999;}

#minicart {
  float:right;
  padding:0px 0px 0px 5px;
  margin:0px 4px 0 0;
  width: 155px;
  text-align:left;
  color:#fff;
  font-family:helvetica,arial;
  font-size:10px;
background-color:#3F5970;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;

}

#minicart img {
background-color:#3F5970;

}

#minicart_rhs {
  width: 125px;
  float:right;
  background-color: #3F5970;
  padding-left:3px;
padding-top:0px;

  
}

#content {
	position: relative;
	/*width:656px;*/
	width:740px; /* was 664 */
	margin:0 0 0 0px;
	padding:0;
	xborder:1px dotted #fff;
}
#content:after { content: ""; display: block; height: 0; clear: both; }

#contentleft {
  float: left;
  width:540px; /*493px;*/
  padding: 0 0 0 15px;
  margin-bottom: 10px;
  xborder:1px dotted red;
}

#contentfullwidth {
  padding: 0 10px 0 15px;
  margin-bottom: 10px;
xborder:1px dotted red;

}

#contactform {
  float: right;
  width:250px;
}

.contactpageblock {
  width: 400px;
  padding:5px 10px 20px 10px;
  margin-bottom:20px;
  background-color:#815A6C; 
  background-image:url(/images/blankpage_grad.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
}

#cartcontainer {
  margin-right:4px;
  float:right;
  width: 158px;
border: 1px solid #DDDDDD;
  background-color:#DDD1DA;
  margin-bottom: 10px;
background-image:url(/images/cart_bg.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
}

#pagecontainer {
  xborder:1px solid green;
  min-height:450px;
	height:auto !important;
	height:450px;
	padding:0;
}

#footer {
  clear:both;
	text-align: left;
	font-size: 10px;
	background-color: #3F5970;
  padding: 2px 10px 2px 0;
  color: #FFF;
  margin:0px 0 0 0;
  height:20px;
  background-repeat: repeat-x;
  line-height:20px;
}
#footer a, #footer a:visited {
  color:#999;
}
#footer a:hover {
  color:#B69BAD;
}
a#admin_login {
    display: block;
    float:left;
    width: 25px;
    height: 20px;
    background-image: url(/images/admin_login.gif);
    background-position: 1px 0;
    margin: 0 6px;
    border:none;
}
a#admin_login:hover {
    background-position: -21px 0;
}
a .alt { display: none; }

#footer .left {
  font-style:italic;
  font-family: georgia, times, serif;
}
#footer .left .shop_name {
  font-weight:bold;
}

#footer .right {
  float:right;
}
#footer .footerlinks {
  margin:0;
  padding:0;
  float:left;
	overflow:hidden;
}


#footer .footerlinks li {
  width:auto;margin:0 0 0 -2px;display:inline;padding:0 4px ;border-left: 1px solid #fff;
  font-family:helvetica,arial;
  font-weight:normal;
  font-style:normal;
  text-transform: uppercase;
  font-size:10px;
  line-height:22px;
}

#flashnotice {
  padding:3px 10px;
  color:#333;
  background-color: #9c9;
  text-align:center;
  font-weight: bold;
}

/* for catalogue/products views */
/* category navigation */
#categorynavigation {
  /* width: 492px; */
  width: 562px;
  margin: 0 0 0 -15px;
  text-align:left;
  padding:0;
  color:#99CDD1;
}

#categorynavigation  ul {
	padding: 0;
	margin: 0;
	height:20px;
	float:left;
	overflow:hidden;
}

#categorynavigation li {width:auto;margin:0 0 0 -2px;display:inline;padding:0 4px ;border-left: 1px solid #99CDD1;
  font-family:helvetica,arial;
  font-size: 10px;
  font-weight:normal;
  font-style:normal;
  text-transform: uppercase;
  }

#categorynavigation  a {
  color: #fff;
  text-decoration: none;
}
#categorynavigation  a:hover {
  color: #000;
}
#categorynavigation .selected {
  color: #000;
}
.categorynavigation {
  padding: 2px 0 0 5px;
  height:20px;
}
/* different background colors for first and second level categories */
.categorynavigation0 {
  background-color: #627C93;
  margin:5px 0;
}
.categorynavigation1 {
 	background-color: #83A1B5;
	margin:5px 0;
}

#categorycontent {
  clear:bottom;
  margin-top:10px;

}
#categories, #products {
  position:relative;
  margin:0;
  xborder: 1px solid blue;
}
#categories:after, #products:after { content: ""; display: block; height: 0; clear: left; }

.product, .category {
  position: relative;
  border: none;
  margin: 6px;
  float: left;
padding: 2px;
  background: #DDDDDD;

}

.category_centerimage {
  border:none;
  margin:2px; 
width:324px;
  height:110px;
  float: left;
  background: #fff;
}

.category .details, .product .details, .item .details {
  position: relative;
  background-color: #DDDDDD;
  color:#000000;
	padding: 2px 2px 2px 5px;
  min-height:35px;
	height:auto !important;
	height:35px;
	width: 151px;
  font-weight:normal;
  font-family: arial, helvetica, sans-serif;
}
.item .details {
  width: 138px;
}
.category .details {
  height:20px;
}
.category .hidden {
  background-image: none;
}
.category .name, .product .name, .item .name {
  font-weight: bold;
  font-size:12px;
}

.category .name {
  font-size: 14px;
}

.category .image, .product .image {
  width: 160px;
  height: 160px;
}

.category .more, .product .more {
  position: absolute;
  right: 0px;
  bottom: 38px;
  color: #666;
}

.more a.info {
  width: 160px;
  height: 160px;
  background-image: url(/images/info_off.gif);
  background-repeat: no-repeat;
  background-position: 130px 130px;
  display: block;
  text-decoration: none;
}

.more a.info:hover {
    background-image: url(/images/info_on.gif);
}

.category .more a.info:hover {
    background-image: url(/images/arrow_on.gif);
}

.category .more a.info {
  background-image: url(/images/arrow_off.gif);

}

/*
.more a.info {
  width: 24px;
  height: 24px;
  background-image: url(/images/info.gif);
  display: block;
  text-decoration: none;
}

.more a.info:hover {
    background-position: 24px 0;
}
*/
.product .add {
  position: absolute;
  right: 0px;
  top: 6px;
  padding:1px 1px;
  margin:0 4px 4px 0;
  color: #666;
}

.add a.addtocart {
  width: 33px;
  height: 22px;
  background-image: url(/images/addtocart.gif);
  display: block;
  text-decoration: none;
}

.add a.addtocart:hover {
    background-position: 33px 0;
}

.product .price {
  float:left;
  font-weight:bold;
}

.product .full_price {
  text-decoration: line-through;
  font-weight: normal;
  font-size: 10px;
}

/* for product show */
#product {
  padding-top:10px;
}
#small_image_selector{
	float: left;
	height: 60px;
	width: 400px;
}
#product .selectorimage {
  float: left;
  xborder: 1px solid green;
  margin:10px 10px 0 0;
}

#product .image {
  width: 300px;
  height: 300px;
  float: left;
  overflow:hidden;
background-color: #DDDDDD;
padding:5px;
}

#product .details {
  float: left;
  background-color: #fff;
  border-left:5px solid #DDDDDD;
  padding: 2px 6px;
  margin: 0 0 0 10px;
  width: 180px;
  height: 277px;
  overflow: auto;
}

#product .details .name {
  font-family: arial, helvetica, sans-serif;
  font-weight:bold;
  padding-bottom:10px;
}

#product .details .price {
  padding: 5px 0;
}

#product .addtocart {
  float: left;
  padding: 0px 0px 0px 5px;
  margin: 6px 0 0 10px;
  width: 187px;
  height: 20px;
  border:2px solid #DDDDDD;
  background-image: url(/images/whitegrey_grad.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
  background-color: #fff;
  font-style:italic;
  font-family: georgia, times, serif;
}

#product .addtocart .rhs {
  width: 140px;
  float:right;
  padding: 0 2px 2px 4px;
  background-image: url(/images/whitegrey_grad.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
  background-color: #fff;
  font-style:italic;
  font-family: georgia, times, serif;
}

#product .back {
  clear:both;
  float: left;
  margin: 5px 0 0 0;
  padding:3px 5px;
  border:1px solid #DDDDDD;
  background-image: url(/images/whitegrey_grad.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
  background-color: #fff;
  font-style:italic;
  font-family: georgia, times, serif;
}

#product .name {
  font-size: 14px;
}

#product .more {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding:3px 5px;
  margin:0 4px 4px 0;
  background: #FFF;
  color: #666;
}
#product .price {
  font-weight:bold;
}
#product .full_price {
  text-decoration: line-through;
  font-weight: normal;
  font-size: 10px;
}

/* for cart */

/* popup cart */
#popupcart {
  border:4px solid #DDDDDD;
  width: 464px;
  padding:26px 4px 4px 4px;
  background-image:url(/images/blankpage_grad.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
background-color: #B5D0DF;
  margin:0;
}

.closepopup {
  position: absolute;
  right: 0px;
  top: 0px;
  padding:2px 6px;
  margin:4px;
  border:1px solid #DDDDDD;
  background-color: #fff;
  background-image: url(/images/whitegrey_grad.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
  font-style:italic;
  font-family: georgia, times, serif;
}

/* on page cart */
#cart {
  position: relative;
  padding: 5px 5px 5px 5px ;
}

.flash_cart {
  padding:0 0 10px 0;
  color: red;
  font-weight: bold;
}

/* cart contents */
#cart .title, #popupcart .title {
  font-size: 12px;
  font-weight: bold;
  text-align:center;
  color:#fff;
  background-color: #666;
  padding:5px 5px;
}

#cart .item {
  background-color: #DDD;
  margin: 5px 0 0 0 ;
  position:relative;
  width:150px;
}
#popupcart .item {
  background-color: #eee;
  margin: 2px 2px 6px 2px;
  float:left;
  width:150px;
}
#popupcart .inneritem {
  position:relative;
}


#cart .image, #popupcart .image {
  width: 150px;
  height: 150px;
  background-color: #fff;
  overflow:hidden;
}

#cart .total, #popupcart .total {
  text-align:center;
  border-top: 3px solid #666;
  border-bottom: 3px solid #666;
  margin:10px 5px 35px 5px;
  padding: 5px;
  font-weight: bold;
  clear:both;
}

.item .remove {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding:2px 6px;
  margin:0;
  border:1px solid #DDDDDD;
  background-color: #fff;
  background-image: url(/images/whitegrey_grad.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
  font-style:italic;
  font-family: georgia, times, serif;
}

#cart .price, #popupcart .price {
  font-weight:bold;
}

#cart .full_price, #popupcart .full_price {
  text-decoration: line-through;
  font-weight: normal;
  font-size: 10px;
}

#cart .empty, #popupcart .empty {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding:3px 5px;
  margin:0 0 4px 4px;
  color: #666;
  border:1px solid #DDDDDD;
  background-color: #fff;
  background-image: url(/images/whitegrey_grad.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
  font-style:italic;
  font-family: georgia, times, serif;
}

#cart .checkout, #popupcart .checkout {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding:3px 5px;
  margin:0 4px 4px 0;
  color: #666;
  border:1px solid #DDDDDD;
  background-color: #fff;
  background-image: url(/images/whitegrey_grad.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
  font-style:italic;
  font-family: georgia, times, serif;
}

/* for login/signup */
#loginbox {
  width: 46%;
  float:left; 
  border: 4px solid #303030;
  padding: 0 5px 5px 10px;
  margin: 20px 0 30px 0;
  background-color:#fff; 
  background-image:url(/images/blankpage_grad.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
}
#signupbox {
  width: 46%;
  float:right;
  border: 4px solid #303030;
  padding: 0 5px 5px 10px;
  margin: 20px 0 30px 0;
  background-color:#fff; 
  background-image:url(/images/blankpage_grad.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
}

#adminloginbox {
  width: 300px;
  border: 4px solid #303030;
  padding: 15px 20px 20px 20px;
  margin: 0;
  background-color:#fff; 
  background-image:url(/images/blankpage_grad.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
}
/* for orders */
#orderdetails {
  text-align:center;
}
#orderdetails th {
  background-color:#bbb;
}
#orderdetails td {
  background-color:#ddd;
  text-align: center;
}
div.float, div.floatHalf {
	float:left;
	margin-right:10px;
}
div.floatHalf {
	width:45%;
}

div.indent {
	padding:0px;
	margin:0px;
	margin-top:-10px;
	padding-left:20px;
}

div.padLeft {
	padding-left:10px;
}
label {
	clear:both;
	font-weight:bold;
	color: #3F5970;
	display:block;
	padding-top: 8px;
	padding-bottom: 2px;
}
.clear {
	clear: both;
	height: 5px;
	overflow: hidden;
}
/* Clearfix */	
	
.clearfixleft:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
	}

.clearfixleft {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfixleft {height: 1%;}
.clearfixleft {display: block;}
/* End hide from IE-mac */

/* for admin */
#adminfooter {
  position: fixed;
  border-top: 1px solid #696;
  background: #9c9;
  width: 100%;
  left: 0px;
  bottom: 0px;
  text-align:left;
  color: #060;
  padding: 3px 5px 3px 5px;
  font-size: 10px;
  z-index:10000;
  /* note that the opacity is set via unabtrusive JS to pass CSS2 validation */
}

#adminfooter a, #adminfooter a:visited {
  color: #f00;
}
#adminfooter a:hover {
  color: #333;
}
#logout {
  float:right;
  padding-right:10px;
}
#orders {
  float:right;
  padding-right:20px;
}

/* admin order list */
.orderlist {
  text-align:center;
}
.orderlist th {
  background-color:#627C93;
}
.orderlist td {
  background-color:#DDDDDD;
  text-align: left;
}
.orderlist .pending {
  background-color:#BBB;
}
.orderlist .paid {
  background-color:#BBB;
} 
.orderlist .shipped {
  background-color:#BBB;
}
/* admin shipping_bands and configuration */
.admintable th {
  background-color:#627C93;
}
.admintable td {
  background-color:#DDDDDD;
  text-align: center;
}

/* pages */
.bigpageblock {
  padding:5px 10px 20px 10px;
  margin-bottom:20px;
  background-color:#B5D0DF; 
  background-image:url(/images/blankpage_grad.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
float:left;
}

.bigpageblock:after { content: ""; display: block; height: 0; clear: both; }

.bigpageblock p {
  margin-bottom:0;
}

.imageblock {
width: 350px;
min-height:375px;
margin-bottom:20px;
	height:auto !important;
float:right;
background-color:#DDD1DA; 
}

.pageminheight {
  min-height:375px;
	height:auto !important;
	height:375px;
}

.smalledit {
  font-size:10px;
  font-weight:normal;
}

/* dropdown menus */
.contextMenus {position:absolute; background-color:#cfcfcf; 
              border-style:solid; border-width:1px; 
              border-color:#EFEFEF #505050 #505050 #EFEFEF; 
              visibility:hidden}
.menuItem {cursor:pointer; font-size:9pt; 
           font-family:Arial, Helvetica, sans-serif; 
           padding-left:5px; color:black; 
           background-color:transparent; 
           text-decoration:none}
.menuItemOn {cursor:pointer; font-size:9pt; 
             font-family:Arial, Helvetica, sans-serif; 
             padding-left:5px; color:red; 
             background-color:yellow; 
             text-decoration:underline}
.contextEntry {font-weight:bold; color:red; cursor:pointer}