/*

Global

*/



#order-comparison {

    margin: 0;

    padding: 20px 0;

}



#order-comparison h1 {

    margin: 0 0 20px;

    text-align: center;

}





#order-comparison h2 {

    font-weight: normal;

    border: 0;

    margin: 0;

}



#order-comparison .center80 {

    margin: 0 auto;

    width: 80%;

}



#order-comparison .textcenter {

    text-align: center;

}







#order-comparison .textright {

    text-align: right;

}



#order-comparison .clear {

    clear: both;

}



#order-comparison .errorbox {

    margin:0 0 10px;

    padding:10px;

    font-weight: bold;

    background-color:#FFB0B0;

    color:#fff;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    -o-border-radius: 6px;

    border-radius: 6px;



}



#order-comparison .errorbox ul {

    margin: 5px 20px;

}



#order-comparison .errorbox ul li {

    font-weight: normal;

    text-align: left;

    color:#7F0000;

}







#order-comparison table tr th {

    padding: 5px;

	background-color: #efefef;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

	color: #222222;

	font-weight: bold;

	text-align: center;font-size: 17px;



}







#order-comparison table tr td {

    padding: 3px;

    border-bottom: 1px solid #ccc;



}





#order-comparison .cartcontainer {

    border: 2px solid #efefef;

	background-image: linear-gradient(#f2f2f2, #D6D6D6);

    width: 90%;

    padding: 15px;

    margin: 0 auto;

	font-size: 17px;

}







#order-comparison .cartcontainer table tr td {

    padding: 2px;

    border-bottom: 0;	font-size: 17px;

}







#order-comparison table.centertext tr td {

    text-align: center;

	font-size: 17px;

}







#order-comparison .domainoptions div {

	font-size: 17px;

    margin: 2px 20px;



}







#order-comparison table.carttable tr.summary td {



	background-color: #efefef;

    border-bottom: 1px solid #ccc;

	color: #222222;

	height: 20px;

	font-size: 17px;

	font-weight: bold;



}







#order-comparison table.carttable {



	background-color: #fff;



	width: 100%;



    padding-bottom: 10px;



}







#order-comparison table.carttable tr td {



	background-color: #ffffff;



    border-bottom: 1px solid #ccc;



	padding: 4px;



}







#order-comparison .textgreen {



    color: #779500;



}



#order-comparison .textred {



    color: #cc0000;



}







#order-comparison .cartbutton.green {
 border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 400px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

#order-comparison .cartbutton.green span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

#order-comparison .cartbutton.green span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

#order-comparison .cartbutton.green:hover span {
  padding-right: 25px;
}

#order-comparison .cartbutton.green:hover span:after {
  opacity: 1;
  right: 0;
}




#order-comparison .cartbutton.green2 {
 border-radius: 4px;
  background-color:#669999;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 400px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

#order-comparison .cartbutton.green2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

#order-comparison .cartbutton.green2 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

#order-comparison .cartbutton.green2:hover span {
  padding-right: 25px;
}

#order-comparison .cartbutton.green2:hover span:after {
  opacity: 1;
  right: 0;
}



#order-comparison .cartbutton.red {
    color:#d12f19;
}


.loading {



    display: none;



    padding-top: 20px;



    text-align: center;



}







#orderfrm input,#orderfrm select,#ccinputform input,#ccinputform select {



    border: 1px solid #ccc;

    padding: 4px;



}







.errorbox {



    text-align: left;



    list-style-type: none;



}















/*



Steps



*/





/*เมนู การสั่ซื้อ*/

#order-comparison .stepscontainer {



    width: 100%;



    border: 1px solid #f2f2f2;



    background-image: url('images/stepsbg.png');



    font-size: 19px;;



    margin: 15px auto 10px auto;



}





#order-comparison .stepscontainer .arrow {

    float: left;

    width: 33px;

    height: 35px;

    background-image: url('images/stepsarrow.png');

}





#order-comparison .stepscontainer .arrowactiveleft {

    float: left;

    width: 33px;

    height: 35px;

    background-image: url('images/stepsarrowactiveleft.png');

}



#order-comparison .stepscontainer .arrowactiveright {

    float: left;

    width: 33px;

    height: 35px;

    background-image: url('images/stepsarrowactiveright.png');

}



#order-comparison .stepscontainer .stepactive {

    float: left;

    background-image: url('images/activestep.png');

    width: 188px;

    line-height: 34px;

    text-align: center;

    color: #fff;



}







#order-comparison .stepscontainer .step {

    float: left;

    width: 188px;

    line-height: 34px;

    text-align: center;

    color: #000;

}







#order-comparison .stepscontainer .title {

    font-size: 16px;

    font-weight: bold;

    padding-right: 5px;

}



/*

Categories ผลิตภัณฑ์ทั้งหมด

*/





