/*
**************************************
   MAIN COMPONENTS - PAGE LAYOUT
**************************************
*/

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:700px;    /* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
}

img {
	border:0;
}

br {
	clear:both;
}

a {
	color:#4270D8;
}

a:hover {
	color:#004EFF;
	text-decoration:underline;
}

h1, h2, h3 {
	margin:.4em 0 .4em 0;
	padding:0;
}

h1.header {
	background-image:url('../images/hdr_mn_li.gif');
	background-repeat:no-repeat;
	background-position:left; 
	font-size:1.2em;
	color:#FFFFFF;
	margin-left:5px;
	padding-left:10px;
	font-family:Book Antiqua, sans-serif;
}

fieldset {
	padding:10px;
	margin:10px 5px 20px 5px;
	border:1px #CCCCCC solid;
}
fieldset legend {
	font-weight:bold;
}


table.header_tbl {
	width:100%;
	margin-bottom:10px;
	clear:both;
}


.header_hl {
	background-image:url('../images/hdr_mn_l.gif');
	background-repeat:no-repeat;
	background-position:top left; 
	width:9px;
}
.header_hc {
	background-image:url('../images/hdr_mn_bg.gif');
	background-repeat:repeat-x;
	background-position:top left; 
}
.header_hr {
	background-image:url('../images/hdr_mn_r.gif');
	background-repeat:no-repeat;
	background-position:top left; 
	width:9px;
}

	
dl.list {
       margin:0.3em;
}

dl.list dd,
dl.list dt {
	padding-left:0.4em;
	padding-right:0.4em;
	padding-bottom:0.4em;
	margin:0px 5px 0px 5px;
}

dl.list dt {
	font-weight:bold;
}

dl.list_center {
       margin:0.3em;
}

dl.list_center dd,
dl.list_center dt {
	padding-left:0.4em;
	padding-right:0.4em;
	padding-bottom:0.4em;
	text-align:center;
	margin:0px;
}

dl#images_list dd {
	background-color:#FFFFFF;
	padding-top:0.4em;
	margin-top:0.2em;
	margin-left:2em;
	margin-right:2em;
	border-top:1px #CCC dotted;
	border-bottom:1px #CCC dotted;
}



p {
       margin:.4em 0 .8em 0;
       padding:0;
}


/* Header styles */
div#header {
	height:81;
	background-image:url('../images/top_bg.gif');
	clear:both;
    width:100%;
    background-repeat:repeat-x;
    background-position:bottom;
}

#header p,
#header h1,
#header h2 {
	padding:.4em .4em 0 .4em;
        margin:0;
}
	
#top_menu {
	background-image:url('../images/top_header_bg.gif');
	background-repeat:repeat-x;
	background-position:left; 
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	height:45px;
	clear:both;
}

#top_menu ul {
	   clear:left;
	   float:left;
	   list-style:none;
	   margin:0px;
	   padding:0px;
	   position:relative;
	   left:50%;
	   text-align:center;
}

#top_menu ul li {
	font-family:Book Antiqua, sans-serif;
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}
#top_menu ul li a {
	   display:block;
	   margin:0px;
	   padding:0px;
	   text-decoration:none;
	   height:45px;
	   text-indent:-1000em;
}






#top_menu_common {
	position:right;
	right:1em;
	top:.4em;
	list-style:none;
	padding:0;
}
#top_menu_common li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	    padding:.3em .7em;
	    line-height:1.3em;
	    font-size:0.8em;
}


	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:.4em solid #000;
		margin:0;
		padding:.5em .9em !important;
		text-align:right;
	}
	
	

/* column container */
table.main {
	width:100%;
	clear:both !important;
}
table.main td {
	vertical-align:top;
}

table.main td.center {
}

table.main td.left {
	width:14em;
}
table.main td.right {
	width:13em;
}

/* Footer styles */
div.footer {

background-image:url('../images/bottom_bg.jpg');
background-repeat:repeat-x;
/*
        clear:both;
        float:left;
        width:100%;
        margin-top:1em;
	border-top:1em #5BAF00 solid;
	background-image:url('../images/logo.gif');
	background-repeat:no-repeat;
	background-position:left; */
}

div.footer-banner {
	text-align:center;
	padding:10px;
}

div.footer p {
        margin:0;
    }


/*
**************************************
	PLUGIN BOXES
**************************************
*/


.plg {

	width:194px;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	background: url(../images/plg_hdr_bg.png) top center repeat-y;
}


.plg_header {
	height:28px;
	margin:0px;
	padding-left:15px;
	padding-top:8px;
	font-size: 13px;
	text-align:left;
}

.plg_footer {
	width:194px;
	height:17px;
	background: url(../images/plg_hdr_btm.png) top left no-repeat;
}


