/* Global Elements */
/* 2O - 57: Last Build: Thursday, August 09th 2007 - 10:31:57 AM EST - Author: Nathaniel Bagnell */

/* Core Elements */

#t2m li{ width: 100px; } 

body {
	width:760px;
	margin:0px auto;
	font-family:Trebuchet MS;
	text-align:justify;
	color:#665665
}
img {
	border:0;
}
p {
	margin:0 0 10px 0;
}
#container {
	width:760px;
	height:auto;
	margin:30px 0 0 0;
}
a {
	color:#00628b;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* Panel Options */
.panelset {
	width:760px;
	margin:0 0 0 0;
	height:auto;
}
.panel {
	height:170px;
	width:130px;
	float:left;
	font-size:9pt;
	margin:15px 11px 0px 11px !important;
	margin:15px 10px 0px 10px;
	line-height:12pt;
}

.panelset h2 {


}
.learnmore {
	text-align:right;
	font-weight:bold;
}
.learnmore a {
	background:url(../images/green_arrow.png) no-repeat center left;
	padding-left:10px;
	color:#98ba3f;
	text-decoration:none;
}
.learnmore a:hover {
	text-decoration:underline;
}

/* Top Elements */
#logo {
	width:307px;
	height:100px;
	float:left;
	margin:0px 0px 17px 25px;
	display:inline; /*To account for the doubled float margin bug in IE 6*/
}

#logo img {
	border:0;
}

#login {
	width:235px;
	height:65px;
	float:right;
	margin:25px 12px 17px 0px;
}
#header {
	width:760px;
	height:279px;
	float:left;
	/*background:url(../images/header.jpg) no-repeat;*/
}

/* Featured Box */
#featuredbox {
	background:url(../images/featuredbox_bg.png) repeat-y;
	width:760px;
	height:auto;
	width:760px;
	float:left;
}
#featuredbox-top {
	background:url(../images/featuredbox_top.png) no-repeat;
	width:760px;
	height:12px;
	float:left;
	margin-bottom:0px !important;
	margin-bottom:-10px;
	margin-top:10px;
}
#featuredbox-bottom {
	background:url(../images/featuredbox_bottom.png) no-repeat;
	width:760px;
	height:12px;
	float:left;
}

/* Bottom Elements */
#footer {
	float:left;
	width:750px;
	height:auto;
	font-size:8pt;
	padding:10px 5px 5px 5px !important;
	padding:5px;
}
.footerblock {
	font-weight:bold;
	width:200px;
	float:left;
	height:auto;
	color:#a2783c;
	margin:0px 10px 0px 10px;
	display:inline; /*To account for the doubled float margin bug in IE 6*/
}
#copyright {
	text-align:right;
	width:auto;
	margin:auto;
}

#content-text {
margin:0px 15px 30px 15px;
}

#toppanel {
width:750px;
height:33px;
background:red;
}



.menupanel {
	width:760px;
	margin:0 0 0 0;
	height:auto;
}

.menupanel ul {
list-style:none;
margin:0;
padding:0;
float:left;
}
.menupanel li {
	height:auto;
	width:130px;
	float:left;
	margin:0px 11px 0px 11px !important;
	margin:0px 10px 0px 10px;
	display:block;
	padding:10px 0 0px 0;
	font-weight:bold;
	font-size:12pt;
	text-align:center;
	display:block;
	font-weight:bold;
}

.menupanel li a {
color:#a2783c;
}

.ImagesTitle label{
font-weight:bold;
}

#gallery {
clear:both;
}

#LargeImage #Title {
font-weight:bold;
font-size:10pt;
}

#LargeImage #Description {
font-size:10pt;
font-style:italic;
margin-bottom:10px;
}


#notice {
float:left;
height:auto;
width:760px;
text-align:center;
background-color:#FEFF68;
}
#welcome {
text-decoration:underline;
font-weight:bold;
}
#orange {
    color:#FF4500;
    font-weight:bold;
}

.Link {
float:left;
}

.ProductThumb {
width:130px;
height:190px;
float:left;
margin-left:20px !important;
margin-right:20px !important;
margin-bottom:30px !important;

margin-left:2px;
margin-right:5px;
margin-bottom:5px;
}

#ProductList {
margin-left:25px;
}

.SwatchDiv label{
font-weight:bold;
}

#Swatch {
height:50px;
width:200px;
}

#DisplayColours {
margin-bottom:20px;
clear:both;
}

#DisplaySizes{
    clear:both;
}

.SwatchTr {
padding-bottom:10px;
}

.SwatchLabel {
padding-right:10px;
}

.ThumbImage {
width:auto;
height:150px;
float:left;
margin-right:10px;
}


