/****************************************************/
/*	body styles										*/
/****************************************************/
	body {
		font-family : Verdana, arial, sans-serif;
		font-size : 8pt;
		color: #000000;
		text-decoration: none;
		background: rgb(93, 93, 91) url(../images/site-bg.gif) no-repeat top center;
		margin: 0px;
		padding: 10px 0px;
	}

	body.FrameBody {
		background-image: none;
		background-color: Transparent;
	}

/****************************************************/
/*	text styles									    */
/****************************************************/

	a {
		text-decoration: none;
		color: #000000;
	}

	a:hover {
		text-decoration: underline;
	}

	.bold {
		font-weight: bold;
	}

	.text-heading {
		font-size : 16pt;
		font-weight : bold;
	}

    h1 {
        padding: 0px;
        margin: 0px;
		font-size : 10pt;
		font-weight : bold;
	}
	
	.text-head {
		font-size : 10pt;
		font-weight : bold;
	}

	.text-red 
	{
		color: rgb(0, 0, 0);
	}

	.text-basic {
		font-size : 8pt;
		font-weight : normal;
		margin: 0px 0px 12px 0px;
	}

	.text-basic-red {
		font-size : 8pt;
		font-weight : normal;
		color: red;
	}

	.text-error-red {
		font-size : 10pt;
		font-weight : bold;
		color: red;
	}

	.text-is-required {
		font-size : 8pt;
		font-weight : normal;
		background-color: #ffcccc;
	}

	.text-basic-bold {
		font-size : 8pt;
		font-weight: bold;
		margin: 18px 0px 6px 0px;
	}

	.text-small {
		font-size : 7pt;
	}

	.text-large {
		font-size : 10pt;
	}

	.buttontext-red {
		font-size : 8pt;
		font-weight : bold;
		color: red;
	}

	.msg-small {
		font-size : 7pt;
		color: #A70000;
	}

	.title-bg {
		background-color: rgb(220, 220, 220);
		color: black;
	}

	input.text-basic 
	{
		border: solid 1pt #A76666;
		font-size: 100%;
	}

	select.text-basic, 
	input.text-basic, 
	textarea.text-basic, 
	button.small-button
	{
		font-family : Verdana, arial, sans-serif;
		font-size : 8pt;
		border: 1px solid #AAAAAA;
		background-color: #FFFFFF;
		margin: 1px 0px 1px 0px;
	}

	input.button,
	button.button
	{
		width: 150px;
		height: 25px;
		line-height: 25px;
		background: url(../images/button-bg1.gif) repeat-x rgb(200,200,200);
		color: rgb(0, 0, 0);
		font-weight: bold;
		border: 0px solid #AAAAAA;
	}

	input.highlight-button,
	button.highlight-button
	{
		min-width: 125px;
		height: 25px;
		line-height: 25px;
		background: url(../images/button-bg.gif) repeat-x rgb(250, 200, 200);
		border: 1px solid rgb(150, 60, 60);
		color: rgb(150, 60, 60);
		color: rgb(0, 0, 0);
		font-weight: bold;
	}

	input.add-product-button,
	button.add-product-button
	{
		width: 150px;
		height: 40px;
		line-height: 15px;
		background: url(../images/add-product-button-bg.gif) no-repeat rgb(200, 200, 200);
		border: 0px solid rgb(180, 180, 180);
		color: rgb(0, 0, 0);
		font-weight: bold;
		font-size: auto;
		cursor: pointer;
	}

	input.more-product-button,
	button.more-product-button
	{
		width: 150px;
		height: 40px;
		line-height: 15px;
		background: url(../images/more-product-button-bg.gif) no-repeat rgb(200, 200, 200);
		border: 0px solid rgb(180, 180, 180);
		color: rgb(0, 0, 0);
		font-weight: bold;
		font-size: auto;
		cursor: pointer;
	}

	button.small-button
	{
		font-size : 7pt;
		width: 60px;
		height: 20px;
		line-height: 20px;
		border: 1px solid rgb(180, 180, 180);
		color: rgb(0, 0, 0);
		font-weight: bold;
	}

	.button-link
	{
		font-size: 10pt;
		font-weight: bold;
		margin: 5px auto;
	}

	input.width150
	{
		width: 150px;
	}

	select.text-is-required, input.text-is-required, textarea.text-is-required, .eg-text-is-required {
		font-size : 8pt;
		border: 1px solid #AA3333;
		background-color: #FFF0F0;
		margin: 1px 0px 1px 0px;
		padding: 2px 0px 2px 0px;
	}

	.border {
 		background-color : #0B2B5C;
	}

	.border-bg {
 		background-color : #FFFFFF;
	}

	.heading-bg {
		background-color: rgb(230, 230, 230);
		color: black;
	}

	.even-bg {
		background-color: rgb(240, 240, 240);
		color: black;
	}

	.odd-bg  {
		background-color: rgb(250, 250, 250);
		color: black;
	}

	.box {
		border: 1px solid #AAAAAA;
		background-color: #EBE9DD;
	}

	.border {
		border: 1px solid #AAAAAA;
		background-color: #FFFFFF;
	}