#order-comparison .cartcats {

	

	color:#fff;

    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);     

	font-family: 'Prompt', sans-serif;

	font-size: 17px;



	background-image: linear-gradient(#87939F, #3A414A);

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    margin: 0 0 20px 0;

    padding: 10px 25px 10px 25px;

    text-align: center;

	font-weight: 300;



}







#order-comparison .cartcats a {



    color: #fff;



}







#order-comparison .domainregtitle {



    font-size: 16px;



}







/*



Product Listing



*/







#order-comparison .currencychooser {



    float: right;



    margin: 0 20px 10px 0;



    padding: 5px 5px 5px 10px;



    background-color: #F8F7ED;



    border: 1px solid #F4E3A2;



    -moz-border-radius: 5px;



    -webkit-border-radius: 5px;



    -o-border-radius: 5px;



    border-radius: 5px;



    font-size: 14px;;



    font-family: 'Prompt', sans-serif;



}







#order-comparison .currencychooser a {



    text-decoration: none;



    padding-right: 5px;



    color: #000;



}







#order-comparison .currencychooser a:hover {



    color: #0066CC;



}







#order-comparison .prodtablecol {



    float: left;



    width: 20%;



    font-size: 16px;



    text-align: center;



}







#order-comparison .prodtablecol .title {



    font-size: 16px;



    font-weight: bold;



}







#order-comparison .prodtablecol .divider {



    height: 1px;



    background-color: #fff;



}







#order-comparison .prodtablecol div.featureheader {



    padding: 10px 0 10px 0;



    height: 34px;



    border-right: 1px solid #fff;



    border-bottom: 1px solid #fff;



}







#order-comparison .prodtablecol div.feature {



		background-image: linear-gradient(#666, #000);



    line-height: 30px;



    font-size: 14px;;



    color: #fff;



    border-bottom: 1px solid #fff;



}







#order-comparison .prodtablecol div.aheader {



		background-image: linear-gradient(#204791, #000);

    padding: 10px 0 10px 0;

    color: #fff;

    font-size: 17px;

    height: 34px;

    border-right: 1px solid #fff;

    border-bottom: 1px solid #fff;



}







#order-comparison .prodtablecol div.aheaderexpandable {



    background-color: #204791;



    padding: 10px 0 10px 0;



    color: #fff;



    font-size: 14px;;



    min-height: 55px;



    border-right: 1px solid #fff;



    border-bottom: 1px solid #fff;



}







#order-comparison .prodtablecol div.afeaturedesc1 {



    padding: 5px;



    background-color: #EAF2F7;



    min-height: 140px;



    line-height: 20px;



    color: #204791;



    border-right: 1px solid #fff;



    border-bottom: 1px solid #fff;



}







#order-comparison .prodtablecol div.afeature1 {



    background-color: #EAF2F7;



    line-height: 30px;



    color: #204791;



    border-right: 1px solid #fff;



    border-bottom: 1px solid #fff;



}







#order-comparison .prodtablecol div.afeature2 {



    background-color: #CEE1EC;



    line-height: 30px;



    color: #204791;



    border-right: 1px solid #fff;



    border-bottom: 1px solid #fff;



}







#order-comparison .prodtablecol div.bheader {

		background-image: linear-gradient(#7BAA24, #000);

    padding: 10px 0 10px 0;

    color: #fff;

    font-size: 17px;

    height: 34px;

    border-right: 1px solid #fff;

    border-bottom: 1px solid #fff;

}







#order-comparison .prodtablecol div.bheaderexpandable {

    background-color: #7BAA24;

    padding: 10px 0 10px 0;

    color: #fff;

    font-size: 14px;;

    min-height: 55px;

    border-right: 1px solid #fff;

   border-bottom: 1px solid #fff;

}







#order-comparison .prodtablecol div.bfeaturedesc1 {



    padding: 5px;



    background-color: #F0F7EA;



    min-height: 140px;



    line-height: 20px;



    color: #668C1E;



    border-right: 1px solid #fff;



    border-bottom: 1px solid #fff;



}







#order-comparison .prodtablecol div.bfeature1 {



    background-color: #F0F7EA;



    line-height: 30px;



    color: #668C1E;



    border-right: 1px solid #fff;



    border-bottom: 1px solid #fff;



}







#order-comparison .prodtablecol div.bfeature2 {



    background-color: #DFEED2;



    line-height: 30px;



    color: #668C1E;



    border-right: 1px solid #fff;



    border-bottom: 1px solid #fff;



}







/*



Addons



*/







#order-comparison .addoncontainer {



    float: left;



    width: 50%;



}







#order-comparison .addon {



    margin: 5px;



    border: 1px solid #ccc;



    padding: 10px;



}







#order-comparison .addon:hover {



    background-color: #FFF9E6;



}







#order-comparison .addon .title {



    float: left;



    padding: 0 0 6px 0;



    font-size: 16px;



    color: #555;



}







