/* Begin Structure Styles =============================================== */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #396cb2;
	font-size: 12px;
	overflow: -moz-scrollbars-vertical;
	background: url(../images/body_bg.gif) repeat-x;
}

#wrapper {
	padding: 0;
	width: 759px;
	margin: 0 auto;
	background: url(../images/wrapper_shim.gif) no-repeat;
}

#header {
	text-align: left;
	height: 144px;
	width: 759px;
	margin: 0;
	padding: 0;
}

#logo_container {
	float: left;
	width: 759px;
	margin: 0;
	padding:0;
}

#logo {
	float: left;
	width: 190px;
	margin: 0;
	padding-top:15px;
}

#topbanner {
	float: right;
	width: 325px;
	margin: 0;
	padding:0;
}

#product_nav_container {
	padding: 10px 0 0 0;
	width: 759px;
	height: 25px;
	font-weight:bold;
	font-size:11px;
	color: #FFFFFF;
}

#product_nav {
	list-style-type: none;
	float: left;
	width:500px;
}

#product_nav ul li {
	display: inline;
	padding-right: 4px;
	margin-left: 4px;
	padding-left: 7px;
	border-right: 1px solid #FFFFFF;
}

#product_nav ul li.last {
	border: 0;
}

#product_nav a {
	text-decoration: none;
	color: #FFFFFF;
}

#product_nav a:hover {
	text-decoration: underline;
}

#top_basket {
	float: right;
	width: 205px;
	margin: 0;
	padding:0 10px 0 5px;
	text-align:left;
	background: url(../images/topbasket.gif) no-repeat;
}

#top_basket a {
	text-decoration: underline;
	color: #FFFFFF;
}

#top_basket a:hover {
	text-decoration: none;
}

#footer {
	clear: both;
	background: url(../images/footer_shim.gif) repeat-x #FFFFFF;
	width: 739px;
	font-size: 11px;
	font-weight:bold;
	text-align: center;
	padding: 12px 10px 12px 10px;
	color: #FFFFFF;
	height: 28px;
	margin-top:10px;
}

#product_search {
	float: left;
	width:108px;
	padding:0 0 20px 52px;
}

/* End Structure Styles =============================================== */

#outer_content_container {
	text-align: left;
	float: left;
	width: 759px;
}

#content_container {
	float: right;
	margin: 0 0 0 0;
	width: 587px;
}

.main_title {
	margin: 2px 0 4px 0;
	padding: 7px 10px 12px 25px;
	float: left;
	width: 552px;
	background:url(../images/title_shim.gif) no-repeat;
}

.main_title h1, .main_title h2, .main_title h3 {
	font-size: 12px;
	font-weight: bold;
	color: #396cb2;
}

.main_content {
	margin: 0;
	padding: 7px 10px;
	float: left;
	width: 567px;
}

.main_content h1, #main_content h2, #main_content h3, #main_content h3, {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

.main_content ul {
	padding-left: 25px;
}

.main_content ul li {
	list-style: none;
	text-align: left;
	display: block;
	background: url(../images/bullet.gif) no-repeat 3px 11px; /* new */
	padding: 6px 0 6px 15px;
}

.main_content ul li a {
	text-decoration: none;
}

.main_content ul li a:hover {
	text-decoration: none;
}

.main_content ul li a:visited {
	text-decoration: none;
}

.main_content ul li a:active {
	text-decoration: none;
}

.brandslist {
	margin:0 0 15px 0;
	padding:10px 0 10px 0;
	float:left;
	width:587px;
}

.brandslist ul {
	text-align:left;
	width:587px;
}

.brandslist ul li {
	list-style-type: none;
	display: inline;
	text-align:left;
}

.brandsli {
	float:left;
	width:165px;
	padding-bottom:2px;
	padding-left:15px;
	padding-right:15px;
	line-height:16px;
	background: url(../images/bullet.gif) no-repeat 3px 4px;	
}

/* Begin Breadcrumb Styles =============================================== */

#breadcrumb {
	margin: 0 0 14px 0;
	padding: 6px 0 0 5px;
	float: left;
	background: #F1F8F0;
	font-size: 11px;
	width: 582px;
	height: 20px;
}

