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

@import url("typography.css");

body
{
	background-color: #5D6169;
	color: #fff;
	text-align:center;
}

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

#container
{
    background: transparent url(../images/main-bg.jpg) no-repeat top left;
    text-align:left;
    margin-left: auto;
    margin-right: auto;
    width:766px;
    background-color:#fff;
    padding:0px 0px 14px 0px;
    overflow:hidden;
}

#header 
{
    display:block;
    width:732px;
    padding:15px 16px;
    float: left;
    margin:0px;
    overflow:hidden;
}

#top-menu
{
	background: transparent url(../images/header.gif) no-repeat bottom center;
    display:block;
    width:732px;
    height:73px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    margin:0px;
    padding:0px;
    float: left;
    overflow:hidden;
}

#banner
{
	background: transparent url(../images/banner.jpg) no-repeat bottom center;
	height:203px;
	width:732px;
	display:block;
	float: left;
	overflow:hidden;
	border-bottom:1px solid #000;
    border-right:1px solid #000;
}

#basket-top {
	float:right;
	text-align:left;
	overflow:hidden;
	/*width: 260px;*/
	margin:3px 15px 0px 0px;
	height: 42px;
	text-decoration:none;
	color:#FFFFFF;
	
}

#basket-top a:link, #basket-top a:visited
{
	float:left;
	margin-left:5px;
}

a#top-login:link, a#top-login:visited
{
	background: transparent url(../images/header-go-bg.gif) no-repeat top right;
	padding-right:30px;
	display:block;
}
a#top-login:hover, 
a#top-login:active {
	background-position:right bottom;
}


a#top-basket:link, a#top-basket:visited
{
	background: transparent url(../images/header-bag-bg.gif) no-repeat right bottom;
	padding-right:35px;
	display:block;
}

a#top-basket:hover, 
a#top-basket:active {
	background-position:right top;
}

/*
.basket{
	float:left;
	height:35px;
	padding-top:6px
}
*/
ul#menu 
{
	clear:both;
	float: right;
	list-style: none;
	margin:0;
	padding:0;
	padding-right:2px;
	height:28px;
	overflow:hidden;
}

ul#menu li
{
	margin:0px;
	padding:0px;
	float: left;
	display:block;
	text-align:center;
}

ul#menu li a:link, ul#menu li a:visited
{
   color:#fff;
   text-decoration:none;
   display:block;
   line-height:65px;
}

ul#menu li:hover,ul#menu li:focus
{
   background-color:#000;
   display:block;

}

#main
{
	background: transparent url(../images/main-bg.gif) repeat-y top center;
	width:734px;
	float:left;
	clear:both;
	padding:0px 16px;
	margin:0px;
}

#main-top
{
	background: transparent url(../images/main-top.gif) no-repeat top center;
	width:734px;
	float:left;
	clear:both;
	height:2px;
}

ul#categories
{
	clear:both;
	float:left;
	list-style: none;
	margin:0px;
	padding:0px;
	width:188px;
	height:259px;
}

ul#categories li
{
	margin:0px;
	padding:0px;
	float: left;
	text-align:left;
}

ul#categories li a
{
	padding:0px;
	margin:0px;
	height:64px;
	width:188px;
	display:block;
	line-height:150px;
	overflow:hidden;
}

#main-left
{
	width:205px;
	float:left;
}


#main-right-blue
{	
	background: transparent url(../images/main-right-blue.gif) no-repeat bottom center;
	background-color:#4A7494;
	margin:15px 0px;
	width:512px;
	float: left;
	display:block;
	
}

#main-right-category, #main-right-product
{
	background: transparent url(../images/category-bg.jpg) repeat top center;
	background-color:#4A7494;
	width:512px;
	margin:15px 0px;
	float: left;
	display:block;
}

.clearance
{
	background: transparent url(../images/clearance-bg.gif) no-repeat top left;
	width:226px;
	height:201px;
	display:block;
	overflow:hidden;
	float:left;
	padding:0px;
	margin: 0 14px 14px 0;
}

.clearance-row
{
	padding:0px 14px;
	clear:both;
}
.clearance-left
{
	float:left;
	padding-left:15px;
	height:164px;
	width: 200px;
}

.clearance img 
{
	float:right;
	margin: 5px 0px 0px 0px;
	border:1px solid #0D4C7D;
}

#last.clearance 
{
	float:right;
	margin-right:0px;
}

a.add-basket:link,a.add-basket:visited
{
	background: transparent url(../images/add-to-bag.gif) no-repeat top center;
	width:100px;
	height:0px;
	padding-top: 30px;
	display:block;
	overflow:hidden;
	float:left;
	margin:5px 0px 0px 7px;
}

