@CHARSET "UTF-8";

/*
--------------------------------------------
QOF MAIN FORM PAGE
--------------------------------------------
*/
.qofEntry h1 {
  background-color: #F1F0F0;
  color: #2A6B14;
  display: block;
  font-size: 16px;
  height: 25px;
  margin: 5px 0;
  padding: 3px 0 0 5px;
}

#productDetailsContainer {
	/*float: left;*/
	float: none;
	width: 1001px;
	display: inline-block;
}

.qof-infoMessage {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
}

.qof-productCodeMessage {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
}

.actionMessages ul {
	list-style-type: none;
	margin: 0;
	padding-left: 10px;;
}

.actionMessages span {
	font-size: 12px;
	color: #F00;
}

#qofPanel {
	left: 85px;
	width: 825px;
	height: 352px;
}

#qofHead {
	background-color: #f1f0f0;
	border-bottom: 1px solid #DEDCDC;
	float: left;
	height: 38px;
	margin: 0;
	width: 825px;
}

#qofHead h2 {
	color: #000;
	float: left;
	margin: 0;
	padding: 10px;
	font-size: 13px;
	width: 760px;
}

#qofInstructions {
	float: left;
	height: 261px;
	margin: 0;
	min-height: 65px;
	width: 200px;
}

#qofInstructions p {
	margin: 10px;
}

#qofContent .qofRow {
	margin: 10px 0;
}

#qofContent div {
	float: left;
	margin: 10px 30px;
}

input.qofEntryTextField, input.qofEntryTextErrorField {
	width: 97px;
	height: 20px;
	float: left;
	font-size: 1em;
	border: 1px solid #7F9DB9;
}

input.qofEntryTextErrorField {
	border: 1px solid red;
}

.qofInputLabel {
	text-align: right;
	width: 25px;
	float: left;
	font-size: 13px;
	padding-top: 16px;
	padding-left: 36px;
}

.qofEntryTextField, .qofEntryTextErrorField {
	margin: 9px;
	padding-left: 3px;
}

#qofContent {
	float: left;
	border-left: 2px solid #DEDCDC;
	width: 597px;
	height: 250px;
	padding: 21px 0 0 11px;
}

.qof-continueButton {
	float: right;
}

#qofFooter {
	background-color: #F1F0F0;
	border-top: 1px solid #DEDCDC;
	float: left;
	height: 42px;
	margin: 0;
	padding: 0;
	width: 825px;
}

.errorItems {
	font-weight: bold;
}

/*
--------------------------------------------
QOF RESULTS PAGE
--------------------------------------------
*/
.qofHeaderMessages {
	float: left;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 998px;
}

.qofHeaderMessages p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin-top: 2px;
	padding: 0 0 0 26px;
}

.qofIcons {
	height: 21px;
	width: 12px;
	padding-left: 10px;
	float: left;
}

.qofHeaderMessages #qofPointOne {
	background-image:
		url('http://127.0.0.1:9081/content/common/images/qof_point_one.gif');
	background-repeat: no-repeat;
}

.qofHeaderMessages #qofPointTwo {
	background-image:
		url('http://127.0.0.1:9081/content/common/images/qof_point_two.gif');
	background-repeat: no-repeat;
	clear: left;
}

/*
--------------------------------------------
QOF NOT YET ADDED
--------------------------------------------
*/
#noAddMessage {
	display: none;
	background: black none;
	color: #000;
	float: left;
	height: auto;
	margin-bottom: 2px;
	width: 1001px;
}

#noAddMessageDynamic {
	color: #FFFFFF;
	float: left;
	width: 380px;
}

.noAddMessage span {
	float: left;
	font-size: 22px;
	font-weight: bold;
	padding: 0 10px;
	color: white;	
}

.noAddMessage p {	
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.85em;
	margin-top: 2px;
	width: 569px;
	color: white;
}

#noAddMessageDynamic a {
	padding-left: 5px;
	text-decoration: underline;
	font-weight: bold;
	padding-top: 2px;
	float: left;
}

#productDetailsContainer .prodDetailsFrameHeader {
	background-color: #DEDCDC;
	height: 25px;
	margin: 0 0 3px;
	padding: 0 4px 0 11px;
	width: 985px;

}

.prodDetailsFrame {
	height: 450px;
	margin-bottom: 5px;
	width: 999px;
}

.prodDetailsFrameHeader p,.prodDetailsFrameHeader .frameHeaderProduct {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #3A981E;
	line-height: 1.125em;
	float: left;
	padding-top: 4px;
}

#removeTabsContainer {
	width: 120x;
	float: right;
	height: 34px;
	padding-right: 11px;
}

#qofAddToBagFooter {
	width: 1003px;
	background-color: #E6E4E4;
	height: 45px;
	float: left;
}

