/*****************************************
* Ideal CSS
* craftystitch.css
* Default stylesheet for Crafty Stitch website
******************************************/


/*****************************************
Main Controls
******************************************/
*html a{
outline:0px;
}
html, body, form, td{ margin: 0; padding: 0; font-family: Tahoma; color: #474747; }
html, body { height: 100%; }
html, td{ font-size: 11px;}
body { text-align: left; background: #FFFFFF url(../images/CraftyStitch_main_repeater.gif) left top repeat-x; font-size: 11px; line-height: 16px; font-family: Tahoma; color: #474747; text-align:center; }

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ol, dl, address { margin: 1em 0; padding: 0; }

/* Apply left margin:
   Only to the few elements that need it: */
dd, blockquote { margin-left: 1em; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; margin:0px; padding:0px; }
a { text-decoration:underline; color:#000000; font-weight:bold;}	
a:hover { text-decoration:none; color:#000000; font-weight:bold;}

div{
text-align:left;
}

h1{
color:#493829;
margin:0px 0px 0px 0px;
text-align:left;
font-family:tahoma;
font-size:16px;
}
h2{
	font-weight: 400;
	text-transform: uppercase;
	color: #d46039;
}
h3{
	font-size: 100%;
	font-weight: 600;
	color: #5a9897;
	margin:0px;
	padding:0px;
	display:inline;
}
img{
	border: 0;
	margin:0px;
	padding:0px;
}

.clear {
clear: both;
margin:0px;
padding:0px;
}

/*****************************************
Main Controls ends here
******************************************/

/*********  Control on site Blocks and content starts here  ************/

/*************** Container starts here  *************/

#container{
width:1003px;
margin:0px auto 0px auto;
}

/*************** Container ends here  *************/

/*************** Container starts here  *************/

#header_block{
margin:0px 0px 0px 120px;
width:758px;
overflow:hidden;
}

/*************** Container ends here  *************/

/*************** Header starts here  *************/

/*************** Header stripe starts here  *************/

#header_top{
height:107px;
overflow:hidden;
}

#logo{
margin:0px;
padding:0px;
float:left;
}

#logo h1{
margin:0px;
padding:0px;
text-indent:-1000000000px;
float:left;
}

#top_navigation{
float:right;
margin:57px 0px 0px 0px;
height:27px;
}

#top_navigation ul{
margin:0px;
padding:0px;
text-align:left;
}

#top_navigation li{
margin:0px;
padding:0px;
float:left;
list-style:none;
}

#top_navigation .nav_left{
background:url(../images/CraftyStitch_top_nav_left.gif) left top no-repeat;
height:27px;
width:12px;
}

#top_navigation .nav_right{
background:url(../images/CraftyStitch_top_nav_right.gif) left top no-repeat;
height:27px;
width:12px;
}

#top_navigation .top_nav_repeater{
background:url(../images/top_nav_repeater.gif) left top repeat-x;
padding:0px 10px 0px 10px;
}

#top_navigation .partition{
background:url(../images/CraftyStitch_top_nav_part.gif) left top no-repeat;
height:27px;
width:2px;
}

#top_navigation a{
font-family:tahoma;
font-weight:bold;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
display:block;
line-height:27px;
}

#top_navigation a:hover{
font-family:tahoma;
font-weight:bold;
font-size:11px;
color:#5F8630;
text-decoration:none;
}

/*************** Header stripe ends here  *************/

/*************** Header ends here  *************/

/*************** Header Main navigation starts here  *************/

#main_nav{

}

#main_nav ul{
margin:0px;
padding:0px;
text-align:left;
}

#main_nav li{
margin:0px;
padding:0px;
float:left;
list-style:none;
/*border:1px solid #000000;*/
}

#main_nav .partition{
background:url(../images/CraftyStitch_main_nav_part.gif) left top no-repeat;
width:2px;
height:28px;
margin:0px;
}