.plg_header,
.plg_header a:link,
.plg_header a:visited {
	font-family:Book Antiqua, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}

.plg_header a:hover  {
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px #FFFFFF dotted;
}

.p_blue {
	background: url(../images/plg_hdr_blue.gif) top left no-repeat;	
}
.p_yellow {
	background: url(../images/plg_hdr_yellow.gif) top left no-repeat;	
}
.p_green {
	background: url(../images/plg_hdr_green.gif) top left no-repeat;	
}
.p_grey {
	background: url(../images/plg_hdr_grey.gif) top left no-repeat;	
}
.p_red {
	background: url(../images/plg_hdr_red.gif) top left no-repeat;	
}





#list_categories {
	margin-left:15px;
	padding-left:15px;
}
#list_categories li {
	font-size: 14px;
	font-family:Book Antiqua, sans-serif;
	list-style-image: url(../images/li_square.gif);
	/*height:20px;*/
	padding-top:3px;
	padding-bottom:3px;
	font-weight:bold;
	color:#707070;
}

#list_categories_sub {
	margin-left:5px;
	padding-left:5px;
}
#list_categories_sub li {
	font-size: 14px;
	font-family:Book Antiqua, sans-serif;
	list-style-image: url(../images/li_arror.gif);
	/*height:20px;*/
	padding-top:3px;
	padding-bottom:3px;
	font-weight:normal;
	color:#707070;
}


/* 
-->
**************************************
**************************************
*/


.manufacturers_list {
	
}

.manufacturers_list dd {
	border-bottom:1px #CCCCCC solid;
	text-align:center;
	margin:0.2em;
	padding:0.2em;
}



/* content-specific */


ul.categories {
	margin-left: -6em; /* Pull the margin back for NS4.7 */
  	padding-left: 0px;
  	margin-top:0;
  	padding-top:0;
  	margin-bottom:0;
  	padding-bottom:0;
}
	
ul.categories li {
	line-height:1.4em;
	margin-left: 7em; /* Push the list back in for non NS4.7 browsers */
	list-style-type: none;
	color: #ffffff; /* Set colour to background for NS4 on Mac 9 bug */
}
	
ul.categories li.selected-category {
	line-height:1.4em;
	margin-left: 7em; /* Push the list back in for non NS4.7 browsers */
	list-style-type: none;
	color: #ffffff; /* Set colour to background for NS4 on Mac 9 bug */
	font-weight:bold;
}

div.product_image {
	float:left;
}
div.product_image span {
	clear:both;
	float:left;
}
ul.product_extra_images {
	margin:0;
}
ul.product_extra_images li {
	width:4em;
	padding:.2em;
	margin-right:.2em;
	display:block;
	list-style:none;
	float:left;
	text-align:center;

}

table.product_info {
	width:100%;
}

table.product_info td {
	vertical-align:top;
}

table.product_info td.image {
	text-align:center;
	width:25%;
}

table.product_info td.info {
	width:65%;
}


dl.product_info dd {
	line-height:1.2em;
	display:block;
	list-style:none;
	padding-bottom:0.5em;
}
dl.product_info dd input, dl.product_info dd img {
	margin:0.2em;
}
dl.product_info dd.buy_now {
	line-height:1.5em;
}
dl.product_info dd.description {
	color:#5D5D5D;
}


table.prodcuts_list {
	width:100%;
}

table.prodcuts_list td.image {
	text-align:center;
	width:20%;
	vertical-align:top;
}
table.prodcuts_list td.image img {
	padding:0.1em;
	border:0.1em #DDDDDD solid;
}

table.prodcuts_list td.info {
	width:65%;
	vertical-align:top;
}

table.prodcuts_list td.actions {
	width:15%;
	vertical-align:middle;
	text-align:center;
	line-height:1.2em;
}

table.prodcuts_list td.actions img {
	margin-top:0.3em;
}

.bottom_navigation {
	width:170px;
	list-style:none;
	float:left;
	margin-top:27px;
	margin-right:50px;
}

.bottom_navigation li{
display:block;
padding:.1em;
margin:.4em;
font-size:10px;
}

#bottom_logo {
background-image:url('../images/bottom_logo.png');
background-repeat:no-repeat;
width:118px;
height:157px;
float:left;
margin-top:27px;
margin-left:25px;
}

.messageStackError{
	padding:.3em;
	margin:.1em;
	color:#FFFFFF;
	background-color:#CC0000;
}
.messageStackError img{
	vertical-align: middle;
	margin-right:0.5em;
}

.messageStackError a {
	color:#FFFFFF;
}
	
.messageStackWarning{
	padding:0.3em;
	margin:.1em;
	color:#FFFFFF;
	background-color:#FF6600;
}
.messageStackWarning img{
	vertical-align: middle;
	margin-right:0.5em;
}