a.more-details:link, a.more-details:visited
{
	background: transparent url(../images/more-details.gif) no-repeat top center;
	width:97px;
	height:0px;
	padding-top: 30px;
	display:inline;
	overflow:hidden;
	margin:5px 7px 0px 0px;
	position:relative;
	float:right;
}

#main-right-category .more-details
{
	float:left;
}

#main-bottom 
{
	background: transparent url(../images/main-bottom.gif) no-repeat bottom center;
	width:734px;
	float:left;
	clear:both;
	height:2px;
}

ul#footer 
{
	width:766px;
	background: transparent url(../images/footer-bg.gif) no-repeat top center;
	clear:both;
	display:block;
	float: left;
	list-style: none;
	padding:0;
	margin:14px 0px 0px;
	height:25px;
	overflow:hidden;
}

ul#footer li
{
	padding:0px 0px 0px 8px;
	margin:0px;
	float: left;
	display:block;
	text-align:left;
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

ul#footer li#footer-right
{
	float:right;
	padding-right: 22px;
}

.category-item
{
	width:240px;
	float:left;
	padding:0px 0px 7px 14px;
	margin-bottom: 20px;
}

.category-item-inner {
	width: 226px;
	height: 160px;
}

.category-item img
{
	padding:0px;
	margin:4px 4px 0px 0px;
	float:left;
}

.category-noitem
{
	float:left;
	padding:0px 0 7px 14px;
}

#main-right-blue ul
{
	line-height:1.5em;
	margin:20px;
	padding:0px;
}

#main-right-blue ul li
{
	margin: 0px 20px;
	padding:0px;
}

/* links page */

.link
{
	margin:0px;
	clear:both;
}

.link img
{
  margin:10px 10px 10px 20px;
  padding:0px;
  float:left;
  border:1px solid #0D4C7D;
}


a.visit-site:link, a.visit-site:visited
{
	background: transparent url(../images/btn-visit-site.gif) no-repeat top center;
	width:111px;
	height:15px;
	display:inline;
	overflow:hidden;
	margin:0px 20px 10px 0;
	position:relative;
	float:right;
}

#main-right-blue .link p 
{
	float:left;
	width:370px;
	margin:15px 0px 5px;
	padding-left:15px;
	border-left:1px solid #0D4C7D;
}

/* contact from */

#contact-form fieldset, #forgot-form fieldset, .main-form fieldset
{
	border:none;
	padding:0px 20px 20px 20px;
	margin:0px;
}

#contact-form label, #forgot-form label, #register-form label, .main-form label
{
	margin:0px;
	padding:0px;
	clear:both;
	float:left;
	width:150px;
}

#contact-form input ,#contact-form textarea, #forgot-form input, #register-form input, .main-form input
{
	float:left;
	margin:5px 10px;
	padding:5px 0px 0px 0px;
	width:200px;
	height:16px;
	border:1px solid #0D4C7D;
}

#contact-form textarea
{
	height:100px;
}

#contact-form input#submit, #forgot-form input#forgot-submit, #register-form input#submit-register, .main-form input.submit
{
	border:none;
	clear:both;
	float:left;
	width:97px;
	height:15px;
	margin-left:264px;
}

#main-right-blue p img
{
	float:right;
	border:1px solid #0D4C7D;
	margin:0px 0px 5px 20px;
	padding:0px;
}

#main-right-blue h3
{
	border-bottom:1px solid #0D4C7D;
}

/* basket form stuff */

#basket-form fieldset
{
	border:none;
	padding:0px 20px 20px 20px;
	margin:0px;
}

#basket-form input, #option-form input
{
	float:left;
	margin:5px 10px;
	padding:5px 0px 0px 0px;
	width:25px;
	height:20px;
	border:1px solid #0D4C7D;
}

#basket-form th,#basket-form td
{
	padding:0px;
	margin:0px;
}

#basket-form table
{
	width:470px;
	padding:0px;
	margin:0px;
}

#basket-form th
{
	border-bottom:1px solid #0D4C7D;
}

#basket-form input#update
{
	border:none;
	float:right;
	width:65px;
	height:15px;
	margin:5px 5px 5px 0px;
	padding:0px;

}

#basket-form td p
{
	padding:0px;
	margin:5px 0px;
	float:left;
	width:260px;
}

#basket-form select
{
	float:right;
	margin:5px 5px 5px 0px;
	padding:0px;
	width:175px;
	height:20px;
	border:1px solid #0D4C7D;
}

#basket-form label
{
	float:left;
}

#basket-form img
{
	border:none;
	padding:0;
	margin:10px 0px 0px 15px;
}

a#checkout:link, a#checkout:visited
{
	background: transparent url(../images/btn-checkout.gif) no-repeat top center;
	width:79px;
	height:15px;
	display:inline;
	overflow:hidden;
	margin:5px 0px 10px 0;
	position:relative;
	float:right;
	line-height:50px;
}

a#back:link, a#back:visited
{
	background: transparent url(../images/btn-back.gif) no-repeat top center;
	width:58px;
	height:15px;
	display:inline;
	overflow:hidden;
	margin:5px 0px 10px 0;
	position:relative;
	float:left;
	line-height:50px;
}

/* checkout */

#register-form fieldset
{
	border:none;
	padding:20px;
	margin:0px;
}

#contact-form input#same, .main-form input#same
{
	width:20px;
	border:none;
}

#contact-form p#checktext, .main-form p#checktext
{
	float:left;
	margin:0px 20px 0px 0px;
	width:250px;
}

/* product stuff */
#main-right-product img
{
	border:none;
	margin:5px 20px;
	float:left;
	border:1px solid #0D4C7D;
}

#main-right-product img.small
{
	margin:5px 0px 0px 8px;
}

#main-right-product #clear
{
	clear:both;
	margin-left:20px;
}

#main-right-product #product-left
{
	float:left;
	overflow:hidden;
	padding-bottom:20px;
}

#main-right-product #product-right
{
	float:right;
	padding-right:20px;
	overflow:hidden;
	width: 473px;
}

#main-right-product #product-right h2
{
	margin:0px 0px 3px 0px;
	padding:0px 0px 3px 0px;
	border-bottom:1px solid #0D4C7D;
	width:100%;
	color:#FFCC00;
}

#main-right-product #product-right p
{
	padding:3px 0px 7px 0px;
	margin:0px;
	border-bottom:1px solid #0D4C7D;
}

#main-right-product #product-right #option-form
{
	margin:0px;
	padding:0px;
}

#main-right-product #product-right #option-form fieldset
{
	border:none;
	padding:5px 0px;
	margin:0px;
}

#option-form label
{
	float:left;
	width:50px;
	clear:both;
}


#option-form input#add
{
	border:none;
	float:right;
	margin:5px 5px 5px 0px;
	padding:0px;
	width:100px;
	height:30px;
}

#option-form input
{
	padding-top:2px;
	height:15px;
	margin:5px 0px 5px 5px;
}

#option-form select
{
	border:1px solid #0D4C7D;
	margin:5px 0px 5px 5px;
}

#option-form h3
{
	clear:both;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #0D4C7D;
}

p#error
{
	margin:0px;
	padding:0px 0px 10px 160px;
}

#main-right-blue .link p.noborder
{
	margin-left:10px;
	border:none;
}

#main-right-blue .link p.noborderline
{
	border:none;
}

/* orders list */

.orders {
	width:500px;
	background: url(../images/orders-bg.gif);
	background-repeat: repeat-y;
	float:left;
	padding:0px;
}

.orders-middle {
	width:500px;
	overflow:hidden;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}

.orders-top {
	background: url(../images/orders-top.gif);
	background-repeat: no-repeat;
	background-position:left top;
	float:left;
	width:580px;
	height:7px;
}

.orders-bottom {
	background: url(../images/orders-bottom.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
	float:left;
	width:580px;
	height:10px;
}

.orders-table {
	width:500px;
	float:left;
}

.orders-table tr {
	height:18px;
}


.orders-table th{
	background-color:#0D4C7D;
	height:10px;
	font-size:10px;
	color:#ffffff;
	padding:0px 0px 4px 10px;
	margin:0px;
}


.orders-table td {
	color:#003300;
	padding:2px 0px 2px 10px;
	margin:0px;
	height:14px;
	text-align:center;
}

.tr-dark td{
	background-color:#EEF8EE;
	border-top:1px solid #009900;
	border-bottom:1px solid #009900;
}

a.smallbasket:link, 
a.smallbasket:visited {
	background-image:url(../images/basket-small-but.png);
	background-position:left top;
	display:block;
	height:0px;
	padding-top:27px;
	width:25px;
	overflow: hidden;
	float: left;
	margin: 10px 0px 0px 0px;
}

a.smallbasket:hover, 
a.smallbasket:active {
	background-position:right top;
}

a.addtobag:hover, a.addtobag:active {
	background-position:right top;
}

#pic2swap, #pic3swap
{
	display:none;
}

#hide
{
	display:block;
}