#main_nav a{
font-family:tahoma;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
/*display:block;
border:1px solid #000000;*/
height:27px;
line-height:24px;
padding:5px 39px 9px 36px;
}

#main_nav a:hover{
text-decoration:none;
background:url(../images/main_nav_repeater.gif) left -1px repeat-x;
}

/*************** Header Main navigation ends here  *************/

/*************** Banner block starts here  *************/

#banner_block{
margin:0;
padding:8px 0px 43px 0px;
text-align:center;
}

/*************** Banner block ends here  *************/

/*************** Content part starts here  *************/

#content_part{
margin:0px 10px 0px 10px;
padding:0px 0px 37px 0px;
overflow:hidden;
}

#content_left{
width:164px;
float:left;
}

#content_center{
padding:0px 42px 0px 63px;
width:296px;
float:left;
}

#content_right{
padding:0px;
width:174px;
float:left;
}

#hot_new_design{

}

#hot_new_design .image1{
margin:14px 10px 0px 0px;
border:1px solid #CBC3C0;
float:left;
height:42px;
overflow:hidden;
}

#hot_new_design .image1:hover{
border:1px solid #5B812D;
}

#hot_new_design .image1 a{
text-decoration:none;
}

#hot_new_design .image1 a:hover{
text-decoration:none;
}

#hot_new_design .image2{
margin:14px 16px 0px 16px;
border:1px solid #CBC3C0;
float:left;
height:42px;
overflow:hidden;
}

#hot_new_design .image2:hover{
border:1px solid #5B812D;
}

#hot_new_design .image2 a{
text-decoration:none;
}

#hot_new_design .image2 a:hover{
text-decoration:none;
}

.more_link{
width:72px;
height:20px;
line-height:20px;
background:url(../images/more_link.gif) left top no-repeat;
float:right;
}

.more_link a{
display:block;
font-family:tahoma;
font-weight:bold;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}

.more_link a:hover{
display:block;
font-family:tahoma;
font-weight:bold;
font-size:11px;
color:#5D842E;
text-decoration:none;
}

#content{
margin:17px 0px 0px 0px;
}

.head_txt{
font-family:tahoma;
font-weight:bold;
font-size:11px;
color:#74AE30;
}

/*************** Content part ends here  *************/

/*************** footer part starts here  *************/

#footer{
height:31px;
line-height:31px;
font-family:tahoma;
font-weight:normal;
font-size:11px;
color:#5B5645;
text-align:center;
}

#footer a{
font-family:tahoma;
font-weight:normal;
font-size:11px;
color:#5B5645;
text-decoration:none;
}

#footer a:hover{
font-family:tahoma;
font-weight:normal;
font-size:11px;
color:#618931;
text-decoration:none;
}

#footer .left{
width:11px;
float:left;
}

#footer .right{
width:11px;
float:left;
}

#footer .center{
float:left;
background:#D3CFBD;
width:757px;
}

#copyright{
height:43px;
padding:12px 0px 0px 0px;
font-family:tahoma;
font-weight:normal;
font-size:11px;
color:#77715D;
text-align:center;
}

/*************** footer part ends here  *************/

/*************** Designer page CSS starts here *************/

#designer_content_part{
margin:19px 0px 0px 0px;
padding:0px 0px 37px 0px;
overflow:hidden;
}

.left_col{
width:173px;
margin:0px 5px 0px 110px;
float:left;
overflow:hidden;
}

.right_content_col{
width:660px;
padding:0px 0px 0px 4px;
float:left;
}

.left_col .left_col_box{
width:173px;
background:url(../images/left_box_repeater.gif) left top repeat-y;
margin:0px 0px 12px 0px;
}

.left_col .left_col_box_header_cart{
width:173px;
background:url(../images/your_cart_heading.gif) left top no-repeat;
height:27px;
}

