body
{
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: 10pt;
	margin: 30px;
	padding: 0;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0px 0px 15px 0px;
}

/*******************************************************/
/* Div styles
/*******************************************************/
#maincontainer
{
	width: 890px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background: #73757b;
}

#topsection
{
	height: 15px; /*Height of top section*/
}

#contentwrapper
{
	float: left;
	width: 100%;
	background: #73757b;
	padding-top: 0px;
	color: #73757b;
}
#contentcolumn
{
	margin: 0px 270px 0px 107px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	background: white;
	height: 636px;
}

html > body #contentcolumn
{
	min-height: 636px;
	height: auto;
}

#contentcolumn2
{
	margin: 0px 15px 0px 107px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	background: white;
	height: 360px;
}

html > body #contentcolumn2
{
	min-height: 360px;
	height: auto;
}

#leftcolumn
{
	float: left;
	width: 107px; /*Width of left column in pixel*/
	margin-left: -890px; /*Set margin to that of -(MainContainerWidth)*/
	background: #73757b;
}

#rightcolumn
{
	float: left;
	width: 270px; /*Width of right column*/
	margin-left: -270px; /*Set left margin to -(RightColumnWidth)*/
	background: #73757b;
}

#rightcolumn2
{
	float: left;
	width: 15px; /*Width of right column*/
	margin-left: -15px; /*Set left margin to -(RightColumnWidth)*/
	background: #73757b;
}

#footer
{
	clear: left;
	width: 100%;
	background: #73757b;
	height: 15px;
}

.innertube
{
	margin: 0px 15px; /*Margins for inner DIV inside each column (to provide padding)*/
}
.innertext
{
	padding: 15px;
}
/*******************************************************/
/* misc styles
/*******************************************************/
img
{
	border: 0;
}
.clearBoth
{
	clear: both;
	line-height: 1px;
}
.float
{
	float: left;
}
.formtitle
{
	background-color: #cecfce;
	color: #73757b;
	padding: 1px;
	text-align: center;
}

h1
{
	font-size: 1.2em; /*margin:0px 0px;*/
}

/*******************************************************/
/* link styles
/*******************************************************/
a
{
	color: #adbac6;
	text-decoration: none;
}
a:active
{
	color: #adbac6;
	text-decoration: none;
}
a:hover
{
	color: #cecfce;
	text-decoration: none;
}

