@import url("fensons_reset.css");

/* ======== GENERAL TAGS
====================================================== */
html { }
body { width: 100%; color: #000; font: 70%/120% "Lucida Sans Unicode", Arial, Helvetica, sans-serif; margin: 0; background: #fff url("/gr/bg12.gif") repeat-x; padding: 0; margin: 0; }
xdiv { border: 1px dotted #ff3300; }
p { padding: 0 0 7px 0; }
strong { font-weight: bold; }
blockquote { margin-left: 15px; }
iframe { border: 1px solid #ccc; margin-bottom: 10px; }
ul { margin: 0 0 0 20px; }
li { list-style: disc; }

/* ======== SITE STRUCTURE
====================================================== */
#siteholder { position: relative; margin: 0 auto; padding: 0; text-align: left; width: 840px; }

/* ======== HEADER
====================================================== */
#header { position: relative; height: 230px; }
	#logo { position: absolute; bottom: -20px; left: 10px; background: url("/gr/logo8.png") no-repeat; width: 357px; height: 95px; }
	#logo a { display: block; width: 100%; height: 100%; }
	#logo span { display: none; }
#header_content { position: absolute; bottom: 5px; right: 0px; text-transform: uppercase; font-size: 85%; }
#header_content a { text-decoration: none; color: #777; margin: 0 5px; }
#header_content a:hover { color: #FF9900; }

	/* PAGE #titleS */
#title { position: absolute; bottom: 35px; right: 0; width: 381px; height: 27px; }
	body#brands #title { background: url("/gr/titles/brands.png") right bottom no-repeat; }	
	body#company #title { background: url("/gr/titles/company.png") right bottom no-repeat; }
	body#contact #title { background: url("/gr/titles/contact.png") right bottom no-repeat; }
	body#home #title { xbackground: url("/gr/titles/brands.png") right bottom no-repeat; }
	body#legal #title { background: url("/gr/titles/legal.png") right bottom no-repeat; }
	body#login #title { background: url("/gr/titles/login.png") right bottom no-repeat; }
	body#news #title { background: url("/gr/titles/news.png") right bottom no-repeat; }
	body#press #title { background: url("/gr/titles/press2.png") right bottom no-repeat; }
	body#private #title { background: url("/gr/titles/private_label.png") right bottom no-repeat; }
	body#register #title { background: url("/gr/titles/register.png") right bottom no-repeat; }	


/* ======== MAIN
====================================================== */	
#main { margin: 0; padding: 20px 0 30px 0; overflow: auto; }
#main_content { padding: 0; margin-top: 10px; text-align: left; xheight: 200px; xoverflow: auto; xoverflow-x: hidden; }
#main_content #brandsmenu { margin: 0 0 15px 0; text-align: right; }
#main_content #brandsmenu select { border-bottom: 1px solid #FF6600; }
#main_content a { color: #3399FF; border-bottom: 1px dotted #666; text-decoration: none; }
#main_content a:hover { border-bottom: 1px solid #9A8E51; color: #333; }
#main_content h1 { color: #999; font: 150%/100% Arial, Helvetica, sans-serif; margin: 10px 10px 10px 0; text-align: right; }
#main_content .h1_italics { font-size: 75%; font-weight: normal; xfont-style: italic; color: #666; letter-spacing: normal; }
#main_content h2 { font-size: 110%; font-weight: bold; margin-top: 15px; }
#main_content h3 { font-size: 90%; font-weight: bold; xmargin-top: 15px; text-transform: uppercase; }
.brands_box { text-align: center; }

#contact-form { margin-top: 10px; }


/* ======== COLUMNS
====================================================== */

/* All */
.col2-set, 
.col3-set, 
.col4-set, { clear: both; overflow: auto; }

/* Col2 */
.col2-set .col-1, 
.col2-set .col-2 { width: 48.5%; }
.col2-set .col-1 { float: left; }
.col2-set .col-2 { margin-left: 51%; }

/* Col2-alt */
.col2-alt-set { clear: both; overflow: auto; width: 90%; }
.col2-alt-set .col-1 { float: left; width: 25%; }
.col2-alt-set .col-2 { xwidth: 78%; margin-left: 30%; padding-left: 40px; border-left: 1px solid #ccc; }

/* Col3 */
.col3-set .col-1, 
.col3-set .col-2, 
.col3-set .col-3 { float: left; width: 31.3%; }
.col3-set .col-1, 
.col3-set .col-2 { margin-right: 3%; }

/* Col4 */
.col4-set .col-1, 
.col4-set .col-2, 
.col4-set .col-3, 
.col4-set .col-4 { float: left; width: 22%; }
.col4-set .col-1, 
.col4-set .col-2, 
.col4-set .col-3 { margin-right: 4%; }	

/* ======== FOOTER
====================================================== */
#footer { clear: both; margin: 10px 0; color: #999; }
#footer_content { font-size: 85%; line-height: 140%; text-align: left; padding: 0; }
#footer_content a { color: #777; }
#footer_content a:hover { color: #000; }
#footer hr { width: 25%; border: 0; border-top: 1px dotted #ccc; height: 1px; margin: 0 0 10px 0; }

/* ======== MISC
====================================================== */
td { vertical-align: top; }
input, select, textarea { font: 11px/13px Arial, Helvetica, sans-serif; border: 1px solid #ccc; border-width: 0 0 1px 1px; background-color: #f6f6f6; margin-top: 1px; }

.line { padding: 5px 0; border-bottom: 1px dotted #ccc; width: 100%; height: 1px; }
.img_left { float: left; margin: 0; }

#buttons { overflow: auto; margin: 30px auto 0 100px;}
#buttons a { display: block; width: 243px; height: 61px; float: left; text-transform: uppercase; text-decoration: none; border: 0; color: #ccc; font-size: 200%; xpadding-top: 100px; text-align: center; font-weight: bold; margin-right: 25px; }
#buttons a.vendors { background: url("/gr/bg_button_vendors.jpg") 0 top no-repeat; }
#buttons a.salesreps { background: url("/gr/bg_button_reps_agents.jpg") 0 top no-repeat; }
#buttons a:hover { border: 0; background-position: 0 bottom; }