body
{
    margin-top: 0px;
    font-family: Arial, Verdana;
    color: #5C5C5C;
}

table
{
    border-collapse: collapse;
}

.FloatLeft {float:left;}
.FloatRight {float:right;}
.ClearFix {clear:both;}

.label
{
    font-size: .8em;
}

.labelsmall
{
    font-size: .7em;
}

.labelF
{
    font-family: Arial, Verdana !important;
}

.textbox
{
    font-size: .75em;
    height: 1.05em;
}

.smalltextbox
{
    font-size: .75em;
    height: 1.05em;
    width: 20px;
}

.multilinetextbox
{
    width: 188px;
    height: 80px;
}

.largemultilinetextbox
{
    width: 350px;
    height: 150px;
}

.longmultilinetextbox
{
    width: 350px;
    height: 75px;
}

.longtextbox
{
    font-size: .75em;
    /*height: 1.05em;*/
    width: 325px;
}

.longtextboxlarge
{
        width: 325px;
}

.dropdownlist
{
    font-size: .7em;
    color: #5C5C5C;
}

.fwdropdownlist
{
    font-size: .7em;
    font-family: Courier New;
}

.button
{
    font-size: .7em;
    height: 20px;
    font-weight: bold;
    padding-bottom: 5px;
}

.panelbutton
{
    font-size: .875em;
    height: 20px;
    font-weight: bold;
    padding-bottom: 5px;
}

.rightbutton
{
    font-size: .7em;
    height: 20px;
    font-weight: bold;
    float: right;
}

.menuItem
{
    color: #fff;
    
}

.menuItem a
{
    cursor: pointer;
}

.menuItem #left
{
    width: 5px;
    display: inline;
    background: url(images/blue_tab_left.gif) no-repeat;
    height: 25px;
    position: relative;
    float: left;
}

