/* First set up all main body elements */

* {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
.font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
.font-size:12px; /* IE */
}
body {padding:10px;}
pre, blockquote, form, label, ul, hr, ol, dl, fieldset, address { margin:0px 0;padding: 0px 0; }
fieldset { padding:0px; border:none }

body {
text-align:center;
}

#entire-page {
width:752px;
text-align:left;
margin:0px auto 0;
}

#middle-content {
float:left;
width:748px;
border-left: 2px solid #35b6ff;
border-right: 2px solid #35b6ff;
}

#main-content {
width:560px;
float:left;
min-height: 400px;
height: auto !important; /* Min-height hack for IE6 */
height: 400px;
}

#main-content-splash {
width:613px;
float:left;
min-height:400px;
}

#home_full {
width:744px;
float:left;
min-height: 400px;
height: auto !important; /* Min-height hack for IE6 */
height: 400px;
}

#top-menu {
width:752px;
height:103px;
background: url(../images/upper_cap.jpg) no-repeat 0px 0px;
}

#distributor-logo {
float:left;
height:103px;
width:200px;
text-align:center;
overflow:hidden;
}

#auth_distro {
width:120px;
padding:0px 35px 3px 35px;
font-size:11px;
color: #555;
font-weight:700;
.font-size:12px; /* IE */
text-align:center;
}

#left-menu {
width:176px;
float:left;
height:400px;
}

/* Size changes for collections splash page */
#left-menu-splash {
width:135px;
float:left;
}

#topmargin {
margin:60px 0 0;
}

#topmargin-smaller {
margin:40px 0 0;
}

#topmargin-smallest {
margin:26px 0 0;
}

#consumers_content_small {
margin:15px 30px 0px 0;
}

#retailers_content_small {
margin:60px 30px 0px 0;
}

#footer {
width:740px;
color:#AAA;
font-size:10px;
.font-size:11px; /* IE */
text-align:center;
overflow:auto;
margin:0px auto 0;
}

#footer p {
margin:0px 0px 5px 0px;
font-size:10px;
.font-size:11px; /* IE */
}

#footer a {
font-size:10px;
.font-size:11px; /* IE */
color:#999;
font-weight:700;
text-decoration:underline;
margin:0px 0px 0px 5px;
}

#topline {
margin:7px 0px 5px 0px;
}

.footer_info {
font-size:10px;
.font-size:11px; /* IE */
}

.footer_heading {
font-size:10px;
.font-size:11px; /* IE */
font-weight:700;
margin:0px 1px 0px 15px;
}

#bottom-menu {
height:50px;
width:748px;
float:left;
overflow:hidden;
background: url(../images/bottomcap.jpg) no-repeat 0px 0px;
}

p {
margin:0px 30px 10px 0px;
}

img {
border:0 none;
vertical-align:middle;
}

h1 {
font-size:15px;
font-weight:700;
margin:0 0 15px 0px;
}

h2 {
font-size:12px;
.font-size:13px; /* IE */
font-weight:700;
margin: 0px 0 15px 0px;
}

h3 {
font-size:11px; 
.font-size:12px; /* IE */
font-weight:700;
margin:13px 0 4px;
}

a {
text-decoration:none;
outline:none;
color:#000;
font-weight:700;
}

#top-menu a, #bottom-menu a {
text-decoration:none;
outline:none;
}

a:hover {
text-decoration: underline;
}


ul { 
list-style-image: url(../images/bullet_2.gif); 
margin:0px 0px 0px 20px;
}

li {
margin:0px 0px 6px 3px;
}

ul,ul.tight_list {
margin:11px 0px 0px 20px;
}

ul.tight_list li {
margin:1px 0px 1px 3px;
}

.bold {
font-weight:700;
}

form {
margin: 18px 0 0px 0;
}

input {
color:#000;
border:0px solid #FFF;
margin: 0px 0 0 0;
padding: 2px;
}

select {
font-size:11px;
}

