
#header .headerDiv
{
	/* width: 317px; */
	float: right;
	width: 200px;
	margin: 50px 20px 0 0;
	padding: 0;

	color: #fff;
	text-align: right;
}

#header .headerDiv a
{
	color: #fff;
}

/**
* TOP MENU
*/
.topMenu
{
	margin-right: 5px;
}

.topMenu a:link, .topMenu a:visited, .topMenu a:hover, .topMenu a:active
{
	font-size: 11px;
	line-height: 220%;
	padding: 5px 35px 5px 35px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #fff;
	border-right: 1px solid #1f3054;
}

.topMenu a:hover
{
	color: #fff;
	background: #1f3054 url(/local/roughrok.com/images/topMenuBgOver.gif) top left repeat-x;

}

.topMenu a:active
{
	padding: 5px 35px 5px 35px;
	color: #fff;
	background: #1f3054 url(/local/roughrok.com/images/topMenuBgOver.gif) top left repeat-x;
}

.topMenuOn
{
	color: #1f3054;
	background: #fff url(/local/roughrok.com/images/topMenuBgOn.gif) top left repeat-x;
	border-left: 1px solid #fff;
	border-right: 1px solid #1f3054;
	cursor: text;
}

/**
* INDEX.HTML
*/
#indexLeftPanel
{
	float:left;
	width:388px;
	margin:0;
	padding: 0;
	background: #F4F5F7;
}

#indexRightPanel
{
	display: inline;
	float:right;
	width:579px;
	margin:0;
	padding:0
}

#indexLeftPanel h1, #indexLeftPanel p { margin: 10px; }

/**
* The 2 colour panels
*/
.btnGreen, .btnRed
{
	display: block;
	width: 367px;
	height: 70px;
	color: #fff;
	padding: 0;
	margin: 10px;
}

.btnGreen { background: #2b5b22 url(/local/roughrok.com/images/index-greenBtn-1.gif) top left no-repeat; }
.btnRed { background: #8c3542 url(/local/roughrok.com/images/index-redBtn-1.gif) top left no-repeat; }

/* Button hover states */
a.btnGreen, a.btnGreen:link, a.btnGreen:active, a.btnGreen:visited
{
	background: #2b5b22 url(/local/roughrok.com/images/index-greenBtn-1.gif) top left no-repeat;
}

a.btnGreen:hover
{
	background: #6a8c64 url(/local/roughrok.com/images/index-greenBtn-2.gif) top left no-repeat;
}

a.btnRed, a.btnRed:link, a.btnRed:active, a.btnRed:visited
{
	background: #8c3542 url(/local/roughrok.com/images/index-redBtn-1.gif) top left no-repeat;
}

a.btnRed:hover
{
	background: #ae717a url(/local/roughrok.com/images/index-redBtn-2.gif) top left no-repeat;
}


/* Button text */
.btnGreen strong, .btnRed strong
{
	font-size: 170%;
	letter-spacing: -1px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	display: block;
	color: #fff;
	padding: 5px 15px 0 12px;
	line-height: 97%;
	text-decoration: none;
}

.btnGreen span, .btnRed span
{
	font-size: 100%;
	display: block;
	color: #fff;
	padding: 0 15px 0 12px;
	text-decoration: none;
}

/* Content of this button slightly small */
.btnGreen strong
{
	padding: 10px 15px 0 12px;
}

/**
* PRODUCT LAYOUT
*/
#productWrapper
{
	margin: 10px 0 10px 0;
}

#productWrapper .productItem
{
	border: 1px solid #6e798f;
	clear: both;
	height: 225px;
	margin: 0 0 10px 0;
	/* background: #ddd; */
}

#productWrapper .thumb1
{
	float: left;
	margin: 0;
	padding: 0;
	width:300px;
	height:225px;
}

#productWrapper .data1
{
	float: left;
	margin: 0;
	padding: 0;
	width:429px;
	height:225px;
	border-right: 1px dotted #6e798f;
}

#productWrapper .thumb2
{
	clear: right;
	float: right;
	margin: 0;
	padding: 0 25px 0 0;
	width:175px;
	height:90px;
}

#productWrapper .data2
{
	float: right;
	margin: 0;
	padding: 0;
	width:235px;
	/* height:135px; this is max available */
	height: 95px;
}

/**
* PRODUCT TEXT
*/
#productWrapper .tabTitle
{
	font-size: 90%;
	color: #6e798f;
}

#productWrapper .tabValue
{
	font-size: 90%;
	font-weight: bold;
}

#productWrapper .tabTitlePrice
{
	font-size: 140%;
	color: #6e798f;
}

#productWrapper .tabValuePrice
{
	font-size: 140%;
	font-weight: bold;
	color: #900;
}

#productWrapper h4, #productWrapper p
{
	text-align: center;
	margin-top: 10px;
}

/**
* BUTTON GROUP A
*/
#btnGroupA
{
	text-align: right;
	float: right;
	margin: 0;
	padding: 0;
	width: 400px;
	height: 20px;
}

a.btnRedSmall, a.btnRedSmall:link, a.btnRedSmall:active, a.btnRedSmall:visited
{
	background: #8c3542;
	margin: 0 0 0 1px;
}

a.btnRedSmall:hover
{
	background: #ae717a;
}

a.btnGreenSmall, a.btnGreenSmall, a.btnGreenSmall:link, a.btnGreenSmall:active, a.btnGreenSmall:visited
{
	background: #2b5b22;
	margin: 0 0 0 1px;
}

a.btnGreenSmall:hover
{
	background: #6a8c64;
}

.btnGreenSmall span, .btnRedSmall span
{
	color: #fff;
	line-height: 170%;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}

.btnGroupA-On
{
	background: #fff;
	margin: 0 0 0 1px;
	cursor: text;
}

.btnGroupA-On span
{
	color: #000;
	line-height: 170%;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}

#talklets02
{
	display: block;
	position: absolute;
	width: 99px;
	height: 30px;
	margin: 0;
	padding: 10px;
	border: 0;
	top: 5px;
	right: 50%;
	left: 50%;
}

#talklets02 img
{
	width: 99px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
}