/****************************************************/
/*	layout styles									*/
/****************************************************/
	.main-container 
	{
		width: 980px;
		margin: 0px auto;
		background: rgb(255, 255, 255);
	}

	.header
	{
		width: 100%;
		height: 108px;
		background: url(../images/header.gif) no-repeat;
	}
	
	.header .header-images
	{
		float: right;
		height: 70px;
		padding: 19px 10px 10px 10px; 
	}
	
		.header .socialmedia
	{
	    float:right;
	    height: 70px;
	    width: 180px;
	    padding:0px 10px 0px 10px;
	    font-family: Cooper Std Black;
	    font-size: 12px;
	    font-weight: bold;
	    color:Black;
	}
	
	.header .header-images img
	{
		border: 0px solid white;
	}

	.main-container .buttons
	{
		width: 100%;
		height: 26px;
		background-color: rgb(255, 0, 0);
		background: url(../images/menu-bg.gif) repeat-x rgb(255, 0, 0);
	}

	.main-container .buttons .button
	{
		text-align: center;
		font-weight: bold;
		color: White;
		line-height: 26px;
		padding: 0px 15px;
		border-right: #A70000 1pt solid;
		border-left: #FF9999 1pt solid;
	}

	.main-container .buttons .grey
	{
		border-left: #A7A7A7 1pt solid;
		border-right: #999999 1pt solid;
		background: url(../images/header-bg.gif) repeat-x rgb(200, 200, 200);
	}

	.main-container .buttons .button a
	{
		color: White;
	}
	
	.header
	{
		width: 100%;
		height: 100px;
		background: url(../images/header.gif) no-repeat;
	}

	.header-menu
	{
		background-color: White;
	}	

	.header-menu .buttons
	{
		width: 100%;
		height: 26px;
		background-color: rgb(255, 0, 0);
		background: url(../images/menu-bg.gif) repeat-x rgb(255, 0, 0);
	}

	.header-menu .button
	{
		text-align: center;
		font-weight: bold;
		color: White;
		line-height: 26px;
		padding: 0px 15px;
		border-right: #A70000 1pt solid;
		border-left: #FF9999 1pt solid;
	}

	.header-menu .image-button
	{
		height: 26px;
		display: block;
		margin: 0px;
	}

	.header-menu .button:first-child
	{
		border-left: none;
	}
	
	.header-menu .button a
	{
		color: White;
	}	

	.header-menu .text
	{
		text-align: center;
		color: White;
		font-weight: bold;
		line-height: 25px;
		padding: 0px 15px;
	}

	.flash
	{
		height: 150px;
	}

	.left_col {
		width: 250px;
		background-color: rgb(160, 156, 154);
	}

	.right_col {
		width: 729px;
		background-color: rgb(255, 255, 255);
	}

	.right_col .MainContent 
	{
		padding: 0px 10px 10px 10px;
	}
	
	.ContentContainer
	{
		padding: 10px;
	}

	.footer
	{
		padding: 3px 3px 3px 3px;
		text-align: center;
	}


	.list-decimal
	{
		list-style-type: decimal;
	}
	
	.list-decimal > li
	{
		margin: 5px auto 10px auto;
	}
	
	.list-alpha
	{
		list-style-type: lower-alpha;
	}
	
	.list-alpha > li
	{
		margin: 2px auto;
	}
	
	.list-roman
	{
		list-style-type: lower-roman;
	}
	
	.list-roman li
	{
	}
	
	.no-products
	{
		font-size: 10pt;
		font-weight: bold;
		padding: 10px;
	}
	
    .dialog-companyDialog
    {
	    min-width: 650px;
    }
	
