* { margin:0;padding:0;font:12px Verdana,Arial,sans-serif;color:black; }

body { behavior:url("js_scripts/csshover.htc");margin:0 auto;padding:0;background-color:#498FCC; }

#outerContainer { position:relative;margin:0 auto;padding:0;width:100%;height:1000px;background:url(images/background-gradient2.jpg) repeat-x; }
#mainContainer { position:relative;width:980px;margin:0 auto;background:white;margin-top:33px;margin-bottom:30px; }

#yarnCorners { position:absolute;top:0px;left:50%;width:980px;margin-left:-490px;height:150px;background:url(images/yarnCorners.jpg) no-repeat top center; }
ul#corners { list-style-type:none; }
ul#corners li { display:block;position:absolute;width:18px;height:18px; }
ul#corners li#tl { top:0px;left:0px;background:url(images/container-top-left-corner.jpg) no-repeat top left; }
ul#corners li#tr { top:0px;right:0px;background:url(images/container-top-right-corner.jpg) no-repeat top right; }
ul#corners li#bl { bottom:0px;left:0px;background:url(images/container-bottom-left-corner.jpg) no-repeat bottom left; }
ul#corners li#br { bottom:0px;right:0px;background:url(images/container-bottom-right-corner.jpg) no-repeat bottom right; }
ul#corners li p { display:none; }

#grayRule { position:relative;top:143px;left:0px;width:980px;margin:0;padding:0;height:3px;background:#dbdbdb; }

#logo { position:absolute;top:5px;left:85px;width:251px;height:135px;background:url(images/squiggleLogo.jpg) no-repeat top left }




#header { position:relative;margin:0 auto;width:100%;height:150px; }

/* Search & Bookmark Buttons */

ul#topButtons { position:absolute;top:3px;left:50%;margin-left:-460px;width:920px;text-align:right;;height:25px;list-style-type:none }
ul#topButtons li { display:block;float:right;padding:0;margin:0;margin-left:5px;height:25px;background:url(images/topButtonBackgroundLeft.jpg) no-repeat top left; }
ul#topButtons li a { display:block;padding:0;margin:0;background:url(images/topButtonBackgroundRight.jpg) no-repeat top right;color:#1B65A5;text-decoration:none;font:16px Georgia,Times New Roman,serif;padding-left:10px;padding-right:10px;height:25px;line-height:24px; }
ul#topButtons li#welcomeUserText { background:none;display:block;float:right;height:25px;font:12px Georgia,Times New Roman,sans-serif;background:none;color:white;font-style:italic;line-height:24px; }
ul#topButtons li#welcomeUserText a { display:inline;background:none;color:white;font:12px Georgia,Times New Roman,sans-serif;font-style:italic;text-decoration:underline }


/* Join Newsletter & Search Forms */

#joinNewsletterForm { position:absolute;top:76px;left:375px;height:70px;width:330px;background:url(images/joinNewsletterBackground.jpg) no-repeat top left;text-align:center; }
#searchForm { position:absolute;top:76px;left:705px;width:270px;height:70px;background:url(images/searchBackground.jpg) no-repeat top left;text-align:center; }
#joinNewsletterText, #searchText { font:14px Arial,Verdana,sans-serif;font-weight:bold;color:#777777;padding-top:10px; }
#joinNewsletterTextBox { position:absolute;top:25px;left:10px;width:210px;background:#92BCE0;margin-top:15px;margin-left:10px; }
#joinNewsletterSubmit { position:absolute;top:25px;left:245px;width:70px;height:18px;background:url(images/buttonBackground.jpg) no-repeat top left;margin-top:15px;font:13px Arial,Verdana,sans-serif;color:#777777;font-weight:bold;line-height:18px;border:0px; }
#searchTextBox { position:absolute;top:25px;left:10px;width:150px;background:#92BCE0;margin-top:15px;margin-left:10px; }
#searchSubmit { position:absolute;top:25px;left:185px;width:70px;height:18px;background:url(images/buttonBackground.jpg) no-repeat top left;margin-top:15px;font:13px Arial,Verdana,sans-serif;color:#777777;font-weight:bold;line-height:18px;border:0px; }

#joinNewsletterIcon { position:absolute;top:77px;left:352px;height:67px;width:34px;background:url(images/joinNewsletterImage.png) no-repeat top left; }


/* Main Site Nav */

ul#navBar { width:980px;background:#1B65A5;height:35px;list-style-type:none;text-align:center;padding:0;margin:0;line-height:35px; }
ul#navBar li { display:inline;color:white;border-right:1px solid white;padding:0px 19px;height:35px;margin:0;line-height:35px;  }
ul#navBar li.first { padding-left:0px; }
ul#navBar li.last { padding-right:0px;border-right:0px; }
ul#navBar li a { font:14px Verdana,Arial,Helvetica,sans-serif;color:white;line-height:35px;text-decoration:none;height:35px;letter-spacing:-1px }
ul#navBar li a:hover { color:#D78817 }

/* Sub-Page Nav */

ul#subNav { width:980px;background:#498FCC;height:27px;list-style-type:none;text-align:center;padding:0;margin:0;line-height:25px;border-top:1px solid white; }
ul#subNav li { display:inline;color:white;border-right:1px solid white;padding:0px 21px;height:35px;margin:0;line-height:25px;  }
ul#subNav li.first { padding-left:0px; }
ul#subNav li.last { padding-right:0px;border-right:0px; }
ul#subNav li a { font:12px Verdana,Arial,Helvetica,sans-serif;color:white;line-height:25px;text-decoration:none;height:25px;font-weight:bold; }
ul#subNav li a:hover { color:#888888 }




/* Bottom Text Links */

ul#bottomNav { clear:both;margin:0 auto;text-align:center;list-style-type:none;padding-bottom:10px; }
ul#bottomNav li { display:inline;padding:5px 15px }
ul#bottomNav li a { font:12px Verdana,Arial,Helvetica,sans-serif;color:#333333;text-decoration:underline; }





/* Content Containers */

#featuredDivTop { width:976px;height:20px;margin:0 auto;background:url(images/tanbox/976_top.jpg) no-repeat top center;margin-top:10px; }
#featuredDiv { width:976px;margin:0 auto;background:url(images/tanbox/976_middle.jpg) repeat-y center; }
#featuredDivBottom { width:976px;height:20px;margin:0 auto;background:url(images/tanbox/976_bottom.jpg) no-repeat top center; }
#featuredDivInner { padding:0px 15px;position:relative; }

#row1Left { float:left;width:640px;margin-right:20px; }
#row1Right { float:left;width:280px; }

#row2BoxesTop { width:976px;height:20px;margin:0 auto;background:url(images/tanbox/row2_top.jpg) no-repeat top center;margin-top:2px;position:relative; }
#row2Boxes { width:976px;margin:0 auto;background:url(images/tanbox/row2_middle.jpg) repeat-y center;position:relative; }
#row2BoxesBottom { width:976px;height:20px;margin:0 auto;background:url(images/tanbox/row2_bottom.jpg) no-repeat top center;position:relative; }
#row2BoxesInner { padding:0px 15px;position:relative; }
#row2Left { float:left;width:195px;margin-right:30px; }
#row2Center { float:left;width:402px;margin-right:33px; }
#row2Center p.videoTutorialParagraph { background:#ffffff;text-align:center;background:url(images/row2centerBackground.jpg) no-repeat bottom left;position:relative; }
#row2Center p.videoTutorialParagraph span { position:absolute;bottom:0px;right:0px;height:10px;width:10px;background:url(images/row2bottomRight.jpg) no-repeat bottom right; }
#row2Right { float:left;width:280px; }
#row2ClearFloat { clear:left;float:left;height:1px;width:976px; }

#row3BoxesTop { width:976px;height:20px;margin:0 auto;background:url(images/tanbox/row3_top.jpg) no-repeat top center; }
#row3Boxes { width:976px;margin:0 auto;background:url(images/tanbox/row3_middle.jpg) repeat-y center; }
#row3BoxesBottom { width:976px;height:20px;margin:0 auto;background:url(images/tanbox/row3_bottom.jpg) no-repeat top center; }
#row3BoxesInner { padding:0px 15px;position:relative; }
#row3Left { float:left;width:195px;margin-right:30px; }
#row3Center { float:left;width:345px;margin-right:30px; }
#row3Right { float:left;width:340px; }
#row3ClearFloat { clear:both;height:1px;width:976px; }

.homeBoxes h1 { position:relative;font:18px Trebuchet MS,Verdana,Arial,sans-serif;font-weight:bold;text-align:left;padding:2px 6px;background:url(images/h1background.jpg) no-repeat top left;color:white }
.homeBoxes h1 span { position:absolute;top:0px;right:0px;width:10px;height:10px;background:url(images/h1topRight.jpg) no-repeat top right; }
.homeBoxes a { color:#1B65A5; }
.homeBoxes a:hover { color:#D78817; }
.homeBoxes p { padding:5px 0px;font:12px Verdana,Arial,sans-serif;color:black; }
.homeBoxes *.postDate { font-style:italic;font-size:11px; }

.browseProductsTable td { font:12px Verdana,Arial,sans-serif;color:black; }
.browseProductsTable td a { color:#1b65a5; }
.browseProductsTable td a:hover { color:#d78817; }

#subpageTop { width:975px;margin:0 auto;height:30px;background:url(images/subpage_top.jpg) no-repeat bottom center }
#subpageMain { width:975px;margin:0 auto;background:url(images/subpage_middle.jpg) repeat-y top center;position:relative; }
#subpageInner { width:960px;position:relative;top:-10px;left:50%;margin-left:-482px; }
#subpageInner p { padding:5px 10px; }
#subpageBottom { width:975px;margin:0 auto;height:30px;background:url(images/subpage_bottom.jpg) no-repeat top center; }
#subpageInner h1 { position:relative;font:28px Trebuchet MS,Verdana,Arial,sans-serif;font-weight:bold;text-align:left;padding:2px 6px;background:url(images/subpageh1background.jpg) no-repeat top left;color:white;margin-bottom:15px; } 
#subpageInner h1 span { position:absolute;top:0px;right:0px;width:20px;height:20px;background:url(images/subpageh1topright.jpg) no-repeat top right; }
#subpageInner h2.patternTitle { font:28px Trebuchet MS,Verdana,Arial,sans-serif;font-weight:bold;text-align:right;padding:2px 6px;color:#488FCD;margin:12px 0px; }
#subpageInner p.patternDescription { font-size:16px;font-style:italic;font-weight:bold;margin-right:15px; }
#subpageInner p.patternLongDescription { font-size:14px;margin-right:15px; }

#loginForm { width:65%;text-align:right;padding-right:20px;border-right:2px solid #aaaaaa; }


#nmTag { text-align:center;font:10px Verdana,Arial,sans-serif;color:white;clear:both;margin-bottom:15px }
#nmTag a { font:10px Verdana,Arial,sans-serif;color:white;font-weight:bold;text-decoration:underline }


p#startRegistration { margin:0 auto;width:300px;text-align:center;background:white;padding:5px;border:3px solid #888888;text-decoration:none;margin-top:20px;margin-bottom:20px; }
p#startRegistration a { color:#888888;font-weight:bold;font-size:16px; }


#userDetailForm { width:500px;margin:0 auto; }
#userDetailForm td { padding-bottom:8px; }
#userDetailForm td.label { width:200px;text-align:right;font-size:11px;padding-right:10px;}
#userDetailForm input { width:225px;font-size:10px }
#userDetailForm select { width:230px;font-size:10px }
#phpbbTerms { width:230px;margin:0 auto;height:150px;background:#eeeeee;border:1px solid black;overflow:auto;float:left; }
#phpbbTerms p { font-size:9px;color:#444444; }

div#errorMessages { width:80%;margin:0 auto;margin-top:15px;margin-bottom:15px; }
div#errormessages p { font-weight:bold;font-style:italic; }
div#errorMessages ul,div#errorMessages ul li { font-weight:bold;color:red; }



p.searchResultHeader { font-size:18px;text-decoration:underline;margin-bottom:15px; }
p.searchAreaResult { font-weight:bold;font-style:italic; }
p.searchAreaResult a { color:navy; }
ol.searchResultList { margin-left:50px;margin-bottom:30px;list-style-type:decimal; }
ol.searchResultList li a { font-weight:bold;color:navy; }



#videoShow { float:left;width:400px;text-align:left;margin-left:75px; }
#videoShow p.description { }
#videoShow h2,#videoList h2 { font:22px Trebuchet MS,Verdana,Arial,sans-serif;color:#444444;font-weight:bold;text-align:center;margin-bottom:20px; }
#videoList { float:right;width:400px;margin-right:75px;border-left:3px solid white;padding-bottom:25px; }
#videoList p { margin-bottom:5px; }
#videoList p, #videoList a { font:14px Verdana,Arial,sans-serif; }
#videoList a { text-transform:uppercase;color:navy;font-weight:bold; }



#storepatternspage { }
#storepatternspage h2 { font:22px Trebuchet MS,Verdana,Arial,sans-serif;font-weight:bold;text-align:left;color:white;margin:0 auto;margin-top:10px;margin-bottom:15px;background:#1B65A5;padding:5px 15px;border-bottom:2px solid navy;border-right:2px solid #555555; }
#storepatternspage table td { padding-left:10px }

#patternPageFeaturedPattern { float:right;width:60%; }
#patternPageProductList { clear:right;float:right;width:60%; }
#patternPageProductList ul { width:100%;list-style-type:none; }
#patternPageProductList li { width:100%;clear:left;float:left;margin-bottom:15px; }
#patternPageCategoryList { float:left;width:30%; }
#patternPageCategoryList ul { margin-left:40px;list-style-type:none; }





#freePatternPageProductList { width:60%;margin:0 auto; }
p#freePatternIntro { font-style:italic;margin:15px 150px;text-align:center;border-bottom:2px solid #888888;padding-bottom:10px; }
p#freePatternIntro a { font-style:italic; }
#freePatternPageProductList ul { width:100%;list-style-type:none;margin-top:20px; }
#freePatternPageProductList li { width:100%;clear:left;float:left;margin-bottom:15px; }
#freePatternTitle,#freePatternList { font:28px Trebuchet MS,Verdana,Arial,sans-serif;font-weight:bold;text-align:right;padding:2px 6px;color:#488FCD;margin:12px 0px; }
#freePatternDescription { font-size:14px;font-weight:bold;margin-right:15px;clear:left;float:left; }
#freePatternLongDescription { font-size:14px;margin-right:15px;clear:left;float:left; }
#freePatternLongDescription img { padding:5px;border:5px solid white;margin:0px 10px 10px 20px; }




#freePatternHTML h1 { font:24px Trebuchet MS,Verdana,Arial,sans-serif;font-weight:bold;background:none;color:#333333;margin:15px 0px; }
#freePatternHTML h2 { font:20px Trebuchet MS,Verdana,Arial,sans-serif;font-weight:bold;background:none;color:#333333;margin:15px 0px;  }
#freePatternHTML h3 { font:16px Trebuchet MS,Verdana,Arial,sans-serif;font-weight:bold;background:none;color:#333333;margin:10px 0px;  }
#freePatternHTML h4, #freePatternHTML h5, #freePatternHTML h6 { font:14px Trebuchet MS,Verdana,Arial,sans-serif;font-weight:bold;background:none;color:#333333;margin:10px 0px;  }
#freePatternHTML p img { margin:10px; }
#freePatternHTML strong { font-weight:bold; }
#freePatternHTML em { font-style:italic; }





body.productDetail { background-color:#F0D3AA;padding:25px; }
body.productDetail h1 { margin-bottom:15px; }
body.productDetail h1 a { font:24px Trebuchet MS,Verdana,Arial,sans-serif;font-weight:bold; }
body.productDetail span#price { font-size:20px; }
body.productDetail p#buyButton { margin:0 auto;text-align:center;margin-top:20px;  }
body.productDetail p#buyButton a { padding:5px 10px;border-top:1px solid black;border-left:1px solid black;border-right:2px solid #888888;border-bottom:2px solid #888888;background:#C7C7C7;color:black;font-weight:bold;font:14px Trebuchet MS,Verdana,Arial,sans-serif;text-decoration:none;margin:0px 30px; }
body.productDetail p#buyButton a:active { border-left-width:2px;border-top-width:2px;border-right-width:1px;border-bottom-width:1px; }



#photogallery h2 { font:22px Trebuchet MS,Verdana,Arial,sans-serif;color:#444444;font-weight:bold;text-align:center;margin-bottom:20px; }
#photogallery table { width:90%;margin:0 auto; }
#photogallery table td { width:33%; }
#photogallery table td p { text-align:center; }
#photogallery table td p img { border:6px solid white; }#contactUs { margin:00px;border-top:2px solid #888888; }
#contactUs p, #contactUs td { font:12px Verdana,Arial,sans-serif; }
.requiredFormField { font-weight:bold;color:#D7861D }
#contactform { padding:15px;width:90%;margin:0 auto; }
#contact_form td { padding:5px 15px; }
#contact_form input.textfield { width:400px; }
#contact_form textarea.textarea { width:400px;height:150px; }
#formErrors { margin-bottom:25px;border-left:10px solid red;padding:10px 35px;background-color:#eeeeee; }
#formErrors p, #formErrors li { font-size:12px;font-weight:bold;color:#555555; }
#formErrors ul { margin-left:15px;margin-top:10px; }
#instr { display:none }

p#contactSuccessMessage { color:green;font-weight:bold;padding:20px;border:2px solid #444444;background:#eeeeee;margin-bottom:25px; }