#leftcolumn a
{
	color: #cecfce;
	text-decoration: none;
}
#leftcolumn a:hover
{
	color: White;
	text-decoration: none;
}
#leftcolumn a.active
{
	color: #cecfce;
	text-decoration: none;
}
#leftcolumn ul
{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#leftcolumn li
{
	padding-bottom: 15px;
}

a.link
{
	color: Gray;
	font-size: 12pt;
}
a.link:hover
{
	color: #cecfce;
	font-size: 12pt;
}

a.activelink
{
	color: Gray;
	font-size: 12pt;
	font-weight: bold;
}
a.activelink:hover
{
	color: #cecfce;
	font-size: 12pt;
	font-weight: bold;
}

.grid_pager a, a.hyperlinkfield
{
	color: blue;
	text-decoration: none;
}

.grid_pager a:hover, a.hyperlinkfield:hover
{
	color: blue;
	text-decoration: underline;
}

a.LinkButton
{
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	height: 18px;
	line-height: 18px;
}

.YourFilesLink A:link, .YourFilesLink A:visited
{
    color: blue;
}

/*******************************************************/
/* table styles
/*******************************************************/

TABLE.default TD
{
	padding: 0px 3px 3px 0px;
}


TD.spacecell
{
	width: 50px;
}

TD.baskettitle
{
	text-align: center;
	padding: 0px 0px 5px 0px;
}

TD.basketlabel
{
	width: 40px;
	background: white;
}
TD.basketdata
{
	width: 100px;
	background: white;
	text-align: left;
}
TR.summaryrow
{
	text-align: right;
}
TR.summaryrow:lastchild
{
	width: 100%;
}

TABLE.of_table
{
	width: 100%;
}

TR.of_header, TH.of_header
{
	background-color: #00008b;
	color: white;
	font-weight: bold;
}
TD.of_ref, TH.of_ref
{
	background-color: Gray;
	border-right: 3px solid white;
	color: white;
	border-bottom: solid 1px gray;
}

TR.of_collection
{
	background-color: #d3d3d3;
	color: #00008b;
}
TR.of_collection TD
{
	border-bottom: solid 1px gray;
}

TR.of_product
{
	color: Gray;
	vertical-align: top;
}

TR.of_product_select
{
	color: Gray;
	vertical-align: top;
	background-color: Silver;
}

TR.of_product TD
{
	border-bottom: solid 1px gray;
}

TR.pi_product
{
	color: Gray;
	vertical-align: middle;
}

TR.pi_product TD
{
	border-bottom: solid 1px gray;
}


TD.of_description
{
	color: Black;
}
LABEL.of_decor
{
	text-align: right;
	color: Gray;
}
TD.of_unit
{
	color: Red;
	white-space: nowrap;
	text-align: right;
}
TD.of_size
{
	text-align: right;
}
TD.of_lsacode
{
	white-space: nowrap;
}
TD.of_page
{
	text-align: right;
}
TD.of_price
{
	text-align: right;
	color: Blue;
	white-space: nowrap;
}
TD.of_min
{
	text-align: center;
}
TD.of_pack
{
	text-align: center;
}
TD.of_buy
{
	padding-left: 0px;
	padding-right: 0px;
	text-align: right;
}

INPUT.of_buy
{
	background-color: white;
	border-color: #00008b;
	color: #00008b;
	border-width: 1px;
	border-style: solid;
	text-align: center;
}
INPUT.of_buy_error
{
	background-color: white;
	border-color: red;
	color: red;
	border-width: 1px;
	border-style: solid;
	text-align: center;
}
TD.of_quantity
{
	text-align: right;
}

TD.of_total
{
	text-align: right;
	color: blue;
	border-right: solid 1px gray;
	white-space: nowrap;
}
TD.of_subtotal
{
	text-align: right;
	color: blue;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #73757b;
	border-right: solid 1px #73757b;
	white-space: nowrap;
}
TD.of_carriage
{
	text-align: right;
	color: blue;
	border-top: solid 1px #73757b;
	border-left: solid 1px #73757b;
	border-right: solid 1px #73757b;
	white-space: nowrap;
}

TD.of_grandTotal
{
	text-align: right;
	font-weight: bold;
	color: blue;
	border: solid 1px #73757b;
	white-space: nowrap;
}

TD.of_grandTotalLabel
{
	text-align: right;
	font-weight: bold;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #73757b;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #73757b;
}

TD.of_buttons
{
	text-align: right;
	padding: 5px 0px 5px 0px;
	border-collapse: collapse;
}
TD.of_minorder
{
	text-align: right;
	color: Red;
	padding: 5px 0px 5px 0px;
	border-collapse: collapse;
}
TD.of_underline
{
	text-align: right;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #73757b;
}

TABLE.usermenu td
{
	padding: 0px 2px 20px 2px;
}

/*******************************************************/
/* validation styles
/*******************************************************/
.validator
{
	padding-top: 3px;
	padding-left: 3px;
	position: absolute;
}

.validationSummary UL
{
	margin-left: 6pt;
}
.validationSummary LI
{
	margin-left: 12pt;
}

/*******************************************************/
/* pop up div
/*******************************************************/
.navtext
{
	width: 200px;
	border-width: 2px;
	border-style: solid;
	border-color: #73757b;
	background-color: #cecfce;
	color: black;
}

.pager
{
	width: 700px; /*this is the width of your <TR>*/
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}
.pager li
{
	float: left;
}

.threeColumns
{
	width: 700px; /*this is the width of your <TR>*/
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	height: 560px;
}

.threeColumns li
{
	float: left;
	width: 160px; /*adjust these number so that two images fix into one row */
	padding-right: 15px; /*adjust this to have a space between two images */
	margin-bottom: 15px; /*adjst this to have a space in between top and bottom images */
	display: block;
	list-style: none;
}

.threeColumns li.first_col
{
	clear: left;
}

.results a
{
	color: Blue;
}

.results a:hover
{
	color: #0066ff;
}



/*******************************************************/
/* rounded corners
/*******************************************************/
.roundedcornr_box_128379
{
	background: url(images/roundedcornr_128379_tl.png) no-repeat top left;
	width: 160px;
}
.roundedcornr_top_128379
{
	background: url(images/roundedcornr_128379_tr.png) no-repeat top right;
}
.roundedcornr_bottom_128379
{
	background: url(images/roundedcornr_128379_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_128379 div
{
	background: url(images/roundedcornr_128379_br.png) no-repeat bottom right;
}
.roundedcornr_content_128379
{
	background: url(images/roundedcornr_128379_r.png) top right repeat-y;
}

.roundedcornr_top_128379 div, .roundedcornr_top_128379, .roundedcornr_bottom_128379 div, .roundedcornr_bottom_128379
{
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.roundedcornr_content_128379, .roundedcornr_bottom_128379
{
	margin-top: 0px;
	text-align: center;
	vertical-align: bottom;
}
.roundedcornr_content_128379
{
	padding: 0 10px;
}

/**********************************/
/* Grid styles                    */

.grid-pager
{
	background: #CCCCCC;
	border-top: solid 1 black;
}

.grid-pager a
{
	color: blue;
	text-decoration: underline;
}
.grid-pager a:hover
{
	color: gray;
	text-decoration: underline;
}


.grid
{
	border: solid 2px Black;
}

.grid-header
{
	background: #CCCCCC;
	text-decoration: none;
	font-weight: normal;
}
.grid-header th
{
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	color: Black;
	border-bottom: solid 1px black;
	border-right: solid 1px black;
	padding: 1 1 1 4;
	border-bottom-style: outset;
	border-right-style: outset;
	border-width: 1px;
}
.grid-header a
{
	color: Black;
	text-decoration: none;
}
/***********************************/


/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;	
}

.modalPopup
{
	background-color: White;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 15px;
}

.tabStrip ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.tabStrip li
{
	margin: 0 2px 0 0;
	list-style-type: none;
	float: left;
}
.tabLink
{
	display: block;
	text-decoration: none;
	padding: 5px;
	background: #e8e8e8;
	border: #dadada solid;
	border-width: 1px 1px 0 1px;
	color: #8a8a8a;
}
.tabLinkActive
{
	display: block;
	text-decoration: none;
	padding: 5px;
	background: #e0e0e0;
	border: #c0c0c0 solid;
	border-width: 1px 1px 0 1px;
	color: #0066ff;
}
.tabContent
{
	display: block;
	clear: both;
	padding: 5px;
	border: #c0c0c0 solid;
	border-width: 1px;
}
.styleshots
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.styleshots li
{
	margin: 0 2px 0 0;
	list-style-type: none;
	float: left;
}

.styleCell
{
	border-bottom: solid 1px #c0c0c0;
}
.styleCellDownload
{
	border: solid 1px red;
}