/* CSS Document */

html {overflow: scroll}

body {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	background-color:#ffffff;
}

dt {
	padding-top:10px;
	padding-bottom:5px;
	font-weight:bold;
}
img {
	border-color:#333333;
}
a {
	color:#0066CC;
	text-decoration:none;
}
a:hover {
	color:#0033CC;
	text-decoration:underline;
}
img a:hover {
	text-decoration:none;
}
a:visited {
	color:#0066CC;
}
#shell {
	top:1px;
	left:1px;
	position:absolute;
	width:100%;
	height:auto;
	/*text-align:center;*/
	
}
#pageheader {
	/*color:#333333;*/
	font-size:18px;
	height:auto;
	text-align:center;
	

}
.menu {
	margin:0 auto;
	border:1px solid #333333;
	background:#0066cc;
	text-align:center;
	color:#FFFFFF;
	font-size:14px; 
	width:896px;
	height:24px;
}

.menuitem {
	float:left;
	width:auto;
	height:24px;
	padding-left:15px;
	padding-right:15px;
	/*border-right:1px solid #333333;*/
}
.menu a {
	color:#FFFFFF;
	text-decoration:none;
}
.menuitem:hover {
	background-color:#333333;
	color:#FFFFFF;
}
.content {
	margin-left:50px;
	margin-right:auto;
	max-width:90%;
	min-height:475px;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;

	
}
.contentheader {
	font-size:18px;
	text-align:center;
	color:#666666;
}
#faqmenu {
	text-align:left;
}
.faqgroup {
}
#cuedetailbody {
	position:static;
	width:auto;
}

.contentsubheader {
	font-weight:bold;
}
	

.floatingcontent {
	position:relative;
	float:left;
	margin:5px;
	width:250px;
	border:solid 1px #333333;
}

.floatingcontainer {
	position:relative;
	float:left;
}
.optionswatch {
	border:1px solid #333333;
	float:left;
	margin:1px;



}

.optioninfocontainer {
	position:absolute;
}
.optioninfo {
	display:none;
	position:relative;
	color:#FFFFFF;
	background-color:#333333;
	border:2px solid #0033cc;
	width:125px;
	height:50px;
	top:-24px;
	left:-60px;
}

.optionswatch:hover .optioninfo {
	display:block;
}
/*a:hover img.optionswatch {border:4px solid #333333;}*/

.productgroup {
	float:left; 
	margin:8px;
	width:250px;
	min-height:400px;
	height:auto;
	
	/*border:solid 1px #333333;*/
	/*cursor:pointer;*/
}



.cuegroup {
	position:relative;
	/*margin-top:10px;*/
	float:left; 
	/*margin:10px;*/
	width:auto;
	height:auto;
	/*border:solid 1px #333333;*/
	/*cursor:pointer;*/
}

.cuethumb {
	max-width:896px;
	margin-top:15px;
	margin-bottom:15px;
	color:#333333;
	font-size:small;
	/*cursor:pointer;*/
	/*border-bottom:solid 1px #CCCCCC;*/
}
.cuethumbvert {
	float:left;
	width:40px;
	margin-left:15px;
	margin-right:15px;
	color:#333333;
	font-size:smaller;
	cursor:pointer;

}
.modelnav {
	font-size:smaller;
	text-align:center;
	padding-top:15px;
}
.modelnav a {
	text-decoration:none;
}
.modelnav a:hover {
	color:#333333;
}
	
table.productbox {
	border:1px solid #333333;
}
table.productbox td.groupheader {
	color:#ffffff;
	/*font-size:14px;*/
	border-bottom:1px solid #333333;
	padding:2px;
	background-color:#333333;
	
}
table.productbox td.groupheader a {
	color:#ffffff;
	text-decoration:none;
}
table.productbox td.groupheader a:visited {
	color:#ffffff;
}
table.productbox td.groupnote {
	padding:4px;
	font-size:small;
	border-top:1px solid #333333; 
}
table.productbox td.cuegroupnote {
	color:#ffffff;
	padding:3px;
	font-size:12px;
	
	border-top:1px solid #333333; 
	background-color:#333333;
	text-align:center;
}
#footer {
	/*background-image:url(images/bgbluegrad.gif);
	background-repeat:repeat-x;*/
	margin-left:50px;
	margin-right:auto;
	max-width:90%;
	padding-top:15px;
	padding-bottom:15px;
	position:static;
	clear:both; /*unecessary?*/
	font-size:10px;
	text-align:center;
	height:auto;
}
.cuemodelheader {
	font-size:large;
	font-weight:bold;
}
.bl {background: url(http://vikingcue.com/images/border/bl.gif) 0 100% no-repeat}
.br {background: url(http://vikingcue.com/images/border/br.gif) 100% 100% no-repeat}
.tl {background: url(http://vikingcue.com/images/border/tl.gif) 0 0 no-repeat}
.tr {background: url(http://vikingcue.com/images/border/tr.gif) 100% 0 no-repeat; padding:10px}