.messageStackWarning a {
	color:#FFFFFF;
}
	
.messageStackSuccess{
	padding:.3em;
	margin:.1em;
	color:#FFFFFF;
	background-color:#009900;
}
.messageStackSuccess img{
	vertical-align: middle;
	margin-right:0.5em;
}
.messageStackSuccess a {
	color:#FFFFFF;
}
.messageStackInfo{
	padding:.3em;
	color:#2A2A2A;
	background-color:#E2FFB8;
}
.messageStackInfo a {
	color:#2A2A2A;
}
.messageStackInfo img{
	vertical-align: middle;
	margin-right:0.5em;
}



div.info {
	background-color:#ddd;
	border:1px solid #CCCCCC;
	margin:10px;
	padding:5px;
	position:relative;
	
}

div.info span.right {
	position:absolute;
	top:4px;
	right:4px;
}

table.order {
	width:100%;
	margin-top:0.3em;
	/*background-color:#ddd;*/
	border-top:1px solid #CCCCCC;
	margin-bottom:0.3em;
}
table.order td.id {
	width:15%;
	vertical-align:middle;
	text-align:center;
}
table.order td.info {
	width:75%;
}
table.order td.action {
	width:10%;
	vertical-align:middle;
	text-align:center;
}


.category_box {
	float:left;
	display:block;
	text-align:center;
	height:15em;
	width:228px;
	margin:5px;
	font-size:1em;
}

.manufacturers_box {
	float:left;
	display:block;
	text-align:center;
	height:7em;
	width:200px;
	margin:5px;
	font-size:1em;
	border:1px #EEEEEE solid;
}


.product_box {
	float:left;
	display:block;
	width:200px;
	text-align:center;
	margin-right:15px;
	margin-bottom:15px;
	font-size:0.9em;
	border:1px #EEEEEE solid;
	padding:5px 0px 0px 0px;
}

.product_box dd.header {
	padding:2px;
	height:150px;
	margin:0px;
}
.product_box dd.body {
	padding:2px;
	margin:0px;
	height:70px;
}
.product_box dd.footer {
	padding:2px;
	position:relative;
	margin:0px;
	height:40px;
}


.product_box .specialsText {
	color:#C60000;
	padding:0px;
}

div.catalog_box {
		float:left;
		text-align:center;
		width:300px;
		min-height:320px;
		height:320px;
		padding:5px;
		margin:10px;
		font-size:12px;	
	}

.product_box_small {
	font-size:0.9em;	
	border-bottom:0.1em dotted #CCCCCC;
	padding-left:0.4em;
	padding-right:0.4em;
	padding-bottom:0.4em;
	margin:0.4em;

}

span.attributes {
	font-size:0.8em;
}

div.total {
	clear:both;
	padding-top:0.4em;
	padding-bottom:0.4em;
	margin:0.4em;
	text-align:right;
	border-bottom:0.1em dotted #CCCCCC;
}



span.buttons {
	display:block;
	width:98%;
	text-align:right;
	margin-top:.3em;
	padding-top:.3em;
	padding-bottom:.3em;
	border-top:1px solid #DDDDDD;

}

img.products_image {
	border: 1px solid #DDDDDD;
	padding: .2em;
	margin:.3em;
}

img.products_image_small {
	border: 1px solid #DDDDDD;
	padding: .2em;
	margin:.3em;
	float:left;
}

img.image {
	border: 1px solid #DDDDDD;
	padding: 2px;
	margin:.3em;
}

.info_box {
	display:block;
	padding:5px;
	margin:5px;
	background-color:#ddd;
	border:1px #CCCCCC solid;
}

.info_box_clear {
	display:block;
	padding:.2em;
	margin:.2em;
}

input.quick_search {
	border:.1em solid #CCCCCC;
	width:9em;
	height:1.4em;
	font-size:.8em;
	color:#5BAF00;
	font-weight:bold;
	vertical-align:top;
	margin-right:.2em;
}



.shopping_cart_product_wrapper {

	border-top:2px solid #5BAF00;
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
    width:99%;				/* width of whole page */
}




.shopping_cart_img {
	float: left;
	width: 150px;
	padding:5px;
}

.shopping_cart_opts {
	float: right;
	width: 200px;
	text-align:right;
	padding-top:10px;
	padding-right:10px;
}

.shopping_cart_info { 
	float: left;
	width: 55%;
}

.shopping_cart_total {
	width:99%;
	float: right;
	text-align:right;
	padding-top:5px;
	padding-right:10px;
	border-top:5px solid #DDDEDF;
	line-height:25px;
}