.radio_button {
height:12px;
margin-left:7px;
}

.small_text {
font-size:10px;
color:#777;
}

.quote {
padding:0px 10px 0 0;
font-style:italic;
float:right;
color:#777;
text-align:right;
width:265px;
}

.author {
margin: 5px 0 0 0;
}

.filetype {
color:#888;
}

textarea {
color:#000;
border:1px solid #FFF;
margin:0px;
padding:3px;
}


/* Home page CSS */

#home_left {
float:left;
width:250px;
height: 380px;
background: url(../images/frontpage_left.jpg) no-repeat 6px 25px;
}

#home_middle {
float:left;
width:300px;
height:350px;
padding: 50px 0 0 0;
margin: 0px 10px 0 0;
background: url(../images/frontpage_bottom.jpg) no-repeat -10px 240px;
}

#home_right {
float:left;
height:380px;
width:170px;
background: url(../images/frontpage_right.jpg) no-repeat 10px 25px;
}

#home_middle p {
margin:0px 0 10px 0;
padding:0px;
}


/* Collections CSS */

#collections_splashpage {
text-align:center;
}

.model_float {
float:left;
}

/*Custom Forms */


.form_textline_half {
width:280px;
height:20px;
margin:0px 0px 7px 0px;
}

.form_textline_half .form_description {
float:left;
height:18px;
vertical-align:middle;
width: 50px;
padding: 2px 0px 0px 4px;
font-weight:bold;
}

.form_textline_half .form_element {
float:left;
width: 220px;
vertical-align:middle;
height:20px;
margin: 0px 0px 0px 0px;
overflow:hidden;
}

.form_textline_half input {
width:220px;
}

.form_outer {
overflow:hidden;
margin: 0px 0px 7px 0px;
padding: 0;
height:26px;
vertical-align:middle;
}

.form_inner {
float:left;
height:20px;
margin: 0px 4px 0px 0px;
padding: 0px 0px 0px 4px;
}

.form_outer .form_description {
float:left;
height:18px;
margin: 3px 0px 0px 0px;
font-weight:bold;
}

.form_outer .form_element {
float:left;
height:20px;
padding: 0;
margin: 0px 0px 0px 0px;
overflow:hidden;
}

.form_outer input {
height:18px;
}

#survey .form_outer {
width:450px;
}

#consumers_content .form_outer {
width:370px;
}

.twocolumn_outer {
margin:6px 0px 4px 0px;
overflow:hidden;
width:350px
}

.twocolumn_innerleft {
float:left;
}

.twocolumn_innerright {
float:left;
}


/*  The following set the proper width on the text-line forms, to ensure
	that there is enough space for the text to the left of the form   */

#rep_locator .form_textline_half .form_description {
width: 39px;
}

#customize_content .form_textline_half .form_description {
width: 57px;
}

#customize_content .form_textline_half .form_element {
width: 213px;
}

#customize_content .form_textline_half input {
width:213px;
}

#mailing_list .form_textline_full .form_description {
width: 60px;
}

#mailing_list .form_textline_full .form_element {
width: 278px;
}

#mailing_list .form_textline_full input {
width:278px;
}

#reps_content .form_textline_full .form_description {
width: 50px;
}

#reps_content .form_textline_full .form_element {
width: 280px;
}

#reps_content .form_textline_full input {
width:280px;
}

#login .form_textline_half .form_description {
width: 68px;
}

#login .form_textline_half .form_element {
width: 195px;
}
#login .form_textline_half input {
width:195px;
}

.form_textarea_half {
height:80px;
width:350px;
overflow:hidden;
}

.form_textarea_half textarea {
height:72px;
width:98%;
margin:0px 0px 0px 3px;
}

.form_textarea_full {
height:80px;
width:450px;
overflow:hidden;
}

.form_textarea_full textarea {
height:72px;
width:98%;
margin:0px 0px 0px 3px;
}