/* PAGING */
    .paging {
		padding: 0;
		margin: 5px 0px 5px 0px;
		color: #535353;
		text-align:right;
		height: 15px;
		clear:both;
		display:block;
		vertical-align:top;
	}


		 .paging ul {
		 	float:right;
			text-align:left;
			width:auto;
			height:12px;

			list-style:none;
			margin:0;
			padding:0;
		 }

		  .paging ul li {
		  	float:left;
			height:13px;
			line-height:13px;
			margin:0 2px;
			font-size: 11px;
			color: #535353;
		  }

		  .paging ul li a {
			font-size: 11px;
			color: #535353;
			text-decoration:none;
		  }
		  .paging ul li a.on {
			text-decoration:underline;
			}

		.paging ul li a:hover {
			text-decoration:underline;
			}

	.paging a#ruler_first {
		display:block;
		width:9px;
		height:13px;
		text-indent:-3000px;
		line-height:13px;
		background:#fff url(/skin/shared/images/button_pageFirst.gif) 0 65% no-repeat;
	}

	.paging a#ruler_prev {
		display:block;
		width:9px;
		height:13px;
		text-align:left;
		text-indent:-3000px;
		line-height:13px;
		background:#fff url(/skin/shared/images/button_pagePrev.gif) 0 65% no-repeat;
	}

	.paging a#ruler_next {
		display:block;
		width:9px;
		height:13px;
		text-align:left;
		text-indent:-3000px;
		line-height:13px;
		background:#fff url(/skin/shared/images/button_pageNext.gif) 0 65% no-repeat;
	}

	.paging a#ruler_last {
		display:block;
		width:9px;
		height:13px;
		text-align:left;
		text-indent:-3000px;
		line-height:13px;
		background:#fff url(/skin/shared/images/button_pageLast.gif) 0 65% no-repeat;
	}
/*END PAGING*/


























/* CREDIT CARD FORM
.CardInfoDiv{
    clear: both;
    height: 220px;
}
.CardFormTitle{
    font-size:110%;
    font-weight:bold;
}

.CardForm div{
    width: 360px;
    padding: 5px 0px 5px 0px;
    clear: both;
}

.CardForm label {
    float: left;
    font-weight: bold;
    width: 200px;
}

.CardForm input{
    float: right;
    border: 1px solid black;
    width: 150px;
    text-indent: 5px;
}

.CardForm select{
    float: right;
    border: 1px solid black;
    width: 152px;
}

#card_ex_month {
    float: left;
    width: 90px;
    margin-left: 8px;
}
#card_ex_year {
    width: 55px;
}

END SHOPPING CART */


/* SHOPPING CART BY 3oxa
#CartForm{ clear: both;}

#CartForm img{width: 60px;}

.InputQuantity{width: 50px;}

.ItemTotal{ clear: both; float:right;}
.ItemTotalHead{ float: left; }
.ItemTotalText{ float: left; width: 150px; text-align: right;}

.SubTotal { clear: both; float:right;}
.SubTotalHead{ float: left; }
.SubTotalText{ float: left; width: 150px; text-align: right;}

.ShippingTotal { clear: both; float:right;}
.ShippingHead{ float: left; }
.ShippingText{ float: left; width: 150px; text-align: right;}

#ShippingTotalError {color: #FF0000;}

.GstTotal { clear: both; float:right;}
.GSTHead{ float: left; }
.GSTText{ float: left; width: 150px; text-align: right;}

.TotalDiv { clear: both; float:right;}
.TotalHead{ float: left; }
.TotalText{ float: left; width: 150px; text-align: right;}

.Buttons{clear: both; float: right;}
.ButtonDiv{ float: left; margin: 5px; }
#ShoppingButtons{
    width: 435px !important;
    width: 530px;
}

#PayOptionsDiv{
    clear:both;
    float:right;
    margin:5px 6px 5px 0px;
}

#ShoppingCartForm{
    clear: both;
}

.AddressFormDiv{
    float:left;
    width: 330px;
    height: 300px;
}

.AddressHead{
    font-size: 110%;
    font-weight: bold;
}
.AddressBody{
    clear: both;
}

.AddressBody div{
    width: 310px;
    padding: 5px 0px 5px 0px;
    clear: both;
}

.AddressFormDiv label {
    float: left;
    font-weight: bold;
    width: 150px;
}

.AddressFormDiv input{
    float: right;
    border: 1px solid black;
    width: 150px;
    text-indent: 5px;
}

.AddressFormDiv select{
    float: right;
    border: 1px solid black;
    width: 152px;
}
#ShippingAddressFormDiv{
    clear:right;
}

#ContactButton{
    clear: both;
    float: right !important;
    _float: left;
    width: 100px;
    margin-right:30px;
}
#ContactButton input{
    float: none;
}

#LastPayButton{
    clear: both;
    float: right !important;
    _float: none;
    width: 100px;
    margin-right:30px;
}

#LastPayButton input{
    float: none;
}

.OrderAddress{
    float:left;
    width: 330px;
    height: 115px;
}
 */