/****************************************************/
/*	Flyout menu styles								*/
/****************************************************/
	#product-menu, 
	#product-menu ul
	{
		font-size: 8pt;
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-position: outside;
		position: relative;
	}

	#product-menu li.HasChildren
	{
		background: url(../images/right_arrow.gif) no-repeat top left;
	}

	#product-menu li.ChildrenSelected
	{
		background: url(../images/down_arrow.gif) no-repeat top left;
	}

	#product-menu a.Selected
	{
		font-weight: bold;
	}

	#product-menu a {
		display: block;
		text-decoration: none;
		font-weight: bold;
		color: white;
	}

	#product-menu a:hover {
		text-decoration: underline;
	}

	#product-menu {
	}

	#product-menu li {
		width: 100%;
		margin: 10px 0px;
		padding: 3px 0px;
		padding-left: 15px;
	}

	#product-menu li a {
		line-height: 10px;
	}

	#product-menu li a:hover {
		
	}

	#product-menu ul,
	#product-menu ul ul,
	#product-menu ul ul ul {
		position: relative;
		left: 5px;
		display: none;
		padding: 3px 0px;
		width: 100%;
	}

	#product-menu ul li, 
	#product-menu ul li li, 
	#product-menu ul li li li {
		margin: 2px 0px;
	}

	#product-menu ul li a, 
	#product-menu ul li li a, 
	#product-menu ul li li li a {
		font-weight: normal;
		padding-top: 5px 0px;
	}

	#product-menu ul li a:hover, 
	#product-menu ul li li a:hover, 
	#product-menu ul li li li a:hover {

	}

	#product-menu li:hover ul ul, 
	#product-menu li:hover ul ul ul, 
	#product-menu li:hover ul ul ul ul {
		display: none;
		z-index: 0;
	}

	#product-menu li:hover ul, 
	#product-menu li li:hover ul, 
	#product-menu li li li:hover ul, 
	#product-menu li li li li:hover ul {
/*		display: block;
		z-index: 100; */
	}

/****************************************************/
/*	Alignment and Colours							*/
/****************************************************/
	.left
	{
		text-align: left;
	}

	.right
	{
		text-align: right;
	}

	.center
	{
		text-align: center;
	}

	.white
	{
		color: White;
	}

/****************************************************/
/*	Block Styles									*/
/****************************************************/
	.inline-block
	{
		display: inline-block;
		padding: 0px;
		overflow: auto;
	}
	
	.inline-block-left 
	{
		float: left;
	}

	.inline-block-right 
	{
		float: right;
	}
	
	.inline-block-clear
	{
		clear: left;
		clear: right;
		clear: both;
	}

/****************************************************/
/*	Fieldset Styles										*/
/****************************************************/
	.fieldset 
	{
		margin: 0px auto;
	}

	.fieldset .fieldset
	{
		width: 95%;
	}

	.fieldset .legend
	{
		height: 27px;
		line-height: 27px;
		width: 100%;
		background: url(../images/fieldset_header.gif) repeat-x;
		overflow: hidden;
		
		font-weight: bold;
		text-align: center;
	}

	.fieldset .legend .left
	{
		float: left;
		width: 6px;
		height: 30px;
		background: url(../images/fieldset_header_left.gif) left no-repeat;
	}

	.fieldset .legend .right
	{
		float: right;
		width: 6px;
		height: 30px;
		background: url(../images/fieldset_header_right.gif) left no-repeat;
	}

	.fieldset .legend .help
	{
		margin-top: 5px;
	}
	
	.fieldset .content
	{
		border: solid 1pt rgb(127, 127, 127);
		border-top: none;
		padding: 1px;
	}

	.fieldset .content .main-description-container
	{
		width: 100%;
	}

	.fieldset .content .main-description-container .testimonial,
	.fieldset .content .description .testimonial
	{
		width: 75%;
		margin: 0px auto;
		padding: 10px;
	    color: rgb(240, 120, 120);
	    font-size: 9pt;
	}
	
	.fieldset .content .main-description-container .testimonial .text,
	.fieldset .content .description .testimonial .text
	{
	    font-style: italic;
	}
	

	.fieldset .content .main-description
	{
		margin: 15px;
	}
	
	.fieldset .content legend
	{
		font-weight: bold;
		font-size: 8pt;
		padding: 0px 5px;
	}

	.fieldset .content p
	{
		padding: 0px 5px;
	}
	
	.fieldset .content .salesrep-container,
	.fieldset .content .product-container
	{
	    padding: 10px;
	    overflow: auto;
	}

	.fieldset .field-label
	{
		width: 40%;
		text-align: right;
	}
	
	.fieldset .field-value
	{
		width: 60%;
		text-align: left;
	}
	
	