.app_textarea {
background: url(../images/textbox_icon.gif) no-repeat;
background-position: 5px 2px;
padding: 2px 60px 1px 27px;
display:block;
}

/*  Submit button placement setup */

.submit_far_right {
margin: 5px 0px 0px 390px;
}

.submit_half input{
margin: 5px 0px 0px 290px;
}

input.submit-button {
width: 60px;
height: 18px;
background: url(../images/submit.gif) no-repeat;
outline: none;
}

.submit_quarter {
margin: 5px 0px 0px 225px;
}

.cpanel_form input {
background-image: none;
font-family: Verdana;
font-size: 11px;
color: #027fc8;
border-color:#999;
border-style:solid;
border-width: 1px;
background-color: #F6F6F6; 
padding: 3px 2px 3px 2px;
}

/* Survey question CSS Setup */

.survey_question {
margin: 15px 0px 15px 0px;
padding: 0px 10px 15px 30px;
background: url(../images/survey_question.gif) no-repeat;
background-position: 6px 8px;
}

.survey_question h2 {
margin: 10px 0 10px 0;
}

#consumers_content .survey_question {
border:1px solid #ffb7b7;
}

#retailers_content .survey_question {
border:1px solid #c8c596;
}

#reps_content .survey_question {
border:1px solid #f59acd;
}

#press_content .survey_question {
border:1px solid #8690ed;
}

.submit_survey_full {
margin: 0px 0px 0px 420px;
}

.submit_survey_half {
margin: 0px 0px 0px 290px;
}

.survey_question select {
font-size:11px;
width:40px;
}

#progress_bar {
float:left;
clear:left;
height:23px;
margin:-33px 0px 0px 0px;
padding: 0px 0px 0 364px;
color:#666;
font-size:10px;
}

#contact_popup {
display:none;
margin: 20px 0 0 0;
}

.radio_option_line {
margin: 10px 0 0 0;
}

.emphasis {
margin: 10px 0 10px 0;
font-style:italic;
}

.errormessage {
color:red;
margin: 0px 0px 14px 0px;
}


/*  Setup CSS for the online Kidorable store list */
.storelist_box {
overflow:hidden;
width:500px;
margin: 15px 0px 15px 0px;
padding:0px 0 5px 12px;
border: 1px solid #CCC;
}

.storelist_state {
float: left;
width: 90px;
margin:10px 0px 0px 0px; 
padding: 0 0 0 0px;
font-weight:bold;
}

.storelist_sites {
float:left;
margin:0px 0px 0px 20px;
padding:0px;
text-align:left;
}

.storelist_link {
background: url(../images/green_arrow.gif) no-repeat 0 2px; 
padding: 0 0 0 13px;
margin: 0 0 0 4px;
}

/*  Setup CSS for the Trade show schedule  */

.show_month {
text-align:center;
width:385px;
height:20px;
margin: 0px 0px 15px 0px;
}

.tradeshow_listing {
width:385px;
border: 1px solid #ffeb36;
overflow:hidden;
margin: 0 0 20px 0;
}

.show_and_date {
width:380px;
padding:8px 0 2px 9px;
margin:0
}

.show_location {
float:left;
width:190px;
margin:0;
padding:0px 0 0 9px
}

.show_name {
font-weight:700;
}

.location_header {
background: url(../images/location_icon.gif) no-repeat 0px 4px; 
padding: 4px 0 0 18px;
font-size:11px;
font-weight:700;
height:17px;
}

.show_contact {
float:left;
width:186px;
margin:0;
padding:0px 0 0 0px;
}

.contact_header {
background: url(../images/vcard.gif) no-repeat 0px 2px; 
padding: 4px 0 0 20px;
font-size:11px;
font-weight:700;
height:17px;
}

.sharesite_info {
margin:10px 0 5px 0;
padding:0 0 0 22px;
background: url(../images/vcard.gif) no-repeat 0px -1px;
}

