.image-bg-front-page, .image-bg-create-a-word { background: url(/i/fp/blur-bg-01.jpg) no-repeat center center scroll;padding:10px; color: #fff;  -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;  -o-background-size: cover;}
.type-your-word-can {}
#loading {   min-height: 200px;padding: 40px;}
#header-ratings {width:70%; text-align:left;}
.number-rating { float:left;}
.number-rating a {color:#fff; display:block;}
.stats {clear:both;}
.star-average {color:#f19835; font-size:16px; }
.stars.five {background-position: 0 -160px;}
.ratingCount {font-weight:bold;}
.stars 
{
    float:left;
    background-image: url(/images/star-sprite.png);
    background-repeat: no-repeat;
    height: 16px;
    margin: 2px 5px 0 0;
    padding: 0;
    vertical-align: top;
    width: 80px;
    border: 0;
}
.worstRating {display:none;}
a.caw-option {color:#fff;text-decoration:underline;}
.caw-button-welcome {margin:110px 0 0 0; text-align:center;}

/***** Create a Word Styles *****/
#create-a-word { text-align: center;}
#create-a-word-feature {  padding: 0px; text-align: center;overflow-x:auto;}
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.6); 
    border-top: 1px solid rgba(255,255,255,0.6);
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #C3C3C3;
    border: 2px solid rgba(255,255,255,0.6);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
} 


#step1 { height: 280px; background: url(../images/bg-letters.jpg) 50% 0 no-repeat; margin:0; padding: 230px 0 0 500px;}
#step1-form {margin:0; text-align:left; }
#step1 span {display:none;}
#step1 h2 {color:#606060; font-style:normal; font-size:36px; text-align:left;}
#step1 h3 {color: #989898; font-weight:normal; font-size:24px; text-align:left; }   
#step1 p {text-align:left;} 
#step2 { margin:0 auto;}
#step3 { text-align: center; margin:0;}
.type-your-word-can { text-align: center;  padding: 0px;  margin:20px auto 0 auto; }
.type-your-word-can input.type-your-word { width: 100%;     border: 1px solid rgba(0,0,0,.9); border-radius: .25rem; font: italic 40px/1.5 Georgia, 'Times New Roman', serif; text-align: center; color: #3f403d; background-color:#fff;}
table#caw-frame { table-layout: fixed;}
.letters-in-caw{	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position 
	position:relative;*/
	
	/* display div in line 
	float:left;*/
}

.letters-in-caw .letter-caption {
    width:105px; 
    height:158px;
	background:#000;
	color:#fff;
	font-weight:bold;	/* fix it at the bottom */
	position:absolute;
	left:0;/* hide it by default */
	display:none; /* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
}

/*Frame Global*/
table.noframe { border-collapse: collapse; margin: 0 auto;}
table.noframe table { border-collapse:separate; border-spacing: 10px 0;}

table.frame { border-collapse: collapse; border-spacing:0px; margin: 0 auto; -moz-box-shadow: 6px 6px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 6px 6px 6px rgba(0,0,0,0.4); box-shadow: 6px 6px 6px rgba(0,0,0,0.4); }
table.frame td, table.noframe td  { border: 0px solid green;}
table.mat-c, table.fc-mat-c, table.mat-b, table.mat-bl, table.fc-mat-bl, table.mat-fm { border-collapse: collapse; border:0px solid yellow;}
.decorative-border { border: 0px; padding: 0; } /* VGROOVE -  border: 1px solid #ded8d0; padding: 6px 0; table.art has borders spacing of 6px between pics*/
.letter-size {width:105px; height:158px;}
table.art {border-collapse:separate; border-spacing: 13px 0;} /*Border spacing goes around each photo. in front, between, end of each photo.*/
p.clear-word { font-style: italic; text-align: right; margin: 10px 0;}
p.clear-word a { color: #6b6b6b; }

/* 1.----------- Black Frame - $89.99 ---------------*/
table.fc-black td.top-left {  height: 45px; background: url(../images/frames/fc-small/fs-top-left.png) 0 0 ; }
table.fc-black td.top-left div {width: 44px;}
table.fc-black td.top-right { height: 45px; background: url(../images/frames/fc-small/fs-top-right.png) 100% 0; }
table.fc-black td.top-right div {width: 45px; }
table.fc-black td.bottom-left { width: 44px; height: 44px; background: url(../images/frames/fc-small/fs-bottom-left.png) 0 100%; }
table.fc-black td.bottom-right { width: 45px; height: 44px; background: url(../images/frames/fc-small/fs-bottom-right.png) 100% 100%; }
table.fc-black td.hrepeat-top { height: 45px; background: url(../images/frames/fc-small/fs-top.png); }
table.fc-black td.hrepeat-bottom { height: 44px; background: url(../images/frames/fc-small/fs-bottom.png) 0% 100%; }
table.fc-black td.vrepeat-left {width: 44px; background: url(../images/frames/fc-small/fs-left.png); }
table.fc-black td.vrepeat-right {width: 44px; background: url(../images/frames/fc-small/fs-right.png);     background-position: -2px 0;}
/*Mats */
table.fc-black table.fc-mat-bl td { padding: 0px 46px 0px 46px; background-color:#1a1918; border:0px;} /*black - padding reflects the matt on left/right of letters. */
table.fc-black table.fc-mat-bl table.art td  { padding: 0; text-align: center; border: 1px solid #3c3c3c;} /* around each photo.*/
table.fc-black table.fc-mat-bl p.change-letters {color:#eee;}
table.fc-black table.fc-mat-bl tr.mat-top, table.fc-black table.fc-mat-bl tr.mat-bottom {height:59px;}

table.fc-black table.fc-mat-c td { padding: 0px 46px 0px 46px; background-color:#FFF;  border:0px;} /*cream: #FFFFEC */
table.fc-black table.fc-mat-c table.art td  { padding: 0; background: #dcdcdc; text-align: center; border: 1px solid #c5c5c5;} /* around each photo.*/
table.fc-black table.fc-mat-c p.change-letters {color:#666;}
table.fc-black table.fc-mat-c tr.mat-top, table.fc-black table.fc-mat-c tr.mat-bottom {height:59px;}


/* 2.----------- Espresso Frame - $119.99 ---------------*/
table.expresso td.top-left {height: 66px; background: url(../images/frm-exp-top-left.png) 0 0 ; }
table.expresso td.top-left div { width: 66px; }
table.expresso td.top-right { height: 66px; background: url(../images/frm-exp-top-right.png) 100% 0; }
table.expresso td.top-right div {width:67px}
table.expresso td.bottom-left { width: 66px; height: 66px; background: url(../images/frm-exp-bot-left.png) 0 100%; }
table.expresso td.bottom-right { width: 66px; height: 66px; background: url(../images/frm-exp-bot-right.png) 100% 100%; }
table.expresso td.hrepeat-top { height: 66px; background: url(../images/frm-exp-hrepeat-top.png); }
table.expresso td.hrepeat-bottom { height: 66px; background: url(../images/frm-exp-hrepeat-bottom.png) 0% 100%; }
table.expresso td.vrepeat-left { width: 66px;height: 66px; background: url(../images/frm-exp-vrepeat-left.png); }
table.expresso td.vrepeat-right {width: 66px; height: 66px; background: url(../images/frm-exp-vrepeat-right.png);     background-position: -2px 0;}
/*Mats */
table.expresso table.mat-c td { padding: 0px 46px 0px 46px; background-color:#ffffeb;  border:0px;}
table.expresso table.mat-c table.art td  { padding: 0; text-align: center; border: 1px solid #eee;} /* around each photo.*/
table.expresso table.mat-c p.change-letters {color:#666;}
table.expresso table.mat-c tr.mat-top, table.expresso table.mat-c tr.mat-bottom {height:59px;}

table.expresso table.mat-b td { padding: 0px 46px 0px 46px; background-color:#302a2a; border:0px;}
table.expresso table.mat-b table.art td  { padding: 0; text-align: center; border: 1px solid #ede7d7;} /* around each photo.*/
table.expresso table.mat-b p.change-letters {color:#fff;}
table.expresso table.mat-b tr.mat-top, table.expresso table.mat-b tr.mat-bottom  {height:59px;} 


/* 3.----------- Large Framecraft Frame - $149.99 ---------------*/
table.fc-large td.top-left {height: 90px; background: url(../images/frames/fc-large/fl-top-left.png) 0 0 ; }
table.fc-large td.top-left div {width:90px}
table.fc-large td.top-right { width: 90px; height: 90px; background: url(../images/frames/fc-large/fl-top-right.png) 100% 0; }
table.fc-large td.top-right  div {width:90px;}
table.fc-large td.bottom-left { width: 90px; height: 90px; background: url(../images/frames/fc-large/fl-bottom-left.png) 0 100%; }
table.fc-large td.bottom-right { width: 90px; height: 90px; background: url(../images/frames/fc-large/fl-bottom-right.png) 100% 100%; }
table.fc-large td.hrepeat-top { height: 90px; background: url(../images/frames/fc-large/fl-top.png); }
table.fc-large td.hrepeat-bottom { height: 90px; background: url(../images/frames/fc-large/fl-bottom.png) 0% 100%; }
table.fc-large td.vrepeat-left { width: 90px;height: 90px; background: url(../images/frames/fc-large/fl-left.png); }
table.fc-large td.vrepeat-right {width: 90px; height: 90px; background: url(../images/frames/fc-large/fl-right.png);    background-position: -2px 0; }
/*Mats*/
table.fc-large table.fc-mat-c td { padding: 0px 64px 0px 64px; background-color:#f6f6f6;  border:0px;}
table.fc-large table.fc-mat-c table.art td  { padding: 0; text-align: center; border: 1px solid #b5b5b5;} /* around each photo.*/
table.fc-large table.fc-mat-c .decorative-border { border: 1px solid #ded8d0; padding: 12px 0; } /* VGROOVE -  border: 1px solid #ded8d0; padding: 6px 0; table.art has borders spacing of 6px between pics*/
table.fc-large table.fc-mat-c p.change-letters {color:#666;}
table.fc-large table.fc-mat-c tr.mat-top, table.fc-large table.fc-mat-c tr.mat-bottom {height:74px;}


/* 4.-----------Thin Silver Frame - $119.99 ---------------*/
table.frame-silver td.top-left { height: 9px; background: url(../images/frames/frame-silver/frame-top-left.png) 0 0 ; }
table.frame-silver td.top-left  div {width:9px;}
table.frame-silver td.top-right {height: 9px; background: url(../images/frames/frame-silver/frame-top-right.png) 100% 0; }
table.frame-silver td.top-right div {width:9px;}
table.frame-silver td.bottom-left { width: 9px; height: 9px; background: url(../images/frames/frame-silver/frame-bottom-left.png) 0 100%; }
table.frame-silver td.bottom-right { width: 9px; height: 9px; background: url(../images/frames/frame-silver/frame-bottom-right.png) 100% 100%; }
table.frame-silver td.hrepeat-top { height: 9px; background: url(../images/frames/frame-silver/frame-top.png); }
table.frame-silver td.hrepeat-bottom { height: 9px; background: url(../images/frames/frame-silver/frame-bottom.png) 0% 100%; }
table.frame-silver td.vrepeat-left { width: 9px;height: 9px; background: url(../images/frames/frame-silver/frame-left.png); }
table.frame-silver td.vrepeat-right { width: 9px;height: 9px; background: url(../images/frames/frame-silver/frame-right.png);    }
/*Mats*/
table.frame-silver table.mat-white td { padding: 0px 64px 0px 64px; background-color:#f6f6f6;  border:0px;}
table.frame-silver table.mat-white table.art td  { padding: 0; text-align: center; border-top: 2px solid #b5b5b5; border-left: 2px solid #b5b5b5; border-right:2px solid #fff; border-bottom:2px solid #fff;} /* around each photo.*/
table.frame-silver table.mat-white .decorative-border { border: 0px solid #ded8d0; padding: 0; } /* VGROOVE -  border: 1px solid #ded8d0; padding: 6px 0; table.art has borders spacing of 6px between pics*/
table.frame-silver table.mat-white p.change-letters {color:#666;}
table.frame-silver table.mat-white tr.mat-top, table.frame-silver table.mat-white tr.mat-bottom {height:74px;}

/* 5.-----------Thin Black Frame - $119.99 ---------------*/
table.frame-black td.top-left {height: 9px; background: url(../images/frames/frame-black/frame-top-left.png) 0 0 ; }
table.frame-black td.top-left  div {width:9px;}
table.frame-black td.top-right {height: 9px; background: url(../images/frames/frame-black/frame-top-right.png) 100% 0; }
table.frame-black td.top-right div {width:9px;}

table.frame-black td.bottom-left { width: 9px; height: 9px; background: url(../images/frames/frame-black/frame-bottom-left.png) 0 100%; }
table.frame-black td.bottom-right { width: 9px; height: 9px; background: url(../images/frames/frame-black/frame-bottom-right.png) 100% 100%; }
table.frame-black td.hrepeat-top { height: 9px; background: url(../images/frames/frame-black/frame-top.png); }
table.frame-black td.hrepeat-bottom { height: 9px; background: url(../images/frames/frame-black/frame-bottom.png) 0% 100%; }
table.frame-black td.vrepeat-left { width: 9px;height: 9px; background: url(../images/frames/frame-black/frame-left.png); }
table.frame-black td.vrepeat-right { width: 9px;height: 9px; background: url(../images/frames/frame-black/frame-right.png);    }
/*Mats*/
table.frame-black table.mat-white td { padding: 0px 64px 0px 64px; background-color:#f6f6f6;  border:0px;}
table.frame-black table.mat-white table.art td  { padding: 0; text-align: center; border-top: 2px solid #b5b5b5; border-left: 2px solid #b5b5b5; border-right:2px solid #fff; border-bottom:2px solid #fff;} /* around each photo.*/
table.frame-black table.mat-white .decorative-border { border: 0px solid #ded8d0; padding: 0; } /* VGROOVE -  border: 1px solid #ded8d0; padding: 6px 0; table.art has borders spacing of 6px between pics*/
table.frame-black table.mat-white p.change-letters {color:#666;}
table.frame-black table.mat-white tr.mat-top, table.frame-black table.mat-white tr.mat-bottom {height:74px;}

table.frame-black table.mat-black td { padding: 0px 64px 0px 64px; background-color:#1a1918;  border:0px;}
table.frame-black table.mat-black table.art td  { padding: 0; text-align: center; border-top: 2px solid #444444; border-left: 2px solid #444444; border-right:2px solid #5d5d5d; border-bottom:2px solid #5d5d5d;} /* around each photo.*/
table.frame-black table.mat-black .decorative-border { border: 0px solid #ded8d0; padding: 0; } /* VGROOVE -  border: 1px solid #ded8d0; padding: 6px 0; table.art has borders spacing of 6px between pics*/
table.frame-black table.mat-black p.change-letters {color:#666;}
table.frame-black table.mat-black tr.mat-top, table.frame-black table.mat-black tr.mat-bottom {height:74px;}

/* 6.-----------Large Black Frame - $119.99 ---------------*/
table.frame-large-black td.top-left {  height: 79px; background: url(../images/frames/frame-large-black/frame-top-left.png) 0 0 ; }
table.frame-large-black td.top-left div {width: 79px;}
table.frame-large-black td.top-right { height: 79px; background: url(../images/frames/frame-large-black/frame-top-right.png) 100% 0; }
table.frame-large-black td.top-right div {width: 79px;}
table.frame-large-black td.bottom-left { width: 79px; height: 79px; background: url(../images/frames/frame-large-black/frame-bottom-left.png) 0 100%; }
table.frame-large-black td.bottom-right { width: 79px; height: 79px; background: url(../images/frames/frame-large-black/frame-bottom-right.png) 100% 100%; }
table.frame-large-black td.hrepeat-top { height: 79px; background: url(../images/frames/frame-large-black/frame-top.png); }
table.frame-large-black td.hrepeat-bottom { height: 79px; background: url(../images/frames/frame-large-black/frame-bottom.png) 0% 100%; }
table.frame-large-black td.vrepeat-left { width: 79px;height: 79px; background: url(../images/frames/frame-large-black/frame-left.png); }
table.frame-large-black td.vrepeat-right { width: 79px;height: 79px; background: url(../images/frames/frame-large-black/frame-right.png);    }
/*Mats*/
table.frame-large-black table.mat-white td { padding: 0px 64px 0px 64px; background-color:#f6f6f6;  border:0px;}
table.frame-large-black table.mat-white table.art td  { padding: 0; text-align: center; border-top: 2px solid #b5b5b5; border-left: 2px solid #b5b5b5; border-right:2px solid #fff; border-bottom:2px solid #fff;} /* around each photo.*/
table.frame-large-black table.mat-white .decorative-border { border: 0px solid #ded8d0; padding: 0; } /* VGROOVE -  border: 1px solid #ded8d0; padding: 6px 0; table.art has borders spacing of 6px between pics*/
table.frame-large-black table.mat-white p.change-letters {color:#666;}
table.frame-large-black table.mat-white tr.mat-top, table.frame-large-black table.mat-white tr.mat-bottom {height:74px;}


/*Basket frame/mat

expresso	#3F3735	mat-c	#FFFFEC	13	Espresso Frame with Cream Mat
expresso	#3F3735	mat-b	#3F3735	14	Espresso Frame with Light Coffee Mat
fc-black	#000000	fc-mat-bl	#1a1918	15	Solid Black Wood Frame with Black Mat
fc-black	#000000	fc-mat-c	#FFFFEC	16	Solid Black Wood Frame with White Mat
frame-silver	NULL	mat-white	NULL	18	Frosted Silver Aluminum Frame
frame-black	NULL	mat-white	NULL	19	Matte Black Aluminum Frame with White Mat
frame-black	NULL	mat-black	NULL	20	Matte Black Aluminum Frame with Black Mat
frame-large-black	NULL	mat-white	NULL	21	Solid Black Wood with White Mat

*/

div.basket-item table.expresso {border: 6px solid #3F3735;}
div.basket-item table.fc-black {border: 6px solid #000000;}
div.basket-item table.frame-silver {border: 2px solid silver;}
div.basket-item table.frame-black {border: 2px solid #000000;}
div.basket-item table.frame-large-black {border: 15px solid #000000;}

div.basket-item table.mat-c {background-color: #FFFFEC; border-spacing: 10px; border-collapse: separate; margin:0 auto;}
div.basket-item table.mat-b {background-color: rgba(63, 55, 53, 0.94); border-spacing: 10px; border-collapse: separate; margin:0 auto;}
div.basket-item table.fc-mat-bl {background-color: #1a1918; border-spacing: 10px; border-collapse: separate; margin:0 auto;}
div.basket-item table.fc-mat-c {background-color: #FFFFEC; border-spacing: 10px; border-collapse: separate; margin:0 auto;}
div.basket-item table.mat-white {background-color: #f6f6f6; border-spacing: 10px; border-collapse: separate; margin:0 auto;}
div.basket-item table.mat-black {background-color: #1a1918; border-spacing: 10px; border-collapse: separate; margin:0 auto;}


/*-------------------Frame Choice------------------------*/
.f-choice {width: 150px; height:550px; float:left; background-color:white;border:1px solid #999999;padding:10px; margin-right:10px; margin-bottom:10px; font-size:0.8em;}
.f-choice-inner{height:450px;}
.f-choice li {padding-left:.5em; list-style-position: inside;list-style-type:none;}
#f-choice-intro {margin:8px 0 10px 0;}
#f-choice-footer {margin:8px 0 10px 0;}
.f-note {font-weight:bold;}

#caw-details { margin-top: 0px; background-color:rgba(255,255,255,0.9); color:#5a5a5a; }
#framing-info-container {padding:10px;}

#selectFrameInfoData {text-align:left; }
#selectFrameInfoData h2 {font-size:22px;}
#selectFrameInfoData img {margin: 0 0 20px 0; width:150px;}
#selectFrameInfoData ul {padding:0 0 0 15px;}
span.property {width:30px; font-weight:bold;}

#frame-opt-container { display:-moz-inline-stack;  display:inline-block; zoom:1; *display:inline;}
.frame-opt{float:left; width: 90px;  margin:0 5px;}
.frame-opt img {width:100%;}
.frame-opt-selected {}
.frame-opt-selected img{ border:2px solid white;}
.frame-opt:hover { cursor: pointer;}
#framing-options{ text-align:center;     margin: 15px 0 0px 0; } 
#framing-options-detail{width:480px; padding-top:30px; float:left; text-align:left; }
#framing-options h2 {display:none;}
#caw-total {text-align:right;}
p.caw-total{font-style: italic; line-height: 28px; text-align:right; margin:6px 0 0 0;}
p.caw-total a{font-size:medium;}
#caw-option-desc {margin:0px 0 15px 0;}
#selectLettersData {height:460px; overflow:scroll;} /*height:460px; overflow:scroll;} SAMB20121030 */
.note {color:Maroon; font-size:small;}
.note-delivery {font-size: x-small;}
.note-frame-signed{ background-color:#B4370A; color:White;}
#summary-rating {margin: 80px auto 15px auto; background-color: none;}

/*Change Letters*/
.md, .md-s{padding:0 10px 10px 10px; background:#fff; } /*height:430px; }  SAMB20121030 */
.md-s{height:360px;}


/*----------------------------------------------------------------
    RESPONSIVE LAYOUT
-----------------------------------------------------------------*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
    p.alphabet-letters-intro {display:none;}
    .as-featured-on-horizontal {padding:0 10px;}
    #caw-videos .video-container iframe {width: 320px;height: 180px; }
    .video-container iframe {width: 260px;height: 146px; } 
    #facebook {float:none;}  
    #pnlNav {float:none;}
    #pnlNav ul.nav li{ list-style:none; float:none; text-align:center; padding:5px 0; width:100%; border-bottom:1px solid #eee;}
}

/* Smartphones (landscape) ----------- 
@media only screen and (min-width : 321px) {
}*/

/* Smartphones (portrait) ----------- 
@media only screen and (max-width : 320px) {
}*/

@media only screen and (min-width : 480px) and (max-width : 767px) {
    .image-bg-front-page, .image-bg-create-a-word { padding: 20px 10px 20px 10px;}
    #summary-rating { width: 390px; text-align:center;}
    .stars {float: none; background-image: url(/images/star-sprite.png); background-repeat: no-repeat;height: 16px; margin: 2px auto 0 auto;padding: 0;vertical-align: top;  width: 80px; border: 0;}
    #step2 {width:400px}
}

@media only screen and (min-width : 768px) {
    #summary-rating { width: 490px;margin: 15px auto 15px auto;}
    .number-rating a {display:inline;}
    #step2 {width:500px}
}

@media only screen and (min-width:1024px) {
    .type-your-word-can { height: 357px; background: url(../images/bg-frame-front-page.png) 50% -6px no-repeat; text-align: center;  padding: 0px;  margin: 50px 0 0 0; }
    .type-your-word-can form { width: 795px; height: 157px; padding: 6px; border: 1px solid #ded8d0; margin: 5px auto 0 auto; }
    .type-your-word-can p.special-characters { margin: 5px 0; font-style: italic;color:gray;}
    .type-your-word-can input.type-your-word { margin-top:100px;width: 863px; height: 166px; border-top: 2px solid #b5b5b5; border-left: 2px solid #b5b5b5; border-right:2px solid #fff; border-bottom:2px solid #fff; font: italic 80px/1.5 Georgia, 'Times New Roman', serif; text-align: center; color: #3f403d; background-color:#f1f1f1;}
    div.white-arrow-up {margin: 0 auto; width: 0px;height: 1px;border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid rgba(255,255,255,0.9); font-size: 0; line-height: 0;}
    .frame-opt-selected img{ border:0px solid white;}
    #caw-details { -moz-border-radius: 0px; color: #5a5a5a;}
    #create-a-word-feature {  padding: 30px 0px 0px 0px; text-align: center; overflow:auto; }
    #caw-details { margin-top: -5px;  -moz-border-radius: 10px; border-radius: 10px; }
    #step2 {width:100%; }
}



@media only screen and (min-width : 768px) and (max-width : 1024px) {


    p.alphabet-letters-intro {display:none;}
    .as-featured-on-horizontal {padding:0 10px;}
    #step1 .video-container iframe {width: 390px;height: 220px;} 
    #caw-videos .video-container iframe {width: 200px;height: 100px; }
    #myTab {margin-top:20px; padding-top:10px;}
    .frame-opt{ width: 60px; }
    .frame-opt .mos {font-size: 14px;}

}
@media only screen and (min-width : 1024px) and (max-width : 1224px) {
    #step1 .video-container iframe {width: 500px;height: 281px; } 
    #caw-videos .video-container iframe {width: 300px;height: 180px; }     
    #step1 h2 {font-size:30px;}
    #step1 h3 {font-size:16px;}      
}
@media only screen and (min-width : 1224px) {
    #step1 .video-container iframe {width: 660px;height: 370px; } 
}