#order-comparison .addon .pricing {



    float: right;



    padding: 0 0 6px 0;



    text-align: right;



    font-size: 16px;



    color: #cc0000;



}







#order-comparison .addon .setup {



    font-size: 14px;;



}







#order-comparison .addon .product {



    padding-top: 6px;



    text-align: right;



}







#order-comparison .addon select {



    padding: 3px;



    border: 1px solid #ccc;



    width: 180px;



}







/*



Domain Registration



*/







#order-comparison .domainreginput {



    margin-top: 15px;



    border-top: 1px solid #ccc;



    border-bottom: 1px solid #ccc;



    font-size: 16px;



    text-align: center;



    padding: 10px;



}







#order-comparison .domainreginput input {



    font-size: 16px;



    padding: 3px;



    border: 1px solid #ccc;



}







#order-comparison .domainreginput select, .domainregperiod select {



    font-size: 13px;



    padding: 3px;



    border: 1px solid #ccc;



}







#order-comparison .domainavailable {



    color: #9AC003;
	text-shadow:#000000;
    font-size: 16px;
   font-weight: bold;
    text-align: center;
   margin-top: 25px;


}







#order-comparison .domainunavailable {



    color: #cc0000;



    font-size: 16px;



    font-weight: bold;



    text-align: center;



    margin-top: 25px;



}







#order-comparison .domaininvalid {



    color: #cc0000;



    font-size: 16px;



    font-weight: bold;



    text-align: center;



    margin-top: 25px;



}







#order-comparison .domainregperiod {



    font-size: 14px;;



    text-align: center;



    padding-bottom: 20px;



}







#order-comparison div.domainsuggestions {



    font-size: 18px;



    font-weight: normal;



    padding-bottom: 5px;



    margin-top: 15px;



}







/*



Product Config



*/







#order-comparison .billingcycle {



    border-top: 1px solid #ccc;



    border-bottom: 1px solid #ccc;



    padding: 2px;



    margin-bottom: 20px;

		font-size: 20px;



}







#order-comparison .serverconfig {



    border-top: 1px solid #ccc;



    border-bottom: 1px solid #ccc;



    padding: 2px;



    margin-bottom: 20px;



}







#order-comparison .configoptions {



    border-top: 1px solid #ccc;



    border-bottom: 1px solid #ccc;



    padding: 2px;



    margin-bottom: 20px;



}







#order-comparison .addons {



    border-top: 1px solid #ccc;



    border-bottom: 1px solid #ccc;



    padding: 2px;



    margin-bottom: 20px;



}







#order-comparison .customfields {



    border-top: 1px solid #ccc;



    border-bottom: 1px solid #ccc;



    padding: 2px;



    margin-bottom: 20px;



}







/*



Domain Config



*/







#order-comparison .domainconfig {



    border-top: 1px solid #ccc;



    border-bottom: 1px solid #ccc;



    padding: 2px;



    margin-bottom: 20px;



}







#order-comparison .nameservers {



    border-top: 1px solid #ccc;



    border-bottom: 1px solid #ccc;



    padding: 2px;



    margin-bottom: 20px;



}







/*



Config Tables



*/







#order-comparison .configtable td {



    padding: 2px 5px 2px 5px;



}







#order-comparison .configtable td.fieldlabel {



    width: 150px;



    text-align: right;



}







#order-comparison .configtable td.radiofield {



    width: 30px;



    text-align: right;



}







#order-comparison .configtable td.fieldarea {



    background-color: #f2f2f2;



    border-bottom: 1px solid #fff;



    text-align: left;



}







#order-comparison .configoplabel {



    color: #ff6600;



    font-weight: bold;



    text-align: center;



    font-size: 16px;



}







/*



Order Summary



*/







#order-comparison .ordersummary {



    margin: 15px;



}







#order-comparison .totalduetoday {



    text-align: right;



    font-size: 20px;



    color: #cc0000;



}







#order-comparison .totalrecurring {



    text-align: right;



    font-size: 16px;



    color: #000066;



}







#order-comparison .checkoutbuttonsleft {



    float: left;



    margin: 5px 0 0 0;



}







#order-comparison .checkoutbuttonsright {



    float: right;



    margin: 5px 0 0 0;



}







/*



Checkout



*/







#order-comparison .promo {



    text-align: right;



}







#order-comparison .promo input {



    font-size: 13px;;



}







#order-comparison .gatewaycheckout {



    margin: 10px 0 0 0;



    text-align: center;



}







#order-comparison .viewcartcol1 {



    float: left;



    margin-top: 10px;



    width: 55%;



}







#order-comparison .viewcartcol2 {



    float: left;



    margin-top: 10px;



    width: 45%;



}







#order-comparison .paymentmethods {



    padding-left: 20px;



}







#order-comparison .checkoutsecure {
background-color:#FF3300;

    text-align: left;



    margin: 20px 0 10px 0;



}







#order-comparison #domaincontactfields {



    display: none;



}