/*  Setup CSS for the online distributor list */
.distrolist_box {
overflow:hidden;
width:310px;
margin: 15px 0px 15px 0px;
padding:0px 0 5px 12px;
border: 1px solid #CCC;
}

.distrolist_left {
float: left;
width: 60px;
margin:10px 0px 0px 0px; 
padding: 0 0 0 0px;
font-weight:bold;
}

.distrolist_right {
float:left;
margin:0px 0px 0px 20px;
padding:0px;
text-align:left;
}


/* Green arrow CSS */

.greenarrow {
margin: 0px 0px 0px 5px;
}

.greenarrow_link {
background: url(../images/green_arrow.gif) no-repeat;
background-position: 8px 2px;
margin-top: 10px;
padding: 0px 5px 0px 23px;
}

.greenarrow_backlink {
background: url(../images/green_backarrow.gif) no-repeat;
background-position: 8px 2px;
margin-top: 10px;
padding: 0px 5px 0px 23px;
}

.rep_search_result {
border:1px solid #DDD;
width: 320px;
margin: 15px 0px 20px 0px;
padding:6px 0px 0px 28px;
background: url(../images/vcard.gif) no-repeat;
background-position: 4px 4px;
}

.distributor_search_result {
border:1px solid #DDD;
width: 300px;
margin: 15px 0px 20px 0px;
padding:6px 0px 0px 28px;
background: url(../images/vcard.gif) no-repeat;
background-position: 4px 4px;
overflow:hidden;
}

.distributor_search_result ul {
margin: 5px 0 10px 3px;
}

.replist_entry {
border:1px solid #DDD;
width: 320px;
margin: 15px 0px 20px 0px;
padding:10px 0px 10px 30px;
background: url(../images/vcard.gif) no-repeat;
background-position: 6px 8px;
}

.repterritory_entry {
border:1px solid #DDD;
width: 320px;
margin: 15px 0px 20px 0px;
padding:10px 0px 10px 40px;
background: url(../images/rep_territory.gif) no-repeat;
background-position: 6px 12px;
}


/* Simple borderless two-column layout */
.twocolumn_outer {
margin:6px 0px 4px 0px;
overflow:hidden;
width:350px
}

.twocolumn_innerleft {
float:left;
}

.twocolumn_innerright {
float:left;
}

/* The following is used to control form width based */
form .half {
width: 370px;
}

form .full {
width: 500px;
}

/* Div to simply provide whitespace at bottom of pages which break into scroll mode */

.bottom_filler {
margin: 40px 0 0 0;
}

#main_logo {
float:left;
}

/* Collections page setup */

#collections_content #output {
height:280px;
margin: 0px 0px 15px 0;
}

#collections_content #imagemap {
height:280px;
margin: 0px 0px 15px 0;
}

#collections_content #imagemap_erose {
height:200px;
margin: 50px 0px 0px 0;
}

#gallery_viewer {
margin-left:5px;
overflow:hidden;
height:255px;
}

#image_box {
float:left;
height:255px;
width:280px;
}

#image_description {
margin:10px 60px 0px 0px;
}

#image_description p {
margin:0;
text-align:center;
color:#777;
font-weight:bold;
}

.arrow_spacer {
width:100px;
height:255px;
}

#collections_navmenu {
width:510px;
margin: 20px 0 0 0;
}

#collections_arrow_left {
float:left;
width:110px;
background: url(img/fleche1.gif) no-repeat;
background-position: 10px 100px;
filter:alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
}

#collections_arrow_right {
float:left;
width:110px;
background: url(img/fleche2.gif) no-repeat;
background-position: 50px 100px;
filter:alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
}

#collections_arrow_left:hover {
filter:alpha(opacity=88);
-moz-opacity:.88;
opacity:.88;
}

#collections_arrow_right:hover {
filter:alpha(opacity=88);
-moz-opacity:.88;
opacity:.88;
}

#testimonials_arrow_left {
float:left;
width:75px;
height:150px;
background: url(img/fleche1.gif) no-repeat;
background-position: 10px 70px;
filter:alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
}