#breadcrumb ul {
	margin: 0;
}

#breadcrumb ul li {
	display: inline;
	border-right: 1px solid #396cb2;
	padding-right: 4px;
	margin-left: 4px;	
}

#breadcrumb ul li.last {
	border: 0;
	padding: 0;
	font-weight: normal;
}

#breadcrumb ul li a:link, #breadcrumb ul li a:visited, #breadcrumb ul li a:active {
	text-decoration: underline;
	color:#396cb2;
}

#breadcrumb ul li a:hover, #breadcrumb ul li a {
	text-decoration: none;
	color:#78c950;
}

/* End Breadcrumb Styles =============================================== */

/* Begin Left Menu Styles =============================================== */

#left_nav_container {
	margin: 0;
	padding: 0;
	width: 160px;
	float: left;
}

.left_title {
	margin: 0 0 4px 0;
	padding: 9px 0 10px 10px;
	float: left;
	background: url(../images/side_title_bg.gif) repeat-x;
	width: 150px;
}

.left_title h4 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.left_menu {
	margin: 0;
	width: 160px;
}

.left_menu ul {
	margin-bottom: 12px;;
}

.left_menu ul li {
	list-style: none;
	margin: 0 0 2px 0;
}

.left_menu ul li a {
	font-weight: bold;
	color: #4c69b7;
	text-align: left;
	display: block;
	background: url(../images/leftarrow.gif) 6px no-repeat #eaeff5;
	font-size: 11px;
	padding: 3px 5px 5px 20px;
	text-decoration: none;
}

.left_menu ul li a:visited {
	text-decoration: none;
}

.left_menu ul li a:active {
	text-decoration: none;
}

.left_menu ul li a:hover {
	text-decoration: underline;
}

.left_menu_blue {
	margin: 0;
	width: 160px;
}

.left_menu_blue ul {
	margin-bottom: 8px;;
}

.left_menu_blue ul li {
	list-style: none;
	margin: 0 0 1px 0;
}

.left_menu_blue ul li a:link, .left_menu_blue ul li a:visited, .left_menu_blue ul li a:active {
	font-weight: bold;
	color: #243f85;
	text-align: left;
	display: block;
	background: url(../images/arrow_off_blue.gif) no-repeat #d9e3f1; /* new */
	font-size: 10px;
	padding: 3px 5px 4px 20px;
	text-decoration: none;
}

.left_menu_blue ul li a:hover, .left_menu_blue ul li a {
	background: url(../images/arrow_on_blue.gif) no-repeat #d9e3f1; /* new */
	text-decoration: underline;
}


/* End Left Menu Styles =============================================== */

.specialtop {
	clear: both;
	background: url(../images/specialoffersheader.gif) no-repeat;
	width: 587px;
	height: 47px;
	margin-top:10px;
}

.specialmiddle {
	clear: both;
	background: url(../images/specialoffersshim.gif) repeat-y;
	width: 567px;
	padding: 0 10px;
}

.specialbottom {
	clear: both;
	background: url(../images/specialoffersbottom.gif) no-repeat;
	width: 587px;
	height: 9px;
}

.aboutcol1 {
	float:left;
	width:210px;
}

.aboutcol2 {
	float:left;
	width:357px;
}

/* Begin Class Styles =============================================== */

.reducepadding {
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
}

.fontwhite {
	color: #FFFFFF;	
}

.fontgrey {
	color: #999999;	
}

.fontyellow {
	color: #F4D836;	
}

.fontblack {
	color: #000000;	
}

.fontred {
	color: #901165;	
}

.fontblue {
	color: #01466B;	
}

.border {
	border: 1px solid #7399AD;
}

.borderlight {
	/*border: 1px solid #C2A887;*/
}

.borderright {
	border-right: 1px solid #7399AD;
}

.borderleft {
	border-left: 1px solid #7399AD;
}

.borderbottom {
	border-bottom: 1px solid #78c950;
}

.borderbottomdashed {
	border-bottom: 1px dashed #75cb50;
}

.backgroundlight {
	background-color: #F1F8F0;
}

.backgroundmedium {
	background-color: #7399AD;
}

.backgrounddark {
	background-color: #01466B;
}