.left_col .left_col_box_header_info{
width:173px;
background:url(../images/info.gif) left top no-repeat;
height:27px;
}

.left_col .left_col_box_content{
padding:10px;
color:#54394A;
}

.left_col .left_col_box_content ul{
margin:0px;
padding:0px;
list-style:none;
text-align:left;
}

.left_col .left_col_box_content li{
margin:0px;
padding:0px 0px 12px 10px;
list-style:none;
background:url(../images/bullet.gif) left 4px no-repeat;
}

.left_col .left_col_box_footer{
background:url(../images/your_cart_footer.gif) left top no-repeat;
width:173px;
height:8px;
margin:10px 0px 0px 0px;
}
/*************** Designer page CSS ends here *************/

/*************** Product page CSS starts here ***********/

.prduct_head{

}

/*************** Product page CSS ends here ***********/


/*********  Control on site Blocks and content ends here  ************/

/************ instruction page CSS starts here ************/

.list{

}

.list ul{
margin:0px;
padding:0px;
list-style:none;
width:560px;
text-align:left;
}

.list li{
background:url(images/bullet.gif) left 9px no-repeat;
padding:5px 0px 0px 15px;
}

/************ instruction page CSS ends here ************/

/********* BUTTON CLASS **********/
.submit_css_button{
background:#6D9A38;
font-family:tahoma;
font-weight:bold;
font-size:11px;
color:#FFFFFF;
border:0px;
padding:3px;
}

.submit_css_button:hover{
background:#6D9A38;
font-family:tahoma;
font-weight:bold;
font-size:11px;
color:#000000;
}
/********** BUTTON CLASS **************/

/************ Normal text ;inks **************/

.normal_links{
font-family:tahoma;
font-weight:bold;
font-size:11px;
color:#FFFFFF;
}

.normal_links a{
background:#6D9A38;
font-family:tahoma;
font-weight:bold;
font-size:11px;
color:#FFFFFF;
padding:4px;
text-decoration:none;
}

.normal_links a:hover{
background:#6D9A38;
font-family:tahoma;
font-weight:bold;
font-size:11px;
color:#000000;
text-decoration:none;
}

/********normal text links ****************/

/* input box */

input{
font-family:tahoma;
font-weight:normal;
font-size:11px;
color:#000000;
border:1px solid #6D9A38;
}

textarea{
font-family:tahoma;
font-weight:normal;
font-size:11px;
color:#000000;
border:1px solid #6D9A38;
}

select{
font-family:tahoma;
font-weight:normal;
font-size:11px;
color:#000000;
border:1px solid #6D9A38;
}

#div_registration input{
width:184px;
}

/* input box */

/************************** partition of shopping Cart ************************/

.shopping_partition{
background:url(../images/partition.jpg) left bottom repeat-x;
}

/************************** partition of shopping Cart ************************/

/* Shopping Cart head navigation */

.selected{
color:#5B812D;
font-weight:bold;
}

.past_link{
color:#DDDCDA;
}

.next_link{
color:#000000;
font-weight:bold;
}

/* Shopping Cart head navigation */

.shopping_empty{
width:778px;
height:369px;
background:url(../images/shopping_cart_empty.jpg) left top no-repeat;
}

/********** css for my account navigation *************/

.my_nav{
color:#000000;
text-align:center;
height:45px;
line-height:45px;
}

.my_nav a{
color:#000000;
text-decoration:none;
display:block;
margin:0px 0px 2px 0px;
}

.my_nav a:hover{
color:#000000;
text-decoration:none;
background:#F4F3F1;
}

.my_nav a:focus{
color:#ffffff;
text-decoration:none;
background:#648E33;
}

.my_nav_selected{
height:45px;
text-align:center;
font-weight:bold;
color:#ffffff;
text-decoration:none;
background:#648E33;
}

/********** css for my account navigation *************/

.my_images{

}

.my_images img{
border:1px solid #648E33;
margin:2px;
}