#testimonials_arrow_right {
float:left;
width:75px;
height:150px;
background: url(img/fleche2.gif) no-repeat;
background-position: 10px 70px;
filter:alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
}

#testimonials_arrow_left:hover {
filter:alpha(opacity=88);
-moz-opacity:.88;
opacity:.88;
}

#testimonials_arrow_right:hover {
filter:alpha(opacity=88);
-moz-opacity:.88;
opacity:.88;
}

#getting_results {
position:absolute;
}

#getting_results_inner {
visibility:hidden;
position:relative;
left:390px;
top:5px;
}

#viewall {
z-index:10;
position:absolute;
}

#viewall_inner {
background: url(../images/collections/view_all_on.gif) no-repeat;
background-position: 0px 0px;
width:120px;
height:30px;
position:relative;
left:410px;
}

#viewall_inner img {
width:120px;
height:30px;
}

#viewall_inner a {
background: url(../images/collections/view_all.gif) no-repeat;
background-position: 0px 0px;
display:block;
}

#viewall_inner a:hover {
background: url(../images/spacer.gif) no-repeat;
background-position: 0px 0px;
}

/*   FAQ Accordion CSS   */
.toggler {
	display: block;
	text-decoration: none;
	outline-style:none;
	padding: 0px 10px 0px 20px;
	background: url(../images/expand_right.gif) no-repeat;
	background-position: 0px 1px;
	min-height:15px;
	color:#000;
}

.element {
	display: block;
	background-color: #FFFFFF;
	padding: 4px 0px 2px 31px;
}


/* Useful Info product care */ 

#product_care #backpacks {
padding: 0 0 0 50px;
background: url(../images/product_care/backpacks.gif) no-repeat;
min-height:45px;
}

#product_care #knitwear {
padding: 0 0 0 50px;
background: url(../images/product_care/knitwear.gif) no-repeat;
min-height:45px;
}

#product_care #purses {
padding: 0 0 0 50px;
background: url(../images/product_care/purses.gif) no-repeat;
min-height:45px;
}

#product_care #rainboots {
padding: 0 0 0 50px;
background: url(../images/product_care/rainboots.gif) no-repeat;
min-height:45px;
}

#product_care #raincoats {
padding: 0 0 0 50px;
background: url(../images/product_care/raincoats.gif) no-repeat;
min-height:45px;
}
#product_care #sunhats {
padding: 0 0 0 50px;
background: url(../images/product_care/sunhats.gif) no-repeat;
min-height:45px;
}
#product_care #towels {
padding: 0 0 0 50px;
background: url(../images/product_care/towels.gif) no-repeat;
min-height:45px;
}
#product_care #tshirts {
padding: 0 0 0 50px;
background: url(../images/product_care/t-shirts.gif) no-repeat;
min-height:45px;
}
#product_care #umbrellas {
padding: 0 0 0 50px;
background: url(../images/product_care/umbrellas.gif) no-repeat;
min-height:45px;
}


/* Set paragraph right margin */
.quarter_margin {
margin: 0px 100px 10px 0;
}

/* CSS for Star-rating system  */
div.starry {
	width:250px;
	height:30px;
	margin:0 0 0px 0;
	padding:2px;
	border:1px solid #FFF;
}
div.standard_star {
	float:left;
	background-repeat: no-repeat;
	cursor:pointer;
}

div.feedback {
	border:1px solid #FFF;
	font-weight:bold;
	padding:3px 3px 3px;#
}



/*Safari doesn't see anything below this line*/
.form_textline_full {
border:2px solid #DDD;
}

.form_inner {
border:2px solid #DDD;
}

.form_textline_half {
border:2px solid #DDD;
}


.form_textarea_half {
border:2px solid #DDD;
}

.form_textarea_full {
border:2px solid #DDD;
}

.form_textarea_survey {
border:2px solid #DDD;
}