/****************************************************/
/*	Menu Styles										*/
/****************************************************/

	.menu-block {
		overflow: hidden;
	}
	
	.menu-block-red
	{
		overflow: hidden;
		background-color: rgb(255, 0, 0);
	}

	.menu 
	{
		width: 95%;
		margin: 5px auto;
	}

	.shift 
	{
		margin-top: -5px;
	}

	.menu-header 
	{
		height: 26px;
		line-height: 26px;
		background: url(../images/header-bg.gif) repeat-x;
		color: White;
		font-weight: bold;
		padding: 0px 6px;
		overflow: hidden;
	}

	.menu-header-red
	{
		line-height: 26px;
		background: url(../images/menu-bg.gif) repeat-x;
		color: White;
		font-weight: bold;
		padding: 0px 6px;
	}

	.menu-header a {
	}
		
	.menu-header a:hover {
	}
		
	.menu-header-red a
	{
		color: White;
	}

	.menu-top {
		width: 100%;
		color: white;
		font-weight: bold;
		padding: 4px 0px 4px 0px;
	}

	.menu-item {
		width: 100%;
		color: white;
		padding: 4px 0px 4px 0px;
	}

	.menu-item-single {
		width: 100%;
		color: white;
		padding: 10px 0px 10px 0px;
	}

	.menu-item-single a
	{
		color: White;
	}
	
	.help-grey
	{
		padding-top: 4px;
		padding-right: 4px;
	}


/****************************************************/
/*	Login Panel styles								*/
/****************************************************/
	.login-box
	{
	    background-color: #F0F0F0;
		margin: 5px auto;
	    padding: 0;
		width: 95%;
	}
	
	.login-box-sidebar
	{
		margin: 5px auto;
	    padding: 3px;
		width: 95%;
		color: White;
	}
	
	.login-description
	{
		padding: 10px 5px;
		overflow: auto;
		text-align: justify
	}
	
	.login-box-sidebar a
	{
		color: White;
		font-weight: bold;
	}

	.login-label
	{
		width: 33%;
		font-size: 8pt;
		text-align: right;
		margin: 3px 3px;
	}

	.login-field
	{
		width: 60%;
		font-size: 8pt;
		text-align: left;
		margin: 3px 3px;
	}

	.login-field input
	{
		width: 100%;
		font-size: 8pt;
	}

	.login-text
	{
		width: 90%;
		text-align: center;
		font-size: 8pt;
		margin: 3px 3px;
	}

	input.login-button
	{
		background: url(../images/header-bg.gif) repeat-x !important;
	}

	.login-error
	{
		color: Red;
		padding: 5px 0px;
	}
	
/****************************************************/
/*	Custom Lanyard styles								*/
/****************************************************/
	.step2-form .group-label,
	.step2-form .field-label
	{
	    width: 25%;
	}
	
	.step2-form .group-field,
	.step2-form .field-field
	{
	    width: 74%;
	}
	
	.step2-form .group-field table
	{
	    margin: 0px auto;
	}
	
	.step2-form .group-field td
	{
	    padding: 3px;
	}

/****************************************************/
/*	Admin Panel styles								*/
/****************************************************/

	.adminContainer
	{
		width: 100%;
		text-align: right;
		background-color: #B5B5B5;
	}
	
	.adminContainer .item
	{
	}


/****************************************************/
/*	Other											*/
/****************************************************/
    .search
    {
        width: 95%;
        margin: 0px auto;
    }
    
    .search td
    {
        background-color: White;
    }

	.search-box 
	{
		width: 95%;
		border: 0px solid black;
	}
	
	.search-button
	{
		height: 20px;
	}
	

	.size50
	{
		width: 50%;
	}

	.SignUp
	{
		font-size: 12pt;
		font-weight: bold;
		padding: 5px 0px;
		margin: 0px auto;
	}

	.SignUp img
	{
		border: 0px #E0E0E0 solid;
	}
	
	.signup-frame
	{
	    border: none;
	    width: 100%;
	    height: 900px;
	}
	
	.MoreDetail
	{
		width: 100px;
		text-align: center;
		margin: 10px auto;
	}
	
	.cart
	{
	}
	
	.cart .title
	{
		font-weight: bold;
		text-align: center;
	}

	.cart table
	{
		width: 95%;
		margin: 0px auto;
		border-collapse: collapse;
	}

	.cart td.head
	{
		border: 1px solid white;
		font-weight: bold;
	}
	
	.cart td.code
	{
		border: 1px solid white;
		width: 75%;
	}

	.cart td.qty
	{
		border: 1px solid white;
		width: 25%;
	}
	
	.SiteMap
	{
	}
	
	.SiteMap ul
	{
	    list-style-type: disc;
	    margin: 5px 0px;
	}
	
	.