.shopping_cart_checkout {
	width:99%;
	float:right;
	text-align:right;
	padding-top:0.5em;
	padding-right:1em;
	line-height:2em;
}

.shopping_cart_coupon {
	float: right;
	padding:5px;
	border:2px dashed #DDDEDF;
	line-height:20px;
	font-weight:bold;
	
}

.coupon {
	padding:5px;
	border:2px dashed #939393;
	font-weight:bold;
	margin:0.4em;
}



#gv_redeem_code { /* coupon textfield */
	border:1px solid #DDDEDF;
	width:100px;
	height:18px;
}




div.accessory {
	border:1px #DDDEDF solid;
	margin:5px;
	height:80px;
}
div.accessory img {
	float:left;
	padding:5px;
	text-align:center;
}
div.accessory span {
	float:left;
}






.txtPriceSpecial {
	font-family:Book Antiqua, sans-serif,;
	font-size:0.9em;
	padding:.2em;
	font-weight:bold;
	color:#FF2400;
}


.txtPrice {
	font-family:Book Antiqua, sans-serif;	
	font-size:0.9em;
	padding:.2em;
	font-weight:bold;
	color:#FF2400;
}

.txtPriceSmall {
	font-family:Book Antiqua, sans-serif;
	font-size:0.8em;
	padding:.1em;
	font-weight:bold;
	color:#FF2400;
}

.txtPriceSaved {
	font-family:Book Antiqua, sans-serif;
	font-size:0.9em;
	padding:.2em;
	font-weight:bold;
	color:#009900;
}


span.small {
	font-size:0.8em;
}



/*
******************
   POLL
******************
*/

.poll dt {
	font-weight:bold;
	font-size:1.1em;
	text-align:left;

}
.poll dd {
	font-size:1em;
	text-align:left;
}


div.poll_result_bar {
	display:block;
	background-color: #5BAF00;
	border:0.1em #427F00 solid;
	height:0.5em;
	text-align:left;

}

.poll_message {
	background-color:#E72C0E;
	color:#FFFFFF;
	border:0.1em #B81900 solid;
	padding:0.2em;
	margin:0.2em;
	font-size:0.8em;
	text-align:left;
	
}



/*
******************
******************
*/


.page_breadcrumb {
	margin-bottom:1em;
}


/*
******************
   FORM COMPONENTS
******************
*/

.inputNormal {
border:1px solid #CED8DE;
width:150px;
}

.cssform #street_address{
	width:250px;
}

.inputNormalError {
border:0.2em solid #C50000;
}

.submit {
	clear:both;
	padding-top:0.5em;
	margin-top:0.3em;
	border-top:2px solid #CCCCCC;
}



.cssform p {
width: 400px;
clear: left;
margin: 2px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dotted #DDDEDF;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
text-align:right;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: .3em;
}

/*
*****************
SIMPLE FORM
*****************
*/

p.simpleform {
clear: left;
margin: .1em;
padding: .3em 0 .3em 0;
height: 1%;
}

label.simpleform {
float: left;
width: 120px;
font-weight: bold;
}

br{
clear: left;
}

/*
******************
******************
*/

ul.checkout_process {
		float:right;
		width:90%;
		height: 25px;
		position: relative;
		border:1px #CCCCCC solid;
		clear:both;
	}
	
	ul.checkout_process li {
		display:block;
		width:10%;
		float: left;
		margin-right:35px;
		padding-left:10px;
		padding-right:10px;
		text-align: center;
		line-height: 25px;
		color: #000000;
		letter-spacing: 0.5px;
	}
	
	ul.checkout_process li.current{
		color:#FFFFFF; 
		background-color:#5BAF00;
	}

div.banner_top {
	width:100%;
	float:left;
	text-align:left;
	margin-bottom:1em;
}

span.banner_top {
	float:right;
	position:absolute;
	right:0em;
	text-align:right;
}

div.tagcloud {
	text-align:center;
}
a.tag1 { font-size: 0.7em; font-weight: 100; }
a.tag2 { font-size: 0.8em; font-weight: 200; }
a.tag3 { font-size: 0.9em; font-weight: 300; }
a.tag4 { font-size: 1.0em; font-weight: 400; }
a.tag5 { font-size: 1.1em; font-weight: 500; }
a.tag6 { font-size: 1.2em; font-weight: 600; }
a.tag7 { font-size: 1.3em; font-weight: 700; }
a.tag8 { font-size: 1.4em; font-weight: 800; }
a.tag9 { font-size: 1.5em; font-weight: 900; }
a.tag10 { font-size: 1.6em; font-weight: 900; }

table.affiliates {
	width:100%;
}
table.affiliates th {
	background-color:#DFDFDF;
	padding:3px;
}
table.affiliates td {
	background-color:#F1F1F1;
	padding:3px;
}