.prodDetailsWarningFrame {
	border: red solid 2px;
}

.qofBackContainer {
	float: left;
	height: 29px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0;
	width: 92px;
}

.qofContinueShoppingContainer {
	float: left;
	height: 29px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0;
	width: 146px;
}

.qofBackContainer a,.qofBackContainer a:link,.qofBackContainer a:visited,.qofContinueShoppingContainer a,.qofContinueShoppingContainer a:link,.qofContinueShoppingContainer a:visited
	{
	color: #000;
	background-image:
		url(//images2.drct2u.com/content/common/images/modalButtons/modalButtonBg.gif);
	background-repeat: repeat-x;
	float: left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	height: 29px;
	margin: 0;
	min-width: 10px;
	padding-left: 2px;
	padding-top: 4px;
	text-decoration: underline;
}

.qofBackContainer a:hover,.qofContinueShoppingContainer a:hover {
	text-decoration: none;
	color: #090;
	background-color: transparent;
	cursor: pointer;
}

.qofBackContainer .backButtonCapLt {
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	margin: 0;
	width: 26px;
	background-image:	url(//images2.drct2u.com/content/common/images/commongui/GUI_btnBackCapLt.png);
}

.qofBackContainer .backButtonCapRt {

	background-repeat:no-repeat;
	float: left;
	height: 29px;
	margin: 0;
	width: 10px;
	background-image:	url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCommonCapRt.png);
}

.qofBagButtonContainer {
	float: right;
	height: 29px;
	margin-right: 6px;
	margin-top: 7px;
	padding: 0;
	width: 152px; /* to allow bold text to not wrap button */
}


#CheckoutButton a {
	float: left;
}

/*
--------------------------------------------
QOF MODAL
--------------------------------------------
*/
#qofModalContent {
	overflow: hidden !important;
	overflow-y: scroll !important;
	height: 355px !important;
	width: 781px !important;
}

#qofModalMessage {
	height: 25px;
	padding: 5px 0 0;
	text-align: left;
	width: 740px;
}

#qofModalMessage p {
	font-size: 13px !important;
	padding-left: 10px !important;
}

#qofButtonsTop {
	background: none repeat scroll 0 0 #F1F0F0;	
	height: 40px;
	margin-bottom: 10px;
	width: 766px;
	_width: 760px;
}

#container {
	float:right;
	height:35px;
}

#productThumbs {
	clear: both !important;
}

#qofProductContainer {
	width: 725px;
}

img.overImg,img.overImgRight,img.overImgTopRight {
	display: none;
}

.qofButtonsBottom {
	float: right;
	margin-right:-5px;
}

.commonBtnClose, .commonBtnForwardTinted {
	padding: 5px 10px 5px 5px !important;
	float: left;
}

.productPreviewWrapper {
	border: 3px SOLID #dedcdc;
	z-index:1;
	float:left;
	height: 210px;
	margin: 2px 10px 12px 3px !important;
}

#productThumbs {
	width: 740px;
	padding: 0 20px;
	height: auto;
}



/*
--------------------------------------------
QOF AFFINITY PAGE
--------------------------------------------
*/

#browseContent-7 {
	float:none;
	margin:0;
	padding:0;
	display:block;
	width:auto;
}

#browseContent-7 div#breadcrumbNav {
/*	width:100%;
*/	margin:0;
	padding:0;
	display:block;
	width:auto;
	float:none;
	height:34px;
}

#browseContent-7 div#breadcrumbNav span {
	display:none;	
}

#browseContent-7 div#breadcrumbNav h1 {
	background:#f1f0f0;
	color:#2a6b14;
	font-size:1.1em;

	display:block;
	width:auto;
	margin:0;
	padding:5px 10px 6px;
	text-align:left;
	float:none;
}

div#browseContent-7 div#affinityText {
	clear:both;
	text-align:left;
	width:auto;
	float:none;
	padding:5px 10px 20px 45px;
	height: 40px;
}

/*div#browseContent-7 div#affinityText div.buttonContainer {
	display:inline;
	float:none;
}*/

div#browseContent-7 div#affinityText div.commonBtnContinueTinted, div#browseContent-7 div#affinityText div.commonBtnNoStyle, div#browseContent-7 div#affinityText div.commonBtnContinueTinted, div#browseContent-7 div#affinityText div.commonBtnClose a, div#browseContent-7 div#affinityText div.commonBtnClose a:link, div#browseContent-7 div#affinityText div.commonBtnClose a:visited {
	float:none;
}