.menuItem #mid
{
    display: inline;
    background: url(images/blue_tab_middle.gif) repeat-x;
    height: 25px;
    position: relative;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.menuItem #mid #text
{
    position: relative;
    top: 5px;
    color: #FFF;
}

.menuItem #right
{
    width: 5px;
    display: inline;
    background: url(images/blue_tab_right.gif) no-repeat;
    height: 25px;
    position: relative;
    float: left;
    padding:0px; margin:0px;
}

/*new style to make it as ajaxTabPanel*/


.menuItemNew
{
    color: #fff;
}

.menuItemNew a
{
    cursor: pointer;
}

.menuItemNew a:hover #mid
{
    display: inline;
    background: url(images/tab-notactive-hover-back.gif) repeat-x;
    height: 20px;
    position: relative;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.menuItemNew a:hover #left
{
    width: 4px;
    display: inline;
    background: url(images/tab-notactive-hover-left.gif) no-repeat;
    height: 20px;
    position: relative;
    float: left;
}

.menuItemNew a:hover #right
{
    width: 5px;
    display: inline;
    background: url(images/tab-notactive-hover-right.gif) no-repeat;
    height: 20px;
    position: relative;
    float: left;
}



.menuItemNew #left
{
    width: 4px;
    display: inline;
    background: url(images/tab-notactive-left.gif) no-repeat;
    height: 20px;
    position: relative;
    float: left;
}

.menuItemNew #mid
{
    display: inline;
    background: url(images/tab-notactive-back.gif) repeat-x;
    height: 20px;
    position: relative;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.menuItemNew #mid #text
{
    position: relative;
    top: 5px;
    color: #5c5c5c;
}

.menuItemNew #right
{
    width: 5px;
    display: inline;
    background: url(images/tab-notactive-right.gif) no-repeat;
    height: 20px;
    position: relative;
    float: left;
}

.menuItemNewSelected
{
    color: #fff;
}

.menuItemNewSelected a
{
    cursor: pointer;
}

.menuItemNewSelected a:hover #mid
{
    display: inline;
    background: url(images/tab-active-back.gif) repeat-x;
    height: 25px;
    position: relative;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.menuItemNewSelected a:hover #left
{
    width: 4px;
    display: inline;
    background: url(images/tab-active-left.gif) no-repeat;
    height: 25px;
    position: relative;
    float: left;
}


.menuItemNewSelected a:hover #right
{
    width: 5px;
    display: inline;
    background: url(images/tab-active-right.gif) no-repeat;
    height: 25px;
    position: relative;
    float: left;
}


.menuItemNewSelected #left
{
    width: 4px;
    display: inline;
    background: url(images/tab-active-left.gif) no-repeat;
    height: 25px;
    position: relative;
    float: left;
}

.menuItemNewSelected #mid
{
    display: inline;
    background: url(images/tab-active-back.gif) repeat-x;
    height: 25px;
    position: relative;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.menuItemNewSelected #right
{
    width: 5px;
    display: inline;
    background: url(images/tab-active-right.gif) no-repeat;
    height: 25px;
    position: relative;
    float: left;
}




/* End of style */
















.menuItemSelected
{
    color: #fff;
}

.menuItemSelected a
{
    cursor: pointer;
}

.menuItemSelected #left
{
    width: 5px;
    display: inline;
    background: url(images/lightblue_tab_left.gif) no-repeat;
    height: 25px;
    position: relative;
    float: left;
}

.menuItemSelected #mid
{
    display: inline;
    background: url(images/lightblue_tab_middle.gif) repeat-x;
    height: 25px;
    position: relative;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.menuItemSelected #right
{
    width: 5px;
    display: inline;
    background: url(images/lightblue_tab_right.gif) no-repeat;
    height: 25px;
    position: relative;
    float: left;
}

#mainContentRegion
{
    width: 990px;
    padding-top: 1px;
    padding-bottom: 10px;
    .padding-bottom:0px;
    margin: 15px auto 0px auto;
    background: url(images/box.gif) repeat;
}

#imgSwatchContainer
{
    background: url(images/box.gif) repeat;
    padding: 3px 3px 3px 3px;
}

#centercontent
{
    width: 970px;
    height: auto;
    margin: 10px auto 0px auto;
    background-color: #fff;
}

#headerRegion
{
    width: 960px;
    height: 81px;
    margin-right: auto;
    margin-left: auto;
}

#navBorder
{
    width: 960px;
    height: 30px;
    margin: 0px auto 5px auto;
    background: url(images/nav/nav_background.gif) repeat-x;
}

#nav
{
    height: 30px;
    width: 944px;
    margin-right: auto;
    margin-left: auto;
}

.myRCNavEnd
{
    display: block;
    background-image: url(images/nav/nav_background.gif);
    width: 8px;
    height: 30px;
}
.myRCnav1
{
    display: block;
    background-image: url(images/nav/forums.gif);
    width: 96px;
    height: 30px;
}

.myRCnav1 a:hover
{
    background-image: url(images/nav/forums2.gif);
}

.myRCnav2
{
    display: block;
    background-image: url(images/nav/blog.gif);
    width: 76px;
    height: 30px;
}

.myRCnav2 a:hover
{
    background-image: url(images/nav/blog2.gif);
}

.myRCnav3
{
    display: block;
    background-image: url(images/nav/groups.gif);
    width: 94px;
    height: 30px;
}

.myRCnav3 a:hover
{
    background-image: url(images/nav/groups2.gif);
}

.myRCnav4
{
    display: block;
    background-image: url(images/nav/rctv.gif);
    width: 80px;
    height: 30px;
}

.myRCnav4 a:hover
{
    background-image: url(images/nav/rctv2.gif);
}

.myRCnav5
{
    display: block;
    background-image: url(images/nav/how_it_works.gif);
    width: 137px;
    height: 30px;
}

.myRCnav5 a:hover
{
    background-image: url(images/nav/how_it_works2.gif);
}

.myRCnav6
{
    display: block;
    background-image: url(images/nav/directory.gif);
    width: 106px;
    height: 30px;
}

.myRCnav6 a:hover
{
    background-image: url(images/nav/directory2.gif);
}

.myRCnav7
{
    display: block;
    background-image: url(images/nav/news_events.gif);
    width: 150px;
    height: 30px;
}

.myRCnav7 a:hover
{
    background-image: url(images/nav/news_events2.gif);
}

.myRCnav8
{
    display: block;
    background-image: url(images/nav/shop.gif);
    width: 81px;
    height: 30px;
}

.myRCnav8 a:hover
{
    background-image: url(images/nav/shop2.gif);
}

.myRCnav9
{
    display: block;
    background-image: url(images/nav/showrooms.gif);
    width: 124px;
    height: 30px;
}

.myRCnav9 a:hover
{
    background-image: url(images/nav/showrooms2.gif);
}




.banner
{
    /*height:238px;*/
    width: 960px;
    margin-top: 7px;
    margin-right: auto;
    margin-left: 10px;
}

#banner
{
    width: 960px;
    margin-right: auto;
    margin-left: auto;
}

.catalogbanner
{
	margin-bottom: 10px;
}

.sectionHeader
{
    border-bottom: 1px solid rgb(235, 235, 235);
    color: #5c5c5c; /*#024A76;*/
    font-size: .9em;
    padding-bottom: 5px;
    font-weight: bold;
}

.navigationRule
{
    border: 2px solid #024A76;
    position: relative;
    top: -8px;
}

.defaultTable
{
    width: 99%;
}

.verticalalign img
{
    vertical-align: middle;
}

.verticalalign span
{
    vertical-align: top;
}

.showAll
{
    float: right;
}


.modalbutton
{
    font-size: .7em;
    height: 20px;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
    float: right;
}

hr
{
    border-bottom: 1px solid #CCC;
    color: #FFF;
}

a:link
{
    color: #3f7808; /*#666666;*/ /*#0066A6;*/
    text-decoration: none;
}

a:visited
{
    color: #3f7808; /*#666666;*/ /*#0066A6;*/
    text-decoration: none;
}

.smallleft
{
    float: left;
}

.smallright
{
    float: right;
}

#footer
{
    text-decoration: none;
    font-size: .7em;
    color: #b5b5b5;
    clear: both;
    width: 970px;
    height: 43px;
    margin-right: auto;
    margin-left: auto;
    bottom: 0px;
    background: url(images/footer.gif) repeat;
    vertical-align:middle;
}

.footercells
{
    float: left;
    width: 130px;
    xmargin:10px;
}

.footercells a
{
    color: #b5b5b5;
}
.footercells a:hover
{
    color:Gray;
}
.footercells a.green
{
    color: #3f7808;
}


#footer a:link
{
    color: #b5b5b5;
}

#footer a:visited
{
    color: #b5b5b5;
}

#footer a:active
{
    color: #b5b5b5;
}

#footer a:hover
{
    color: #0066A6;
}

.userLink
{
    color: #3f7808;
}

a.userLink
{
    color: #3f7808;
}

a.BlackLink:link, a.BlackLink:visited, a.BlackLink:hover
{
    color: Black;
    font-weight: bold;
}

/* Directory classes */

.DirectoryTitleNavigation
{
	float:right; 
	margin: -4px 5px 0px 0px;
	
}

h4.Directory
{
	font-size: 1em;
	font-weight: bold;
	/*border-bottom: solid 1px #7d7d7d;*/
	height:25px;
	width:100%;
	margin-bottom: 8px;
}

.DirectoryImages
{
	float:left;  
	height: auto; 
	margin-top: 5px; 
	margin-left: 10px;
}

.DirectoryImagesThumbs
{
	margin-top: 0px; 
	margin-left: 0px;
	
}

.DirectoryContent
{
	margin-top: 0px; margin-left:0px; padding-left:0px; width:579px;
	/*background-color:White;*/
}

.DirectoryContentBack
{
	margin-top: 0px; padding-left:363px;
	padding-top:7px;
	background-color:White;
}


/* Cart Classes */
.CartLabel
{
	font-size: .8em;
	font-weight: bold;
	color: #3f7808;
}

.CartTableHeader
{
	background: #f7f7f7;
	padding: 5px;
	color: #000;
	font-size: .75em;
}

.CartTableItem
{
	padding: 5px;
	font-size: .75em;
}

.CommonMessage, 
.CommonMessageError
{
	clear:both;
	display:block;
	padding: 4px;
	margin: 4px 0px 4px 0px;
	border: solid 1px;
}

.CommonMessageError
{
	color: #300;
	border-color: #300;
	background-color: #d66;
}

.CommonMessageSuccess {background: #E3FEB3; border-color: #97D330; color: #5D8F06;}