.backgroundred {
	background-color: #C70912;
}

a:link, a:visited, a:active {
	text-decoration: underline;
	color: #78c950;
}

a:hover, a {
	text-decoration: none;
	color: #396cb2;
}

a.linkblue:link, a.linkblue:visited, a.linkblue:active {
	color: #396cb2;
}

a.linkblue:hover, a.linkblue {
	color: #78c950;
}

a.red:link, a.red:visited, a.red:active {
	color: #CC0000;
}

a.red:hover, a.red {
	color: #234B9B;
}

a.white:link, a.white:visited, a.white:active {
	color: #FFFFFF;
}

a.white:hover, a.white {
	color: #FFFFFF;
}

a.black:link, a.black:visited, a.black:active {
	color: #000000;
	text-decoration:none;
}

a.black:hover, a.black {
	color: #000000;
	text-decoration:underline;
}

a.linkgrey:link, a.linkgrey:visited, a.linkgrey:active {
	color: #999999;
	text-decoration:underline;
}

a.linkgrey:hover, a.linkgrey {
	color: #999999;
	text-decoration:none;
}

/* End Class Styles =============================================== */

/** Product List Page Styles Begin ===========================================*/

.prodlistrow {
	margin: 3px 0 0 0;
	padding: 0;
	float: left;
	width: 585px;
	border: 1px solid #396cb2;
	background: url(../images/list_bg.gif) repeat-y;
}

.prodlistcolumn1 {
	float: left;
	padding: 8px;
	margin: 0;
	width: 125px;
}

.prodlistcolumn2 {
	float: left;
	padding: 0 5px 5px 5px;
	margin: 5px 0 0 4px;
	width: 420px;	
}

.proddetail {
	margin: 3px 0 0 0;
	padding: 0;
	float: left;
	width: 585px;
	border: 1px solid #396cb2;
	background: url(../images/detail_bg.gif) repeat-y;
}

.proddetailcolumn1 {
	float: left;
	padding: 8px;
	margin: 0;
	width: 200px;
}

.proddetailcolumn2 {
	float: left;
	padding: 0 5px 5px 5px;
	margin: 5px 0 0 4px;
	width: 350px;	
}

.proddetailrow {
	margin: 0;
	padding: 5px;
	float: left;
	width: 575px;
	background: #FFFFFF;
	border-top: 1px dashed #78c950;
}

/** Product List Page Styles End ===========================================*/

/* Begin Basket Styles =============================================== */

.baskettop {
	font-weight: bold;
	color: #396cb2;
	background: #e9eff6;
}

.basketbottom {
	color: #396cb2;
	background: #e9eff6;
}

/* End Basket Styles =============================================== */

/* Begin Form Styles =============================================== */

form {
	margin: 0;
	padding: 0;
}

legend { 
	padding: 0 6px;
	font-weight: bold;
	color:#396cb2;
}

fieldset, input:focus, textarea:focus {
	border: 1px solid #75cb50;
}

label { 
	display: block; 
	float: left; 
	text-align: right; 
	padding: 0 10px 0 6px; 
	margin-bottom: 0; 
	width: 160px; 
	font-weight: bold; 
}

.input {
	font: 11px Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
	border: 1px #75cb50 solid;
	color: #396cb2;
}

.inputsearch {
	font: 10px Arial, Helvetica, sans-serif; 
	background: url(../images/searchbg.gif) no-repeat #FFFFFF !important;
	border: 1px #8cacd4 solid;
	color: #396cb2;
	padding: 2px 0 2px 17px;
	width:55px;
}

.textarea {
	font: 11px Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
	border: 1px #75cb50 solid;
	color: #396cb2;
}

/* End Form Styles =============================================== */

.highslide {
	cursor: url(../images/zoom/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 1px solid #FFFFFF;
}
.highslide:hover img {
	border: 1px solid #7F7F7F;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../images/zoom/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-full-expand {
	background: url(../images/zoom/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#banners {
	width:587px;
	height: 190px;
	position: relative;
	padding:0 0 5px 0;
}
#banners .banner{
	position: absolute;
	top:0;
	left:0;
	display:block;
}
.banner.current{z-index: 2;}