/*.commonBtnClose a, .commonBtnClose a:link, .commonBtnClose a:visited, .commonBtnBack a, .commonBtnBack a:link, .commonBtnBack a:visited, .commonBtnForward a, .commonBtnForward a:link, .commonBtnForward a:visited, .commonBtnNoStyle a, .commonBtnNoStyle a:link, .commonBtnNoStyle a:visited, .commonBtnAdd a, .commonBtnAdd a:link, .commonBtnAdd a:visited {
	float: left;
}*/


/*div.buttonContainer
div.commonBtnForward
div.commonBtnCapLt
a
div.commonBtnCapRt*/

div#browseContent-7 div#affinityText div#affinityButtons {
	height:45px;
	display:block;
}

div#browseContent-7 div#affinityText div.affinityLine {
	height:45px;
	padding:5px 5px 0;
}
div#browseContent-7 div#affinityText div#affinityButtons  {
	margin-left:-5px;
}
div#browseContent-7 div#affinityText div#affinityButtons div {
	display:inline;
	float:left;
	height:34px;
	vertical-align:middle;
	font-size:0.8em;
}

div#browseContent-7 div#affinitytitle {
	clear:left;
}

div#browseContent-7 div#affinityText span {
  float: left;
  line-height: 2.3em;
}

div#browseContent-7 div#affinityText div#affintyBtnText {
  font-size: 0.75em;
  padding: 0 0 0.31em;
}

div#browseContent-7 div#affinityText div#qofCarryOnBtnContainer {
  float: left;
  font-weight: bold;
  margin-left: 5px;
  width: 159px;
  margin-right: 5px;
  padding: 0;
  height: 25px;
}

div#browseContent-7 div#affinityText div#qofContinueBtnContainer {
  float: left;
  font-weight: bold;
  width: 185px;
  margin: 0;
  padding-right: 5px;
  padding-left: 7px;
}

#affinityProducts {
	margin:0 auto;
	width:100%;
	float:none;
}

#affinityProducts div.affinityList {
	display:block;
	clear:both;
	width:843px;
	border:solid 3px #dedcdc;
/*	overflow:auto;*/
	height:auto;
	margin:8px auto;
	background: url(http://127.0.0.1:9081/content/common/images/affinityItemBg.jpg) repeat-x bottom;
	position:relative;
}

#affinityProducts div.affinityHeader {
	display:block;
	background-color:#f1f0f0;
	border-bottom:1px solid #DEDCDC;
	height:13px;
	margin:0;
	padding:6px 5px 9px 10px;
	font-size:0.9em;
	/*color:#39427f;*/
	color:#000;
	font-weight:bold;
	text-align:left;
}

#affinityProducts div.mainItem {}

#affinityProducts div.thumb {}

#affinityProducts div.productPreview {
	float:left;
	border-bottom:0;
	margin:0;
	padding:0;
}

#affinityProducts .productPreviewWrapper {
	height: 260px;
}

#affinityProducts div.productFirstItem {
	background: #e8f7d9 url(http://127.0.0.1:9081/content/common/images/affinityFirstItemBg.jpg) repeat-x bottom;
	border-right: solid 2px #dedcdc;
}

#affinityProducts div.productPreviewImage {
	margin-top: 15px;
}

#affinityProducts .productPreviewImage, #affinityProducts .rating, #affinityProducts .productPreviewText {
    margin-left: 10px;
    margin-right: 10px;
}

#affinityProducts div.productPreviewImage img {
	border: solid 1px #afaeae;
}

#affinityProducts p.productTitle a:link, #affinityProducts p.productTitle a:visited {
	/*color:#39427f;*/
	color:#000;
}

#affinityProducts img.overImg, #affinityProducts img.overImgRight, #affinityProducts img.overImgTopRight, #affinityProducts p.videoAvailable { display:none;}

/* */
.commonCurveLB {
	height: 10px;
	bottom: 0; 
	left: 0;	
	width: 10px; 
	background-image: url(https://images2.drct2u.com/content/common/images/commongui/GUI_btnCurveLB.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0 0 -3px -3px;
	_margin: 0 0 -4px -3px;/* IE7 and below */ 
	min-height: 0;
}

.commonCurveRB {
	bottom: 0; 
	right: 0;
	width: 10px; 
	height: 10px;
	background: url(https://images2.drct2u.com/content/common/images/commongui/GUI_btnCurveRB.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0 -3px -3px 0;
	_margin: 0 -4px -4px 0;
	padding: 0;
}

.clearBoth {
  clear: both; 
  width: 1px; 
  height: 0.001%;
  font-size: 0; 
  line-height: 0; 
}

.productPreview {
	float: left; 
	width: auto;
	margin: 0 0 0.3em 0;
	min-height: 1em;
	height: auto !important;
	height: 23.7em;
	line-height: 0.94em;
}

.productPreviewText {
    display: block;
    height: 0;
    min-height: 0;
	/*
    width: 250px;
	*/
}
