/* CSS Reset */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
:focus {
	outline: 0;
}
 
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Summer Classics Styles */

body {background-color:#F5EEEA;color:#562600;font: 62.5% Arial, Helvetica, sans-serif;text-align: center;}
#wrap {width: 940px;margin: 0 auto; text-align: left;}



#header {background: url(../images/sc-tagline.png) 430px 24px no-repeat; height: 100px; padding: 10px 0 0 0;}


#header h1 {float: left;height: 85px; width:350px; margin: 10px 0 0 0; }
#header h1 a {display: block;height:100px;text-indent: -9999px;background: url(../images/sc-logo.png) 0 0 no-repeat;}

/*#header form {float: right;margin-top: 70px;margin-right: 5px;}*/


.searchbox { background: url(../images/search-arrow.jpg) no-repeat; height:24px; width:28px; display:block; float:left; border:none; margin: 0 0 0 6px;}
             

.searchfield  {float:left; padding: 2px 0 2px 2px; color:#562600;}


#search {float: right;margin-top: 60px;margin-right: 0;}

#print-logo {display:none;}

#nav {background-color: #562600; clear: both;}
#nav ul {float:left;list-style: none;background-color: #562600;width: 940px;margin-bottom: 10px;}
#nav li {float: left; text-transform: uppercase; font-size: 1.6em; font-weight: 100; text-align: center;}
#nav li a, #nav li a:link, #nav li a:visited {text-decoration: none; color: #fff;display: block; padding: 6px 15px; margin: 0 5px 0 0;}
#nav li a:hover {background-color: #88694D;}
#nav .active {background-color: #88694D; text-decoration: none; color: #fff;display: block;}

/* Home Page Styles */
#billboard {width: 940px;height: 375px;background-color: #000; clear:left;margin-bottom: 10px;}


ul#news {
	width: 940px;
	height: 375px;
	overflow: hidden;
	margin: 0px;
	}



#magnets {float:left;background-color: #fff; border:2px solid #562600; width:936px;}
#magnets span.mag-title {font: 300 2.4em Times New Roman, Times, serif;text-transform: uppercase; display:block;}
#magnets span.mag-copy {font-size: 1.4em;display: block;}
#magnets img {float: left; margin-right: 5px;margin-bottom: 5px;border: 1px solid #562600;}
#magnets p.lm {clear: left;}
#magnets a {text-decoration: none; width: 220px; height: 85px; color: #562600; padding: 7px; float: left;}
#magnets a:hover {color: #fff;}

#mag-indoor a:hover {background-color:#7C7C8C; color: #fff;}
#mag-outdoor a:hover {background-color:#88694D; color: #fff;}
#mag-contract a:hover {background-color:#0052A5; color: #fff;}
#mag-stores a:hover {background-color:#5A7667; color: #fff;}


#home-content {clear: left; float:left; width: 940px;margin-top: 10px; margin-bottom: 10px;}
#home-content p {font-size: 1.4em;}


/* Sub Page Styles */

#content {clear:left; margin-top: 10px; background-color: #fff;float: left;margin-bottom: 10px; padding-bottom: 25px;}
#subnav {float: left; width: 220px;}
#subnav ul {width: 220px;text-transform:capitalize;}
#subnav li {font-size: 1.4em;}
#subnav li li {font-size: 1em;}
#subnav li li li {font-size: 1em;}
#subnav li a {display: block;padding: 5px; text-decoration: none;}
#subnav li li a { padding-left: 15px; }
#subnav li li li a { padding-left: 30px; }

body.sub #content {background: #fff url(../images/outdoor-bg.png) top left repeat-y;}
body.sub #subnav ul {background-color: #E1DAD2;}
body.sub #subnav li a {color: #562600;}
* html body.sub #subnav li a {width: 210px}
body.sub #subnav li a:hover, body.sub #subnav li a.selected {background-color: #562600; color: #fff;}
body.sub #subnav ul ul {background-color: #562600;}
body.sub #subnav li li a {color: #fff; background-color: #88694D;}
* html body.sub #subnav li li a {width: 200px}
body.sub #subnav li li li a {color: #fff; background-color: #644e39;}
* html body.sub #subnav li li li a {width: 185px}

body.indoor #content {background: #fff url(../images/indoor-bg.png) top left repeat-y;}
body.indoor #subnav ul {background-color: #DEDEE3;}
body.indoor #subnav li a {color: #4F4F4F;}
* html body.indoor #subnav li a {width: 210px}
body.indoor #subnav li a:hover {background-color: #4F4F4F; color: #fff;}
body.indoor #subnav li li a {background-color: #7C7C8C; color: #fff;}
* html body.indoor #subnav li li a {width: 200px}
body.indoor #subnav li li li a {background-color: #7C7C8C; color: #fff;}
* html body.indoor #subnav li li li a {width: 185px}

body.contract #content {background: #fff url(../images/contract-bg.png) top left repeat-y;}
body.contract #subnav ul {background-color: #DFEFFF;}
body.contract #subnav li a {color: #0052A5;}
* html body.contract #subnav li a {width: 210px}
body.contract #subnav li a:hover, body.contract #subnav li a.selected {background-color: #00284F; color: #fff;}
body.contract #subnav li li a {background-color: #0052A5; color: #fff;}
* html body.contract #subnav li li a {width: 200px}
body.contract #subnav li li li a {background-color: #00366d; color: #fff;}
* html body.contract #subnav li li li a {width: 185px}
body.contract #subnav ul li.parent a, body.contract #subnav ul.child a, body.contract #subnav ul.grandchild a {color: #fff;}

body.stores #content {background: #fff url(../images/stores-bg.png) top left repeat-y;}
body.stores #subnav ul {background-color: #A7BFB2;}
body.stores #subnav li a {color: #fff;}
* html body.stores #subnav li a {width: 210px}
body.stores #subnav li a:hover, body.stores #subnav li a.selected {background-color: #A7BFB2; color: #fff;}
body.stores #subnav ul {background-color: #404F47;}
body.stores #subnav ul ul {background-color: #5A7667;}
body.stores #subnav ul ul ul { background-color: #799d8a; }

body.no-side #content {background-image: none;}

#content h2 {font: 300 2.5em Times New Roman, Times, serif;text-transform: uppercase; margin: 10px 0 12px 0; padding: 0 0 0 5px;}

#subcontent h3 {font-size:2em; font-family:Times New Roman; text-transform: uppercase; padding: 0 0 10px 0;}


#catalog { margin: 14px 0 0 12px;}
#catalog p {margin-top: 2px;}
#catalog p a {text-decoration: none; color:#0052A5;}
#catalog p a:visited {color:#00284F}


#subcontent-no-subnav {margin-left:20px; width:940px; min-height:350px; padding: 0 0 0 10px;}
#subcontent-no-subnav p {font-size: 1.4em;line-height: 1.8em;margin-bottom: 20px; padding: 0 15px 0 5px;}
#subcontent-no-subnav a:visited {color:#562600; }
#subcontent-no-subnav a {color:#562600; }
#subcontent-no-subnav ul {font-size:1.6em; padding: 0 0 0 5px;}
#subcontent-no-subnav li {line-height:1.5em;}
#subcontent-no-subnav h3 
{ font-size:1.6em; margin: 0 0 0 5px;
}



#subcontent {margin-left:230px; width:710px; min-height:350px;}
* html #subcontent {width: 690px;}
#subcontent p {font-size: 1.4em;line-height: 1.8em;margin-bottom: 15px; padding: 0 15px 0 5px;}
#subcontent #map { margin-bottom: 20px; }
#subcontent #map p {line-height: 1.4em; font-size: 1.2em;}
#subcontent a:visited {color:#562600; }
#subcontent a {color:#562600; }
#subcontent a:hover {color:#897e7e;}


#subcontent img.right {float:right; margin: 10px;}

#subcontent ul {font-size:1.5em; padding: 0 0 0 5px;}
#subcontent li {line-height:1.5em;}

#subcontent .location-links li {padding-bottom: 9px;}


#subcontent ol {font-size:1.6em; padding: 0 0 0 5px;}


#subcontent .team-photo {padding: 5px 5px 0 0; font-size:1.5em;}

#subcontent .team {padding: 3px 5px 0 8px; float:left; font-size:.9em; margin: 0 0 5px 0;}


#subcontent .team-row {width:700px; float:left; height:auto; margin: 0 0 0 0; }


#subcontent .content-img {float:right; margin: 0 40px 5px 10px ;}
#subcontent .product-img {float:left; margin: 10px ;}

#subcontent .product {float:left; display:block; margin: 0 15px 10px 0; height:200px; width:175px;}

#subcontent .product img {}

#subcontent .product a {text-decoration:none; color:#562600;}

#subcontent .product p {text-align:center;}

#subcontent h3 
{ font-size:2em; margin: 0 0 0 5px; font-weight:normal;
}

#subcontent h4 
{ font-size:1.5em; margin: 7px 0 5px 5px; font-weight:normal;
 
} 

#subcontent input, select, textarea 
{ margin: 0 0 0 5px;
}

#subcontent .password 
{ margin: 0 0 0 13px;
 }
 
 #subcontent .submit
{ margin: 0 0 0 183px;
 }
 
 #subcontent .submit2
{ margin: 0 0 0 128px;
 }
 

#subcontent .bio 
{ font-size:1.4em;
}

table.product-table td {font-size: 1.4em;text-align:left;padding: 10px 5px;vertical-align: top;line-height: 1.6em;}
table.product-table td.product-info {font-size: 1.2em;line-height: 1.2em; text-align: right;}
table.product-table td.product-info td {font-size: 1em;line-height: 1.2em; }
table img#placeholder { margin-bottom: 20px;}
.dimensions { width: 400px; padding-right: 20px; }
table.detail img { margin-bottom: 5px; }
table.detail td { margin:0; padding: 5px 0 0 0; }
table.collection { margin-left: 6px; }
.collection td { padding: 0 44px 5px 0; }

.pagination-container { float: right; margin-right: 30px; margin-left: 30px; }
a.more { font-size: 1.4em; padding-right: 25px; background: url(../images/more-arrow.png) right center no-repeat; text-transform: uppercase; font-weight: bold; }

a.more.products {display:block;text-align:right;}

a.back { font-size: 1.4em; padding-left: 25px; background: url(../images/back-arrow.png) left center no-repeat; text-transform: uppercase; font-weight: bold; }

#edit {float:left; width:325px; height:auto; }

#edit .edit-submit { margin: 5px 0 0 247px; }

#edit .cancel-button { margin: 5px 0 0 130px; }

div.edit-area 
{ width:315px; height:auto; border: 1px dotted #000000; padding: 10px;
}

#product-example 
{ float:right; height:auto; width:340px;
    
}

.edit-submit 
{ margin-left:200px; }
    


h3.underline 
{ text-decoration:underline; padding-bottom:20px; }
    


/* Footer */
#footer {clear: both; float:left; width: 940px;background-color: #562600;}
#footer p {font-size: 1.4em; color: #F5EEEA;padding: 5px 10px; text-align: center;}
#footer a{color: #F5EEEA;text-decoration: none;}

table#contactformtable td {font-size: 14px;padding: 5px 0;}

body#admin table.product_grid {width: 680px;border-top: 1px solid #333;border-left: 1px solid #333;margin: 10px 0;}
body#admin table.product_grid td, body#admin table.product_grid th, body#admin table#edit_grid td {font-size: 14px;padding: 3px;}
body#admin table.product_grid td {border-right: 1px solid #333; border-bottom: 1px solid #333;}
body#admin table.product_grid th {border-bottom: 1px solid #333;border-right: 1px solid #333;background-color: #efefef;}
body#admin table.product_grid tr.pager table, body#admin table.product_grid tr.pager table td { border: 0; }

body#admin table#edit_grid td {vertical-align: middle;}
body#admin table#edit_grid input[type=text] {width: 200px;}

body#admin table#edit_grid .vertical-align {vertical-align: top;}


body#admin table#collection_grid {width: 250px;border-top: 1px solid #333;border-left: 1px solid #333;margin: 10px 0;}
body#admin table#collection_grid td, body#admin table#collection_grid th, body#admin table#edit_grid td {font-size: 14px;padding: 3px;}
body#admin table#collection_grid td {border-right: 1px solid #333; border-bottom: 1px solid #333;}
body#admin table#collection_grid th {border-bottom: 1px solid #333;border-right: 1px solid #333;background-color: #efefef;}
body#admin table#collection_grid th a.sort_down {padding-right: 20px;height: 20px;background: transparent url(../images/bullet_arrow_down.png) top right no-repeat;}

.login-button {margin: 0 0 0 150px;}

div.edit-collection 
{ width:392px; min-height:160px; height:auto; border: 1px dotted #000000; padding: 10px; margin: 0 0 30px 0;
}

div.edit-collection .collection-edit-submit {float:right;}


body#admin table#product_grid th a.sort_down {padding-right: 20px;height: 20px;background: transparent url(../images/bullet_arrow_down.png) top right no-repeat;}

body#admin table#product_grid th a.sort_up {padding-right: 20px;height: 20px;background: transparent url(../images/bullet_arrow_up.png) top right no-repeat;}

body#admin #subnav p {padding: 5px; font-size: 1.4em;}
body#admin #subnav ul {background-color: #E1DAD2;margin-bottom: 10px;}
body#admin #subnav li a {color: #562600;}
body#admin #subnav li a:hover {background-color: #562600; color: #fff;}

body#admin #header {background-image: none;}

body#admin #header h2 {font: 300 2.5em Times New Roman, Times, serif;text-transform: uppercase; margin: 0 0 12px 0; padding: 35px 0 0 5px; float:right; color:#b19c8c;}


body#admin .login {float:right; margin: 2px 0 0 0;}


/* Home Page Styles */
#collection_fader {width: 690px;height: 415px;background-color: #fff;margin-left: 5px;margin-bottom: 10px;}

#collection_fader2 {width: 550px;height: 411px;background-color: #fff;margin-left: 5px;margin-bottom: 10px;}

#collection_fader {width: 690px;height: 415px;background-color: #fff;margin-left: 5px;margin-bottom: 10px; }


.jump-link {width:140px; height:30px; float:right; margin: 13px 0 0 0;}


.jump-link a { font-size: 1em; float: right; margin: 0 0 0 0; padding-right: 20px; background: url(../images/jump-arrow.png) right center no-repeat; text-transform: uppercase; font-weight: bold; }


.jump {width:550px; height:30px; float:left;}
.jump-text {float:left;}


ul#collection_images {
	width: 690px;
	height: 415px;
	overflow: hidden;
	margin: 0px;
	}
	
#ctl00_ContentPlaceHolder1_dtlExtras {clear:right;}
* html #ctl00_ContentPlaceHolder1_dtlExtras {width: 690px;}

.product_grid_image {margin: 10px; text-align: center;}
* html .product_grid_image {margin: 5px;}
* + html .product_grid_image {margin: 5px;}